From 477346c6ce5966d462f28c08d7c74edaa51d8e93 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Fri, 1 Dec 2023 14:21:53 +0530
Subject: [PATCH 01/84] added landscape mode support

---
 .../android/app/src/main/AndroidManifest.xml       |  9 +++------
 .../react-native-room-kit/example/ios/Podfile.lock |  4 ++--
 .../src/components/Footer.tsx                      | 14 ++++++++++++--
 .../src/components/GridView.tsx                    |  6 +++++-
 .../src/components/MeetingScreenContent.tsx        |  4 +++-
 .../src/components/TilesContainer.tsx              |  6 +++---
 6 files changed, 28 insertions(+), 15 deletions(-)

diff --git a/packages/react-native-room-kit/example/android/app/src/main/AndroidManifest.xml b/packages/react-native-room-kit/example/android/app/src/main/AndroidManifest.xml
index d7de1a19a..17bb100f7 100644
--- a/packages/react-native-room-kit/example/android/app/src/main/AndroidManifest.xml
+++ b/packages/react-native-room-kit/example/android/app/src/main/AndroidManifest.xml
@@ -30,13 +30,11 @@
       <activity
         android:exported="true"
         android:name="com.reactnativehmssdk.HmsScreenshareActivity"
-        android:label="@string/app_name"
-        android:screenOrientation="portrait" />
+        android:label="@string/app_name" />
       <activity
         android:exported="true"
         android:name="com.reactnativehmssdk.HMSAudioshareActivity"
-        android:label="@string/app_name"
-        android:screenOrientation="portrait" />
+        android:label="@string/app_name" />
       <activity
         android:exported="true"
         android:name=".MainActivity"
@@ -44,8 +42,7 @@
         android:supportsPictureInPicture="true"
         android:configChanges="keyboard|keyboardHidden|orientation|screenSize|smallestScreenSize|screenLayout|uiMode"
         android:launchMode="singleTask"
-        android:windowSoftInputMode="adjustResize"
-        android:screenOrientation="portrait">
+        android:windowSoftInputMode="adjustResize">
         <intent-filter>
             <action android:name="android.intent.action.MAIN" />
             <category android:name="android.intent.category.LAUNCHER" />
diff --git a/packages/react-native-room-kit/example/ios/Podfile.lock b/packages/react-native-room-kit/example/ios/Podfile.lock
index 72abf5303..60d70519d 100644
--- a/packages/react-native-room-kit/example/ios/Podfile.lock
+++ b/packages/react-native-room-kit/example/ios/Podfile.lock
@@ -318,7 +318,7 @@ PODS:
     - React-Core
   - react-native-camera/RN (4.2.1):
     - React-Core
-  - react-native-hms (1.9.4):
+  - react-native-hms (1.9.5):
     - HMSBroadcastExtensionSDK (= 0.0.9)
     - HMSHLSPlayerSDK (= 0.0.2)
     - HMSSDK (= 1.3.0)
@@ -690,7 +690,7 @@ SPEC CHECKSUMS:
   React-logger: a1f028f6d8639a3f364ef80419e5e862e1115250
   react-native-blur: cfdad7b3c01d725ab62a8a729f42ea463998afa2
   react-native-camera: 3eae183c1d111103963f3dd913b65d01aef8110f
-  react-native-hms: d140f0172b83b6e5aaad9601552394380378f910
+  react-native-hms: f3045b22556ab390f7f441d16203dc34786d8216
   react-native-lottie-splash-screen: 015423265bac5f46016dff2e31c97b9590808856
   react-native-safe-area-context: 61c8c484a3a9e7d1fda19f7b1794b35bbfd2262a
   react-native-simple-toast: bf002828cf816775a6809f7a9ec3907509bce11f
diff --git a/packages/react-native-room-kit/src/components/Footer.tsx b/packages/react-native-room-kit/src/components/Footer.tsx
index 19b6ab70d..1267b60de 100644
--- a/packages/react-native-room-kit/src/components/Footer.tsx
+++ b/packages/react-native-room-kit/src/components/Footer.tsx
@@ -24,6 +24,7 @@ import {
 } from '../hooks-sdk';
 import { useSelector } from 'react-redux';
 import type { RootState } from '../redux';
+import { useIsLandscapeOrientation } from '../utils/dimension';
 
 interface FooterProps {}
 
@@ -32,6 +33,7 @@ export const _Footer: React.FC<FooterProps> = () => {
   const canPublishAudio = useCanPublishAudio();
   const canPublishVideo = useCanPublishVideo();
   const canPublishScreen = useCanPublishScreen();
+  const isLandscapeOrientation = useIsLandscapeOrientation();
 
   const isViewer = !(canPublishAudio || canPublishVideo || canPublishScreen);
 
@@ -105,7 +107,7 @@ export const _Footer: React.FC<FooterProps> = () => {
     >
       <View
         style={[
-          styles.container,
+          isLandscapeOrientation ? styles.landscapeContainer : styles.container,
           isHLSViewer ? styles.hlsContainer : containerStyles,
         ]}
       >
@@ -152,7 +154,15 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'center',
-    marginBottom: Platform.OS === 'android' ? 16 : 0, // TODO: need to correct hide aimation offsets because of this change
+    marginBottom: Platform.OS === 'android' ? 16 : 0, // TODO: need to correct hide animation offsets because of this change
+  },
+  landscapeContainer: {
+    paddingTop: 4,
+    paddingHorizontal: 4,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginBottom: Platform.OS === 'android' ? 4 : 0,
   },
   hlsContainer: {
     paddingTop: 8,
diff --git a/packages/react-native-room-kit/src/components/GridView.tsx b/packages/react-native-room-kit/src/components/GridView.tsx
index daea1a51d..30001c73a 100644
--- a/packages/react-native-room-kit/src/components/GridView.tsx
+++ b/packages/react-native-room-kit/src/components/GridView.tsx
@@ -18,6 +18,7 @@ import type { RootState } from '../redux';
 import { PaginationDots } from './PaginationDots';
 import { setGridViewActivePage } from '../redux/actions';
 import { Tile } from './Tile';
+import { useIsLandscapeOrientation } from '../utils/dimension';
 
 export type GridViewProps = {
   onPeerTileMorePress(peerTrackNode: PeerTrackNode): void;
@@ -157,6 +158,7 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
     position: 'relative',
+    flexDirection: 'row',
   },
   measureLayoutView: {
     position: 'absolute',
@@ -183,6 +185,8 @@ const RegularTiles = React.forwardRef<
     (state: RootState) => state.app.gridViewActivePage
   );
 
+  const isLandscapeOrientation = useIsLandscapeOrientation();
+
   const _keyExtractor = React.useCallback((item) => item[0]?.id, []);
 
   const _handleViewableItemsChanged = React.useCallback(
@@ -234,7 +238,7 @@ const RegularTiles = React.forwardRef<
         <PaginationDots
           list={pairedPeers}
           activeIndex={activeIndex}
-          style={screenshareTilesAvailable ? { marginVertical: 8 } : null}
+          style={screenshareTilesAvailable ? { marginVertical: 8 } : isLandscapeOrientation ? { marginVertical: 4 } : null }
         />
       ) : null}
     </View>
diff --git a/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx b/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx
index 510f6a4b1..d71d8169c 100644
--- a/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx
+++ b/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx
@@ -20,6 +20,7 @@ import { HMSStatusBar } from './StatusBar';
 import { AnimatedFooter } from './AnimatedFooter';
 import { HLSFooter } from './HLSFooter';
 import { AnimatedHeader } from './AnimatedHeader';
+import { useIsLandscapeOrientation } from '../utils/dimension';
 // import { ReconnectionView } from './ReconnectionView';
 
 interface MeetingScreenContentProps {
@@ -36,6 +37,7 @@ export const MeetingScreenContent: React.FC<MeetingScreenContentProps> = ({
   const isPipModeActive = useSelector(
     (state: RootState) => state.app.pipModeStatus === PipModes.ACTIVE
   );
+  const isLandscapeOrientation = useIsLandscapeOrientation();
 
   const toggleControls = useCallback(() => {
     'worklet';
@@ -90,7 +92,7 @@ export const MeetingScreenContent: React.FC<MeetingScreenContentProps> = ({
       <HMSStatusBar hidden={controlsHidden} barStyle={'light-content'} />
 
       <View style={styles.reconnectionWrapper}>
-        {isPipModeActive ? null : (
+        {isPipModeActive || isLandscapeOrientation ? null : (
           <AnimatedHeader offset={offset}>
             <Header transparent={isHLSViewer} showControls={!isHLSViewer} />
           </AnimatedHeader>
diff --git a/packages/react-native-room-kit/src/components/TilesContainer.tsx b/packages/react-native-room-kit/src/components/TilesContainer.tsx
index 0563de7fe..16bfb988e 100644
--- a/packages/react-native-room-kit/src/components/TilesContainer.tsx
+++ b/packages/react-native-room-kit/src/components/TilesContainer.tsx
@@ -49,7 +49,7 @@ const _TilesContainer: React.FC<TilesContainerProps> = ({
               : growableTileLayout
               ? 'space-between'
               : 'center',
-          flexDirection: screenshareTilesAvailable ? 'row' : 'column',
+          flexDirection: screenshareTilesAvailable ? 'row' : isLandscapeOrientation ? 'row' : 'column',
         },
         { width: Dimensions.get('window').width - left - right },
       ]}
@@ -133,8 +133,8 @@ const fourTileStyle = { width: '49.5%', height: '100%' }; // Grid Layout when Wi
 const fiveAndSixTileStyle = { width: '49.5%', aspectRatio: 1 }; // Grid Layout when width and Height as fixed aspectRatio
 
 const oneTileStyleLandscape = { width: '100%', height: '100%' };
-const twoTileStyleLandscape = { width: '50%', height: '100%' };
-const threeTileStyleLandscape = { width: '33.3333%', height: '100%' };
+const twoTileStyleLandscape = { width: '49.7222%', height: '100%' };
+const threeTileStyleLandscape = { width: '33%', height: '100%' };
 const fourTileStyleLandscape = { width: '50%', height: '50%' };
 
 function computeTileWidthAndHeight(

From 18cb98cd686c261c49209b282051384d4bb4b984 Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Fri, 1 Dec 2023 17:02:17 +0530
Subject: [PATCH 02/84] landscape mode fixes

---
 .../src/components/Chat/ChatBanner.tsx        |  9 ++
 .../Chat/ChatFilterBottomSheetView.tsx        |  8 +-
 .../ChatAndParticipantsBottomSheet.tsx        |  4 +-
 .../src/components/GridView.tsx               | 25 ++++--
 .../src/components/HMSTextInput.tsx           | 87 ++++++++++---------
 5 files changed, 82 insertions(+), 51 deletions(-)

diff --git a/packages/react-native-room-kit/src/components/Chat/ChatBanner.tsx b/packages/react-native-room-kit/src/components/Chat/ChatBanner.tsx
index b93e711b5..dc078051a 100644
--- a/packages/react-native-room-kit/src/components/Chat/ChatBanner.tsx
+++ b/packages/react-native-room-kit/src/components/Chat/ChatBanner.tsx
@@ -2,8 +2,11 @@ import * as React from 'react';
 import { View, StyleSheet, Text, Image } from 'react-native';
 
 import { useHMSRoomStyleSheet } from '../../hooks-util';
+import { useIsLandscapeOrientation } from '../../utils/dimension';
 
 export const ChatBanner = () => {
+  const isLandscapeOrientation = useIsLandscapeOrientation();
+
   const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
     title: {
       color: theme.palette.on_surface_high,
@@ -19,6 +22,7 @@ export const ChatBanner = () => {
     <View style={styles.container}>
       <Image
         source={require('../../assets/empty-chat-illustration/empty-chat.png')}
+        style={isLandscapeOrientation ? styles.landscapeCoverImage : null}
       />
       <Text style={[styles.title, hmsRoomStyles.title]}>
         Start a Conversation
@@ -36,8 +40,13 @@ const styles = StyleSheet.create({
     flex: 1,
     alignItems: 'center',
     justifyContent: 'center',
+    overflow: 'hidden',
     // transform: [Platform.OS === 'android' ? { scale: -1 } : { scaleY: -1 }],
   },
+  landscapeCoverImage: {
+    flexShrink: 1,
+    resizeMode: 'contain'
+  },
   title: {
     fontSize: 20,
     lineHeight: 24,
diff --git a/packages/react-native-room-kit/src/components/Chat/ChatFilterBottomSheetView.tsx b/packages/react-native-room-kit/src/components/Chat/ChatFilterBottomSheetView.tsx
index 3adf6879d..46fc04512 100644
--- a/packages/react-native-room-kit/src/components/Chat/ChatFilterBottomSheetView.tsx
+++ b/packages/react-native-room-kit/src/components/Chat/ChatFilterBottomSheetView.tsx
@@ -8,6 +8,7 @@ import { ChatFilterView } from './ChatFilterView';
 import { useHMSRoomStyleSheet } from '../../hooks-util';
 import type { RootState } from '../../redux';
 import { setChatFilterSheetVisible } from '../../redux/actions';
+import { useIsLandscapeOrientation } from '../../utils/dimension';
 
 interface ChatFilterBottomSheetViewProps {}
 
@@ -15,6 +16,7 @@ const _ChatFilterBottomSheetView: React.FC<
   ChatFilterBottomSheetViewProps
 > = ({}) => {
   const dispatch = useDispatch();
+  const isLandscapeOrientation = useIsLandscapeOrientation();
   const chatFilterSheetVisible = useSelector(
     (state: RootState) => state.app.chatFilterSheetVisible
   );
@@ -48,7 +50,11 @@ const _ChatFilterBottomSheetView: React.FC<
       <Animated.View
         entering={SlideInDown}
         exiting={SlideOutDown}
-        style={[styles.contentContainer, hmsRoomStyles.contentContainer]}
+        style={[
+          styles.contentContainer,
+          hmsRoomStyles.contentContainer,
+          isLandscapeOrientation ? { maxHeight: '88%' } : null
+        ]}
       >
         <ChatFilterView />
       </Animated.View>
diff --git a/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx b/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx
index 87b5ae134..92a82d318 100644
--- a/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx
+++ b/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx
@@ -6,9 +6,11 @@ import { BottomSheet } from '../BottomSheet';
 import { useShowChatAndParticipants } from '../../hooks-util';
 import { ChatAndParticipantsView } from './ChatAndParticipantsView';
 import { HEADER_HEIGHT } from '../Header';
+import { useIsLandscapeOrientation } from '../../utils/dimension';
 
 export const ChatAndParticipantsBottomSheet = () => {
   const { top: topSafeArea } = useSafeAreaInsets();
+  const isLandscapeOrientation = useIsLandscapeOrientation();
 
   const { modalVisible, hide } = useShowChatAndParticipants();
 
@@ -21,7 +23,7 @@ export const ChatAndParticipantsBottomSheet = () => {
       avoidKeyboard={true}
       containerStyle={[
         styles.bottomSheet,
-        { marginTop: topSafeArea + HEADER_HEIGHT },
+        { marginTop: topSafeArea + (isLandscapeOrientation ? 0 : HEADER_HEIGHT) },
       ]}
     >
       <ChatAndParticipantsView />
diff --git a/packages/react-native-room-kit/src/components/GridView.tsx b/packages/react-native-room-kit/src/components/GridView.tsx
index 30001c73a..c420ff8f5 100644
--- a/packages/react-native-room-kit/src/components/GridView.tsx
+++ b/packages/react-native-room-kit/src/components/GridView.tsx
@@ -49,6 +49,7 @@ export const GridView = React.forwardRef<GridViewRefAttrs, GridViewProps>(
     const screenshareTilesFlatlistRef = useRef<FlatList<PeerTrackNode>>(null);
     const insetTileBoundingBoxRef = useRef<LayoutRectangle | null>(null);
 
+    const isLandscapeOrientation = useIsLandscapeOrientation();
     const screenshareTilesAvailable = useSelector(
       (state: RootState) => state.app.screensharePeerTrackNodes.length > 0
     );
@@ -122,12 +123,14 @@ export const GridView = React.forwardRef<GridViewRefAttrs, GridViewProps>(
           />
         ) : null}
 
-        <RegularTiles
-          ref={regularTilesFlatlistRef}
-          pairedPeers={pairedPeers}
-          setHmsViewRefs={setHmsViewRefs}
-          onPeerTileMorePress={onPeerTileMorePress}
-        />
+        {screenshareTilesAvailable && isLandscapeOrientation ? null : (
+          <RegularTiles
+            ref={regularTilesFlatlistRef}
+            pairedPeers={pairedPeers}
+            setHmsViewRefs={setHmsViewRefs}
+            onPeerTileMorePress={onPeerTileMorePress}
+          />
+        )}
 
         {pairedPeers.length > 0 && miniviewPeerTrackNodeExists ? (
           <MiniView
@@ -158,7 +161,6 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
     position: 'relative',
-    flexDirection: 'row',
   },
   measureLayoutView: {
     position: 'absolute',
@@ -238,7 +240,11 @@ const RegularTiles = React.forwardRef<
         <PaginationDots
           list={pairedPeers}
           activeIndex={activeIndex}
-          style={screenshareTilesAvailable ? { marginVertical: 8 } : isLandscapeOrientation ? { marginVertical: 4 } : null }
+          style={
+            (screenshareTilesAvailable || isLandscapeOrientation)
+              ? { marginVertical: isLandscapeOrientation ? 4 : 8 }
+              : null
+          }
         />
       ) : null}
     </View>
@@ -254,6 +260,7 @@ const ScreenshareTiles = React.forwardRef<
   FlatList<PeerTrackNode>,
   ScreenshareTilesProps
 >(({ onPeerTileMorePress, setHmsViewRefs }, flatlistRef) => {
+  const isLandscapeOrientation = useIsLandscapeOrientation();
   const [activePage, setActivePage] = useState(0);
   const screensharePeerTrackNodes = useSelector(
     (state: RootState) => state.app.screensharePeerTrackNodes
@@ -312,7 +319,7 @@ const ScreenshareTiles = React.forwardRef<
         <PaginationDots
           list={screensharePeerTrackNodes}
           activeIndex={activePage}
-          style={{ marginVertical: 8 }}
+          style={{ marginVertical: isLandscapeOrientation ? 4 : 8 }}
         />
       ) : null}
     </View>
diff --git a/packages/react-native-room-kit/src/components/HMSTextInput.tsx b/packages/react-native-room-kit/src/components/HMSTextInput.tsx
index 8222867b9..539729ac0 100644
--- a/packages/react-native-room-kit/src/components/HMSTextInput.tsx
+++ b/packages/react-native-room-kit/src/components/HMSTextInput.tsx
@@ -16,6 +16,7 @@ import type {
 
 import { useHMSRoomColorPalette, useHMSRoomStyleSheet } from '../hooks-util';
 import { SendIcon } from '../Icons';
+import { useIsLandscapeOrientation } from '../utils/dimension';
 
 export type HMSTextInputProps = TextInputProps & {
   value: string;
@@ -47,6 +48,7 @@ export const HMSTextInput: React.FC<HMSTextInputProps> = ({
   focusedStyle,
   ...resetProps
 }) => {
+  const isLandscapeOrientation = useIsLandscapeOrientation();
   const [inputFocused, setInputFocused] = React.useState(false);
 
   const handleInputFocus = () => setInputFocused(true);
@@ -61,44 +63,47 @@ export const HMSTextInput: React.FC<HMSTextInputProps> = ({
   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_medium,
-    },
-    focusedSendIcon: {
-      tintColor: theme.palette.on_surface_high,
-    },
-  }));
+  const hmsRoomStyles = useHMSRoomStyleSheet(
+    (theme, typography) => ({
+      // TEXT INPUT STYLES
+      input: {
+        backgroundColor: theme.palette.surface_default,
+        color: isLandscapeOrientation ? theme.palette.on_surface_low : theme.palette.on_surface_high,
+        borderColor: theme.palette.surface_default,
+        fontFamily: `${typography.font_family}-Regular`,
+      },
+      // when text input is inside container
+      childInput: {
+        color: isLandscapeOrientation ? theme.palette.on_surface_low : 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_medium,
+      },
+      focusedSendIcon: {
+        tintColor: theme.palette.on_surface_high,
+      },
+    }),
+    [isLandscapeOrientation]
+  );
 
   const textInputStyles: StyleProp<TextStyle> = [
     // regular styles
@@ -125,9 +130,11 @@ export const HMSTextInput: React.FC<HMSTextInputProps> = ({
       autoCapitalize={resetProps.autoCapitalize ?? 'words'}
       autoCompleteType={resetProps.autoCompleteType ?? 'name'}
       placeholderTextColor={
-        resetProps.placeholderTextColor ?? onSurfaceMediumColor
+        isLandscapeOrientation ? undefined : (resetProps.placeholderTextColor ?? onSurfaceMediumColor)
+      }
+      selectionColor={
+        isLandscapeOrientation ? undefined : (resetProps.selectionColor ?? onSurfaceHighColor)
       }
-      selectionColor={resetProps.selectionColor ?? onSurfaceHighColor}
       onFocus={resetProps.onFocus ?? handleInputFocus}
       onBlur={resetProps.onBlur ?? handleInputBlur}
     />

From 5b56f49ea62b70f55ed129b374f31f032d337c7b Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Fri, 1 Dec 2023 17:15:11 +0530
Subject: [PATCH 03/84] updated Example app changelog

---
 .../react-native-room-kit/example/ExampleAppChangelog.txt    | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/react-native-room-kit/example/ExampleAppChangelog.txt b/packages/react-native-room-kit/example/ExampleAppChangelog.txt
index f96e8e8f4..c1660351e 100644
--- a/packages/react-native-room-kit/example/ExampleAppChangelog.txt
+++ b/packages/react-native-room-kit/example/ExampleAppChangelog.txt
@@ -3,7 +3,10 @@ Board: https://100ms.atlassian.net/jira/software/projects/RN/boards/33
 - Beam Intermediate State Updates
 https://100ms.atlassian.net/browse/RN-114
 
+- Landscape Mode support in Prebuilt UI
+https://100ms.atlassian.net/browse/RN-153
+
 Room Kit: 1.0.6
 React Native SDK: 1.9.5
 Android SDK: 2.8.0
-iOS SDK: 1.2.1
+iOS SDK: 1.3.0

From f5b0a764b5ab7e42ec8e2aa166bbb7da1b5e373c Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Fri, 1 Dec 2023 17:34:40 +0530
Subject: [PATCH 04/84] inset chat view landscape mode fixes

- increased height of chatlist
- useFooterHeight gives correct footer height in landscape mode
---
 packages/react-native-room-kit/src/components/Footer.tsx  | 6 +++++-
 .../src/components/HMSHLSMessageList.tsx                  | 8 ++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/packages/react-native-room-kit/src/components/Footer.tsx b/packages/react-native-room-kit/src/components/Footer.tsx
index 1267b60de..5821efe02 100644
--- a/packages/react-native-room-kit/src/components/Footer.tsx
+++ b/packages/react-native-room-kit/src/components/Footer.tsx
@@ -140,10 +140,14 @@ export const _Footer: React.FC<FooterProps> = () => {
 
 export const useFooterHeight = () => {
   const isHLSViewer = useIsHLSViewer();
+  const isLandscapeOrientation = useIsLandscapeOrientation();
   const { bottom } = useSafeAreaInsets();
 
   return (
-    bottom + (isHLSViewer ? 8 : 16) + (Platform.OS === 'android' ? 16 : 0) + 40
+    bottom +
+    (isHLSViewer ? 8 : isLandscapeOrientation ? 4 : 16) +
+    (Platform.OS === 'android' ? (isLandscapeOrientation ? 4 : 16) : 0) +
+    40
   ); // bottomSafeArea + paddingTop + marginBottom + content
 };
 
diff --git a/packages/react-native-room-kit/src/components/HMSHLSMessageList.tsx b/packages/react-native-room-kit/src/components/HMSHLSMessageList.tsx
index ed063cb3e..911f42483 100644
--- a/packages/react-native-room-kit/src/components/HMSHLSMessageList.tsx
+++ b/packages/react-native-room-kit/src/components/HMSHLSMessageList.tsx
@@ -6,10 +6,12 @@ import type { HMSMessage } from '@100mslive/react-native-hms';
 
 import type { RootState } from '../redux';
 import { HMSHLSMessage } from './HMSHLSMessage';
+import { useIsLandscapeOrientation } from '../utils/dimension';
 
 export const HMSHLSMessageList: React.FC = () => {
   const { height: windowHeight } = useWindowDimensions();
   const messages = useSelector((state: RootState) => state.messages.messages);
+  const isLandscapeOrientation = useIsLandscapeOrientation();
 
   const _keyExtractor = React.useCallback(
     (item: HMSMessage) => item.messageId,
@@ -24,14 +26,16 @@ export const HMSHLSMessageList: React.FC = () => {
     return null;
   }
 
+  const HEIGHT_MULTIPLIER = isLandscapeOrientation ? 0.45 : 0.2;
+
   return (
     <View
       style={[
         styles.container,
         {
-          maxHeight: windowHeight * 0.2,
+          maxHeight: windowHeight * HEIGHT_MULTIPLIER,
           height:
-            messages.length > 3 ? windowHeight * 0.2 : messages.length * 54,
+            messages.length > 3 ? windowHeight * HEIGHT_MULTIPLIER : messages.length * 54,
         },
       ]}
     >

From cfd1baa9f1e06f015d8b82ba52a08c53bbf20039 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Fri, 1 Dec 2023 17:38:24 +0530
Subject: [PATCH 05/84] =?UTF-8?q?released=20sample=20app=20version=202.3.1?=
 =?UTF-8?q?15=20(365)=20=E2=9A=9B=EF=B8=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../example/android/app/build.gradle                      | 4 ++--
 .../example/ios/RNExample.xcodeproj/project.pbxproj       | 8 ++++----
 .../example/ios/RNExample/Info.plist                      | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/react-native-room-kit/example/android/app/build.gradle b/packages/react-native-room-kit/example/android/app/build.gradle
index 637a0effa..a71e1bab5 100644
--- a/packages/react-native-room-kit/example/android/app/build.gradle
+++ b/packages/react-native-room-kit/example/android/app/build.gradle
@@ -136,8 +136,8 @@ android {
         applicationId "live.hms.rn"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 364
-        versionName "2.3.114"
+        versionCode 365
+        versionName "2.3.115"
         missingDimensionStrategy 'react-native-camera', 'general'
     }
 
diff --git a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
index d77e36a96..4224cb1c9 100644
--- a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
+++ b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
@@ -486,7 +486,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 363;
+				CURRENT_PROJECT_VERSION = 364;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -520,7 +520,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 363;
+				CURRENT_PROJECT_VERSION = 364;
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -679,7 +679,7 @@
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_ENTITLEMENTS = RNExampleBroadcastUpload/RNExampleBroadcastUpload.entitlements;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 363;
+				CURRENT_PROJECT_VERSION = 364;
 				DEBUG_INFORMATION_FORMAT = dwarf;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				GCC_C_LANGUAGE_STANDARD = gnu11;
@@ -721,7 +721,7 @@
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
 				COPY_PHASE_STRIP = NO;
-				CURRENT_PROJECT_VERSION = 363;
+				CURRENT_PROJECT_VERSION = 364;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
diff --git a/packages/react-native-room-kit/example/ios/RNExample/Info.plist b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
index 61a285920..470a7f872 100644
--- a/packages/react-native-room-kit/example/ios/RNExample/Info.plist
+++ b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
@@ -21,11 +21,11 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>2.3.113</string>
+	<string>2.3.114</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>363</string>
+	<string>364</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
 	<key>LSRequiresIPhoneOS</key>

From ecf099d70ba63ac22add2f91ab6015b1b40d8dda Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Fri, 1 Dec 2023 18:21:55 +0530
Subject: [PATCH 06/84] removed portrait lock from iOS app

---
 .../react-native-room-kit/example/ios/RNExample/Info.plist   | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/packages/react-native-room-kit/example/ios/RNExample/Info.plist b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
index 470a7f872..c8a5d3774 100644
--- a/packages/react-native-room-kit/example/ios/RNExample/Info.plist
+++ b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
@@ -75,11 +75,6 @@
 	<key>UIStatusBarStyle</key>
 	<string>UIStatusBarStyleDarkContent</string>
 	<key>UISupportedInterfaceOrientations</key>
-	<array>
-		<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationPortraitUpsideDown</string>
-	</array>
-	<key>UISupportedInterfaceOrientations~ipad</key>
 	<array>
 		<string>UIInterfaceOrientationLandscapeLeft</string>
 		<string>UIInterfaceOrientationLandscapeRight</string>

From 5f396e7d9b3084d5eaf2d4bbd3c999c21a45bee4 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Sat, 2 Dec 2023 12:45:37 +0530
Subject: [PATCH 07/84] updated app version

---
 .../example/ios/RNExample.xcodeproj/project.pbxproj       | 8 ++++----
 .../example/ios/RNExample/Info.plist                      | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
index 4224cb1c9..56f808529 100644
--- a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
+++ b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
@@ -486,7 +486,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 364;
+				CURRENT_PROJECT_VERSION = 365;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -520,7 +520,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 364;
+				CURRENT_PROJECT_VERSION = 365;
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -679,7 +679,7 @@
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_ENTITLEMENTS = RNExampleBroadcastUpload/RNExampleBroadcastUpload.entitlements;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 364;
+				CURRENT_PROJECT_VERSION = 365;
 				DEBUG_INFORMATION_FORMAT = dwarf;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				GCC_C_LANGUAGE_STANDARD = gnu11;
@@ -721,7 +721,7 @@
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
 				COPY_PHASE_STRIP = NO;
-				CURRENT_PROJECT_VERSION = 364;
+				CURRENT_PROJECT_VERSION = 365;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
diff --git a/packages/react-native-room-kit/example/ios/RNExample/Info.plist b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
index c8a5d3774..97005bff9 100644
--- a/packages/react-native-room-kit/example/ios/RNExample/Info.plist
+++ b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
@@ -21,11 +21,11 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>2.3.114</string>
+	<string>2.3.115</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>364</string>
+	<string>365</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
 	<key>LSRequiresIPhoneOS</key>

From ea57d6fcb16f7f370ac29cf8e5ace6878213e5d7 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 4 Dec 2023 14:34:03 +0530
Subject: [PATCH 08/84] updated landscape handling

---
 .../src/components/BottomSheet.tsx                | 15 +++++++++++++--
 .../ChatAndParticipantsBottomSheet.tsx            |  1 +
 .../src/components/HMSTextInput.tsx               | 12 +++++-------
 .../src/components/Preview.tsx                    |  4 ++--
 4 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/packages/react-native-room-kit/src/components/BottomSheet.tsx b/packages/react-native-room-kit/src/components/BottomSheet.tsx
index 6c482eed8..6c51930d1 100644
--- a/packages/react-native-room-kit/src/components/BottomSheet.tsx
+++ b/packages/react-native-room-kit/src/components/BottomSheet.tsx
@@ -10,6 +10,7 @@ import {
   useHMSRoomStyle,
   useHMSRoomStyleSheet,
 } from '../hooks-util';
+import { useIsLandscapeOrientation } from '../utils/dimension';
 
 type WithRequired<T, K extends keyof T> = T & { [P in K]-?: T[P] };
 
@@ -20,12 +21,13 @@ export type BottomSheetProps = WithRequired<
   // closes modal and no action will be taken after modal has been closed
   dismissModal(): void;
   containerStyle?: StyleProp<ViewStyle>;
+  fullWidth?: boolean;
 };
 
 export const BottomSheet: React.FC<BottomSheetProps> & {
   Header: React.FC<HeaderProps>;
   Divider: React.FC<BottomSheetDividerProps>;
-} = ({ dismissModal, style, children, containerStyle, ...resetProps }) => {
+} = ({ dismissModal, fullWidth = false, style, children, containerStyle, ...resetProps }) => {
   const { background_dim: backgroundDimColor } = useHMSRoomColorPalette();
 
   const containerStyles = useHMSRoomStyle((theme) => ({
@@ -34,6 +36,8 @@ export const BottomSheet: React.FC<BottomSheetProps> & {
 
   const { handleModalHideAction } = useBottomSheetActionHandlers();
 
+  const isLandscapeOrientation = useIsLandscapeOrientation();
+
   return (
     <Modal
       {...resetProps}
@@ -55,7 +59,7 @@ export const BottomSheet: React.FC<BottomSheetProps> & {
       }
       // coverScreen={true}
     >
-      <View style={[styles.container, containerStyles, containerStyle]}>
+      <View style={[isLandscapeOrientation && !fullWidth ?  styles.landscapeContainer :  styles.container, containerStyles, containerStyle]}>
         {children}
       </View>
     </Modal>
@@ -170,6 +174,13 @@ const styles = StyleSheet.create({
     borderTopRightRadius: 16,
     paddingBottom: 32,
   },
+  landscapeContainer: {
+    borderRadius: 16,
+    paddingBottom: 32,
+    width: '60%',
+    alignSelf: 'center',
+    marginBottom: 12,
+  },
   header: {
     flexDirection: 'row',
     alignItems: 'center',
diff --git a/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx b/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx
index 92a82d318..ceb4bca74 100644
--- a/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx
+++ b/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx
@@ -18,6 +18,7 @@ export const ChatAndParticipantsBottomSheet = () => {
 
   return (
     <BottomSheet
+      fullWidth={true}
       dismissModal={closeChatWindow}
       isVisible={modalVisible}
       avoidKeyboard={true}
diff --git a/packages/react-native-room-kit/src/components/HMSTextInput.tsx b/packages/react-native-room-kit/src/components/HMSTextInput.tsx
index 539729ac0..dc3a3c7b2 100644
--- a/packages/react-native-room-kit/src/components/HMSTextInput.tsx
+++ b/packages/react-native-room-kit/src/components/HMSTextInput.tsx
@@ -16,7 +16,6 @@ import type {
 
 import { useHMSRoomColorPalette, useHMSRoomStyleSheet } from '../hooks-util';
 import { SendIcon } from '../Icons';
-import { useIsLandscapeOrientation } from '../utils/dimension';
 
 export type HMSTextInputProps = TextInputProps & {
   value: string;
@@ -48,7 +47,6 @@ export const HMSTextInput: React.FC<HMSTextInputProps> = ({
   focusedStyle,
   ...resetProps
 }) => {
-  const isLandscapeOrientation = useIsLandscapeOrientation();
   const [inputFocused, setInputFocused] = React.useState(false);
 
   const handleInputFocus = () => setInputFocused(true);
@@ -68,13 +66,13 @@ export const HMSTextInput: React.FC<HMSTextInputProps> = ({
       // TEXT INPUT STYLES
       input: {
         backgroundColor: theme.palette.surface_default,
-        color: isLandscapeOrientation ? theme.palette.on_surface_low : theme.palette.on_surface_high,
+        color: theme.palette.on_surface_high,
         borderColor: theme.palette.surface_default,
         fontFamily: `${typography.font_family}-Regular`,
       },
       // when text input is inside container
       childInput: {
-        color: isLandscapeOrientation ? theme.palette.on_surface_low : theme.palette.on_surface_high,
+        color: theme.palette.on_surface_high,
         fontFamily: `${typography.font_family}-Regular`,
       },
       focusedInput: {
@@ -102,7 +100,6 @@ export const HMSTextInput: React.FC<HMSTextInputProps> = ({
         tintColor: theme.palette.on_surface_high,
       },
     }),
-    [isLandscapeOrientation]
   );
 
   const textInputStyles: StyleProp<TextStyle> = [
@@ -130,13 +127,14 @@ export const HMSTextInput: React.FC<HMSTextInputProps> = ({
       autoCapitalize={resetProps.autoCapitalize ?? 'words'}
       autoCompleteType={resetProps.autoCompleteType ?? 'name'}
       placeholderTextColor={
-        isLandscapeOrientation ? undefined : (resetProps.placeholderTextColor ?? onSurfaceMediumColor)
+        resetProps.placeholderTextColor ?? onSurfaceMediumColor
       }
       selectionColor={
-        isLandscapeOrientation ? undefined : (resetProps.selectionColor ?? onSurfaceHighColor)
+        resetProps.selectionColor ?? onSurfaceHighColor
       }
       onFocus={resetProps.onFocus ?? handleInputFocus}
       onBlur={resetProps.onBlur ?? handleInputBlur}
+      disableFullscreenUI={true}
     />
   );
 
diff --git a/packages/react-native-room-kit/src/components/Preview.tsx b/packages/react-native-room-kit/src/components/Preview.tsx
index 2ec205ff6..03cdd80d3 100644
--- a/packages/react-native-room-kit/src/components/Preview.tsx
+++ b/packages/react-native-room-kit/src/components/Preview.tsx
@@ -114,7 +114,7 @@ export const Preview = ({
           <BackButton />
         </SafeAreaView>
 
-        <View style={styles.footerWrapper}>
+        <SafeAreaView edges={['left', 'right']} style={styles.footerWrapper}>
           <HMSPreviewNetworkQuality />
 
           <HMSKeyboardAvoidingView
@@ -145,7 +145,7 @@ export const Preview = ({
               />
             </View>
           </HMSKeyboardAvoidingView>
-        </View>
+        </SafeAreaView>
       </View>
     </TouchableWithoutFeedback>
   );

From 6fced669b94070b17368dd036f65ee6e9eb68d60 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 4 Dec 2023 14:49:08 +0530
Subject: [PATCH 09/84] =?UTF-8?q?released=20sample=20app=20version=202.3.1?=
 =?UTF-8?q?16=20(366)=20=E2=9A=9B=EF=B8=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../example/android/app/build.gradle                      | 4 ++--
 .../example/ios/RNExample.xcodeproj/project.pbxproj       | 8 ++++----
 .../example/ios/RNExample/Info.plist                      | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/react-native-room-kit/example/android/app/build.gradle b/packages/react-native-room-kit/example/android/app/build.gradle
index a71e1bab5..1a2f569b0 100644
--- a/packages/react-native-room-kit/example/android/app/build.gradle
+++ b/packages/react-native-room-kit/example/android/app/build.gradle
@@ -136,8 +136,8 @@ android {
         applicationId "live.hms.rn"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 365
-        versionName "2.3.115"
+        versionCode 366
+        versionName "2.3.116"
         missingDimensionStrategy 'react-native-camera', 'general'
     }
 
diff --git a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
index 56f808529..ea9f04abc 100644
--- a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
+++ b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
@@ -486,7 +486,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 365;
+				CURRENT_PROJECT_VERSION = 366;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -520,7 +520,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 365;
+				CURRENT_PROJECT_VERSION = 366;
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -679,7 +679,7 @@
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_ENTITLEMENTS = RNExampleBroadcastUpload/RNExampleBroadcastUpload.entitlements;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 365;
+				CURRENT_PROJECT_VERSION = 366;
 				DEBUG_INFORMATION_FORMAT = dwarf;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				GCC_C_LANGUAGE_STANDARD = gnu11;
@@ -721,7 +721,7 @@
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
 				COPY_PHASE_STRIP = NO;
-				CURRENT_PROJECT_VERSION = 365;
+				CURRENT_PROJECT_VERSION = 366;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
diff --git a/packages/react-native-room-kit/example/ios/RNExample/Info.plist b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
index 97005bff9..03ea68375 100644
--- a/packages/react-native-room-kit/example/ios/RNExample/Info.plist
+++ b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
@@ -21,11 +21,11 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>2.3.115</string>
+	<string>2.3.116</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>365</string>
+	<string>366</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
 	<key>LSRequiresIPhoneOS</key>

From 68eeb4b9ab0ea909c8747980660d386eb2b9cf53 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 4 Dec 2023 19:14:10 +0530
Subject: [PATCH 10/84] updated packages

---
 packages/react-native-hms/example/ios/Podfile.lock | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/react-native-hms/example/ios/Podfile.lock b/packages/react-native-hms/example/ios/Podfile.lock
index a36d898b0..6f5316ef1 100644
--- a/packages/react-native-hms/example/ios/Podfile.lock
+++ b/packages/react-native-hms/example/ios/Podfile.lock
@@ -62,7 +62,7 @@ PODS:
   - HMSBroadcastExtensionSDK (0.0.9)
   - HMSHLSPlayerSDK (0.0.2):
     - HMSAnalyticsSDK (= 0.0.2)
-  - HMSSDK (1.3.0):
+  - HMSSDK (1.3.1):
     - HMSAnalyticsSDK (= 0.0.2)
     - HMSWebRTC (= 1.0.5116)
   - HMSWebRTC (1.0.5116)
@@ -295,7 +295,7 @@ PODS:
   - react-native-hms (1.9.5):
     - HMSBroadcastExtensionSDK (= 0.0.9)
     - HMSHLSPlayerSDK (= 0.0.2)
-    - HMSSDK (= 1.3.0)
+    - HMSSDK (= 1.3.1)
     - React-Core
   - react-native-safe-area-context (3.4.1):
     - React-Core
@@ -368,7 +368,7 @@ PODS:
     - React-perflogger (= 0.64.4)
   - rn-fetch-blob (0.12.0):
     - React-Core
-  - RNCAsyncStorage (1.19.8):
+  - RNCAsyncStorage (1.21.0):
     - React-Core
   - RNDeviceInfo (9.0.2):
     - React-Core
@@ -629,7 +629,7 @@ SPEC CHECKSUMS:
   HMSAnalyticsSDK: 4d2a88a729b1eb42f3d25f217c28937ec318a5b7
   HMSBroadcastExtensionSDK: d80fe325f6c928bd8e5176290b5a4b7ae15d6fbb
   HMSHLSPlayerSDK: 6a54ad4d12f3dc2270d1ecd24019d71282a4f6a3
-  HMSSDK: 631908d772646b66b3c4f7f4e1fb2681f7abb990
+  HMSSDK: 04aac0fefd95419cd1b4135156d4295cbcd51216
   HMSWebRTC: ae54e9dd91b869051b283b43b14f57d43b7bf8e1
   libevent: 4049cae6c81cdb3654a443be001fb9bdceff7913
   OpenSSL-Universal: 1aa4f6a6ee7256b83db99ec1ccdaa80d10f9af9b
@@ -649,7 +649,7 @@ SPEC CHECKSUMS:
   react-native-avoid-softinput: 71a692888f0c1d426ad9045dc8325773583962cd
   react-native-camera: 3eae183c1d111103963f3dd913b65d01aef8110f
   react-native-document-picker: 69ca2094d8780cfc1e7e613894d15290fdc54bba
-  react-native-hms: f3045b22556ab390f7f441d16203dc34786d8216
+  react-native-hms: 732713dc4d4db6746745e2f5399757352b2f5ca0
   react-native-safe-area-context: 9e40fb181dac02619414ba1294d6c2a807056ab9
   react-native-simple-toast: 8ee5d23f0b92b935ab7434cdb65159ce12dfb4b7
   React-perflogger: 5a890ca0911669421b7611661e9b58f91c805f5c
@@ -665,7 +665,7 @@ SPEC CHECKSUMS:
   React-runtimeexecutor: 5b441857030bb6c3abaa7517f333cb01875ae499
   ReactCommon: b4a65d2d6e9eeffd4b32dde1245962b3f43907d0
   rn-fetch-blob: f065bb7ab7fb48dd002629f8bdcb0336602d3cba
-  RNCAsyncStorage: 687bb9e85dd3d45b966662440dcfc0cd962347e6
+  RNCAsyncStorage: 618d03a5f52fbccb3d7010076bc54712844c18ef
   RNDeviceInfo: 1e3f62b9ec32f7754fac60bd06b8f8a27124e7f0
   RNFlashList: ade81b4e928ebd585dd492014d40fb8d0e848aab
   RNFS: 4ac0f0ea233904cb798630b3c077808c06931688

From 1f209416b934e62e05e46bf358f989f68e5f5046 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 4 Dec 2023 19:23:34 +0530
Subject: [PATCH 11/84] formatted with trunk

---
 .../src/components/BottomSheet.tsx            | 36 ++++++--
 .../src/components/Chat/ChatBanner.tsx        |  2 +-
 .../Chat/ChatFilterBottomSheetView.tsx        |  2 +-
 .../ChatAndParticipantsBottomSheet.tsx        |  4 +-
 .../src/components/GridView.tsx               |  2 +-
 .../src/components/HMSHLSMessageList.tsx      |  4 +-
 .../src/components/HMSTextInput.tsx           | 82 +++++++++----------
 .../src/components/TilesContainer.tsx         | 10 ++-
 8 files changed, 86 insertions(+), 56 deletions(-)

diff --git a/packages/react-native-room-kit/src/components/BottomSheet.tsx b/packages/react-native-room-kit/src/components/BottomSheet.tsx
index 6c51930d1..c2f39cd60 100644
--- a/packages/react-native-room-kit/src/components/BottomSheet.tsx
+++ b/packages/react-native-room-kit/src/components/BottomSheet.tsx
@@ -2,7 +2,12 @@ import * as React from 'react';
 import Modal from 'react-native-modal';
 import type { ReactNativeModal } from 'react-native-modal';
 import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
-import type { StyleProp, TextProps, TouchableOpacityProps, ViewStyle } from 'react-native';
+import type {
+  StyleProp,
+  TextProps,
+  TouchableOpacityProps,
+  ViewStyle,
+} from 'react-native';
 
 import { CloseIcon } from '../Icons';
 import {
@@ -27,7 +32,14 @@ export type BottomSheetProps = WithRequired<
 export const BottomSheet: React.FC<BottomSheetProps> & {
   Header: React.FC<HeaderProps>;
   Divider: React.FC<BottomSheetDividerProps>;
-} = ({ dismissModal, fullWidth = false, style, children, containerStyle, ...resetProps }) => {
+} = ({
+  dismissModal,
+  fullWidth = false,
+  style,
+  children,
+  containerStyle,
+  ...resetProps
+}) => {
   const { background_dim: backgroundDimColor } = useHMSRoomColorPalette();
 
   const containerStyles = useHMSRoomStyle((theme) => ({
@@ -59,7 +71,15 @@ export const BottomSheet: React.FC<BottomSheetProps> & {
       }
       // coverScreen={true}
     >
-      <View style={[isLandscapeOrientation && !fullWidth ?  styles.landscapeContainer :  styles.container, containerStyles, containerStyle]}>
+      <View
+        style={[
+          isLandscapeOrientation && !fullWidth
+            ? styles.landscapeContainer
+            : styles.container,
+          containerStyles,
+          containerStyle,
+        ]}
+      >
         {children}
       </View>
     </Modal>
@@ -97,12 +117,18 @@ const BottomSheetHeader: React.FC<HeaderProps> = ({
   return (
     <View style={styles.header}>
       <View>
-        <Text testID={headingTestID} style={[styles.headerText, hmsRoomStyles.headerText]}>
+        <Text
+          testID={headingTestID}
+          style={[styles.headerText, hmsRoomStyles.headerText]}
+        >
           {heading}
         </Text>
 
         {subheading ? (
-          <Text testID={subheadingTestID} style={[styles.subheadingText, hmsRoomStyles.subheadingText]}>
+          <Text
+            testID={subheadingTestID}
+            style={[styles.subheadingText, hmsRoomStyles.subheadingText]}
+          >
             {subheading}
           </Text>
         ) : null}
diff --git a/packages/react-native-room-kit/src/components/Chat/ChatBanner.tsx b/packages/react-native-room-kit/src/components/Chat/ChatBanner.tsx
index dc078051a..9bc7a14a3 100644
--- a/packages/react-native-room-kit/src/components/Chat/ChatBanner.tsx
+++ b/packages/react-native-room-kit/src/components/Chat/ChatBanner.tsx
@@ -45,7 +45,7 @@ const styles = StyleSheet.create({
   },
   landscapeCoverImage: {
     flexShrink: 1,
-    resizeMode: 'contain'
+    resizeMode: 'contain',
   },
   title: {
     fontSize: 20,
diff --git a/packages/react-native-room-kit/src/components/Chat/ChatFilterBottomSheetView.tsx b/packages/react-native-room-kit/src/components/Chat/ChatFilterBottomSheetView.tsx
index 46fc04512..4e1468dac 100644
--- a/packages/react-native-room-kit/src/components/Chat/ChatFilterBottomSheetView.tsx
+++ b/packages/react-native-room-kit/src/components/Chat/ChatFilterBottomSheetView.tsx
@@ -53,7 +53,7 @@ const _ChatFilterBottomSheetView: React.FC<
         style={[
           styles.contentContainer,
           hmsRoomStyles.contentContainer,
-          isLandscapeOrientation ? { maxHeight: '88%' } : null
+          isLandscapeOrientation ? { maxHeight: '88%' } : null,
         ]}
       >
         <ChatFilterView />
diff --git a/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx b/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx
index ceb4bca74..0d40e570b 100644
--- a/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx
+++ b/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx
@@ -24,7 +24,9 @@ export const ChatAndParticipantsBottomSheet = () => {
       avoidKeyboard={true}
       containerStyle={[
         styles.bottomSheet,
-        { marginTop: topSafeArea + (isLandscapeOrientation ? 0 : HEADER_HEIGHT) },
+        {
+          marginTop: topSafeArea + (isLandscapeOrientation ? 0 : HEADER_HEIGHT),
+        },
       ]}
     >
       <ChatAndParticipantsView />
diff --git a/packages/react-native-room-kit/src/components/GridView.tsx b/packages/react-native-room-kit/src/components/GridView.tsx
index c420ff8f5..851e45ac2 100644
--- a/packages/react-native-room-kit/src/components/GridView.tsx
+++ b/packages/react-native-room-kit/src/components/GridView.tsx
@@ -241,7 +241,7 @@ const RegularTiles = React.forwardRef<
           list={pairedPeers}
           activeIndex={activeIndex}
           style={
-            (screenshareTilesAvailable || isLandscapeOrientation)
+            screenshareTilesAvailable || isLandscapeOrientation
               ? { marginVertical: isLandscapeOrientation ? 4 : 8 }
               : null
           }
diff --git a/packages/react-native-room-kit/src/components/HMSHLSMessageList.tsx b/packages/react-native-room-kit/src/components/HMSHLSMessageList.tsx
index 911f42483..7bd2cfe4e 100644
--- a/packages/react-native-room-kit/src/components/HMSHLSMessageList.tsx
+++ b/packages/react-native-room-kit/src/components/HMSHLSMessageList.tsx
@@ -35,7 +35,9 @@ export const HMSHLSMessageList: React.FC = () => {
         {
           maxHeight: windowHeight * HEIGHT_MULTIPLIER,
           height:
-            messages.length > 3 ? windowHeight * HEIGHT_MULTIPLIER : messages.length * 54,
+            messages.length > 3
+              ? windowHeight * HEIGHT_MULTIPLIER
+              : messages.length * 54,
         },
       ]}
     >
diff --git a/packages/react-native-room-kit/src/components/HMSTextInput.tsx b/packages/react-native-room-kit/src/components/HMSTextInput.tsx
index dc3a3c7b2..67612eb58 100644
--- a/packages/react-native-room-kit/src/components/HMSTextInput.tsx
+++ b/packages/react-native-room-kit/src/components/HMSTextInput.tsx
@@ -61,46 +61,44 @@ export const HMSTextInput: React.FC<HMSTextInputProps> = ({
   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_medium,
-      },
-      focusedSendIcon: {
-        tintColor: theme.palette.on_surface_high,
-      },
-    }),
-  );
+  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_medium,
+    },
+    focusedSendIcon: {
+      tintColor: theme.palette.on_surface_high,
+    },
+  }));
 
   const textInputStyles: StyleProp<TextStyle> = [
     // regular styles
@@ -129,9 +127,7 @@ export const HMSTextInput: React.FC<HMSTextInputProps> = ({
       placeholderTextColor={
         resetProps.placeholderTextColor ?? onSurfaceMediumColor
       }
-      selectionColor={
-        resetProps.selectionColor ?? onSurfaceHighColor
-      }
+      selectionColor={resetProps.selectionColor ?? onSurfaceHighColor}
       onFocus={resetProps.onFocus ?? handleInputFocus}
       onBlur={resetProps.onBlur ?? handleInputBlur}
       disableFullscreenUI={true}
diff --git a/packages/react-native-room-kit/src/components/TilesContainer.tsx b/packages/react-native-room-kit/src/components/TilesContainer.tsx
index 16bfb988e..0d58b6c69 100644
--- a/packages/react-native-room-kit/src/components/TilesContainer.tsx
+++ b/packages/react-native-room-kit/src/components/TilesContainer.tsx
@@ -47,9 +47,13 @@ const _TilesContainer: React.FC<TilesContainerProps> = ({
             screenshareTilesAvailable && peerTrackNodes.length === 1
               ? 'center'
               : growableTileLayout
-              ? 'space-between'
-              : 'center',
-          flexDirection: screenshareTilesAvailable ? 'row' : isLandscapeOrientation ? 'row' : 'column',
+                ? 'space-between'
+                : 'center',
+          flexDirection: screenshareTilesAvailable
+            ? 'row'
+            : isLandscapeOrientation
+              ? 'row'
+              : 'column',
         },
         { width: Dimensions.get('window').width - left - right },
       ]}

From ebcf7ff3a6171630cebac47b48d3f0d841d64547 Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Tue, 5 Dec 2023 14:36:19 +0530
Subject: [PATCH 12/84] fix(sdk): :bug: screenshare publishing issue due to
 auto enter pip

---
 .../android/src/main/java/com/reactnativehmssdk/HMSManager.kt   | 2 ++
 .../android/src/main/java/com/reactnativehmssdk/HMSRNSDK.kt     | 1 +
 .../main/java/com/reactnativehmssdk/HmsScreenshareActivity.kt   | 2 ++
 3 files changed, 5 insertions(+)

diff --git a/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HMSManager.kt b/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HMSManager.kt
index 9c67a5da2..053aebfc5 100644
--- a/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HMSManager.kt
+++ b/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HMSManager.kt
@@ -26,6 +26,7 @@ class HMSManager(reactContext: ReactApplicationContext) :
     const val REACT_CLASS = "HMSManager"
     var hmsCollection = mutableMapOf<String, HMSRNSDK>()
 
+    var startingScreenShare = false
     private var isInPIPMode = false
     var reactAppContext: ReactApplicationContext? = null
     var pipParamConfig: PipParamConfig? = null
@@ -61,6 +62,7 @@ class HMSManager(reactContext: ReactApplicationContext) :
     fun onUserLeaveHint() {
       val pipParams = pipParamsUntyped
       if (
+        !startingScreenShare &&
         Build.VERSION.SDK_INT >= Build.VERSION_CODES.O &&
         pipParamConfig?.autoEnterPipMode == true &&
         pipParams is android.app.PictureInPictureParams
diff --git a/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HMSRNSDK.kt b/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HMSRNSDK.kt
index 7c73c80da..53330faa5 100644
--- a/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HMSRNSDK.kt
+++ b/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HMSRNSDK.kt
@@ -1545,6 +1545,7 @@ class HMSRNSDK(
 
   fun startScreenshare(callback: Promise?) {
     screenshareCallback = callback
+    HMSManager.startingScreenShare = true
     runOnUiThread {
       val intent = Intent(context, HmsScreenshareActivity::class.java)
       intent.flags = FLAG_ACTIVITY_NEW_TASK
diff --git a/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HmsScreenshareActivity.kt b/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HmsScreenshareActivity.kt
index 13d0c882f..7c838de64 100644
--- a/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HmsScreenshareActivity.kt
+++ b/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HmsScreenshareActivity.kt
@@ -66,7 +66,9 @@ class HmsScreenshareActivity : ComponentActivity() {
       } catch (e: Exception) {
         println(e)
       }
+      HMSManager.startingScreenShare = false
     } else {
+      HMSManager.startingScreenShare = false
       HMSManager.hmsCollection[id]?.emitHMSError(
         HMSException(
           103,

From 3ada5bb1bf5825811efca3492e0bad754822fe25 Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Tue, 5 Dec 2023 14:38:27 +0530
Subject: [PATCH 13/84] landscape bugfixes

---
 .../src/components/DefaultModal.tsx                   | 11 ++++++++++-
 .../react-native-room-kit/src/components/GridView.tsx |  7 ++++---
 .../src/components/HMSNotifications.tsx               | 10 +++++++++-
 3 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/packages/react-native-room-kit/src/components/DefaultModal.tsx b/packages/react-native-room-kit/src/components/DefaultModal.tsx
index 3176d884a..30ce4f6a7 100644
--- a/packages/react-native-room-kit/src/components/DefaultModal.tsx
+++ b/packages/react-native-room-kit/src/components/DefaultModal.tsx
@@ -8,6 +8,7 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { COLORS } from '../utils/theme';
 import { CustomButton } from './CustomButton';
 import { CloseIcon } from '../Icons';
+import { useIsLandscapeOrientation } from '../utils/dimension';
 
 export interface DefaultModalProps {
   modalVisible: boolean;
@@ -32,6 +33,8 @@ export const DefaultModal: React.FC<DefaultModalProps> = ({
   modalStyle,
 }) => {
   const { left, right } = useSafeAreaInsets();
+  const isLandscapeOrientation = useIsLandscapeOrientation();
+
   return (
     <Modal
       useNativeDriver={true}
@@ -51,7 +54,7 @@ export const DefaultModal: React.FC<DefaultModalProps> = ({
     >
       <View
         style={[
-          styles.contentContainer,
+          isLandscapeOrientation ? styles.landscapeContentContainer : styles.contentContainer,
           modalPosiion === 'flex-end' ? styles.end : styles.center,
           viewStyle,
           { marginLeft: left, marginRight: right },
@@ -80,6 +83,12 @@ const styles = StyleSheet.create({
     // minHeight: '20%',
     backgroundColor: COLORS.SURFACE.DEFAULT,
   },
+  landscapeContentContainer: {
+    maxHeight: '80%',
+    maxWidth: '60%',
+    // minHeight: '20%',
+    backgroundColor: COLORS.SURFACE.DEFAULT,
+  },
   end: {
     flex: 1,
     borderTopLeftRadius: 16,
diff --git a/packages/react-native-room-kit/src/components/GridView.tsx b/packages/react-native-room-kit/src/components/GridView.tsx
index 851e45ac2..7c2783a26 100644
--- a/packages/react-native-room-kit/src/components/GridView.tsx
+++ b/packages/react-native-room-kit/src/components/GridView.tsx
@@ -1,6 +1,6 @@
 import React, { useRef, useState, useImperativeHandle } from 'react';
 import type { ElementRef } from 'react';
-import { View, FlatList, StyleSheet, Dimensions } from 'react-native';
+import { View, FlatList, StyleSheet, useWindowDimensions } from 'react-native';
 import { useDispatch, useSelector } from 'react-redux';
 import type {
   LayoutChangeEvent,
@@ -260,6 +260,7 @@ const ScreenshareTiles = React.forwardRef<
   FlatList<PeerTrackNode>,
   ScreenshareTilesProps
 >(({ onPeerTileMorePress, setHmsViewRefs }, flatlistRef) => {
+  const { width } = useWindowDimensions();
   const isLandscapeOrientation = useIsLandscapeOrientation();
   const [activePage, setActivePage] = useState(0);
   const screensharePeerTrackNodes = useSelector(
@@ -287,14 +288,14 @@ const ScreenshareTiles = React.forwardRef<
       return (
         <Tile
           height={'100%'}
-          width={Dimensions.get('window').width}
+          width={width}
           peerTrackNode={item}
           onPeerTileMorePress={onPeerTileMorePress}
           setHmsViewRefs={setHmsViewRefs}
         />
       );
     },
-    [onPeerTileMorePress, setHmsViewRefs]
+    [width, onPeerTileMorePress, setHmsViewRefs]
   );
 
   return (
diff --git a/packages/react-native-room-kit/src/components/HMSNotifications.tsx b/packages/react-native-room-kit/src/components/HMSNotifications.tsx
index 04509a195..f7bd7bbe0 100644
--- a/packages/react-native-room-kit/src/components/HMSNotifications.tsx
+++ b/packages/react-native-room-kit/src/components/HMSNotifications.tsx
@@ -11,6 +11,7 @@ import { HMSTerminalErrorNotification } from './HMSTerminalErrorNotification';
 import { HMSNotification } from './HMSNotification';
 import { AlertTriangleIcon } from '../Icons';
 import { HMSReconnectingNotification } from './HMSReconnectingNotification';
+import { useIsLandscapeOrientation } from '../utils/dimension';
 
 export interface HMSNotificationsProps {}
 
@@ -23,6 +24,7 @@ export const HMSNotifications: React.FC<HMSNotificationsProps> = () => {
   const isLocalScreenShared = useSelector(
     (state: RootState) => state.hmsStates.isLocalScreenShared
   );
+  const isLandscapeOrientation = useIsLandscapeOrientation();
 
   // notifications is a stack, first will appear last
   const notifications = useSelector((state: RootState) => {
@@ -81,7 +83,7 @@ export const HMSNotifications: React.FC<HMSNotificationsProps> = () => {
   return (
     <View
       style={[
-        styles.absoluteContainer,
+        isLandscapeOrientation ? styles.absoluteLandscapeContainer : styles.absoluteContainer,
         { paddingTop: (notifications.length - 1) * 16 },
       ]}
     >
@@ -165,6 +167,12 @@ const styles = StyleSheet.create({
     marginBottom: 8,
     width: '100%',
   },
+  absoluteLandscapeContainer: {
+    position: 'relative',
+    marginBottom: 8,
+    width: '60%',
+    alignSelf: 'center',
+  },
   notificationWrapper: {
     position: 'absolute',
     width: '100%',

From 913cbb2174f3e5196725bacf50131eb8ff8f3986 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Tue, 5 Dec 2023 17:24:11 +0530
Subject: [PATCH 14/84] =?UTF-8?q?released=20sample=20app=20version=202.3.1?=
 =?UTF-8?q?17=20(367)=20=E2=9A=9B=EF=B8=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../example/android/app/build.gradle                      | 4 ++--
 .../example/ios/RNExample.xcodeproj/project.pbxproj       | 8 ++++----
 .../example/ios/RNExample/Info.plist                      | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/react-native-room-kit/example/android/app/build.gradle b/packages/react-native-room-kit/example/android/app/build.gradle
index 1a2f569b0..e783a23e2 100644
--- a/packages/react-native-room-kit/example/android/app/build.gradle
+++ b/packages/react-native-room-kit/example/android/app/build.gradle
@@ -136,8 +136,8 @@ android {
         applicationId "live.hms.rn"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 366
-        versionName "2.3.116"
+        versionCode 367
+        versionName "2.3.117"
         missingDimensionStrategy 'react-native-camera', 'general'
     }
 
diff --git a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
index ea9f04abc..070157e3b 100644
--- a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
+++ b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
@@ -486,7 +486,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 366;
+				CURRENT_PROJECT_VERSION = 367;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -520,7 +520,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 366;
+				CURRENT_PROJECT_VERSION = 367;
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -679,7 +679,7 @@
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_ENTITLEMENTS = RNExampleBroadcastUpload/RNExampleBroadcastUpload.entitlements;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 366;
+				CURRENT_PROJECT_VERSION = 367;
 				DEBUG_INFORMATION_FORMAT = dwarf;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				GCC_C_LANGUAGE_STANDARD = gnu11;
@@ -721,7 +721,7 @@
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
 				COPY_PHASE_STRIP = NO;
-				CURRENT_PROJECT_VERSION = 366;
+				CURRENT_PROJECT_VERSION = 367;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
diff --git a/packages/react-native-room-kit/example/ios/RNExample/Info.plist b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
index 03ea68375..996bbfd2d 100644
--- a/packages/react-native-room-kit/example/ios/RNExample/Info.plist
+++ b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
@@ -21,11 +21,11 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>2.3.116</string>
+	<string>2.3.117</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>366</string>
+	<string>367</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
 	<key>LSRequiresIPhoneOS</key>

From 154365e7ff68d163249eeceab5949389d9bf6b6b Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Tue, 5 Dec 2023 18:07:43 +0530
Subject: [PATCH 15/84] version locked react-native-reanimated to 3.4.2

---
 .../example/android/Gemfile.lock              |  4 +--
 .../react-native-hms/example/ios/Gemfile.lock |  4 +--
 .../example/package-lock.json                 | 12 +++----
 packages/react-native-hms/package-lock.json   |  6 ++--
 .../example/android/app/build.gradle          |  4 +--
 .../example/ios/Podfile.lock                  |  4 +--
 .../ios/RNExample.xcodeproj/project.pbxproj   |  8 ++---
 .../example/ios/RNExample/Info.plist          |  4 +--
 .../example/package-lock.json                 | 14 ++++----
 .../example/package.json                      |  2 +-
 .../react-native-room-kit/package-lock.json   | 36 +++++++++----------
 .../src/components/DefaultModal.tsx           |  4 ++-
 .../src/components/HMSNotifications.tsx       |  4 ++-
 13 files changed, 55 insertions(+), 51 deletions(-)

diff --git a/packages/react-native-hms/example/android/Gemfile.lock b/packages/react-native-hms/example/android/Gemfile.lock
index 3aa27a721..6fd42ab27 100644
--- a/packages/react-native-hms/example/android/Gemfile.lock
+++ b/packages/react-native-hms/example/android/Gemfile.lock
@@ -8,7 +8,7 @@ GEM
     artifactory (3.0.15)
     atomos (0.1.3)
     aws-eventstream (1.3.0)
-    aws-partitions (1.862.0)
+    aws-partitions (1.863.0)
     aws-sdk-core (3.190.0)
       aws-eventstream (~> 1, >= 1.3.0)
       aws-partitions (~> 1, >= 1.651.0)
@@ -152,7 +152,7 @@ GEM
       domain_name (~> 0.5)
     httpclient (2.8.3)
     jmespath (1.6.2)
-    json (2.7.0)
+    json (2.7.1)
     jwt (2.7.1)
     mini_magick (4.12.0)
     mini_mime (1.1.5)
diff --git a/packages/react-native-hms/example/ios/Gemfile.lock b/packages/react-native-hms/example/ios/Gemfile.lock
index b31b769e1..f6786db21 100644
--- a/packages/react-native-hms/example/ios/Gemfile.lock
+++ b/packages/react-native-hms/example/ios/Gemfile.lock
@@ -8,7 +8,7 @@ GEM
     artifactory (3.0.15)
     atomos (0.1.3)
     aws-eventstream (1.3.0)
-    aws-partitions (1.862.0)
+    aws-partitions (1.863.0)
     aws-sdk-core (3.190.0)
       aws-eventstream (~> 1, >= 1.3.0)
       aws-partitions (~> 1, >= 1.651.0)
@@ -148,7 +148,7 @@ GEM
       domain_name (~> 0.5)
     httpclient (2.8.3)
     jmespath (1.6.2)
-    json (2.7.0)
+    json (2.7.1)
     jwt (2.7.1)
     mini_magick (4.12.0)
     mini_mime (1.1.5)
diff --git a/packages/react-native-hms/example/package-lock.json b/packages/react-native-hms/example/package-lock.json
index e6c3e45c7..45e8ab476 100644
--- a/packages/react-native-hms/example/package-lock.json
+++ b/packages/react-native-hms/example/package-lock.json
@@ -3865,9 +3865,9 @@
       }
     },
     "node_modules/@types/react-redux": {
-      "version": "7.1.31",
-      "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.31.tgz",
-      "integrity": "sha512-merF9AH72krBUekQY6uObXnMsEo1xTeZy9NONNRnqSwvwVe3HtLeRvNIPaKmPDIOWPsSFE51rc2WGpPMqmuCWg==",
+      "version": "7.1.32",
+      "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.32.tgz",
+      "integrity": "sha512-YJYV0M27cyHHJIacaRsZRx5OETzK8KWjEGnix7UH3ngItYo4It0MUBzU6WNwqnwhbrPw5wx9KXluuoTZ85Gg7A==",
       "dependencies": {
         "@types/hoist-non-react-statics": "^3.3.0",
         "@types/react": "*",
@@ -5791,9 +5791,9 @@
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.601",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.601.tgz",
-      "integrity": "sha512-SpwUMDWe9tQu8JX5QCO1+p/hChAi9AE9UpoC3rcHVc+gdCGlbT3SGb5I1klgb952HRIyvt9wZhSz9bNBYz9swA=="
+      "version": "1.4.603",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.603.tgz",
+      "integrity": "sha512-Dvo5OGjnl7AZTU632dFJtWj0uJK835eeOVQIuRcmBmsFsTNn3cL05FqOyHAfGQDIoHfLhyJ1Tya3PJ0ceMz54g=="
     },
     "node_modules/emittery": {
       "version": "0.7.2",
diff --git a/packages/react-native-hms/package-lock.json b/packages/react-native-hms/package-lock.json
index ccddda4dc..01711b7b8 100644
--- a/packages/react-native-hms/package-lock.json
+++ b/packages/react-native-hms/package-lock.json
@@ -6856,9 +6856,9 @@
       "dev": true
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.601",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.601.tgz",
-      "integrity": "sha512-SpwUMDWe9tQu8JX5QCO1+p/hChAi9AE9UpoC3rcHVc+gdCGlbT3SGb5I1klgb952HRIyvt9wZhSz9bNBYz9swA==",
+      "version": "1.4.603",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.603.tgz",
+      "integrity": "sha512-Dvo5OGjnl7AZTU632dFJtWj0uJK835eeOVQIuRcmBmsFsTNn3cL05FqOyHAfGQDIoHfLhyJ1Tya3PJ0ceMz54g==",
       "dev": true
     },
     "node_modules/emittery": {
diff --git a/packages/react-native-room-kit/example/android/app/build.gradle b/packages/react-native-room-kit/example/android/app/build.gradle
index e783a23e2..ecb21dec9 100644
--- a/packages/react-native-room-kit/example/android/app/build.gradle
+++ b/packages/react-native-room-kit/example/android/app/build.gradle
@@ -136,8 +136,8 @@ android {
         applicationId "live.hms.rn"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 367
-        versionName "2.3.117"
+        versionCode 368
+        versionName "2.3.118"
         missingDimensionStrategy 'react-native-camera', 'general'
     }
 
diff --git a/packages/react-native-room-kit/example/ios/Podfile.lock b/packages/react-native-room-kit/example/ios/Podfile.lock
index 97cafd847..055b4af39 100644
--- a/packages/react-native-room-kit/example/ios/Podfile.lock
+++ b/packages/react-native-room-kit/example/ios/Podfile.lock
@@ -407,7 +407,7 @@ PODS:
     - React-Core
   - RNPermissions (3.4.0):
     - React-Core
-  - RNReanimated (3.6.1):
+  - RNReanimated (3.4.2):
     - DoubleConversion
     - FBLazyVector
     - FBReactNativeSpec
@@ -712,7 +712,7 @@ SPEC CHECKSUMS:
   RNFlashList: 4b4b6b093afc0df60ae08f9cbf6ccd4c836c667a
   RNGestureHandler: 4279931048471f17faf46d912b2e96e10f1da99b
   RNPermissions: eac721f71748c4472d6e876038270b75397d6ee7
-  RNReanimated: ca978bf0d4da2d47255c6ef923c15006f48fa6b2
+  RNReanimated: 68ce187141f6e31aaa0726072b02faac962d7862
   RNScreens: 85d3880b52d34db7b8eeebe2f1a0e807c05e69fa
   Toast: 91b396c56ee72a5790816f40d3a94dd357abc196
   Yoga: d6b6a80659aa3e91aaba01d0012e7edcbedcbecd
diff --git a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
index 070157e3b..d91db3285 100644
--- a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
+++ b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
@@ -486,7 +486,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 367;
+				CURRENT_PROJECT_VERSION = 368;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -520,7 +520,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 367;
+				CURRENT_PROJECT_VERSION = 368;
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -679,7 +679,7 @@
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_ENTITLEMENTS = RNExampleBroadcastUpload/RNExampleBroadcastUpload.entitlements;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 367;
+				CURRENT_PROJECT_VERSION = 368;
 				DEBUG_INFORMATION_FORMAT = dwarf;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				GCC_C_LANGUAGE_STANDARD = gnu11;
@@ -721,7 +721,7 @@
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
 				COPY_PHASE_STRIP = NO;
-				CURRENT_PROJECT_VERSION = 367;
+				CURRENT_PROJECT_VERSION = 368;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
diff --git a/packages/react-native-room-kit/example/ios/RNExample/Info.plist b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
index 996bbfd2d..f08cb9df4 100644
--- a/packages/react-native-room-kit/example/ios/RNExample/Info.plist
+++ b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
@@ -21,11 +21,11 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>2.3.117</string>
+	<string>2.3.118</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>367</string>
+	<string>368</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
 	<key>LSRequiresIPhoneOS</key>
diff --git a/packages/react-native-room-kit/example/package-lock.json b/packages/react-native-room-kit/example/package-lock.json
index 0aed7586a..d3d599406 100644
--- a/packages/react-native-room-kit/example/package-lock.json
+++ b/packages/react-native-room-kit/example/package-lock.json
@@ -26,7 +26,7 @@
         "react-native-modal": "12.1.0",
         "react-native-permissions": "3.4.0",
         "react-native-qrcode-scanner": "1.5.5",
-        "react-native-reanimated": ">=2.17.0",
+        "react-native-reanimated": "3.4.2",
         "react-native-safe-area-context": "3.3.0",
         "react-native-screens": "3.25.0",
         "react-native-simple-toast": "1.1.3",
@@ -6465,9 +6465,9 @@
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.601",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.601.tgz",
-      "integrity": "sha512-SpwUMDWe9tQu8JX5QCO1+p/hChAi9AE9UpoC3rcHVc+gdCGlbT3SGb5I1klgb952HRIyvt9wZhSz9bNBYz9swA=="
+      "version": "1.4.603",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.603.tgz",
+      "integrity": "sha512-Dvo5OGjnl7AZTU632dFJtWj0uJK835eeOVQIuRcmBmsFsTNn3cL05FqOyHAfGQDIoHfLhyJ1Tya3PJ0ceMz54g=="
     },
     "node_modules/emittery": {
       "version": "0.7.2",
@@ -13121,9 +13121,9 @@
       }
     },
     "node_modules/react-native-reanimated": {
-      "version": "3.6.1",
-      "resolved": "https://registry.npmjs.org/react-native-reanimated/-/react-native-reanimated-3.6.1.tgz",
-      "integrity": "sha512-F4vG9Yf9PKmE3GaWtVGUpzj3SM6YY2cx1yRHCwiMd1uY7W0gU017LfcVUorboJnj0y5QZqEriEK1Usq2Y8YZqg==",
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/react-native-reanimated/-/react-native-reanimated-3.4.2.tgz",
+      "integrity": "sha512-FbtG+f1PB005vDTJSv4zAnTK7nNXi+FjFgbAM5gOzIZDajfph2BFMSUstzIsN8T77+OKuugUBmcTqLnQ24EBVg==",
       "dependencies": {
         "@babel/plugin-transform-object-assign": "^7.16.7",
         "@babel/preset-typescript": "^7.16.7",
diff --git a/packages/react-native-room-kit/example/package.json b/packages/react-native-room-kit/example/package.json
index 24faa21c7..95d5b13a9 100644
--- a/packages/react-native-room-kit/example/package.json
+++ b/packages/react-native-room-kit/example/package.json
@@ -28,7 +28,7 @@
     "react-native-modal": "12.1.0",
     "react-native-permissions": "3.4.0",
     "react-native-qrcode-scanner": "1.5.5",
-    "react-native-reanimated": ">=2.17.0",
+    "react-native-reanimated": "3.4.2",
     "react-native-safe-area-context": "3.3.0",
     "react-native-screens": "3.25.0",
     "react-native-simple-toast": "1.1.3",
diff --git a/packages/react-native-room-kit/package-lock.json b/packages/react-native-room-kit/package-lock.json
index 888c6ee23..e90c490be 100644
--- a/packages/react-native-room-kit/package-lock.json
+++ b/packages/react-native-room-kit/package-lock.json
@@ -69,9 +69,9 @@
       }
     },
     "node_modules/@100mslive/types-prebuilt": {
-      "version": "0.12.4",
-      "resolved": "https://registry.npmjs.org/@100mslive/types-prebuilt/-/types-prebuilt-0.12.4.tgz",
-      "integrity": "sha512-MzqYyoEMNob+ffKp2pFCxNFC9ZQflpDF+GfKJIPW/FuwGKEouyp77mkQ2b5Hv6z7U1m0MoiqsgCgyakz8+23fg=="
+      "version": "0.12.5",
+      "resolved": "https://registry.npmjs.org/@100mslive/types-prebuilt/-/types-prebuilt-0.12.5.tgz",
+      "integrity": "sha512-OQrNVosEe0S1RsGGueOLKMioHJhtP97M+1y3RXcELXOyowwBL/058V1FeVqsRjEyfA8sH85v7afN+QknI6ituw=="
     },
     "node_modules/@aashutoshrathi/word-wrap": {
       "version": "1.2.6",
@@ -5526,9 +5526,9 @@
       }
     },
     "node_modules/@types/react-redux": {
-      "version": "7.1.31",
-      "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.31.tgz",
-      "integrity": "sha512-merF9AH72krBUekQY6uObXnMsEo1xTeZy9NONNRnqSwvwVe3HtLeRvNIPaKmPDIOWPsSFE51rc2WGpPMqmuCWg==",
+      "version": "7.1.32",
+      "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.32.tgz",
+      "integrity": "sha512-YJYV0M27cyHHJIacaRsZRx5OETzK8KWjEGnix7UH3ngItYo4It0MUBzU6WNwqnwhbrPw5wx9KXluuoTZ85Gg7A==",
       "dependencies": {
         "@types/hoist-non-react-statics": "^3.3.0",
         "@types/react": "*",
@@ -8803,9 +8803,9 @@
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.601",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.601.tgz",
-      "integrity": "sha512-SpwUMDWe9tQu8JX5QCO1+p/hChAi9AE9UpoC3rcHVc+gdCGlbT3SGb5I1klgb952HRIyvt9wZhSz9bNBYz9swA=="
+      "version": "1.4.603",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.603.tgz",
+      "integrity": "sha512-Dvo5OGjnl7AZTU632dFJtWj0uJK835eeOVQIuRcmBmsFsTNn3cL05FqOyHAfGQDIoHfLhyJ1Tya3PJ0ceMz54g=="
     },
     "node_modules/emittery": {
       "version": "0.10.2",
@@ -22145,9 +22145,9 @@
       }
     },
     "@100mslive/types-prebuilt": {
-      "version": "0.12.4",
-      "resolved": "https://registry.npmjs.org/@100mslive/types-prebuilt/-/types-prebuilt-0.12.4.tgz",
-      "integrity": "sha512-MzqYyoEMNob+ffKp2pFCxNFC9ZQflpDF+GfKJIPW/FuwGKEouyp77mkQ2b5Hv6z7U1m0MoiqsgCgyakz8+23fg=="
+      "version": "0.12.5",
+      "resolved": "https://registry.npmjs.org/@100mslive/types-prebuilt/-/types-prebuilt-0.12.5.tgz",
+      "integrity": "sha512-OQrNVosEe0S1RsGGueOLKMioHJhtP97M+1y3RXcELXOyowwBL/058V1FeVqsRjEyfA8sH85v7afN+QknI6ituw=="
     },
     "@aashutoshrathi/word-wrap": {
       "version": "1.2.6",
@@ -26165,9 +26165,9 @@
       }
     },
     "@types/react-redux": {
-      "version": "7.1.31",
-      "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.31.tgz",
-      "integrity": "sha512-merF9AH72krBUekQY6uObXnMsEo1xTeZy9NONNRnqSwvwVe3HtLeRvNIPaKmPDIOWPsSFE51rc2WGpPMqmuCWg==",
+      "version": "7.1.32",
+      "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.32.tgz",
+      "integrity": "sha512-YJYV0M27cyHHJIacaRsZRx5OETzK8KWjEGnix7UH3ngItYo4It0MUBzU6WNwqnwhbrPw5wx9KXluuoTZ85Gg7A==",
       "requires": {
         "@types/hoist-non-react-statics": "^3.3.0",
         "@types/react": "*",
@@ -28511,9 +28511,9 @@
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
     },
     "electron-to-chromium": {
-      "version": "1.4.601",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.601.tgz",
-      "integrity": "sha512-SpwUMDWe9tQu8JX5QCO1+p/hChAi9AE9UpoC3rcHVc+gdCGlbT3SGb5I1klgb952HRIyvt9wZhSz9bNBYz9swA=="
+      "version": "1.4.603",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.603.tgz",
+      "integrity": "sha512-Dvo5OGjnl7AZTU632dFJtWj0uJK835eeOVQIuRcmBmsFsTNn3cL05FqOyHAfGQDIoHfLhyJ1Tya3PJ0ceMz54g=="
     },
     "emittery": {
       "version": "0.10.2",
diff --git a/packages/react-native-room-kit/src/components/DefaultModal.tsx b/packages/react-native-room-kit/src/components/DefaultModal.tsx
index 30ce4f6a7..c7952a772 100644
--- a/packages/react-native-room-kit/src/components/DefaultModal.tsx
+++ b/packages/react-native-room-kit/src/components/DefaultModal.tsx
@@ -54,7 +54,9 @@ export const DefaultModal: React.FC<DefaultModalProps> = ({
     >
       <View
         style={[
-          isLandscapeOrientation ? styles.landscapeContentContainer : styles.contentContainer,
+          isLandscapeOrientation
+            ? styles.landscapeContentContainer
+            : styles.contentContainer,
           modalPosiion === 'flex-end' ? styles.end : styles.center,
           viewStyle,
           { marginLeft: left, marginRight: right },
diff --git a/packages/react-native-room-kit/src/components/HMSNotifications.tsx b/packages/react-native-room-kit/src/components/HMSNotifications.tsx
index f7bd7bbe0..3fa7a4510 100644
--- a/packages/react-native-room-kit/src/components/HMSNotifications.tsx
+++ b/packages/react-native-room-kit/src/components/HMSNotifications.tsx
@@ -83,7 +83,9 @@ export const HMSNotifications: React.FC<HMSNotificationsProps> = () => {
   return (
     <View
       style={[
-        isLandscapeOrientation ? styles.absoluteLandscapeContainer : styles.absoluteContainer,
+        isLandscapeOrientation
+          ? styles.absoluteLandscapeContainer
+          : styles.absoluteContainer,
         { paddingTop: (notifications.length - 1) * 16 },
       ]}
     >

From bdc899074545c30387d8e66e4ec8eb679fdfdafc Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Tue, 5 Dec 2023 18:44:20 +0530
Subject: [PATCH 16/84] inset local peer tile landscape fixes

---
 .../src/components/GridView.tsx               |  8 +++--
 .../src/components/MiniView.tsx               | 33 ++++++++++---------
 2 files changed, 23 insertions(+), 18 deletions(-)

diff --git a/packages/react-native-room-kit/src/components/GridView.tsx b/packages/react-native-room-kit/src/components/GridView.tsx
index 7c2783a26..a1150645b 100644
--- a/packages/react-native-room-kit/src/components/GridView.tsx
+++ b/packages/react-native-room-kit/src/components/GridView.tsx
@@ -8,6 +8,7 @@ import type {
   ViewToken,
 } from 'react-native';
 import type { HMSView, HMSPeer } from '@100mslive/react-native-hms';
+import { useSharedValue } from 'react-native-reanimated';
 
 import { DefaultModal } from './DefaultModal';
 import { SaveScreenshot } from './Modals';
@@ -47,7 +48,7 @@ export const GridView = React.forwardRef<GridViewRefAttrs, GridViewProps>(
     const hmsViewRefs = useRef<Record<string, ElementRef<typeof HMSView>>>({});
     const regularTilesFlatlistRef = useRef<FlatList<PeerTrackNode[]>>(null);
     const screenshareTilesFlatlistRef = useRef<FlatList<PeerTrackNode>>(null);
-    const insetTileBoundingBoxRef = useRef<LayoutRectangle | null>(null);
+    const [insetTileBoundingBox, setInsetTileBoundingBox] = useState<{ width: number | null, height: number | null }>({ width: null, height: null });
 
     const isLandscapeOrientation = useIsLandscapeOrientation();
     const screenshareTilesAvailable = useSelector(
@@ -106,7 +107,7 @@ export const GridView = React.forwardRef<GridViewRefAttrs, GridViewProps>(
 
     const _handleLayoutChange = React.useCallback(
       ({ nativeEvent }: LayoutChangeEvent) => {
-        insetTileBoundingBoxRef.current = nativeEvent.layout;
+        setInsetTileBoundingBox({ width: nativeEvent.layout.width, height: nativeEvent.layout.height });
       },
       []
     );
@@ -134,7 +135,8 @@ export const GridView = React.forwardRef<GridViewRefAttrs, GridViewProps>(
 
         {pairedPeers.length > 0 && miniviewPeerTrackNodeExists ? (
           <MiniView
-            boundingBoxRef={insetTileBoundingBoxRef}
+            boundingBoxWidth={insetTileBoundingBox.width}
+            boundingBoxHeight={insetTileBoundingBox.height}
             onMoreOptionsPress={onPeerTileMorePress}
           />
         ) : null}
diff --git a/packages/react-native-room-kit/src/components/MiniView.tsx b/packages/react-native-room-kit/src/components/MiniView.tsx
index 5f7e01541..13c78f0ac 100644
--- a/packages/react-native-room-kit/src/components/MiniView.tsx
+++ b/packages/react-native-room-kit/src/components/MiniView.tsx
@@ -1,8 +1,6 @@
 import * as React from 'react';
-import type { MutableRefObject } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { StyleSheet, View, LayoutAnimation } from 'react-native';
-import type { LayoutRectangle } from 'react-native';
 import { GestureDetector, Gesture } from 'react-native-gesture-handler';
 import Animated, {
   cancelAnimation,
@@ -20,6 +18,7 @@ import {
 import type { RootState } from '../redux';
 import { setInsetViewMinimized } from '../redux/actions';
 import { isPublishingAllowed } from '../hooks-util';
+import { useIsLandscapeOrientation } from '../utils/dimension';
 
 const cornerOffset = {
   x: 8, // rightX
@@ -30,13 +29,16 @@ const cornerOffset = {
 
 export interface MiniViewProps
   extends Omit<PeerVideoTileViewProps, 'peerTrackNode'> {
-  boundingBoxRef: MutableRefObject<LayoutRectangle | null>;
+  boundingBoxWidth: number | null;
+  boundingBoxHeight: number | null;
 }
 
 export const MiniView: React.FC<Omit<MiniViewProps, 'insetMode'>> = ({
-  boundingBoxRef,
+  boundingBoxWidth,
+  boundingBoxHeight,
   onMoreOptionsPress,
 }) => {
+  const isLandscapeOrientation = useIsLandscapeOrientation();
   const isPressed = useSharedValue(false);
   const xOffset = useSharedValue(0);
   const yOffset = useSharedValue(0);
@@ -54,8 +56,8 @@ export const MiniView: React.FC<Omit<MiniViewProps, 'insetMode'>> = ({
     usePeerMinimizedViewDimensions();
 
   const size = {
-    width: minimized ? minimizedViewWidth : 104,
-    height: minimized ? minimizedViewHeigth : 186,
+    width: minimized ? minimizedViewWidth : (isLandscapeOrientation ? 178 : 104),
+    height: minimized ? minimizedViewHeigth : (isLandscapeOrientation ? 98 : 186),
   };
 
   const dimensionStyles = {
@@ -83,7 +85,8 @@ export const MiniView: React.FC<Omit<MiniViewProps, 'insetMode'>> = ({
       size.height,
       cornerOffset.x,
       cornerOffset.topY,
-      boundingBoxRef.current
+      boundingBoxWidth,
+      boundingBoxHeight,
     );
 
     const finalX = snapPointX;
@@ -130,7 +133,7 @@ export const MiniView: React.FC<Omit<MiniViewProps, 'insetMode'>> = ({
       cancelAnimation(xOffset);
       cancelAnimation(yOffset);
     };
-  }, [minimized]);
+  }, [boundingBoxWidth, boundingBoxHeight, minimized]);
 
   const handleMaximize = () => {
     LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
@@ -195,25 +198,25 @@ const getSnappingPoints = (
   compHeight: number,
   xCornerOffset: number,
   yCornerOffset: number,
-  boundingBox: null | { width: number; height: number }
+  boundingBoxWidth: number | null,
+  boundingBoxHeight: number | null,
 ) => {
   'worklet';
-  if (!boundingBox) {
+  if (!boundingBoxWidth || !boundingBoxHeight) {
     return {
       snapPointX: 0,
       snapPointY: 0,
     };
   }
-  const { height, width } = boundingBox;
 
   return {
     snapPointX:
-      Math.abs(currentValueX) + compWidth < width / 2
+      Math.abs(currentValueX) + compWidth < boundingBoxWidth / 2
         ? 0
-        : -width + compWidth + xCornerOffset * 2,
+        : -boundingBoxWidth + compWidth + xCornerOffset * 2,
     snapPointY:
-      Math.abs(currentValueY) + compHeight < height / 2
+      Math.abs(currentValueY) + compHeight < boundingBoxHeight / 2
         ? 0
-        : -height + compHeight + yCornerOffset * 2,
+        : -boundingBoxHeight + compHeight + yCornerOffset * 2,
   };
 };

From bec575bb25ccb2f776ee4ebc88ca8bb586ea9bbf Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Tue, 5 Dec 2023 20:13:32 +0530
Subject: [PATCH 17/84] =?UTF-8?q?released=20sample=20app=20version=202.3.1?=
 =?UTF-8?q?19=20(369)=20=E2=9A=9B=EF=B8=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../example/android/app/build.gradle                      | 4 ++--
 .../example/ios/RNExample.xcodeproj/project.pbxproj       | 8 ++++----
 .../example/ios/RNExample/Info.plist                      | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/react-native-room-kit/example/android/app/build.gradle b/packages/react-native-room-kit/example/android/app/build.gradle
index ecb21dec9..f8c5e3dc8 100644
--- a/packages/react-native-room-kit/example/android/app/build.gradle
+++ b/packages/react-native-room-kit/example/android/app/build.gradle
@@ -136,8 +136,8 @@ android {
         applicationId "live.hms.rn"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 368
-        versionName "2.3.118"
+        versionCode 369
+        versionName "2.3.119"
         missingDimensionStrategy 'react-native-camera', 'general'
     }
 
diff --git a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
index d91db3285..a2aa671cb 100644
--- a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
+++ b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
@@ -486,7 +486,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 368;
+				CURRENT_PROJECT_VERSION = 369;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -520,7 +520,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 368;
+				CURRENT_PROJECT_VERSION = 369;
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -679,7 +679,7 @@
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_ENTITLEMENTS = RNExampleBroadcastUpload/RNExampleBroadcastUpload.entitlements;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 368;
+				CURRENT_PROJECT_VERSION = 369;
 				DEBUG_INFORMATION_FORMAT = dwarf;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				GCC_C_LANGUAGE_STANDARD = gnu11;
@@ -721,7 +721,7 @@
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
 				COPY_PHASE_STRIP = NO;
-				CURRENT_PROJECT_VERSION = 368;
+				CURRENT_PROJECT_VERSION = 369;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
diff --git a/packages/react-native-room-kit/example/ios/RNExample/Info.plist b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
index f08cb9df4..b241cef33 100644
--- a/packages/react-native-room-kit/example/ios/RNExample/Info.plist
+++ b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
@@ -21,11 +21,11 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>2.3.118</string>
+	<string>2.3.119</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>368</string>
+	<string>369</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
 	<key>LSRequiresIPhoneOS</key>

From dabe50fc4cb2413b76a52c1da94a6f56120a889a Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Thu, 7 Dec 2023 15:55:21 +0530
Subject: [PATCH 18/84] fix(prebuilt): :bug: removed `useAnimatedKeyboard` hook
 usage from android

It was causing various issues

RN-164, RN-168
---
 .../java/com/reactnativehmssdk/HMSManager.kt  | 23 +++++++--
 packages/react-native-hms/src/index.ts        |  2 +
 .../react-native-hms/src/utils/keyboard.ts    | 37 ++++++++++++++
 .../src/HMSRoomSetup.tsx                      |  3 ++
 .../HMSKeyboardAvoidingView.android.tsx       | 49 +++++++++++++++++++
 .../react-native-room-kit/src/hooks-util.ts   | 26 ++++++++++
 6 files changed, 136 insertions(+), 4 deletions(-)
 create mode 100644 packages/react-native-hms/src/utils/keyboard.ts
 create mode 100644 packages/react-native-room-kit/src/components/HMSKeyboardAvoidingView.android.tsx

diff --git a/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HMSManager.kt b/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HMSManager.kt
index 053aebfc5..95b1846aa 100644
--- a/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HMSManager.kt
+++ b/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HMSManager.kt
@@ -1266,13 +1266,13 @@ class HMSManager(reactContext: ReactApplicationContext) :
 
   @ReactMethod
   fun checkNotifications(promise: Promise?) {
-    val reactAppContext = reactAppContext
+    val reactApplicationContext = reactApplicationContext
 
-    if (reactAppContext == null) {
-      promise?.reject(Throwable("`reactAppContext` is not available!"))
+    if (reactApplicationContext == null) {
+      promise?.reject(Throwable("`reactApplicationContext` is not available!"))
       return
     }
-    val enabled = NotificationManagerCompat.from(reactAppContext).areNotificationsEnabled()
+    val enabled = NotificationManagerCompat.from(reactApplicationContext).areNotificationsEnabled()
     val data: WritableMap = Arguments.createMap()
 
     data.putString("status", if (enabled) "granted" else "blocked")
@@ -1282,6 +1282,21 @@ class HMSManager(reactContext: ReactApplicationContext) :
     promise?.resolve(data)
   }
 
+  @ReactMethod(isBlockingSynchronousMethod = true)
+  fun setSoftInputMode(inputMode: Int): Int {
+    val window = reactApplicationContext?.currentActivity?.window ?: return -1
+    UiThreadUtil.runOnUiThread {
+      window.setSoftInputMode(inputMode)
+    }
+    return 0
+  }
+
+  @ReactMethod(isBlockingSynchronousMethod = true)
+  fun getSoftInputMode(): Int {
+    val attributes = reactApplicationContext?.currentActivity?.window?.attributes ?: return -1
+    return attributes.softInputMode
+  }
+
   fun emitEvent(
     event: String,
     data: WritableMap,
diff --git a/packages/react-native-hms/src/index.ts b/packages/react-native-hms/src/index.ts
index dfa640887..4a2d270de 100644
--- a/packages/react-native-hms/src/index.ts
+++ b/packages/react-native-hms/src/index.ts
@@ -107,6 +107,8 @@ export { useHmsViewsResolutionsState } from './hooks/hmsviews';
 export type { NotificationResult } from './utils/notification';
 export { checkNotifications } from './utils/notification';
 
+export * from './utils/keyboard';
+
 // 100ms types
 export * from './types';
 export * from './stores/types';
diff --git a/packages/react-native-hms/src/utils/keyboard.ts b/packages/react-native-hms/src/utils/keyboard.ts
new file mode 100644
index 000000000..e4c614ca1
--- /dev/null
+++ b/packages/react-native-hms/src/utils/keyboard.ts
@@ -0,0 +1,37 @@
+import { Platform } from 'react-native';
+import HMSManager from '../modules/HMSManagerModule';
+
+export enum SoftInputModes {
+  SOFT_INPUT_ADJUST_NOTHING = 48,
+  SOFT_INPUT_ADJUST_PAN = 32,
+  SOFT_INPUT_ADJUST_RESIZE = 16,
+  SOFT_INPUT_ADJUST_UNSPECIFIED = 0,
+};
+
+/**
+ * [Android Only] Sets the `windowSoftInputMode` value for the current activity
+ * @param inputMode window softinput moede to use. It can be any variant of the {@link SoftInputModes} enum
+ */
+export function setSoftInputMode(inputMode: SoftInputModes) {
+  if (Platform.OS === 'android') {
+    const result = HMSManager.setSoftInputMode(inputMode);
+    if (result === -1) {
+      throw new Error('Couln\'t get AppContext, Activity or Window!');
+    }
+  }
+};
+
+/**
+ * [Android Only] Gets the current `windowSoftInputMode` value of the current activity
+ * @returns current `windowSoftInputMode` ({@link SoftInputModes}) value of the current activity
+ */
+export function getSoftInputMode(): SoftInputModes {
+  if (Platform.OS === 'android') {
+    const result = HMSManager.getSoftInputMode();
+    if (result === -1) {
+      throw new Error('Couln\'t get AppContext, Activity or Window!');
+    }
+    return result;
+  }
+  return SoftInputModes.SOFT_INPUT_ADJUST_UNSPECIFIED;
+};
diff --git a/packages/react-native-room-kit/src/HMSRoomSetup.tsx b/packages/react-native-room-kit/src/HMSRoomSetup.tsx
index eb0ee2436..85da906ab 100644
--- a/packages/react-native-room-kit/src/HMSRoomSetup.tsx
+++ b/packages/react-native-room-kit/src/HMSRoomSetup.tsx
@@ -34,6 +34,7 @@ import {
   useHMSSessionStore,
   useLeaveMethods,
   isPublishingAllowed,
+  useAndroidSoftInputAdjustResize,
 } from './hooks-util';
 import {
   peerTrackNodeExistForPeerAndTrack,
@@ -158,6 +159,8 @@ export const HMSRoomSetup = () => {
    */
   useHMSSessionStore();
 
+  useAndroidSoftInputAdjustResize();
+
   const meetingJoined = meetingState === MeetingState.IN_MEETING;
   const previewing = meetingState === MeetingState.IN_PREVIEW;
 
diff --git a/packages/react-native-room-kit/src/components/HMSKeyboardAvoidingView.android.tsx b/packages/react-native-room-kit/src/components/HMSKeyboardAvoidingView.android.tsx
new file mode 100644
index 000000000..b13a3d867
--- /dev/null
+++ b/packages/react-native-room-kit/src/components/HMSKeyboardAvoidingView.android.tsx
@@ -0,0 +1,49 @@
+import * as React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import Animated, {
+  // useAnimatedKeyboard,
+  // useAnimatedStyle,
+  // useDerivedValue,
+} from 'react-native-reanimated';
+
+export interface HMSKeyboardAvoidingViewProps {
+  style?: StyleProp<Animated.AnimateStyle<StyleProp<ViewStyle>>>;
+  bottomOffset?: number;
+}
+
+export const HMSKeyboardAvoidingView: React.FC<
+  HMSKeyboardAvoidingViewProps
+> = ({
+  children,
+  style,
+  // bottomOffset=0
+}) => {
+  // const animatedKeyboard = useAnimatedKeyboard();
+
+  // const initialPageY = useDerivedValue(() => bottomOffset, [bottomOffset]);
+
+  // const keyboardAvoidStyle = useAnimatedStyle(() => {
+  //   const keyboardHeight = animatedKeyboard.height.value;
+  //   return {
+  //     transform: [
+  //       {
+  //         translateY:
+  //           keyboardHeight <= initialPageY.value
+  //             ? 0 // Keep element at original `pageY` till and when keyboard height is less than `pageY`
+  //             : -(keyboardHeight - initialPageY.value),
+  //       },
+  //     ],
+  //   };
+  // });
+
+  return (
+    <Animated.View
+      style={[
+        style,
+        // keyboardAvoidStyle
+      ]}
+    >
+      {children}
+    </Animated.View>
+  );
+};
diff --git a/packages/react-native-room-kit/src/hooks-util.ts b/packages/react-native-room-kit/src/hooks-util.ts
index 379b0a296..5185d0384 100644
--- a/packages/react-native-room-kit/src/hooks-util.ts
+++ b/packages/react-native-room-kit/src/hooks-util.ts
@@ -20,9 +20,12 @@ import {
   HMSMessageRecipient,
   useHMSHLSPlayerResolution,
   useHmsViewsResolutionsState,
+  setSoftInputMode,
+  getSoftInputMode,
   // useHMSPeerUpdates,
 } from '@100mslive/react-native-hms';
 import type { Chat as ChatConfig } from '@100mslive/types-prebuilt/elements/chat';
+import { SoftInputModes } from '@100mslive/react-native-hms';
 import type {
   HMSPIPConfig,
   HMSRole,
@@ -2431,3 +2434,26 @@ export const useStartRecording = () => {
     startRecording,
   };
 };
+
+export const useAndroidSoftInputAdjustResize = () => {
+  const currentSoftInputRef = useRef<null | SoftInputModes>(null);
+
+  useEffect(() => {
+    if (Platform.OS !== 'android') {
+      return;
+    }
+    const currentSoftInputMode = getSoftInputMode();
+
+    if (currentSoftInputMode !== SoftInputModes.SOFT_INPUT_ADJUST_RESIZE) {
+      currentSoftInputRef.current = currentSoftInputMode;
+
+      setSoftInputMode(SoftInputModes.SOFT_INPUT_ADJUST_RESIZE);
+
+      return () => {
+        if (currentSoftInputRef.current !== null) {
+          setSoftInputMode(currentSoftInputRef.current);
+        }
+      }
+    }
+  }, []);
+};

From 723e8f8ca981dedc98d98b4fab0df5de398492fb Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Thu, 7 Dec 2023 16:17:25 +0530
Subject: [PATCH 19/84] =?UTF-8?q?released=20sample=20app=20version=202.3.1?=
 =?UTF-8?q?20=20(370)=20=E2=9A=9B=EF=B8=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../example/android/app/build.gradle                      | 4 ++--
 .../example/ios/RNExample.xcodeproj/project.pbxproj       | 8 ++++----
 .../example/ios/RNExample/Info.plist                      | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/react-native-room-kit/example/android/app/build.gradle b/packages/react-native-room-kit/example/android/app/build.gradle
index f8c5e3dc8..d45a87323 100644
--- a/packages/react-native-room-kit/example/android/app/build.gradle
+++ b/packages/react-native-room-kit/example/android/app/build.gradle
@@ -136,8 +136,8 @@ android {
         applicationId "live.hms.rn"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 369
-        versionName "2.3.119"
+        versionCode 370
+        versionName "2.3.120"
         missingDimensionStrategy 'react-native-camera', 'general'
     }
 
diff --git a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
index a2aa671cb..55ad1dce9 100644
--- a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
+++ b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
@@ -486,7 +486,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 369;
+				CURRENT_PROJECT_VERSION = 370;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -520,7 +520,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 369;
+				CURRENT_PROJECT_VERSION = 370;
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -679,7 +679,7 @@
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_ENTITLEMENTS = RNExampleBroadcastUpload/RNExampleBroadcastUpload.entitlements;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 369;
+				CURRENT_PROJECT_VERSION = 370;
 				DEBUG_INFORMATION_FORMAT = dwarf;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				GCC_C_LANGUAGE_STANDARD = gnu11;
@@ -721,7 +721,7 @@
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
 				COPY_PHASE_STRIP = NO;
-				CURRENT_PROJECT_VERSION = 369;
+				CURRENT_PROJECT_VERSION = 370;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
diff --git a/packages/react-native-room-kit/example/ios/RNExample/Info.plist b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
index b241cef33..045ea891a 100644
--- a/packages/react-native-room-kit/example/ios/RNExample/Info.plist
+++ b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
@@ -21,11 +21,11 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>2.3.119</string>
+	<string>2.3.120</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>369</string>
+	<string>370</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
 	<key>LSRequiresIPhoneOS</key>

From 5a5c4e632e3b8bb544bf60d4f90fa0118445a437 Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Thu, 7 Dec 2023 16:27:00 +0530
Subject: [PATCH 20/84] fix(prebuilt): :bug: publishing screenshare resolution
 is reverted in landscape mode

---
 .../example/android/app/src/main/AndroidManifest.xml        | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/react-native-room-kit/example/android/app/src/main/AndroidManifest.xml b/packages/react-native-room-kit/example/android/app/src/main/AndroidManifest.xml
index 17bb100f7..a4ca49512 100644
--- a/packages/react-native-room-kit/example/android/app/src/main/AndroidManifest.xml
+++ b/packages/react-native-room-kit/example/android/app/src/main/AndroidManifest.xml
@@ -30,11 +30,13 @@
       <activity
         android:exported="true"
         android:name="com.reactnativehmssdk.HmsScreenshareActivity"
-        android:label="@string/app_name" />
+        android:label="@string/app_name"
+        android:screenOrientation="portrait" />
       <activity
         android:exported="true"
         android:name="com.reactnativehmssdk.HMSAudioshareActivity"
-        android:label="@string/app_name" />
+        android:label="@string/app_name"
+        android:screenOrientation="portrait" />
       <activity
         android:exported="true"
         android:name=".MainActivity"

From 3c347da5a1adf76930c6938863084faf2fe1014c Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Thu, 7 Dec 2023 16:41:51 +0530
Subject: [PATCH 21/84] =?UTF-8?q?released=20sample=20app=20version=202.3.1?=
 =?UTF-8?q?21=20(371)=20=E2=9A=9B=EF=B8=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../example/android/app/build.gradle                      | 4 ++--
 .../example/ios/RNExample.xcodeproj/project.pbxproj       | 8 ++++----
 .../example/ios/RNExample/Info.plist                      | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/react-native-room-kit/example/android/app/build.gradle b/packages/react-native-room-kit/example/android/app/build.gradle
index d45a87323..bd8470f21 100644
--- a/packages/react-native-room-kit/example/android/app/build.gradle
+++ b/packages/react-native-room-kit/example/android/app/build.gradle
@@ -136,8 +136,8 @@ android {
         applicationId "live.hms.rn"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 370
-        versionName "2.3.120"
+        versionCode 371
+        versionName "2.3.121"
         missingDimensionStrategy 'react-native-camera', 'general'
     }
 
diff --git a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
index 55ad1dce9..7e2b96e00 100644
--- a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
+++ b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
@@ -486,7 +486,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 370;
+				CURRENT_PROJECT_VERSION = 371;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -520,7 +520,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 370;
+				CURRENT_PROJECT_VERSION = 371;
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -679,7 +679,7 @@
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_ENTITLEMENTS = RNExampleBroadcastUpload/RNExampleBroadcastUpload.entitlements;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 370;
+				CURRENT_PROJECT_VERSION = 371;
 				DEBUG_INFORMATION_FORMAT = dwarf;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				GCC_C_LANGUAGE_STANDARD = gnu11;
@@ -721,7 +721,7 @@
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
 				COPY_PHASE_STRIP = NO;
-				CURRENT_PROJECT_VERSION = 370;
+				CURRENT_PROJECT_VERSION = 371;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
diff --git a/packages/react-native-room-kit/example/ios/RNExample/Info.plist b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
index 045ea891a..3ffaaa02d 100644
--- a/packages/react-native-room-kit/example/ios/RNExample/Info.plist
+++ b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
@@ -21,11 +21,11 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>2.3.120</string>
+	<string>2.3.121</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>370</string>
+	<string>371</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
 	<key>LSRequiresIPhoneOS</key>

From a021f803eea7a32332abd825c3ca06d65fcc167c Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Fri, 8 Dec 2023 13:43:58 +0530
Subject: [PATCH 22/84] updated status bar

---
 packages/react-native-room-kit/src/components/BottomSheet.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-native-room-kit/src/components/BottomSheet.tsx b/packages/react-native-room-kit/src/components/BottomSheet.tsx
index c2f39cd60..7726b489d 100644
--- a/packages/react-native-room-kit/src/components/BottomSheet.tsx
+++ b/packages/react-native-room-kit/src/components/BottomSheet.tsx
@@ -69,7 +69,7 @@ export const BottomSheet: React.FC<BottomSheetProps> & {
       supportedOrientations={
         resetProps.supportedOrientations ?? ['portrait', 'landscape']
       }
-      // coverScreen={true}
+      statusBarTranslucent={true}
     >
       <View
         style={[

From a11a6989028ba8be33517d26eb116568139be6f4 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Fri, 8 Dec 2023 14:00:05 +0530
Subject: [PATCH 23/84] =?UTF-8?q?released=20sample=20app=20version=202.3.1?=
 =?UTF-8?q?22=20(372)=20=E2=9A=9B=EF=B8=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../example/android/app/build.gradle                      | 4 ++--
 .../example/ios/RNExample.xcodeproj/project.pbxproj       | 8 ++++----
 .../example/ios/RNExample/Info.plist                      | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/react-native-room-kit/example/android/app/build.gradle b/packages/react-native-room-kit/example/android/app/build.gradle
index bd8470f21..e98b279c9 100644
--- a/packages/react-native-room-kit/example/android/app/build.gradle
+++ b/packages/react-native-room-kit/example/android/app/build.gradle
@@ -136,8 +136,8 @@ android {
         applicationId "live.hms.rn"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 371
-        versionName "2.3.121"
+        versionCode 372
+        versionName "2.3.122"
         missingDimensionStrategy 'react-native-camera', 'general'
     }
 
diff --git a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
index 7e2b96e00..6f20cd1b7 100644
--- a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
+++ b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
@@ -486,7 +486,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 371;
+				CURRENT_PROJECT_VERSION = 372;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -520,7 +520,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 371;
+				CURRENT_PROJECT_VERSION = 372;
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -679,7 +679,7 @@
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_ENTITLEMENTS = RNExampleBroadcastUpload/RNExampleBroadcastUpload.entitlements;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 371;
+				CURRENT_PROJECT_VERSION = 372;
 				DEBUG_INFORMATION_FORMAT = dwarf;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				GCC_C_LANGUAGE_STANDARD = gnu11;
@@ -721,7 +721,7 @@
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
 				COPY_PHASE_STRIP = NO;
-				CURRENT_PROJECT_VERSION = 371;
+				CURRENT_PROJECT_VERSION = 372;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
diff --git a/packages/react-native-room-kit/example/ios/RNExample/Info.plist b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
index 3ffaaa02d..d80feb389 100644
--- a/packages/react-native-room-kit/example/ios/RNExample/Info.plist
+++ b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
@@ -21,11 +21,11 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>2.3.121</string>
+	<string>2.3.122</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>371</string>
+	<string>372</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
 	<key>LSRequiresIPhoneOS</key>

From 9229b9ece1121ebf00504d38385f0494e7b01632 Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Fri, 8 Dec 2023 16:23:17 +0530
Subject: [PATCH 24/84] initial gesture changes

---
 .../src/components/Meeting.tsx                |  6 ---
 .../src/components/MeetingScreenContent.tsx   | 48 ++++++++++---------
 2 files changed, 26 insertions(+), 28 deletions(-)

diff --git a/packages/react-native-room-kit/src/components/Meeting.tsx b/packages/react-native-room-kit/src/components/Meeting.tsx
index d9441709b..6e484f8d2 100644
--- a/packages/react-native-room-kit/src/components/Meeting.tsx
+++ b/packages/react-native-room-kit/src/components/Meeting.tsx
@@ -78,12 +78,6 @@ export const Meeting: React.FC<MeetingProps> = ({ peerTrackNodes }) => {
 
   const Container = isHLSViewer ? View : SafeAreaView;
 
-  /**
-   * TODO: disbaled Expended View animation in Webrtc flow
-   *
-   * Problem: Tiles Flatlist was not scrollable because Root Pressable was registering screen taps.
-   * Solution: Try using Tab Gesture detector instead on Pressable component
-   */
   return (
     <Container
       style={[styles.container, containerStyles]}
diff --git a/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx b/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx
index d71d8169c..d7afcd34e 100644
--- a/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx
+++ b/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx
@@ -8,6 +8,7 @@ import {
   useSharedValue,
   withTiming,
 } from 'react-native-reanimated';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 
 import { PipModes } from '../utils/types';
 import type { PeerTrackNode } from '../utils/types';
@@ -57,6 +58,8 @@ export const MeetingScreenContent: React.FC<MeetingScreenContentProps> = ({
     );
   }, []);
 
+  const tap = Gesture.Tap().onEnd(() => {toggleControls()}).requireExternalGestureToFail();
+
   // Handles Auto hiding the controls for the first time
   // to make this feature discoverable
   // useEffect(() => {
@@ -84,33 +87,34 @@ export const MeetingScreenContent: React.FC<MeetingScreenContentProps> = ({
    * Solution: Try using Tab Gesture detector instead on Pressable component
    */
   return (
-    <Pressable
-      onPress={toggleControls}
-      style={styles.container}
-      disabled={isHLSViewer || true}
+    <GestureDetector
+      gesture={tap}
+      // disabled={isHLSViewer || true}
     >
-      <HMSStatusBar hidden={controlsHidden} barStyle={'light-content'} />
+      <View style={styles.container}>
+        <HMSStatusBar hidden={controlsHidden} barStyle={'light-content'} />
 
-      <View style={styles.reconnectionWrapper}>
-        {isPipModeActive || isLandscapeOrientation ? null : (
-          <AnimatedHeader offset={offset}>
-            <Header transparent={isHLSViewer} showControls={!isHLSViewer} />
-          </AnimatedHeader>
-        )}
+        <View style={styles.reconnectionWrapper}>
+          {isPipModeActive || isLandscapeOrientation ? null : (
+            <AnimatedHeader offset={offset}>
+              <Header transparent={isHLSViewer} showControls={!isHLSViewer} />
+            </AnimatedHeader>
+          )}
 
-        <DisplayView offset={offset} peerTrackNodes={peerTrackNodes} />
+          <DisplayView offset={offset} peerTrackNodes={peerTrackNodes} />
 
-        {/* <ReconnectionView /> */}
-      </View>
+          {/* <ReconnectionView /> */}
+        </View>
 
-      {isPipModeActive ? null : isHLSViewer ? (
-        <HLSFooter offset={offset} />
-      ) : (
-        <AnimatedFooter offset={offset}>
-          <Footer />
-        </AnimatedFooter>
-      )}
-    </Pressable>
+        {isPipModeActive ? null : isHLSViewer ? (
+          <HLSFooter offset={offset} />
+        ) : (
+          <AnimatedFooter offset={offset}>
+            <Footer />
+          </AnimatedFooter>
+        )}
+      </View>
+    </GestureDetector>
   );
 };
 

From dc07954645699932f0ecfe43dc61094bae1d41d5 Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Mon, 11 Dec 2023 20:53:21 +0530
Subject: [PATCH 25/84] feat(prebuilt): completed hide header and footer
 animation

---
 .../src/components/AnimatedFooter.tsx         |  10 +-
 .../src/components/AnimatedHLSFooter.tsx      |  17 +--
 .../src/components/AnimatedHeader.tsx         |  19 ++-
 .../src/components/DisplayView.tsx            |  17 +--
 .../src/components/Footer.tsx                 |  21 +--
 .../src/components/HLSFooter.tsx              |   2 +-
 .../components/HMSKeyboardAvoidingView.tsx    |   7 +-
 .../src/components/HMSOverlayChatView.tsx     |  17 ++-
 .../src/components/Header.tsx                 |   7 +-
 .../src/components/Meeting.tsx                |  13 +-
 .../src/components/MeetingScreenContent.tsx   | 125 +++++++++---------
 .../src/components/OverlayedViews.tsx         |   9 +-
 .../src/components/PressableIcon.tsx          |  39 +++---
 .../src/components/WebrtcView.tsx             |  63 ++++++---
 .../react-native-room-kit/src/hooks-util.ts   |  59 +++++++++
 .../react-native-room-kit/src/utils/types.ts  |   2 +
 16 files changed, 261 insertions(+), 166 deletions(-)

diff --git a/packages/react-native-room-kit/src/components/AnimatedFooter.tsx b/packages/react-native-room-kit/src/components/AnimatedFooter.tsx
index 64ca30342..56878943b 100644
--- a/packages/react-native-room-kit/src/components/AnimatedFooter.tsx
+++ b/packages/react-native-room-kit/src/components/AnimatedFooter.tsx
@@ -6,6 +6,8 @@ import Animated, {
 } from 'react-native-reanimated';
 import type { SharedValue } from 'react-native-reanimated';
 
+import { useFooterHeight } from './Footer';
+
 interface AnimatedFooterProps {
   offset: SharedValue<number>;
 }
@@ -14,12 +16,14 @@ export const AnimatedFooter: React.FC<AnimatedFooterProps> = ({
   offset,
   children,
 }) => {
+  const footerHeight = useFooterHeight();
+
   const animatedStyles = useAnimatedStyle(() => {
     return {
-      opacity: interpolate(offset.value, [0, 0.7, 1], [0, 0.5, 1]),
-      transform: [{ translateY: interpolate(offset.value, [0, 1], [10, 0]) }],
+      opacity: interpolate(offset.value, [0, 0.3, 1], [0, 0.7, 1]),
+      transform: [{ translateY: interpolate(offset.value, [0, 1], [footerHeight, 0]) }],
     };
-  }, []);
+  }, [footerHeight]);
 
   const animatedProps = useAnimatedProps((): {
     pointerEvents: 'none' | 'auto';
diff --git a/packages/react-native-room-kit/src/components/AnimatedHLSFooter.tsx b/packages/react-native-room-kit/src/components/AnimatedHLSFooter.tsx
index 206821935..b3dd0c301 100644
--- a/packages/react-native-room-kit/src/components/AnimatedHLSFooter.tsx
+++ b/packages/react-native-room-kit/src/components/AnimatedHLSFooter.tsx
@@ -2,11 +2,12 @@ import * as React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import Animated, {
   interpolate,
-  useAnimatedProps,
   useAnimatedStyle,
 } from 'react-native-reanimated';
 import type { SharedValue } from 'react-native-reanimated';
 
+import { useFooterHeight } from './Footer';
+
 interface AnimatedHLSFooterProps {
   offset: SharedValue<number>;
   style?: StyleProp<Animated.AnimateStyle<StyleProp<ViewStyle>>>;
@@ -17,25 +18,17 @@ export const AnimatedHLSFooter: React.FC<AnimatedHLSFooterProps> = ({
   children,
   style,
 }) => {
-  const animatedStyles = useAnimatedStyle(() => {
-    return {
-      opacity: interpolate(offset.value, [0, 0.7, 1], [0, 0.5, 1]),
-      transform: [{ translateY: interpolate(offset.value, [0, 1], [10, 0]) }],
-    };
-  }, []);
+  const footerHeight = useFooterHeight();
 
-  const animatedProps = useAnimatedProps((): {
-    pointerEvents: 'none' | 'auto';
-  } => {
+  const animatedStyles = useAnimatedStyle(() => {
     return {
-      pointerEvents: offset.value === 0 ? 'none' : 'auto',
+      transform: [{ translateY: interpolate(offset.value, [0, 1], [footerHeight, 0]) }],
     };
   }, []);
 
   return (
     <Animated.View
       style={[animatedStyles, style]}
-      animatedProps={animatedProps}
     >
       {children}
     </Animated.View>
diff --git a/packages/react-native-room-kit/src/components/AnimatedHeader.tsx b/packages/react-native-room-kit/src/components/AnimatedHeader.tsx
index 58d73f723..93d7cc13d 100644
--- a/packages/react-native-room-kit/src/components/AnimatedHeader.tsx
+++ b/packages/react-native-room-kit/src/components/AnimatedHeader.tsx
@@ -1,11 +1,13 @@
 import * as React from 'react';
 import { StyleSheet } from 'react-native';
 import Animated, {
+  interpolate,
   useAnimatedProps,
   useAnimatedStyle,
 } from 'react-native-reanimated';
 import type { SharedValue } from 'react-native-reanimated';
 
+import { useHeaderHeight } from './Header';
 import { useIsHLSViewer } from '../hooks-util';
 
 export interface AnimatedHeaderProps {
@@ -17,13 +19,20 @@ export const AnimatedHeader: React.FC<AnimatedHeaderProps> = ({
   offset,
 }) => {
   const isHLSViewer = useIsHLSViewer();
+  const headerHeight = useHeaderHeight();
 
   const animatedStyles = useAnimatedStyle(() => {
+    if (isHLSViewer) {
+      return {
+        opacity: offset.value,
+        transform: [{ translateY: 0 }],
+      };
+    }
     return {
-      opacity: offset.value,
-      // transform: [{ translateY: interpolate(offset.value, [0, 1], [-10, 0]) }]
+      opacity: interpolate(offset.value, [0, 0.3, 1], [0, 0.7, 1]),
+      transform: [{ translateY: interpolate(offset.value, [0, 1], [-headerHeight, 0]) }],
     };
-  }, []);
+  }, [headerHeight, isHLSViewer]);
 
   const animatedProps = useAnimatedProps((): {
     pointerEvents: 'none' | 'auto';
@@ -35,7 +44,7 @@ export const AnimatedHeader: React.FC<AnimatedHeaderProps> = ({
 
   return (
     <Animated.View
-      style={[isHLSViewer ? styles.hlsContainer : null, animatedStyles]}
+      style={[styles.container, animatedStyles]}
       animatedProps={animatedProps}
     >
       {children}
@@ -44,7 +53,7 @@ export const AnimatedHeader: React.FC<AnimatedHeaderProps> = ({
 };
 
 const styles = StyleSheet.create({
-  hlsContainer: {
+  container: {
     position: 'absolute',
     top: 0,
     width: '100%',
diff --git a/packages/react-native-room-kit/src/components/DisplayView.tsx b/packages/react-native-room-kit/src/components/DisplayView.tsx
index e41b1a4c3..0bd78d369 100644
--- a/packages/react-native-room-kit/src/components/DisplayView.tsx
+++ b/packages/react-native-room-kit/src/components/DisplayView.tsx
@@ -1,11 +1,7 @@
 import React, { useRef, useState } from 'react';
 import { useSelector } from 'react-redux';
-import { InteractionManager } from 'react-native';
+import { InteractionManager, View } from 'react-native';
 import { HMSTrack, HMSCameraControl } from '@100mslive/react-native-hms';
-import Animated, {
-  interpolate,
-  useAnimatedStyle,
-} from 'react-native-reanimated';
 import type { SharedValue } from 'react-native-reanimated';
 
 import { DefaultModal } from './DefaultModal';
@@ -132,19 +128,14 @@ export const DisplayView: React.FC<DisplayViewProps> = ({
     setModalVisible(ModalTypes.STREAMING_QUALITY_SETTING, true);
   };
 
-  const animatedStyles = useAnimatedStyle(() => {
-    return {
-      transform: [{ translateY: interpolate(offset.value, [0, 1], [4, 0]) }],
-    };
-  }, []);
-
   return (
-    <Animated.View style={[{ flex: 1 }, animatedStyles]}>
+    <View style={{ flex: 1 }}>
       {isHLSViewer ? (
         <HLSView />
       ) : (
         <WebrtcView
           ref={gridViewRef}
+          offset={offset}
           peerTrackNodes={peerTrackNodes}
           handlePeerTileMorePress={handlePeerTileMorePress}
         />
@@ -239,6 +230,6 @@ export const DisplayView: React.FC<DisplayViewProps> = ({
           </DefaultModal>
         </>
       )}
-    </Animated.View>
+    </View>
   );
 };
diff --git a/packages/react-native-room-kit/src/components/Footer.tsx b/packages/react-native-room-kit/src/components/Footer.tsx
index 5821efe02..e799fb8ac 100644
--- a/packages/react-native-room-kit/src/components/Footer.tsx
+++ b/packages/react-native-room-kit/src/components/Footer.tsx
@@ -24,7 +24,6 @@ import {
 } from '../hooks-sdk';
 import { useSelector } from 'react-redux';
 import type { RootState } from '../redux';
-import { useIsLandscapeOrientation } from '../utils/dimension';
 
 interface FooterProps {}
 
@@ -33,7 +32,6 @@ export const _Footer: React.FC<FooterProps> = () => {
   const canPublishAudio = useCanPublishAudio();
   const canPublishVideo = useCanPublishVideo();
   const canPublishScreen = useCanPublishScreen();
-  const isLandscapeOrientation = useIsLandscapeOrientation();
 
   const isViewer = !(canPublishAudio || canPublishVideo || canPublishScreen);
 
@@ -107,7 +105,7 @@ export const _Footer: React.FC<FooterProps> = () => {
     >
       <View
         style={[
-          isLandscapeOrientation ? styles.landscapeContainer : styles.container,
+          styles.container,
           isHLSViewer ? styles.hlsContainer : containerStyles,
         ]}
       >
@@ -138,15 +136,14 @@ export const _Footer: React.FC<FooterProps> = () => {
   );
 };
 
-export const useFooterHeight = () => {
+export const useFooterHeight = (excludeSafeArea: boolean = false) => {
   const isHLSViewer = useIsHLSViewer();
-  const isLandscapeOrientation = useIsLandscapeOrientation();
   const { bottom } = useSafeAreaInsets();
 
   return (
-    bottom +
-    (isHLSViewer ? 8 : isLandscapeOrientation ? 4 : 16) +
-    (Platform.OS === 'android' ? (isLandscapeOrientation ? 4 : 16) : 0) +
+    (excludeSafeArea ? 0 : bottom) +
+    (isHLSViewer ? 8 : 16) +
+    (Platform.OS === 'android' ? 16 : 0) +
     40
   ); // bottomSafeArea + paddingTop + marginBottom + content
 };
@@ -160,14 +157,6 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     marginBottom: Platform.OS === 'android' ? 16 : 0, // TODO: need to correct hide animation offsets because of this change
   },
-  landscapeContainer: {
-    paddingTop: 4,
-    paddingHorizontal: 4,
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginBottom: Platform.OS === 'android' ? 4 : 0,
-  },
   hlsContainer: {
     paddingTop: 8,
   },
diff --git a/packages/react-native-room-kit/src/components/HLSFooter.tsx b/packages/react-native-room-kit/src/components/HLSFooter.tsx
index 951543112..89cc9f6a0 100644
--- a/packages/react-native-room-kit/src/components/HLSFooter.tsx
+++ b/packages/react-native-room-kit/src/components/HLSFooter.tsx
@@ -17,7 +17,7 @@ export const HLSFooter: React.FC<HLSFooterProps> = ({ offset }) => {
 
   return (
     <AnimatedHLSFooter offset={offset} style={styles.animatedContainer}>
-      {overlayChatVisible ? <HLSChatView /> : null}
+      {overlayChatVisible ? <HLSChatView offset={offset} /> : null}
 
       <HMSNotifications />
 
diff --git a/packages/react-native-room-kit/src/components/HMSKeyboardAvoidingView.tsx b/packages/react-native-room-kit/src/components/HMSKeyboardAvoidingView.tsx
index 5492b57da..a63b47721 100644
--- a/packages/react-native-room-kit/src/components/HMSKeyboardAvoidingView.tsx
+++ b/packages/react-native-room-kit/src/components/HMSKeyboardAvoidingView.tsx
@@ -5,10 +5,11 @@ import Animated, {
   useAnimatedStyle,
   useDerivedValue,
 } from 'react-native-reanimated';
+import type { SharedValue } from 'react-native-reanimated';
 
 export interface HMSKeyboardAvoidingViewProps {
   style?: StyleProp<Animated.AnimateStyle<StyleProp<ViewStyle>>>;
-  bottomOffset?: number;
+  bottomOffset?: number | SharedValue<number>;
 }
 
 export const HMSKeyboardAvoidingView: React.FC<
@@ -16,7 +17,9 @@ export const HMSKeyboardAvoidingView: React.FC<
 > = ({ children, style, bottomOffset=0 }) => {
   const animatedKeyboard = useAnimatedKeyboard();
 
-  const initialPageY = useDerivedValue(() => bottomOffset, [bottomOffset]);
+  const initialPageY = useDerivedValue(() => {
+    return typeof bottomOffset === 'number' ? bottomOffset : bottomOffset.value;
+  }, [bottomOffset]);
 
   const keyboardAvoidStyle = useAnimatedStyle(() => {
     const keyboardHeight = animatedKeyboard.height.value;
diff --git a/packages/react-native-room-kit/src/components/HMSOverlayChatView.tsx b/packages/react-native-room-kit/src/components/HMSOverlayChatView.tsx
index 83d5ca4b4..ededa44b6 100644
--- a/packages/react-native-room-kit/src/components/HMSOverlayChatView.tsx
+++ b/packages/react-native-room-kit/src/components/HMSOverlayChatView.tsx
@@ -2,6 +2,8 @@ import * as React from 'react';
 import { StyleSheet } from 'react-native';
 import LinearGradient from 'react-native-linear-gradient';
 import MaskedView from '@react-native-masked-view/masked-view';
+import { useDerivedValue, interpolate } from 'react-native-reanimated';
+import type { SharedValue } from 'react-native-reanimated';
 
 import { HMSKeyboardAvoidingView } from './HMSKeyboardAvoidingView';
 import { HMSSendMessageInput } from './HMSSendMessageInput';
@@ -16,12 +18,23 @@ const colors = [
 ];
 const colorLocations = [0, 0.4, 1];
 
-export const HLSChatView = () => {
+export interface HLSChatViewProps {
+  offset?: SharedValue<number>;
+};
+
+export const HLSChatView: React.FC<HLSChatViewProps> = ({ offset }) => {
   const footerHeight = useFooterHeight();
   const hmsNotificationsHeight = useHMSNotificationsHeight();
 
+  const chatBottomOffset = useDerivedValue(() => {
+    if (offset) {
+      return interpolate(offset.value, [0, 1], [0, footerHeight]) + hmsNotificationsHeight;
+    }
+    return footerHeight + hmsNotificationsHeight;
+  }, [offset, footerHeight, hmsNotificationsHeight]);
+
   return (
-    <HMSKeyboardAvoidingView bottomOffset={footerHeight + hmsNotificationsHeight}>
+    <HMSKeyboardAvoidingView bottomOffset={chatBottomOffset}>
       <MaskedView
         maskElement={
           <LinearGradient
diff --git a/packages/react-native-room-kit/src/components/Header.tsx b/packages/react-native-room-kit/src/components/Header.tsx
index 37a00ffbd..bcd9e7646 100644
--- a/packages/react-native-room-kit/src/components/Header.tsx
+++ b/packages/react-native-room-kit/src/components/Header.tsx
@@ -1,6 +1,6 @@
 import React, { memo } from 'react';
 import { View, StyleSheet } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
+import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
 
 import { HMSManageCameraRotation } from './HMSManageCameraRotation';
 import { useHMSRoomStyle } from '../hooks-util';
@@ -19,6 +19,11 @@ const BOTTOM_PADDING = 16;
 const CONTENT_HEIGHT = 42;
 export const HEADER_HEIGHT = TOP_PADDING + CONTENT_HEIGHT + BOTTOM_PADDING;
 
+export const useHeaderHeight = (excludeSafeArea: boolean = false) => {
+  const { top } = useSafeAreaInsets();
+  return (excludeSafeArea ? 0 : top) + HEADER_HEIGHT;
+}
+
 export const _Header: React.FC<HeaderProps> = ({
   transparent = false,
   showControls = true,
diff --git a/packages/react-native-room-kit/src/components/Meeting.tsx b/packages/react-native-room-kit/src/components/Meeting.tsx
index 6e484f8d2..103140c94 100644
--- a/packages/react-native-room-kit/src/components/Meeting.tsx
+++ b/packages/react-native-room-kit/src/components/Meeting.tsx
@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useSelector } from 'react-redux';
-import { SafeAreaView } from 'react-native-safe-area-context';
 
 import type { PeerTrackNode } from '../utils/types';
 import { useRTCStatsListeners } from '../utils/hooks';
@@ -16,7 +15,6 @@ import {
   useHMSReconnection,
   useHMSRemovedFromRoomUpdate,
   useHMSRoomStyle,
-  useIsHLSViewer,
   usePIPListener,
 } from '../hooks-util';
 import { MeetingScreenContent } from './MeetingScreenContent';
@@ -32,8 +30,6 @@ export const Meeting: React.FC<MeetingProps> = ({ peerTrackNodes }) => {
     (state: RootState) => state.app.startingHLSStream
   );
 
-  const isHLSViewer = useIsHLSViewer();
-
   // TODO: Fetch latest Room and localPeer on mount of this component?
 
   useFetchHMSRoles();
@@ -76,17 +72,12 @@ export const Meeting: React.FC<MeetingProps> = ({ peerTrackNodes }) => {
     return <HMSHLSStreamLoading />;
   }
 
-  const Container = isHLSViewer ? View : SafeAreaView;
-
   return (
-    <Container
-      style={[styles.container, containerStyles]}
-      edges={['left', 'right']}
-    >
+    <View style={[styles.container, containerStyles]}>
       <MeetingScreenContent peerTrackNodes={peerTrackNodes} />
 
       {/* {landscapeChatViewVisible ? <ChatView /> : null} */}
-    </Container>
+    </View>
   );
 };
 
diff --git a/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx b/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx
index d7afcd34e..089b46c92 100644
--- a/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx
+++ b/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx
@@ -1,8 +1,9 @@
-import React, { useCallback, useRef, useState } from 'react';
-import { StyleSheet, Pressable, View } from 'react-native';
+import React, { useCallback, useRef, useState, useEffect } from 'react';
+import { StyleSheet, View, Keyboard } from 'react-native';
 import { useSelector } from 'react-redux';
 import {
   Easing,
+  KeyboardState,
   cancelAnimation,
   runOnJS,
   useSharedValue,
@@ -10,18 +11,17 @@ import {
 } from 'react-native-reanimated';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 
-import { PipModes } from '../utils/types';
+import { HeaderFooterHideDelayMs, PipModes } from '../utils/types';
 import type { PeerTrackNode } from '../utils/types';
 import type { RootState } from '../redux';
 import { Footer } from './Footer';
 import { DisplayView } from './DisplayView';
 import { Header } from './Header';
-import { useIsHLSViewer } from '../hooks-util';
+import { useIsHLSViewer, useKeyboardState } from '../hooks-util';
 import { HMSStatusBar } from './StatusBar';
 import { AnimatedFooter } from './AnimatedFooter';
 import { HLSFooter } from './HLSFooter';
 import { AnimatedHeader } from './AnimatedHeader';
-import { useIsLandscapeOrientation } from '../utils/dimension';
 // import { ReconnectionView } from './ReconnectionView';
 
 interface MeetingScreenContentProps {
@@ -38,64 +38,65 @@ export const MeetingScreenContent: React.FC<MeetingScreenContentProps> = ({
   const isPipModeActive = useSelector(
     (state: RootState) => state.app.pipModeStatus === PipModes.ACTIVE
   );
-  const isLandscapeOrientation = useIsLandscapeOrientation();
+  const { keyboardState } = useKeyboardState();
 
-  const toggleControls = useCallback(() => {
+  const dismissKeyboard = () => {
+    Keyboard.dismiss();
+  };
+
+  const toggleControls = useCallback((fromTimeout: boolean = false) => {
     'worklet';
-    if (timerIdRef.current) {
-      clearTimeout(timerIdRef.current);
-      timerIdRef.current = null;
-    }
-    cancelAnimation(offset);
-    offset.value = withTiming(
-      offset.value === 1 ? 0 : 1,
-      { duration: 200, easing: Easing.ease },
-      (finished) => {
-        if (finished) {
-          runOnJS(setControlsHidden)(offset.value === 0);
-        }
+    if (
+      !fromTimeout &&
+      (keyboardState.value === KeyboardState.OPEN ||
+      keyboardState.value === KeyboardState.OPENING)
+    ) {
+      runOnJS(dismissKeyboard)();
+    } else {
+      if (timerIdRef.current !== null) {
+        clearTimeout(timerIdRef.current);
+        timerIdRef.current = null;
       }
-    );
+      cancelAnimation(offset);
+      offset.value = withTiming(
+        offset.value === 1 ? 0 : 1,
+        { duration: 200, easing: Easing.ease },
+        (finished) => {
+          if (finished) {
+            runOnJS(setControlsHidden)(offset.value === 0);
+          }
+        }
+      );
+    }
   }, []);
 
-  const tap = Gesture.Tap().onEnd(() => {toggleControls()}).requireExternalGestureToFail();
-
   // Handles Auto hiding the controls for the first time
   // to make this feature discoverable
-  // useEffect(() => {
-  //   if (false && !isHLSViewer) {
-  //     if (timerIdRef.current) {
-  //       clearTimeout(timerIdRef.current);
-  //     }
-  //     timerIdRef.current = setTimeout(() => {
-  //       timerIdRef.current = null;
-  //       toggleControls();
-  //     }, 3000); d
+  useEffect(() => {
+    if (timerIdRef.current !== null) {
+      clearTimeout(timerIdRef.current);
+    }
+    timerIdRef.current = setTimeout(() => {
+      timerIdRef.current = null;
+      toggleControls(true);
+    }, HeaderFooterHideDelayMs);
+
+    return () => {
+      if (timerIdRef.current !== null) {
+        clearTimeout(timerIdRef.current);
+      }
+    };
+  }, []);
 
-  //     return () => {
-  //       if (timerIdRef.current) {
-  //         clearTimeout(timerIdRef.current);
-  //       }
-  //     };
-  //   }
-  // }, [isHLSViewer]);
+  const tapGesture = Gesture.Tap().onEnd(() => toggleControls()).requireExternalGestureToFail();
 
-  /**
-   * TODO: disbaled Expended View animation in Webrtc flow
-   *
-   * Problem: Tiles Flatlist was not scrollable because Root Pressable was registering screen taps.
-   * Solution: Try using Tab Gesture detector instead on Pressable component
-   */
   return (
-    <GestureDetector
-      gesture={tap}
-      // disabled={isHLSViewer || true}
-    >
-      <View style={styles.container}>
-        <HMSStatusBar hidden={controlsHidden} barStyle={'light-content'} />
+    <View style={styles.container}>
+      <HMSStatusBar hidden={controlsHidden} barStyle={'light-content'} />
 
-        <View style={styles.reconnectionWrapper}>
-          {isPipModeActive || isLandscapeOrientation ? null : (
+      <GestureDetector gesture={tapGesture}>
+        <View style={styles.container}>
+          {isPipModeActive ? null : (
             <AnimatedHeader offset={offset}>
               <Header transparent={isHLSViewer} showControls={!isHLSViewer} />
             </AnimatedHeader>
@@ -103,18 +104,16 @@ export const MeetingScreenContent: React.FC<MeetingScreenContentProps> = ({
 
           <DisplayView offset={offset} peerTrackNodes={peerTrackNodes} />
 
-          {/* <ReconnectionView /> */}
+          {isPipModeActive ? null : isHLSViewer ? (
+            <HLSFooter offset={offset} />
+          ) : (
+            <AnimatedFooter offset={offset}>
+              <Footer />
+            </AnimatedFooter>
+          )}
         </View>
-
-        {isPipModeActive ? null : isHLSViewer ? (
-          <HLSFooter offset={offset} />
-        ) : (
-          <AnimatedFooter offset={offset}>
-            <Footer />
-          </AnimatedFooter>
-        )}
-      </View>
-    </GestureDetector>
+      </GestureDetector>
+    </View>
   );
 };
 
diff --git a/packages/react-native-room-kit/src/components/OverlayedViews.tsx b/packages/react-native-room-kit/src/components/OverlayedViews.tsx
index 675b385a4..9ba312c95 100644
--- a/packages/react-native-room-kit/src/components/OverlayedViews.tsx
+++ b/packages/react-native-room-kit/src/components/OverlayedViews.tsx
@@ -1,18 +1,21 @@
 import * as React from 'react';
+import type { SharedValue } from 'react-native-reanimated';
 
 import { HMSNotifications } from './HMSNotifications';
 import { OverlayContainer } from './OverlayContainer';
 import { HLSChatView } from './HMSOverlayChatView';
 import { useShowChatAndParticipants } from '../hooks-util';
 
-export type OverlayedViewsProps = {};
+export type OverlayedViewsProps = {
+  offset: SharedValue<number>;
+};
 
-const _OverlayedViews: React.FC<OverlayedViewsProps> = () => {
+const _OverlayedViews: React.FC<OverlayedViewsProps> = ({ offset }) => {
   const { overlayChatVisible } = useShowChatAndParticipants();
 
   return (
     <OverlayContainer.Overlay>
-      {overlayChatVisible ? <HLSChatView /> : null}
+      {overlayChatVisible ? <HLSChatView offset={offset} /> : null}
 
       <HMSNotifications />
     </OverlayContainer.Overlay>
diff --git a/packages/react-native-room-kit/src/components/PressableIcon.tsx b/packages/react-native-room-kit/src/components/PressableIcon.tsx
index 79877b016..04fcb2ae3 100644
--- a/packages/react-native-room-kit/src/components/PressableIcon.tsx
+++ b/packages/react-native-room-kit/src/components/PressableIcon.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { StyleSheet, TouchableOpacity } from 'react-native';
 import type { TouchableOpacityProps } from 'react-native';
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
 
 import { useHMSRoomStyleSheet, useIsHLSViewer } from '../hooks-util';
 import { hexToRgbA } from '../utils/theme';
@@ -41,24 +42,28 @@ export const PressableIcon: React.FC<PressableIconProps> = ({
     [isHLSViewer]
   );
 
+  const tapGesture = React.useMemo(() => Gesture.Tap(), []);
+
   return (
-    <TouchableOpacity
-      style={[
-        styles.pressable,
-        hmsRoomStyles.pressable,
-        {
-          borderRadius: rounded ? 20 : 8,
-          ...(border && !isHLSViewer
-            ? { ...styles.withBorder, ...hmsRoomStyles.border }
-            : undefined),
-          ...(active ? hmsRoomStyles.active : undefined),
-        },
-        style,
-      ]}
-      {...restProps}
-    >
-      {children}
-    </TouchableOpacity>
+    <GestureDetector gesture={tapGesture}>
+      <TouchableOpacity
+        style={[
+          styles.pressable,
+          hmsRoomStyles.pressable,
+          {
+            borderRadius: rounded ? 20 : 8,
+            ...(border && !isHLSViewer
+              ? { ...styles.withBorder, ...hmsRoomStyles.border }
+              : undefined),
+            ...(active ? hmsRoomStyles.active : undefined),
+          },
+          style,
+        ]}
+        {...restProps}
+      >
+        {children}
+      </TouchableOpacity>
+    </GestureDetector>
   );
 };
 
diff --git a/packages/react-native-room-kit/src/components/WebrtcView.tsx b/packages/react-native-room-kit/src/components/WebrtcView.tsx
index c5164d37b..1bdac24b4 100644
--- a/packages/react-native-room-kit/src/components/WebrtcView.tsx
+++ b/packages/react-native-room-kit/src/components/WebrtcView.tsx
@@ -1,5 +1,10 @@
 import React, { useMemo } from 'react';
 import { useSelector } from 'react-redux';
+import { View } from 'react-native';
+import { useSafeAreaFrame } from 'react-native-safe-area-context';
+import type { SharedValue } from 'react-native-reanimated';
+import Animated, { interpolate, useAnimatedStyle } from 'react-native-reanimated';
+
 
 import { MaxTilesInOnePage, PipModes } from '../utils/types';
 import type { PeerTrackNode } from '../utils/types';
@@ -13,15 +18,21 @@ import { LocalPeerRegularVideoView } from './LocalPeerRegularVideoView';
 import { WelcomeInMeeting } from './WelcomeInMeeting';
 import { OverlayContainer } from './OverlayContainer';
 import { OverlayedViews } from './OverlayedViews';
+import { useFooterHeight } from './Footer';
+import { useHeaderHeight } from './Header';
 
 interface WebrtcViewProps {
+  offset: SharedValue<number>;
   peerTrackNodes: Array<PeerTrackNode>;
   handlePeerTileMorePress(node: PeerTrackNode): void;
 }
 
 export const WebrtcView = React.forwardRef<GridViewRefAttrs, WebrtcViewProps>(
-  ({ peerTrackNodes, handlePeerTileMorePress }, gridViewRef) => {
+  ({ offset, peerTrackNodes, handlePeerTileMorePress }, gridViewRef) => {
     const isPortrait = useIsPortraitOrientation();
+    const { height } = useSafeAreaFrame(); // This height does not include top & bottom safe area as this component isn't wrapped in SafeAreaView
+    const footerHeight = useFooterHeight(); // This height includes top safearea by default
+    const headerHeight = useHeaderHeight(); // This height includes top safearea by default
 
     const isPipModeActive = useSelector(
       (state: RootState) => state.app.pipModeStatus === PipModes.ACTIVE
@@ -55,6 +66,18 @@ export const WebrtcView = React.forwardRef<GridViewRefAttrs, WebrtcViewProps>(
         !state.app.localPeerTrackNode && pairedPeers.length === 0
     );
 
+    const animatedStyles = useAnimatedStyle(() => {
+      return {
+        height: interpolate(offset.value, [0, 1], [height, height - headerHeight - footerHeight])
+      };
+    }, [height, footerHeight, headerHeight]);
+
+    const headerPlaceholderAnimatedStyles = useAnimatedStyle(() => {
+      return {
+        height: interpolate(offset.value, [0, 1], [0, headerHeight])
+      };
+    }, [headerHeight]);
+
     if (isPipModeActive) {
       return (
         <PIPView
@@ -69,23 +92,29 @@ export const WebrtcView = React.forwardRef<GridViewRefAttrs, WebrtcViewProps>(
     }
 
     return (
-      <OverlayContainer>
-        {showWelcomeBanner ? (
-          <WelcomeInMeeting />
-        ) : pairedPeers.length > 0 ? (
-          <GridView
-            ref={gridViewRef}
-            onPeerTileMorePress={handlePeerTileMorePress}
-            pairedPeers={pairedPeers}
-          />
-        ) : (
-          <LocalPeerRegularVideoView
-            onMoreOptionsPress={handlePeerTileMorePress}
-          />
-        )}
+      <View style={{ flex: 1 }}>
+        <Animated.View style={headerPlaceholderAnimatedStyles} />
+
+        <Animated.View style={animatedStyles}>
+          <OverlayContainer>
+            {showWelcomeBanner ? (
+              <WelcomeInMeeting />
+            ) : pairedPeers.length > 0 ? (
+              <GridView
+                ref={gridViewRef}
+                onPeerTileMorePress={handlePeerTileMorePress}
+                pairedPeers={pairedPeers}
+              />
+            ) : (
+              <LocalPeerRegularVideoView
+                onMoreOptionsPress={handlePeerTileMorePress}
+              />
+            )}
 
-        <OverlayedViews />
-      </OverlayContainer>
+            <OverlayedViews offset={offset} />
+          </OverlayContainer>
+        </Animated.View>
+      </View>
     );
   }
 );
diff --git a/packages/react-native-room-kit/src/hooks-util.ts b/packages/react-native-room-kit/src/hooks-util.ts
index 5185d0384..bd4981d78 100644
--- a/packages/react-native-room-kit/src/hooks-util.ts
+++ b/packages/react-native-room-kit/src/hooks-util.ts
@@ -151,6 +151,7 @@ import type { GridViewRefAttrs } from './components/GridView';
 import { getRoomLayout } from './modules/HMSManager';
 import { DEFAULT_THEME, DEFAULT_TYPOGRAPHY } from './utils/theme';
 import { NotificationTypes } from './types';
+import { KeyboardState, useSharedValue } from 'react-native-reanimated';
 
 export const useHMSListeners = (
   setPeerTrackNodes: React.Dispatch<React.SetStateAction<PeerTrackNode[]>>
@@ -2457,3 +2458,61 @@ export const useAndroidSoftInputAdjustResize = () => {
     }
   }, []);
 };
+
+export const useKeyboardState = () => {
+  const keyboardState = useSharedValue(KeyboardState.UNKNOWN);
+
+  useEffect(() => {
+    let didShowTimeoutId: null | NodeJS.Timeout = null;
+    let didHideTimeoutId: null | NodeJS.Timeout = null;
+
+    const didShowSubscription = Keyboard.addListener(
+      'keyboardDidShow',
+      () => {
+        keyboardState.value = KeyboardState.OPENING;
+        if (didShowTimeoutId !== null) {
+          clearTimeout(didShowTimeoutId);
+        }
+        didShowTimeoutId = setTimeout(() => {
+          keyboardState.value = KeyboardState.OPEN;
+          didShowTimeoutId = null;
+        }, 400);
+      }
+    );
+
+    const didHideSubscription = Keyboard.addListener(
+      'keyboardDidHide',
+      () => {
+        keyboardState.value = KeyboardState.CLOSING;
+        if (didHideTimeoutId !== null) {
+          clearTimeout(didHideTimeoutId);
+        }
+        didHideTimeoutId = setTimeout(() => {
+          keyboardState.value = KeyboardState.CLOSED;
+          didHideTimeoutId = null;
+        }, 400);
+      }
+    );
+
+    return () => {
+      if (didShowTimeoutId !== null) {
+        clearTimeout(didShowTimeoutId);
+      }
+      if (didHideTimeoutId !== null) {
+        clearTimeout(didHideTimeoutId);
+      }
+      if ('remove' in didShowSubscription) {
+        didShowSubscription.remove();
+      } else {
+        Keyboard.removeSubscription(didShowSubscription);
+      }
+      if ('remove' in didHideSubscription) {
+        didHideSubscription.remove();
+      } else {
+        Keyboard.removeSubscription(didHideSubscription);
+      }
+    };
+  }, []);
+
+  return {keyboardState};
+};
diff --git a/packages/react-native-room-kit/src/utils/types.ts b/packages/react-native-room-kit/src/utils/types.ts
index 15f1fa43a..5235d99cc 100644
--- a/packages/react-native-room-kit/src/utils/types.ts
+++ b/packages/react-native-room-kit/src/utils/types.ts
@@ -131,3 +131,5 @@ export enum OnLeaveReason {
 };
 
 export const TerminalExceptionCodes = [4005, 1003, 2000, "4005", "1003", "2000"];
+
+export const HeaderFooterHideDelayMs = 5000;
\ No newline at end of file

From f854a828e39be5ced66f6218c62580896bef85df Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 11 Dec 2023 21:32:04 +0530
Subject: [PATCH 26/84] =?UTF-8?q?released=20sample=20app=20version=202.3.1?=
 =?UTF-8?q?23=20(373)=20=E2=9A=9B=EF=B8=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../example/android/app/build.gradle                      | 4 ++--
 .../example/ios/RNExample.xcodeproj/project.pbxproj       | 8 ++++----
 .../example/ios/RNExample/Info.plist                      | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/react-native-room-kit/example/android/app/build.gradle b/packages/react-native-room-kit/example/android/app/build.gradle
index e98b279c9..14d973859 100644
--- a/packages/react-native-room-kit/example/android/app/build.gradle
+++ b/packages/react-native-room-kit/example/android/app/build.gradle
@@ -136,8 +136,8 @@ android {
         applicationId "live.hms.rn"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 372
-        versionName "2.3.122"
+        versionCode 373
+        versionName "2.3.123"
         missingDimensionStrategy 'react-native-camera', 'general'
     }
 
diff --git a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
index 6f20cd1b7..0ab461b50 100644
--- a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
+++ b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
@@ -486,7 +486,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 372;
+				CURRENT_PROJECT_VERSION = 373;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -520,7 +520,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 372;
+				CURRENT_PROJECT_VERSION = 373;
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -679,7 +679,7 @@
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_ENTITLEMENTS = RNExampleBroadcastUpload/RNExampleBroadcastUpload.entitlements;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 372;
+				CURRENT_PROJECT_VERSION = 373;
 				DEBUG_INFORMATION_FORMAT = dwarf;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				GCC_C_LANGUAGE_STANDARD = gnu11;
@@ -721,7 +721,7 @@
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
 				COPY_PHASE_STRIP = NO;
-				CURRENT_PROJECT_VERSION = 372;
+				CURRENT_PROJECT_VERSION = 373;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
diff --git a/packages/react-native-room-kit/example/ios/RNExample/Info.plist b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
index d80feb389..4be66de4c 100644
--- a/packages/react-native-room-kit/example/ios/RNExample/Info.plist
+++ b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
@@ -21,11 +21,11 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>2.3.122</string>
+	<string>2.3.123</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>372</string>
+	<string>373</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
 	<key>LSRequiresIPhoneOS</key>

From 4cb10da8743a6746405cf61c37ae930e44c31da3 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 11 Dec 2023 21:32:37 +0530
Subject: [PATCH 27/84] updated packages

---
 .trunk/trunk.yaml                             |  10 +-
 .../example/android/Gemfile.lock              |  17 +-
 .../react-native-hms/example/ios/Gemfile.lock |  17 +-
 .../react-native-hms/example/ios/Podfile.lock |   4 +-
 .../example/package-lock.json                 | 199 ++++-----
 packages/react-native-hms/package-lock.json   | 205 ++++-----
 .../react-native-hms/src/utils/keyboard.ts    |  10 +-
 .../example/ExampleAppChangelog.txt           |   3 +
 .../example/package-lock.json                 | 193 +++++----
 .../react-native-room-kit/package-lock.json   | 410 +++++++++---------
 .../src/HMSRoomSetup.tsx                      |   2 +-
 .../src/components/AnimatedFooter.tsx         |   4 +-
 .../src/components/AnimatedHLSFooter.tsx      |  10 +-
 .../src/components/AnimatedHeader.tsx         |   4 +-
 .../src/components/GridView.tsx               |  10 +-
 .../HMSKeyboardAvoidingView.android.tsx       |   6 +-
 .../components/HMSKeyboardAvoidingView.tsx    |   2 +-
 .../src/components/HMSOverlayChatView.tsx     |   7 +-
 .../src/components/Header.tsx                 |   7 +-
 .../src/components/MeetingScreenContent.tsx   |   6 +-
 .../src/components/MiniView.tsx               |   8 +-
 .../src/components/WebrtcView.tsx             |  26 +-
 .../react-native-room-kit/src/hooks-util.ts   |  46 +-
 .../react-native-room-kit/src/utils/types.ts  |  15 +-
 24 files changed, 626 insertions(+), 595 deletions(-)

diff --git a/.trunk/trunk.yaml b/.trunk/trunk.yaml
index 74ebd1308..d6b4f1269 100644
--- a/.trunk/trunk.yaml
+++ b/.trunk/trunk.yaml
@@ -1,10 +1,10 @@
 version: 0.1
 cli:
-  version: 1.17.2
+  version: 1.18.0
 plugins:
   sources:
     - id: trunk
-      ref: v1.3.0
+      ref: v1.4.0
       uri: https://github.com/trunk-io/plugins
 lint:
   enabled:
@@ -12,9 +12,9 @@ lint:
     - prettier@3.1.0
     - swiftlint@0.54.0
     - checkov@3.1.9
-    - osv-scanner@1.4.3
-    - trivy@0.47.0
-    - trufflehog@3.63.2-rc0
+    - osv-scanner@1.5.0
+    - trivy@0.48.0
+    - trufflehog@3.63.2
     - oxipng@9.0.0
     - yamllint@1.33.0
     - ktlint@1.0.1
diff --git a/packages/react-native-hms/example/android/Gemfile.lock b/packages/react-native-hms/example/android/Gemfile.lock
index 6fd42ab27..ef041d6d9 100644
--- a/packages/react-native-hms/example/android/Gemfile.lock
+++ b/packages/react-native-hms/example/android/Gemfile.lock
@@ -3,12 +3,12 @@ GEM
   specs:
     CFPropertyList (3.0.6)
       rexml
-    addressable (2.8.5)
+    addressable (2.8.6)
       public_suffix (>= 2.0.2, < 6.0)
     artifactory (3.0.15)
     atomos (0.1.3)
     aws-eventstream (1.3.0)
-    aws-partitions (1.863.0)
+    aws-partitions (1.864.0)
     aws-sdk-core (3.190.0)
       aws-eventstream (~> 1, >= 1.3.0)
       aws-partitions (~> 1, >= 1.651.0)
@@ -127,11 +127,11 @@ GEM
       google-apis-core (>= 0.11.0, < 2.a)
     google-apis-storage_v1 (0.29.0)
       google-apis-core (>= 0.11.0, < 2.a)
-    google-cloud-core (1.6.0)
-      google-cloud-env (~> 1.0)
+    google-cloud-core (1.6.1)
+      google-cloud-env (>= 1.0, < 3.a)
       google-cloud-errors (~> 1.0)
-    google-cloud-env (1.6.0)
-      faraday (>= 0.17.3, < 3.0)
+    google-cloud-env (2.0.1)
+      faraday (>= 1.0, < 3.a)
     google-cloud-errors (1.3.1)
     google-cloud-storage (1.45.0)
       addressable (~> 2.8)
@@ -141,8 +141,9 @@ GEM
       google-cloud-core (~> 1.6)
       googleauth (>= 0.16.2, < 2.a)
       mini_mime (~> 1.0)
-    googleauth (1.8.1)
-      faraday (>= 0.17.3, < 3.a)
+    googleauth (1.9.0)
+      faraday (>= 1.0, < 3.a)
+      google-cloud-env (~> 2.0, >= 2.0.1)
       jwt (>= 1.4, < 3.0)
       multi_json (~> 1.11)
       os (>= 0.9, < 2.0)
diff --git a/packages/react-native-hms/example/ios/Gemfile.lock b/packages/react-native-hms/example/ios/Gemfile.lock
index f6786db21..5d25c1a67 100644
--- a/packages/react-native-hms/example/ios/Gemfile.lock
+++ b/packages/react-native-hms/example/ios/Gemfile.lock
@@ -3,12 +3,12 @@ GEM
   specs:
     CFPropertyList (3.0.6)
       rexml
-    addressable (2.8.5)
+    addressable (2.8.6)
       public_suffix (>= 2.0.2, < 6.0)
     artifactory (3.0.15)
     atomos (0.1.3)
     aws-eventstream (1.3.0)
-    aws-partitions (1.863.0)
+    aws-partitions (1.864.0)
     aws-sdk-core (3.190.0)
       aws-eventstream (~> 1, >= 1.3.0)
       aws-partitions (~> 1, >= 1.651.0)
@@ -123,11 +123,11 @@ GEM
       google-apis-core (>= 0.11.0, < 2.a)
     google-apis-storage_v1 (0.29.0)
       google-apis-core (>= 0.11.0, < 2.a)
-    google-cloud-core (1.6.0)
-      google-cloud-env (~> 1.0)
+    google-cloud-core (1.6.1)
+      google-cloud-env (>= 1.0, < 3.a)
       google-cloud-errors (~> 1.0)
-    google-cloud-env (1.6.0)
-      faraday (>= 0.17.3, < 3.0)
+    google-cloud-env (2.0.1)
+      faraday (>= 1.0, < 3.a)
     google-cloud-errors (1.3.1)
     google-cloud-storage (1.45.0)
       addressable (~> 2.8)
@@ -137,8 +137,9 @@ GEM
       google-cloud-core (~> 1.6)
       googleauth (>= 0.16.2, < 2.a)
       mini_mime (~> 1.0)
-    googleauth (1.8.1)
-      faraday (>= 0.17.3, < 3.a)
+    googleauth (1.9.0)
+      faraday (>= 1.0, < 3.a)
+      google-cloud-env (~> 2.0, >= 2.0.1)
       jwt (>= 1.4, < 3.0)
       multi_json (~> 1.11)
       os (>= 0.9, < 2.0)
diff --git a/packages/react-native-hms/example/ios/Podfile.lock b/packages/react-native-hms/example/ios/Podfile.lock
index 6f5316ef1..415bd889a 100644
--- a/packages/react-native-hms/example/ios/Podfile.lock
+++ b/packages/react-native-hms/example/ios/Podfile.lock
@@ -407,7 +407,7 @@ PODS:
     - React-RCTText
     - ReactCommon/turbomodule/core
     - Yoga
-  - RNScreens (3.27.0):
+  - RNScreens (3.29.0):
     - React-Core
     - React-RCTImage
   - RNShare (8.2.2):
@@ -672,7 +672,7 @@ SPEC CHECKSUMS:
   RNGestureHandler: a479ebd5ed4221a810967000735517df0d2db211
   RNPermissions: eac721f71748c4472d6e876038270b75397d6ee7
   RNReanimated: 39e61976e5b5c8a891ea8916fb264ae176e8765d
-  RNScreens: 2b19e2471db8a581c83f381f4ea5d43071c9a3bf
+  RNScreens: fa9b582d85ae5d62c91c66003b5278458fed7aaa
   RNShare: d82e10f6b7677f4b0048c23709bd04098d5aee6c
   RNVectorIcons: fcc2f6cb32f5735b586e66d14103a74ce6ad61f8
   Toast: 91b396c56ee72a5790816f40d3a94dd357abc196
diff --git a/packages/react-native-hms/example/package-lock.json b/packages/react-native-hms/example/package-lock.json
index 45e8ab476..a6168e210 100644
--- a/packages/react-native-hms/example/package-lock.json
+++ b/packages/react-native-hms/example/package-lock.json
@@ -94,20 +94,20 @@
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.5.tgz",
-      "integrity": "sha512-Cwc2XjUrG4ilcfOw4wBAK+enbdgwAcAJCfGUItPBKR7Mjw4aEfAFYrLxeRp4jWgtNIKn3n2AlBOfwwafl+42/g==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.6.tgz",
+      "integrity": "sha512-FxpRyGjrMJXh7X3wGLGhNDCRiwpWEF74sKjTLDJSG5Kyvow3QZaG0Adbqzi9ZrVjTWpsX+2cxWXD71NMg93kdw==",
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.23.5",
-        "@babel/generator": "^7.23.5",
-        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/generator": "^7.23.6",
+        "@babel/helper-compilation-targets": "^7.23.6",
         "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helpers": "^7.23.5",
-        "@babel/parser": "^7.23.5",
+        "@babel/helpers": "^7.23.6",
+        "@babel/parser": "^7.23.6",
         "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.5",
-        "@babel/types": "^7.23.5",
+        "@babel/traverse": "^7.23.6",
+        "@babel/types": "^7.23.6",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -123,11 +123,11 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.5.tgz",
-      "integrity": "sha512-BPssCHrBD+0YrxviOa3QzpqwhNIXKEtOa2jQrm4FlmkC2apYgRnQcmPWiGZDlGxiNtltnUFolMe8497Esry+jA==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.6.tgz",
+      "integrity": "sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==",
       "dependencies": {
-        "@babel/types": "^7.23.5",
+        "@babel/types": "^7.23.6",
         "@jridgewell/gen-mapping": "^0.3.2",
         "@jridgewell/trace-mapping": "^0.3.17",
         "jsesc": "^2.5.1"
@@ -159,13 +159,13 @@
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz",
-      "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz",
+      "integrity": "sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==",
       "dependencies": {
-        "@babel/compat-data": "^7.22.9",
-        "@babel/helper-validator-option": "^7.22.15",
-        "browserslist": "^4.21.9",
+        "@babel/compat-data": "^7.23.5",
+        "@babel/helper-validator-option": "^7.23.5",
+        "browserslist": "^4.22.2",
         "lru-cache": "^5.1.1",
         "semver": "^6.3.1"
       },
@@ -174,9 +174,9 @@
       }
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.23.5.tgz",
-      "integrity": "sha512-QELlRWxSpgdwdJzSJn4WAhKC+hvw/AtHbbrIoncKHkhKKR/luAlKkgBDcri1EzWAo8f8VvYVryEHN4tax/V67A==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.23.6.tgz",
+      "integrity": "sha512-cBXU1vZni/CpGF29iTu4YRbOZt3Wat6zCoMDxRF1MayiEc4URxOj31tT65HUM0CRpMowA3HCJaAOVOUnMf96cw==",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
         "@babel/helper-environment-visitor": "^7.22.20",
@@ -212,9 +212,9 @@
       }
     },
     "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.4.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.3.tgz",
-      "integrity": "sha512-WBrLmuPP47n7PNwsZ57pqam6G/RGo1vw/87b0Blc53tZNGZ4x7YvZ6HgQe2vo1W/FR20OgjeZuGXzudPiXHFug==",
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.4.tgz",
+      "integrity": "sha512-QcJMILQCu2jm5TFPGA3lCpJJTeEP+mqeXooG/NZbg/h5FTFi6V0+99ahlRsW8/kRLyb24LZVCCiclDedhLKcBA==",
       "dependencies": {
         "@babel/helper-compilation-targets": "^7.22.6",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -421,13 +421,13 @@
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.5.tgz",
-      "integrity": "sha512-oO7us8FzTEsG3U6ag9MfdF1iA/7Z6dz+MtFhifZk8C8o453rGJFFWUP1t+ULM9TUIAzC9uxXEiXjOiVMyd7QPg==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.6.tgz",
+      "integrity": "sha512-wCfsbN4nBidDRhpDhvcKlzHWCTlgJYUUdSJfzXb2NuBssDSIjc3xcb+znA7l+zYsFljAcGM0aFkN40cR3lXiGA==",
       "dependencies": {
         "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.5",
-        "@babel/types": "^7.23.5"
+        "@babel/traverse": "^7.23.6",
+        "@babel/types": "^7.23.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -447,9 +447,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.5.tgz",
-      "integrity": "sha512-hOOqoiNXrmGdFbhgCzu6GiURxUgM27Xwd/aPuu8RfHEZPBzL1Z54okAHAQjXfcQNwvrlkAmAp4SlRTZ45vlthQ==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.6.tgz",
+      "integrity": "sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==",
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -1162,11 +1162,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-for-of": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.23.3.tgz",
-      "integrity": "sha512-X8jSm8X1CMwxmK878qsUGJRmbysKNbdpTv/O1/v0LuY/ZkZrng5WYiekYSdg9m09OTmDDUWeEDsTE+17WYbAZw==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.23.6.tgz",
+      "integrity": "sha512-aYH4ytZ0qSuBbpfhuofbg/e96oQ7U2w1Aw/UQmKT+1l39uEhUPoFS3fHevDc1G0OvewyDudfMKY1OulczHzWIw==",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1614,9 +1615,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-runtime": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.23.4.tgz",
-      "integrity": "sha512-ITwqpb6V4btwUG0YJR82o2QvmWrLgDnx/p2A3CTPYGaRgULkDiC0DRA2C4jlRB9uXGUEfaSS/IGHfVW+ohzYDw==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.23.6.tgz",
+      "integrity": "sha512-kF1Zg62aPseQ11orDhFRw+aPG/eynNQtI+TyY+m33qJa2cJ5EEvza2P2BNTIA9E5MyqFABHEyY6CPHwgdy9aNg==",
       "dependencies": {
         "@babel/helper-module-imports": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -1705,12 +1706,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-typescript": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.23.5.tgz",
-      "integrity": "sha512-2fMkXEJkrmwgu2Bsv1Saxgj30IXZdJ+84lQcKKI7sm719oXs0BBw2ZENKdJdR1PjWndgLCEBNXJOri0fk7RYQA==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.23.6.tgz",
+      "integrity": "sha512-6cBG5mBvUu4VUD04OHKnYzbuHNP8huDsD3EDqqpIpsswTDoqHCjLoHb6+QgsV1WsT2nipRqCPgxD3LXnEO7XfA==",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-create-class-features-plugin": "^7.23.5",
+        "@babel/helper-create-class-features-plugin": "^7.23.6",
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-typescript": "^7.23.3"
       },
@@ -1784,13 +1785,13 @@
       }
     },
     "node_modules/@babel/preset-env": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.5.tgz",
-      "integrity": "sha512-0d/uxVD6tFGWXGDSfyMD1p2otoaKmu6+GD+NfAx0tMaH+dxORnp7T9TaVQ6mKyya7iBtCIVxHjWT7MuzzM9z+A==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.6.tgz",
+      "integrity": "sha512-2XPn/BqKkZCpzYhUUNZ1ssXw7DcXfKQEjv/uXZUXgaebCMYmkEsfZ2yY+vv+xtXv50WmL5SGhyB6/xsWxIvvOQ==",
       "peer": true,
       "dependencies": {
         "@babel/compat-data": "^7.23.5",
-        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-compilation-targets": "^7.23.6",
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-validator-option": "^7.23.5",
         "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.23.3",
@@ -1830,7 +1831,7 @@
         "@babel/plugin-transform-dynamic-import": "^7.23.4",
         "@babel/plugin-transform-exponentiation-operator": "^7.23.3",
         "@babel/plugin-transform-export-namespace-from": "^7.23.4",
-        "@babel/plugin-transform-for-of": "^7.23.3",
+        "@babel/plugin-transform-for-of": "^7.23.6",
         "@babel/plugin-transform-function-name": "^7.23.3",
         "@babel/plugin-transform-json-strings": "^7.23.4",
         "@babel/plugin-transform-literals": "^7.23.3",
@@ -1969,9 +1970,9 @@
       "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA=="
     },
     "node_modules/@babel/runtime": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.5.tgz",
-      "integrity": "sha512-NdUTHcPe4C99WxPub+K9l9tK5/lV4UXIoaHSYgzco9BCyjKAAwzdBI+wWtYqHt7LJdbo74ZjRPJgzVweq1sz0w==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.6.tgz",
+      "integrity": "sha512-zHd0eUrf5GZoOWVCXp6koAKQTfZV07eit6bGPmJgnZdnSAvvZee6zniW2XMF7Cmc4ISOOnPy3QaSiIJGJkVEDQ==",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -1993,19 +1994,19 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.5.tgz",
-      "integrity": "sha512-czx7Xy5a6sapWWRx61m1Ke1Ra4vczu1mCTtJam5zRTBOonfdJ+S/B6HYmGYu3fJtr8GGET3si6IhgWVBhJ/m8w==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.6.tgz",
+      "integrity": "sha512-czastdK1e8YByZqezMPFiZ8ahwVMh/ESl9vPgvgdB9AmFMGP5jfpFax74AQgl5zj4XHzqeYAg2l8PuUeRS1MgQ==",
       "dependencies": {
         "@babel/code-frame": "^7.23.5",
-        "@babel/generator": "^7.23.5",
+        "@babel/generator": "^7.23.6",
         "@babel/helper-environment-visitor": "^7.22.20",
         "@babel/helper-function-name": "^7.23.0",
         "@babel/helper-hoist-variables": "^7.22.5",
         "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/parser": "^7.23.5",
-        "@babel/types": "^7.23.5",
-        "debug": "^4.1.0",
+        "@babel/parser": "^7.23.6",
+        "@babel/types": "^7.23.6",
+        "debug": "^4.3.1",
         "globals": "^11.1.0"
       },
       "engines": {
@@ -2013,9 +2014,9 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.5.tgz",
-      "integrity": "sha512-ON5kSOJwVO6xXVRTvOI0eOnWe7VdUcIpsovGo9U/Br4Ie4UVFQTboO2cYnDhAGU6Fp+UxSiT+pMft0SMHfuq6w==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.6.tgz",
+      "integrity": "sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==",
       "dependencies": {
         "@babel/helper-string-parser": "^7.23.4",
         "@babel/helper-validator-identifier": "^7.22.20",
@@ -2078,9 +2079,9 @@
       }
     },
     "node_modules/@eslint/eslintrc/node_modules/globals": {
-      "version": "13.23.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
-      "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
       "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
@@ -3802,9 +3803,9 @@
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "20.10.3",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.3.tgz",
-      "integrity": "sha512-XJavIpZqiXID5Yxnxv3RUDKTN5b81ddNC3ecsA0SoFXz/QU8OGBwZGMomiq0zw+uuqbL/krztv/DINAQ/EV4gg==",
+      "version": "20.10.4",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.4.tgz",
+      "integrity": "sha512-D08YG6rr8X90YB56tSIuBaddy/UXAA9RKJoFvrsnogAum/0pmjkgi4+2nx96A330FmioegBWmEYQ+syqCFaveg==",
       "dependencies": {
         "undici-types": "~5.26.4"
       }
@@ -4780,12 +4781,12 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.4.6",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.6.tgz",
-      "integrity": "sha512-jhHiWVZIlnPbEUKSSNb9YoWcQGdlTLq7z1GHL4AjFxaoOUMuuEVJ+Y4pAaQUGOGk93YsVCKPbqbfw3m0SM6H8Q==",
+      "version": "0.4.7",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.7.tgz",
+      "integrity": "sha512-LidDk/tEGDfuHW2DWh/Hgo4rmnw3cduK6ZkOI1NPFceSK3n/yAGeOsNT7FLnSGHkXj3RHGSEVkN3FsCTY6w2CQ==",
       "dependencies": {
         "@babel/compat-data": "^7.22.6",
-        "@babel/helper-define-polyfill-provider": "^0.4.3",
+        "@babel/helper-define-polyfill-provider": "^0.4.4",
         "semver": "^6.3.1"
       },
       "peerDependencies": {
@@ -4793,11 +4794,11 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs3": {
-      "version": "0.8.6",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.6.tgz",
-      "integrity": "sha512-leDIc4l4tUgU7str5BWLS2h8q2N4Nf6lGZP6UrNDxdtfF2g69eJ5L0H7S8A5Ln/arfFAfHor5InAdZuIOwZdgQ==",
+      "version": "0.8.7",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.7.tgz",
+      "integrity": "sha512-KyDvZYxAzkC0Aj2dAPyDzi2Ym15e5JKZSK+maI7NAwSqofvuFglbSsxE7wUOvTg9oFVnHMzVzBKcqEb4PJgtOA==",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.4.3",
+        "@babel/helper-define-polyfill-provider": "^0.4.4",
         "core-js-compat": "^3.33.1"
       },
       "peerDependencies": {
@@ -4805,11 +4806,11 @@
       }
     },
     "node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.3.tgz",
-      "integrity": "sha512-8sHeDOmXC8csczMrYEOf0UTNa4yE2SxV5JGeT/LP1n0OYVDUUFPxG9vdk2AlDlIit4t+Kf0xCtpgXPBwnn/9pw==",
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.4.tgz",
+      "integrity": "sha512-S/x2iOCvDaCASLYsOOgWOq4bCfKYVqvO/uxjkaYyZ3rVsVE3CeAI/c84NpyuBBymEgNvHgjEot3a9/Z/kXvqsg==",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.4.3"
+        "@babel/helper-define-polyfill-provider": "^0.4.4"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
@@ -5139,9 +5140,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001566",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001566.tgz",
-      "integrity": "sha512-ggIhCsTxmITBAMmK8yZjEhCO5/47jKXPu6Dha/wuCS4JePVL+3uiDEBuhu2aIoT+bqTOR8L76Ip1ARL9xYsEJA==",
+      "version": "1.0.30001568",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001568.tgz",
+      "integrity": "sha512-vSUkH84HontZJ88MiNrOau1EBrCqEQYgkC5gIySiDlpsm8sGVrhU7Kx4V6h0tnqaHzIHZv08HlJIwPbL4XL9+A==",
       "funding": [
         {
           "type": "opencollective",
@@ -5475,11 +5476,11 @@
       }
     },
     "node_modules/core-js-compat": {
-      "version": "3.33.3",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.3.tgz",
-      "integrity": "sha512-cNzGqFsh3Ot+529GIXacjTJ7kegdt5fPXxCBVS1G0iaZpuo/tBz399ymceLJveQhFFZ8qThHiP3fzuoQjKN2ow==",
+      "version": "3.34.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.34.0.tgz",
+      "integrity": "sha512-4ZIyeNbW/Cn1wkMMDy+mvrRUxrwFNjKwbhCfQpDd+eLgYipDqp8oGFGtLmhh18EDPKA0g3VUBYOxQGGwvWLVpA==",
       "dependencies": {
-        "browserslist": "^4.22.1"
+        "browserslist": "^4.22.2"
       },
       "funding": {
         "type": "opencollective",
@@ -5572,9 +5573,9 @@
       "dev": true
     },
     "node_modules/csstype": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
-      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
     "node_modules/data-urls": {
       "version": "2.0.0",
@@ -5791,9 +5792,9 @@
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.603",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.603.tgz",
-      "integrity": "sha512-Dvo5OGjnl7AZTU632dFJtWj0uJK835eeOVQIuRcmBmsFsTNn3cL05FqOyHAfGQDIoHfLhyJ1Tya3PJ0ceMz54g=="
+      "version": "1.4.609",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.609.tgz",
+      "integrity": "sha512-ihiCP7PJmjoGNuLpl7TjNA8pCQWu09vGyjlPYw1Rqww4gvNuCcmvl+44G+2QyJ6S2K4o+wbTS++Xz0YN8Q9ERw=="
     },
     "node_modules/emittery": {
       "version": "0.7.2",
@@ -6396,9 +6397,9 @@
       }
     },
     "node_modules/eslint/node_modules/globals": {
-      "version": "13.23.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
-      "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
       "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
@@ -12266,9 +12267,9 @@
       }
     },
     "node_modules/react-native-screens": {
-      "version": "3.27.0",
-      "resolved": "https://registry.npmjs.org/react-native-screens/-/react-native-screens-3.27.0.tgz",
-      "integrity": "sha512-FzSUygZ7yLQyhDJZsl7wU68LwRpVtVdqOPWribmEU3Tf26FohFGGcfJx1D8lf2V2Teb8tI+IaLnXCKbyh2xffA==",
+      "version": "3.29.0",
+      "resolved": "https://registry.npmjs.org/react-native-screens/-/react-native-screens-3.29.0.tgz",
+      "integrity": "sha512-yB1GoAMamFAcYf4ku94uBPn0/ani9QG7NdI98beJ5cet2YFESYYzuEIuU+kt+CNRcO8qqKeugxlfgAa3HyTqlg==",
       "dependencies": {
         "react-freeze": "^1.0.0",
         "warn-once": "^0.1.0"
diff --git a/packages/react-native-hms/package-lock.json b/packages/react-native-hms/package-lock.json
index 01711b7b8..74e843a87 100644
--- a/packages/react-native-hms/package-lock.json
+++ b/packages/react-native-hms/package-lock.json
@@ -80,21 +80,21 @@
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.5.tgz",
-      "integrity": "sha512-Cwc2XjUrG4ilcfOw4wBAK+enbdgwAcAJCfGUItPBKR7Mjw4aEfAFYrLxeRp4jWgtNIKn3n2AlBOfwwafl+42/g==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.6.tgz",
+      "integrity": "sha512-FxpRyGjrMJXh7X3wGLGhNDCRiwpWEF74sKjTLDJSG5Kyvow3QZaG0Adbqzi9ZrVjTWpsX+2cxWXD71NMg93kdw==",
       "dev": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.23.5",
-        "@babel/generator": "^7.23.5",
-        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/generator": "^7.23.6",
+        "@babel/helper-compilation-targets": "^7.23.6",
         "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helpers": "^7.23.5",
-        "@babel/parser": "^7.23.5",
+        "@babel/helpers": "^7.23.6",
+        "@babel/parser": "^7.23.6",
         "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.5",
-        "@babel/types": "^7.23.5",
+        "@babel/traverse": "^7.23.6",
+        "@babel/types": "^7.23.6",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -125,12 +125,12 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.5.tgz",
-      "integrity": "sha512-BPssCHrBD+0YrxviOa3QzpqwhNIXKEtOa2jQrm4FlmkC2apYgRnQcmPWiGZDlGxiNtltnUFolMe8497Esry+jA==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.6.tgz",
+      "integrity": "sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==",
       "dev": true,
       "dependencies": {
-        "@babel/types": "^7.23.5",
+        "@babel/types": "^7.23.6",
         "@jridgewell/gen-mapping": "^0.3.2",
         "@jridgewell/trace-mapping": "^0.3.17",
         "jsesc": "^2.5.1"
@@ -164,14 +164,14 @@
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz",
-      "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz",
+      "integrity": "sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==",
       "dev": true,
       "dependencies": {
-        "@babel/compat-data": "^7.22.9",
-        "@babel/helper-validator-option": "^7.22.15",
-        "browserslist": "^4.21.9",
+        "@babel/compat-data": "^7.23.5",
+        "@babel/helper-validator-option": "^7.23.5",
+        "browserslist": "^4.22.2",
         "lru-cache": "^5.1.1",
         "semver": "^6.3.1"
       },
@@ -189,9 +189,9 @@
       }
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.23.5.tgz",
-      "integrity": "sha512-QELlRWxSpgdwdJzSJn4WAhKC+hvw/AtHbbrIoncKHkhKKR/luAlKkgBDcri1EzWAo8f8VvYVryEHN4tax/V67A==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.23.6.tgz",
+      "integrity": "sha512-cBXU1vZni/CpGF29iTu4YRbOZt3Wat6zCoMDxRF1MayiEc4URxOj31tT65HUM0CRpMowA3HCJaAOVOUnMf96cw==",
       "dev": true,
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
@@ -247,9 +247,9 @@
       }
     },
     "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.4.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.3.tgz",
-      "integrity": "sha512-WBrLmuPP47n7PNwsZ57pqam6G/RGo1vw/87b0Blc53tZNGZ4x7YvZ6HgQe2vo1W/FR20OgjeZuGXzudPiXHFug==",
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.4.tgz",
+      "integrity": "sha512-QcJMILQCu2jm5TFPGA3lCpJJTeEP+mqeXooG/NZbg/h5FTFi6V0+99ahlRsW8/kRLyb24LZVCCiclDedhLKcBA==",
       "dev": true,
       "dependencies": {
         "@babel/helper-compilation-targets": "^7.22.6",
@@ -472,14 +472,14 @@
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.5.tgz",
-      "integrity": "sha512-oO7us8FzTEsG3U6ag9MfdF1iA/7Z6dz+MtFhifZk8C8o453rGJFFWUP1t+ULM9TUIAzC9uxXEiXjOiVMyd7QPg==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.6.tgz",
+      "integrity": "sha512-wCfsbN4nBidDRhpDhvcKlzHWCTlgJYUUdSJfzXb2NuBssDSIjc3xcb+znA7l+zYsFljAcGM0aFkN40cR3lXiGA==",
       "dev": true,
       "dependencies": {
         "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.5",
-        "@babel/types": "^7.23.5"
+        "@babel/traverse": "^7.23.6",
+        "@babel/types": "^7.23.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -500,9 +500,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.5.tgz",
-      "integrity": "sha512-hOOqoiNXrmGdFbhgCzu6GiURxUgM27Xwd/aPuu8RfHEZPBzL1Z54okAHAQjXfcQNwvrlkAmAp4SlRTZ45vlthQ==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.6.tgz",
+      "integrity": "sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==",
       "dev": true,
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -1246,12 +1246,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-for-of": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.23.3.tgz",
-      "integrity": "sha512-X8jSm8X1CMwxmK878qsUGJRmbysKNbdpTv/O1/v0LuY/ZkZrng5WYiekYSdg9m09OTmDDUWeEDsTE+17WYbAZw==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.23.6.tgz",
+      "integrity": "sha512-aYH4ytZ0qSuBbpfhuofbg/e96oQ7U2w1Aw/UQmKT+1l39uEhUPoFS3fHevDc1G0OvewyDudfMKY1OulczHzWIw==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1743,9 +1744,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-runtime": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.23.4.tgz",
-      "integrity": "sha512-ITwqpb6V4btwUG0YJR82o2QvmWrLgDnx/p2A3CTPYGaRgULkDiC0DRA2C4jlRB9uXGUEfaSS/IGHfVW+ohzYDw==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.23.6.tgz",
+      "integrity": "sha512-kF1Zg62aPseQ11orDhFRw+aPG/eynNQtI+TyY+m33qJa2cJ5EEvza2P2BNTIA9E5MyqFABHEyY6CPHwgdy9aNg==",
       "dev": true,
       "dependencies": {
         "@babel/helper-module-imports": "^7.22.15",
@@ -1848,13 +1849,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-typescript": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.23.5.tgz",
-      "integrity": "sha512-2fMkXEJkrmwgu2Bsv1Saxgj30IXZdJ+84lQcKKI7sm719oXs0BBw2ZENKdJdR1PjWndgLCEBNXJOri0fk7RYQA==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.23.6.tgz",
+      "integrity": "sha512-6cBG5mBvUu4VUD04OHKnYzbuHNP8huDsD3EDqqpIpsswTDoqHCjLoHb6+QgsV1WsT2nipRqCPgxD3LXnEO7XfA==",
       "dev": true,
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-create-class-features-plugin": "^7.23.5",
+        "@babel/helper-create-class-features-plugin": "^7.23.6",
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-typescript": "^7.23.3"
       },
@@ -1929,13 +1930,13 @@
       }
     },
     "node_modules/@babel/preset-env": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.5.tgz",
-      "integrity": "sha512-0d/uxVD6tFGWXGDSfyMD1p2otoaKmu6+GD+NfAx0tMaH+dxORnp7T9TaVQ6mKyya7iBtCIVxHjWT7MuzzM9z+A==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.6.tgz",
+      "integrity": "sha512-2XPn/BqKkZCpzYhUUNZ1ssXw7DcXfKQEjv/uXZUXgaebCMYmkEsfZ2yY+vv+xtXv50WmL5SGhyB6/xsWxIvvOQ==",
       "dev": true,
       "dependencies": {
         "@babel/compat-data": "^7.23.5",
-        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-compilation-targets": "^7.23.6",
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-validator-option": "^7.23.5",
         "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.23.3",
@@ -1975,7 +1976,7 @@
         "@babel/plugin-transform-dynamic-import": "^7.23.4",
         "@babel/plugin-transform-exponentiation-operator": "^7.23.3",
         "@babel/plugin-transform-export-namespace-from": "^7.23.4",
-        "@babel/plugin-transform-for-of": "^7.23.3",
+        "@babel/plugin-transform-for-of": "^7.23.6",
         "@babel/plugin-transform-function-name": "^7.23.3",
         "@babel/plugin-transform-json-strings": "^7.23.4",
         "@babel/plugin-transform-literals": "^7.23.3",
@@ -2149,9 +2150,9 @@
       "dev": true
     },
     "node_modules/@babel/runtime": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.5.tgz",
-      "integrity": "sha512-NdUTHcPe4C99WxPub+K9l9tK5/lV4UXIoaHSYgzco9BCyjKAAwzdBI+wWtYqHt7LJdbo74ZjRPJgzVweq1sz0w==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.6.tgz",
+      "integrity": "sha512-zHd0eUrf5GZoOWVCXp6koAKQTfZV07eit6bGPmJgnZdnSAvvZee6zniW2XMF7Cmc4ISOOnPy3QaSiIJGJkVEDQ==",
       "dev": true,
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
@@ -2175,20 +2176,20 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.5.tgz",
-      "integrity": "sha512-czx7Xy5a6sapWWRx61m1Ke1Ra4vczu1mCTtJam5zRTBOonfdJ+S/B6HYmGYu3fJtr8GGET3si6IhgWVBhJ/m8w==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.6.tgz",
+      "integrity": "sha512-czastdK1e8YByZqezMPFiZ8ahwVMh/ESl9vPgvgdB9AmFMGP5jfpFax74AQgl5zj4XHzqeYAg2l8PuUeRS1MgQ==",
       "dev": true,
       "dependencies": {
         "@babel/code-frame": "^7.23.5",
-        "@babel/generator": "^7.23.5",
+        "@babel/generator": "^7.23.6",
         "@babel/helper-environment-visitor": "^7.22.20",
         "@babel/helper-function-name": "^7.23.0",
         "@babel/helper-hoist-variables": "^7.22.5",
         "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/parser": "^7.23.5",
-        "@babel/types": "^7.23.5",
-        "debug": "^4.1.0",
+        "@babel/parser": "^7.23.6",
+        "@babel/types": "^7.23.6",
+        "debug": "^4.3.1",
         "globals": "^11.1.0"
       },
       "engines": {
@@ -2196,9 +2197,9 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.5.tgz",
-      "integrity": "sha512-ON5kSOJwVO6xXVRTvOI0eOnWe7VdUcIpsovGo9U/Br4Ie4UVFQTboO2cYnDhAGU6Fp+UxSiT+pMft0SMHfuq6w==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.6.tgz",
+      "integrity": "sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==",
       "dev": true,
       "dependencies": {
         "@babel/helper-string-parser": "^7.23.4",
@@ -2689,9 +2690,9 @@
       }
     },
     "node_modules/@eslint/eslintrc/node_modules/globals": {
-      "version": "13.23.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
-      "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
       "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
@@ -4673,9 +4674,9 @@
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "20.10.3",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.3.tgz",
-      "integrity": "sha512-XJavIpZqiXID5Yxnxv3RUDKTN5b81ddNC3ecsA0SoFXz/QU8OGBwZGMomiq0zw+uuqbL/krztv/DINAQ/EV4gg==",
+      "version": "20.10.4",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.4.tgz",
+      "integrity": "sha512-D08YG6rr8X90YB56tSIuBaddy/UXAA9RKJoFvrsnogAum/0pmjkgi4+2nx96A330FmioegBWmEYQ+syqCFaveg==",
       "dev": true,
       "dependencies": {
         "undici-types": "~5.26.4"
@@ -5607,13 +5608,13 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.4.6",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.6.tgz",
-      "integrity": "sha512-jhHiWVZIlnPbEUKSSNb9YoWcQGdlTLq7z1GHL4AjFxaoOUMuuEVJ+Y4pAaQUGOGk93YsVCKPbqbfw3m0SM6H8Q==",
+      "version": "0.4.7",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.7.tgz",
+      "integrity": "sha512-LidDk/tEGDfuHW2DWh/Hgo4rmnw3cduK6ZkOI1NPFceSK3n/yAGeOsNT7FLnSGHkXj3RHGSEVkN3FsCTY6w2CQ==",
       "dev": true,
       "dependencies": {
         "@babel/compat-data": "^7.22.6",
-        "@babel/helper-define-polyfill-provider": "^0.4.3",
+        "@babel/helper-define-polyfill-provider": "^0.4.4",
         "semver": "^6.3.1"
       },
       "peerDependencies": {
@@ -5630,12 +5631,12 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs3": {
-      "version": "0.8.6",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.6.tgz",
-      "integrity": "sha512-leDIc4l4tUgU7str5BWLS2h8q2N4Nf6lGZP6UrNDxdtfF2g69eJ5L0H7S8A5Ln/arfFAfHor5InAdZuIOwZdgQ==",
+      "version": "0.8.7",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.7.tgz",
+      "integrity": "sha512-KyDvZYxAzkC0Aj2dAPyDzi2Ym15e5JKZSK+maI7NAwSqofvuFglbSsxE7wUOvTg9oFVnHMzVzBKcqEb4PJgtOA==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.4.3",
+        "@babel/helper-define-polyfill-provider": "^0.4.4",
         "core-js-compat": "^3.33.1"
       },
       "peerDependencies": {
@@ -5643,12 +5644,12 @@
       }
     },
     "node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.3.tgz",
-      "integrity": "sha512-8sHeDOmXC8csczMrYEOf0UTNa4yE2SxV5JGeT/LP1n0OYVDUUFPxG9vdk2AlDlIit4t+Kf0xCtpgXPBwnn/9pw==",
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.4.tgz",
+      "integrity": "sha512-S/x2iOCvDaCASLYsOOgWOq4bCfKYVqvO/uxjkaYyZ3rVsVE3CeAI/c84NpyuBBymEgNvHgjEot3a9/Z/kXvqsg==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.4.3"
+        "@babel/helper-define-polyfill-provider": "^0.4.4"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
@@ -6010,9 +6011,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001566",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001566.tgz",
-      "integrity": "sha512-ggIhCsTxmITBAMmK8yZjEhCO5/47jKXPu6Dha/wuCS4JePVL+3uiDEBuhu2aIoT+bqTOR8L76Ip1ARL9xYsEJA==",
+      "version": "1.0.30001568",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001568.tgz",
+      "integrity": "sha512-vSUkH84HontZJ88MiNrOau1EBrCqEQYgkC5gIySiDlpsm8sGVrhU7Kx4V6h0tnqaHzIHZv08HlJIwPbL4XL9+A==",
       "dev": true,
       "funding": [
         {
@@ -6456,9 +6457,9 @@
       }
     },
     "node_modules/core-js": {
-      "version": "3.33.3",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.33.3.tgz",
-      "integrity": "sha512-lo0kOocUlLKmm6kv/FswQL8zbkH7mVsLJ/FULClOhv8WRVmKLVcs6XPNQAzstfeJTCHMyButEwG+z1kHxHoDZw==",
+      "version": "3.34.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.34.0.tgz",
+      "integrity": "sha512-aDdvlDder8QmY91H88GzNi9EtQi2TjvQhpCX6B1v/dAZHU1AuLgHvRh54RiOerpEhEW46Tkf+vgAViB/CWC0ag==",
       "dev": true,
       "hasInstallScript": true,
       "funding": {
@@ -6467,12 +6468,12 @@
       }
     },
     "node_modules/core-js-compat": {
-      "version": "3.33.3",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.3.tgz",
-      "integrity": "sha512-cNzGqFsh3Ot+529GIXacjTJ7kegdt5fPXxCBVS1G0iaZpuo/tBz399ymceLJveQhFFZ8qThHiP3fzuoQjKN2ow==",
+      "version": "3.34.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.34.0.tgz",
+      "integrity": "sha512-4ZIyeNbW/Cn1wkMMDy+mvrRUxrwFNjKwbhCfQpDd+eLgYipDqp8oGFGtLmhh18EDPKA0g3VUBYOxQGGwvWLVpA==",
       "dev": true,
       "dependencies": {
-        "browserslist": "^4.22.1"
+        "browserslist": "^4.22.2"
       },
       "funding": {
         "type": "opencollective",
@@ -6540,9 +6541,9 @@
       "dev": true
     },
     "node_modules/csstype": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
-      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==",
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
       "devOptional": true
     },
     "node_modules/dargs": {
@@ -6856,9 +6857,9 @@
       "dev": true
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.603",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.603.tgz",
-      "integrity": "sha512-Dvo5OGjnl7AZTU632dFJtWj0uJK835eeOVQIuRcmBmsFsTNn3cL05FqOyHAfGQDIoHfLhyJ1Tya3PJ0ceMz54g==",
+      "version": "1.4.609",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.609.tgz",
+      "integrity": "sha512-ihiCP7PJmjoGNuLpl7TjNA8pCQWu09vGyjlPYw1Rqww4gvNuCcmvl+44G+2QyJ6S2K4o+wbTS++Xz0YN8Q9ERw==",
       "dev": true
     },
     "node_modules/emittery": {
@@ -7483,9 +7484,9 @@
       }
     },
     "node_modules/eslint/node_modules/globals": {
-      "version": "13.23.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
-      "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
       "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
@@ -15306,9 +15307,9 @@
       "optional": true
     },
     "node_modules/shiki": {
-      "version": "0.14.5",
-      "resolved": "https://registry.npmjs.org/shiki/-/shiki-0.14.5.tgz",
-      "integrity": "sha512-1gCAYOcmCFONmErGTrS1fjzJLA7MGZmKzrBNX7apqSwhyITJg2O102uFzXUeBxNnEkDA9vHIKLyeKq0V083vIw==",
+      "version": "0.14.6",
+      "resolved": "https://registry.npmjs.org/shiki/-/shiki-0.14.6.tgz",
+      "integrity": "sha512-R4koBBlQP33cC8cpzX0hAoOURBHJILp4Aaduh2eYi+Vj8ZBqtK/5SWNEHBS3qwUMu8dqOtI/ftno3ESfNeVW9g==",
       "dev": true,
       "dependencies": {
         "ansi-sequence-parser": "^1.1.0",
diff --git a/packages/react-native-hms/src/utils/keyboard.ts b/packages/react-native-hms/src/utils/keyboard.ts
index e4c614ca1..50ada2173 100644
--- a/packages/react-native-hms/src/utils/keyboard.ts
+++ b/packages/react-native-hms/src/utils/keyboard.ts
@@ -6,7 +6,7 @@ export enum SoftInputModes {
   SOFT_INPUT_ADJUST_PAN = 32,
   SOFT_INPUT_ADJUST_RESIZE = 16,
   SOFT_INPUT_ADJUST_UNSPECIFIED = 0,
-};
+}
 
 /**
  * [Android Only] Sets the `windowSoftInputMode` value for the current activity
@@ -16,10 +16,10 @@ export function setSoftInputMode(inputMode: SoftInputModes) {
   if (Platform.OS === 'android') {
     const result = HMSManager.setSoftInputMode(inputMode);
     if (result === -1) {
-      throw new Error('Couln\'t get AppContext, Activity or Window!');
+      throw new Error("Couln't get AppContext, Activity or Window!");
     }
   }
-};
+}
 
 /**
  * [Android Only] Gets the current `windowSoftInputMode` value of the current activity
@@ -29,9 +29,9 @@ export function getSoftInputMode(): SoftInputModes {
   if (Platform.OS === 'android') {
     const result = HMSManager.getSoftInputMode();
     if (result === -1) {
-      throw new Error('Couln\'t get AppContext, Activity or Window!');
+      throw new Error("Couln't get AppContext, Activity or Window!");
     }
     return result;
   }
   return SoftInputModes.SOFT_INPUT_ADJUST_UNSPECIFIED;
-};
+}
diff --git a/packages/react-native-room-kit/example/ExampleAppChangelog.txt b/packages/react-native-room-kit/example/ExampleAppChangelog.txt
index 54bb7c5e7..315dbcac7 100644
--- a/packages/react-native-room-kit/example/ExampleAppChangelog.txt
+++ b/packages/react-native-room-kit/example/ExampleAppChangelog.txt
@@ -6,6 +6,9 @@ https://100ms.atlassian.net/browse/RN-114
 - Landscape Mode support in Prebuilt UI
 https://100ms.atlassian.net/browse/RN-153
 
+- Hide Top & Bottom bars after 5 seconds in Room
+https://100ms.atlassian.net/browse/RN-138
+
 Room Kit: 1.0.6
 React Native SDK: 1.9.5
 Android SDK: 2.8.2
diff --git a/packages/react-native-room-kit/example/package-lock.json b/packages/react-native-room-kit/example/package-lock.json
index d3d599406..ed9f44c13 100644
--- a/packages/react-native-room-kit/example/package-lock.json
+++ b/packages/react-native-room-kit/example/package-lock.json
@@ -93,20 +93,20 @@
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.5.tgz",
-      "integrity": "sha512-Cwc2XjUrG4ilcfOw4wBAK+enbdgwAcAJCfGUItPBKR7Mjw4aEfAFYrLxeRp4jWgtNIKn3n2AlBOfwwafl+42/g==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.6.tgz",
+      "integrity": "sha512-FxpRyGjrMJXh7X3wGLGhNDCRiwpWEF74sKjTLDJSG5Kyvow3QZaG0Adbqzi9ZrVjTWpsX+2cxWXD71NMg93kdw==",
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.23.5",
-        "@babel/generator": "^7.23.5",
-        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/generator": "^7.23.6",
+        "@babel/helper-compilation-targets": "^7.23.6",
         "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helpers": "^7.23.5",
-        "@babel/parser": "^7.23.5",
+        "@babel/helpers": "^7.23.6",
+        "@babel/parser": "^7.23.6",
         "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.5",
-        "@babel/types": "^7.23.5",
+        "@babel/traverse": "^7.23.6",
+        "@babel/types": "^7.23.6",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -122,11 +122,11 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.5.tgz",
-      "integrity": "sha512-BPssCHrBD+0YrxviOa3QzpqwhNIXKEtOa2jQrm4FlmkC2apYgRnQcmPWiGZDlGxiNtltnUFolMe8497Esry+jA==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.6.tgz",
+      "integrity": "sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==",
       "dependencies": {
-        "@babel/types": "^7.23.5",
+        "@babel/types": "^7.23.6",
         "@jridgewell/gen-mapping": "^0.3.2",
         "@jridgewell/trace-mapping": "^0.3.17",
         "jsesc": "^2.5.1"
@@ -158,13 +158,13 @@
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz",
-      "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz",
+      "integrity": "sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==",
       "dependencies": {
-        "@babel/compat-data": "^7.22.9",
-        "@babel/helper-validator-option": "^7.22.15",
-        "browserslist": "^4.21.9",
+        "@babel/compat-data": "^7.23.5",
+        "@babel/helper-validator-option": "^7.23.5",
+        "browserslist": "^4.22.2",
         "lru-cache": "^5.1.1",
         "semver": "^6.3.1"
       },
@@ -173,9 +173,9 @@
       }
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.23.5.tgz",
-      "integrity": "sha512-QELlRWxSpgdwdJzSJn4WAhKC+hvw/AtHbbrIoncKHkhKKR/luAlKkgBDcri1EzWAo8f8VvYVryEHN4tax/V67A==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.23.6.tgz",
+      "integrity": "sha512-cBXU1vZni/CpGF29iTu4YRbOZt3Wat6zCoMDxRF1MayiEc4URxOj31tT65HUM0CRpMowA3HCJaAOVOUnMf96cw==",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
         "@babel/helper-environment-visitor": "^7.22.20",
@@ -211,9 +211,9 @@
       }
     },
     "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.4.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.3.tgz",
-      "integrity": "sha512-WBrLmuPP47n7PNwsZ57pqam6G/RGo1vw/87b0Blc53tZNGZ4x7YvZ6HgQe2vo1W/FR20OgjeZuGXzudPiXHFug==",
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.4.tgz",
+      "integrity": "sha512-QcJMILQCu2jm5TFPGA3lCpJJTeEP+mqeXooG/NZbg/h5FTFi6V0+99ahlRsW8/kRLyb24LZVCCiclDedhLKcBA==",
       "dependencies": {
         "@babel/helper-compilation-targets": "^7.22.6",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -418,13 +418,13 @@
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.5.tgz",
-      "integrity": "sha512-oO7us8FzTEsG3U6ag9MfdF1iA/7Z6dz+MtFhifZk8C8o453rGJFFWUP1t+ULM9TUIAzC9uxXEiXjOiVMyd7QPg==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.6.tgz",
+      "integrity": "sha512-wCfsbN4nBidDRhpDhvcKlzHWCTlgJYUUdSJfzXb2NuBssDSIjc3xcb+znA7l+zYsFljAcGM0aFkN40cR3lXiGA==",
       "dependencies": {
         "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.5",
-        "@babel/types": "^7.23.5"
+        "@babel/traverse": "^7.23.6",
+        "@babel/types": "^7.23.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -444,9 +444,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.5.tgz",
-      "integrity": "sha512-hOOqoiNXrmGdFbhgCzu6GiURxUgM27Xwd/aPuu8RfHEZPBzL1Z54okAHAQjXfcQNwvrlkAmAp4SlRTZ45vlthQ==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.6.tgz",
+      "integrity": "sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==",
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -1158,11 +1158,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-for-of": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.23.3.tgz",
-      "integrity": "sha512-X8jSm8X1CMwxmK878qsUGJRmbysKNbdpTv/O1/v0LuY/ZkZrng5WYiekYSdg9m09OTmDDUWeEDsTE+17WYbAZw==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.23.6.tgz",
+      "integrity": "sha512-aYH4ytZ0qSuBbpfhuofbg/e96oQ7U2w1Aw/UQmKT+1l39uEhUPoFS3fHevDc1G0OvewyDudfMKY1OulczHzWIw==",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1610,9 +1611,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-runtime": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.23.4.tgz",
-      "integrity": "sha512-ITwqpb6V4btwUG0YJR82o2QvmWrLgDnx/p2A3CTPYGaRgULkDiC0DRA2C4jlRB9uXGUEfaSS/IGHfVW+ohzYDw==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.23.6.tgz",
+      "integrity": "sha512-kF1Zg62aPseQ11orDhFRw+aPG/eynNQtI+TyY+m33qJa2cJ5EEvza2P2BNTIA9E5MyqFABHEyY6CPHwgdy9aNg==",
       "dependencies": {
         "@babel/helper-module-imports": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -1701,12 +1702,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-typescript": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.23.5.tgz",
-      "integrity": "sha512-2fMkXEJkrmwgu2Bsv1Saxgj30IXZdJ+84lQcKKI7sm719oXs0BBw2ZENKdJdR1PjWndgLCEBNXJOri0fk7RYQA==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.23.6.tgz",
+      "integrity": "sha512-6cBG5mBvUu4VUD04OHKnYzbuHNP8huDsD3EDqqpIpsswTDoqHCjLoHb6+QgsV1WsT2nipRqCPgxD3LXnEO7XfA==",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-create-class-features-plugin": "^7.23.5",
+        "@babel/helper-create-class-features-plugin": "^7.23.6",
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-typescript": "^7.23.3"
       },
@@ -1780,13 +1781,13 @@
       }
     },
     "node_modules/@babel/preset-env": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.5.tgz",
-      "integrity": "sha512-0d/uxVD6tFGWXGDSfyMD1p2otoaKmu6+GD+NfAx0tMaH+dxORnp7T9TaVQ6mKyya7iBtCIVxHjWT7MuzzM9z+A==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.6.tgz",
+      "integrity": "sha512-2XPn/BqKkZCpzYhUUNZ1ssXw7DcXfKQEjv/uXZUXgaebCMYmkEsfZ2yY+vv+xtXv50WmL5SGhyB6/xsWxIvvOQ==",
       "peer": true,
       "dependencies": {
         "@babel/compat-data": "^7.23.5",
-        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-compilation-targets": "^7.23.6",
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-validator-option": "^7.23.5",
         "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.23.3",
@@ -1826,7 +1827,7 @@
         "@babel/plugin-transform-dynamic-import": "^7.23.4",
         "@babel/plugin-transform-exponentiation-operator": "^7.23.3",
         "@babel/plugin-transform-export-namespace-from": "^7.23.4",
-        "@babel/plugin-transform-for-of": "^7.23.3",
+        "@babel/plugin-transform-for-of": "^7.23.6",
         "@babel/plugin-transform-function-name": "^7.23.3",
         "@babel/plugin-transform-json-strings": "^7.23.4",
         "@babel/plugin-transform-literals": "^7.23.3",
@@ -1965,9 +1966,9 @@
       "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA=="
     },
     "node_modules/@babel/runtime": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.5.tgz",
-      "integrity": "sha512-NdUTHcPe4C99WxPub+K9l9tK5/lV4UXIoaHSYgzco9BCyjKAAwzdBI+wWtYqHt7LJdbo74ZjRPJgzVweq1sz0w==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.6.tgz",
+      "integrity": "sha512-zHd0eUrf5GZoOWVCXp6koAKQTfZV07eit6bGPmJgnZdnSAvvZee6zniW2XMF7Cmc4ISOOnPy3QaSiIJGJkVEDQ==",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -1989,19 +1990,19 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.5.tgz",
-      "integrity": "sha512-czx7Xy5a6sapWWRx61m1Ke1Ra4vczu1mCTtJam5zRTBOonfdJ+S/B6HYmGYu3fJtr8GGET3si6IhgWVBhJ/m8w==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.6.tgz",
+      "integrity": "sha512-czastdK1e8YByZqezMPFiZ8ahwVMh/ESl9vPgvgdB9AmFMGP5jfpFax74AQgl5zj4XHzqeYAg2l8PuUeRS1MgQ==",
       "dependencies": {
         "@babel/code-frame": "^7.23.5",
-        "@babel/generator": "^7.23.5",
+        "@babel/generator": "^7.23.6",
         "@babel/helper-environment-visitor": "^7.22.20",
         "@babel/helper-function-name": "^7.23.0",
         "@babel/helper-hoist-variables": "^7.22.5",
         "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/parser": "^7.23.5",
-        "@babel/types": "^7.23.5",
-        "debug": "^4.1.0",
+        "@babel/parser": "^7.23.6",
+        "@babel/types": "^7.23.6",
+        "debug": "^4.3.1",
         "globals": "^11.1.0"
       },
       "engines": {
@@ -2009,9 +2010,9 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.5.tgz",
-      "integrity": "sha512-ON5kSOJwVO6xXVRTvOI0eOnWe7VdUcIpsovGo9U/Br4Ie4UVFQTboO2cYnDhAGU6Fp+UxSiT+pMft0SMHfuq6w==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.6.tgz",
+      "integrity": "sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==",
       "dependencies": {
         "@babel/helper-string-parser": "^7.23.4",
         "@babel/helper-validator-identifier": "^7.22.20",
@@ -2098,9 +2099,9 @@
       }
     },
     "node_modules/@eslint/eslintrc/node_modules/globals": {
-      "version": "13.23.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
-      "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
       "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
@@ -4309,9 +4310,9 @@
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "20.10.3",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.3.tgz",
-      "integrity": "sha512-XJavIpZqiXID5Yxnxv3RUDKTN5b81ddNC3ecsA0SoFXz/QU8OGBwZGMomiq0zw+uuqbL/krztv/DINAQ/EV4gg==",
+      "version": "20.10.4",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.4.tgz",
+      "integrity": "sha512-D08YG6rr8X90YB56tSIuBaddy/UXAA9RKJoFvrsnogAum/0pmjkgi4+2nx96A330FmioegBWmEYQ+syqCFaveg==",
       "dependencies": {
         "undici-types": "~5.26.4"
       }
@@ -5450,12 +5451,12 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.4.6",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.6.tgz",
-      "integrity": "sha512-jhHiWVZIlnPbEUKSSNb9YoWcQGdlTLq7z1GHL4AjFxaoOUMuuEVJ+Y4pAaQUGOGk93YsVCKPbqbfw3m0SM6H8Q==",
+      "version": "0.4.7",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.7.tgz",
+      "integrity": "sha512-LidDk/tEGDfuHW2DWh/Hgo4rmnw3cduK6ZkOI1NPFceSK3n/yAGeOsNT7FLnSGHkXj3RHGSEVkN3FsCTY6w2CQ==",
       "dependencies": {
         "@babel/compat-data": "^7.22.6",
-        "@babel/helper-define-polyfill-provider": "^0.4.3",
+        "@babel/helper-define-polyfill-provider": "^0.4.4",
         "semver": "^6.3.1"
       },
       "peerDependencies": {
@@ -5463,11 +5464,11 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs3": {
-      "version": "0.8.6",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.6.tgz",
-      "integrity": "sha512-leDIc4l4tUgU7str5BWLS2h8q2N4Nf6lGZP6UrNDxdtfF2g69eJ5L0H7S8A5Ln/arfFAfHor5InAdZuIOwZdgQ==",
+      "version": "0.8.7",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.7.tgz",
+      "integrity": "sha512-KyDvZYxAzkC0Aj2dAPyDzi2Ym15e5JKZSK+maI7NAwSqofvuFglbSsxE7wUOvTg9oFVnHMzVzBKcqEb4PJgtOA==",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.4.3",
+        "@babel/helper-define-polyfill-provider": "^0.4.4",
         "core-js-compat": "^3.33.1"
       },
       "peerDependencies": {
@@ -5475,11 +5476,11 @@
       }
     },
     "node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.3.tgz",
-      "integrity": "sha512-8sHeDOmXC8csczMrYEOf0UTNa4yE2SxV5JGeT/LP1n0OYVDUUFPxG9vdk2AlDlIit4t+Kf0xCtpgXPBwnn/9pw==",
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.4.tgz",
+      "integrity": "sha512-S/x2iOCvDaCASLYsOOgWOq4bCfKYVqvO/uxjkaYyZ3rVsVE3CeAI/c84NpyuBBymEgNvHgjEot3a9/Z/kXvqsg==",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.4.3"
+        "@babel/helper-define-polyfill-provider": "^0.4.4"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
@@ -5804,9 +5805,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001566",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001566.tgz",
-      "integrity": "sha512-ggIhCsTxmITBAMmK8yZjEhCO5/47jKXPu6Dha/wuCS4JePVL+3uiDEBuhu2aIoT+bqTOR8L76Ip1ARL9xYsEJA==",
+      "version": "1.0.30001568",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001568.tgz",
+      "integrity": "sha512-vSUkH84HontZJ88MiNrOau1EBrCqEQYgkC5gIySiDlpsm8sGVrhU7Kx4V6h0tnqaHzIHZv08HlJIwPbL4XL9+A==",
       "funding": [
         {
           "type": "opencollective",
@@ -6140,11 +6141,11 @@
       }
     },
     "node_modules/core-js-compat": {
-      "version": "3.33.3",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.3.tgz",
-      "integrity": "sha512-cNzGqFsh3Ot+529GIXacjTJ7kegdt5fPXxCBVS1G0iaZpuo/tBz399ymceLJveQhFFZ8qThHiP3fzuoQjKN2ow==",
+      "version": "3.34.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.34.0.tgz",
+      "integrity": "sha512-4ZIyeNbW/Cn1wkMMDy+mvrRUxrwFNjKwbhCfQpDd+eLgYipDqp8oGFGtLmhh18EDPKA0g3VUBYOxQGGwvWLVpA==",
       "dependencies": {
-        "browserslist": "^4.22.1"
+        "browserslist": "^4.22.2"
       },
       "funding": {
         "type": "opencollective",
@@ -6229,9 +6230,9 @@
       "dev": true
     },
     "node_modules/csstype": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
-      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
     "node_modules/data-urls": {
       "version": "2.0.0",
@@ -6465,9 +6466,9 @@
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.603",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.603.tgz",
-      "integrity": "sha512-Dvo5OGjnl7AZTU632dFJtWj0uJK835eeOVQIuRcmBmsFsTNn3cL05FqOyHAfGQDIoHfLhyJ1Tya3PJ0ceMz54g=="
+      "version": "1.4.609",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.609.tgz",
+      "integrity": "sha512-ihiCP7PJmjoGNuLpl7TjNA8pCQWu09vGyjlPYw1Rqww4gvNuCcmvl+44G+2QyJ6S2K4o+wbTS++Xz0YN8Q9ERw=="
     },
     "node_modules/emittery": {
       "version": "0.7.2",
@@ -7073,9 +7074,9 @@
       }
     },
     "node_modules/eslint/node_modules/globals": {
-      "version": "13.23.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
-      "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
       "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
diff --git a/packages/react-native-room-kit/package-lock.json b/packages/react-native-room-kit/package-lock.json
index e90c490be..c2b6915d0 100644
--- a/packages/react-native-room-kit/package-lock.json
+++ b/packages/react-native-room-kit/package-lock.json
@@ -115,20 +115,20 @@
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.5.tgz",
-      "integrity": "sha512-Cwc2XjUrG4ilcfOw4wBAK+enbdgwAcAJCfGUItPBKR7Mjw4aEfAFYrLxeRp4jWgtNIKn3n2AlBOfwwafl+42/g==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.6.tgz",
+      "integrity": "sha512-FxpRyGjrMJXh7X3wGLGhNDCRiwpWEF74sKjTLDJSG5Kyvow3QZaG0Adbqzi9ZrVjTWpsX+2cxWXD71NMg93kdw==",
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.23.5",
-        "@babel/generator": "^7.23.5",
-        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/generator": "^7.23.6",
+        "@babel/helper-compilation-targets": "^7.23.6",
         "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helpers": "^7.23.5",
-        "@babel/parser": "^7.23.5",
+        "@babel/helpers": "^7.23.6",
+        "@babel/parser": "^7.23.6",
         "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.5",
-        "@babel/types": "^7.23.5",
+        "@babel/traverse": "^7.23.6",
+        "@babel/types": "^7.23.6",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -162,11 +162,11 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.5.tgz",
-      "integrity": "sha512-BPssCHrBD+0YrxviOa3QzpqwhNIXKEtOa2jQrm4FlmkC2apYgRnQcmPWiGZDlGxiNtltnUFolMe8497Esry+jA==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.6.tgz",
+      "integrity": "sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==",
       "dependencies": {
-        "@babel/types": "^7.23.5",
+        "@babel/types": "^7.23.6",
         "@jridgewell/gen-mapping": "^0.3.2",
         "@jridgewell/trace-mapping": "^0.3.17",
         "jsesc": "^2.5.1"
@@ -198,13 +198,13 @@
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz",
-      "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz",
+      "integrity": "sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==",
       "dependencies": {
-        "@babel/compat-data": "^7.22.9",
-        "@babel/helper-validator-option": "^7.22.15",
-        "browserslist": "^4.21.9",
+        "@babel/compat-data": "^7.23.5",
+        "@babel/helper-validator-option": "^7.23.5",
+        "browserslist": "^4.22.2",
         "lru-cache": "^5.1.1",
         "semver": "^6.3.1"
       },
@@ -213,9 +213,9 @@
       }
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.23.5.tgz",
-      "integrity": "sha512-QELlRWxSpgdwdJzSJn4WAhKC+hvw/AtHbbrIoncKHkhKKR/luAlKkgBDcri1EzWAo8f8VvYVryEHN4tax/V67A==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.23.6.tgz",
+      "integrity": "sha512-cBXU1vZni/CpGF29iTu4YRbOZt3Wat6zCoMDxRF1MayiEc4URxOj31tT65HUM0CRpMowA3HCJaAOVOUnMf96cw==",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
         "@babel/helper-environment-visitor": "^7.22.20",
@@ -251,9 +251,9 @@
       }
     },
     "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.4.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.3.tgz",
-      "integrity": "sha512-WBrLmuPP47n7PNwsZ57pqam6G/RGo1vw/87b0Blc53tZNGZ4x7YvZ6HgQe2vo1W/FR20OgjeZuGXzudPiXHFug==",
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.4.tgz",
+      "integrity": "sha512-QcJMILQCu2jm5TFPGA3lCpJJTeEP+mqeXooG/NZbg/h5FTFi6V0+99ahlRsW8/kRLyb24LZVCCiclDedhLKcBA==",
       "dependencies": {
         "@babel/helper-compilation-targets": "^7.22.6",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -474,13 +474,13 @@
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.5.tgz",
-      "integrity": "sha512-oO7us8FzTEsG3U6ag9MfdF1iA/7Z6dz+MtFhifZk8C8o453rGJFFWUP1t+ULM9TUIAzC9uxXEiXjOiVMyd7QPg==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.6.tgz",
+      "integrity": "sha512-wCfsbN4nBidDRhpDhvcKlzHWCTlgJYUUdSJfzXb2NuBssDSIjc3xcb+znA7l+zYsFljAcGM0aFkN40cR3lXiGA==",
       "dependencies": {
         "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.5",
-        "@babel/types": "^7.23.5"
+        "@babel/traverse": "^7.23.6",
+        "@babel/types": "^7.23.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -500,9 +500,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.5.tgz",
-      "integrity": "sha512-hOOqoiNXrmGdFbhgCzu6GiURxUgM27Xwd/aPuu8RfHEZPBzL1Z54okAHAQjXfcQNwvrlkAmAp4SlRTZ45vlthQ==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.6.tgz",
+      "integrity": "sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==",
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -1197,11 +1197,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-for-of": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.23.3.tgz",
-      "integrity": "sha512-X8jSm8X1CMwxmK878qsUGJRmbysKNbdpTv/O1/v0LuY/ZkZrng5WYiekYSdg9m09OTmDDUWeEDsTE+17WYbAZw==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.23.6.tgz",
+      "integrity": "sha512-aYH4ytZ0qSuBbpfhuofbg/e96oQ7U2w1Aw/UQmKT+1l39uEhUPoFS3fHevDc1G0OvewyDudfMKY1OulczHzWIw==",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1665,9 +1666,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-runtime": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.23.4.tgz",
-      "integrity": "sha512-ITwqpb6V4btwUG0YJR82o2QvmWrLgDnx/p2A3CTPYGaRgULkDiC0DRA2C4jlRB9uXGUEfaSS/IGHfVW+ohzYDw==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.23.6.tgz",
+      "integrity": "sha512-kF1Zg62aPseQ11orDhFRw+aPG/eynNQtI+TyY+m33qJa2cJ5EEvza2P2BNTIA9E5MyqFABHEyY6CPHwgdy9aNg==",
       "dependencies": {
         "@babel/helper-module-imports": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -1755,12 +1756,12 @@
       }
     },
     "node_modules/@babel/plugin-transform-typescript": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.23.5.tgz",
-      "integrity": "sha512-2fMkXEJkrmwgu2Bsv1Saxgj30IXZdJ+84lQcKKI7sm719oXs0BBw2ZENKdJdR1PjWndgLCEBNXJOri0fk7RYQA==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.23.6.tgz",
+      "integrity": "sha512-6cBG5mBvUu4VUD04OHKnYzbuHNP8huDsD3EDqqpIpsswTDoqHCjLoHb6+QgsV1WsT2nipRqCPgxD3LXnEO7XfA==",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-create-class-features-plugin": "^7.23.5",
+        "@babel/helper-create-class-features-plugin": "^7.23.6",
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-typescript": "^7.23.3"
       },
@@ -1831,12 +1832,12 @@
       }
     },
     "node_modules/@babel/preset-env": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.5.tgz",
-      "integrity": "sha512-0d/uxVD6tFGWXGDSfyMD1p2otoaKmu6+GD+NfAx0tMaH+dxORnp7T9TaVQ6mKyya7iBtCIVxHjWT7MuzzM9z+A==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.6.tgz",
+      "integrity": "sha512-2XPn/BqKkZCpzYhUUNZ1ssXw7DcXfKQEjv/uXZUXgaebCMYmkEsfZ2yY+vv+xtXv50WmL5SGhyB6/xsWxIvvOQ==",
       "dependencies": {
         "@babel/compat-data": "^7.23.5",
-        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-compilation-targets": "^7.23.6",
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-validator-option": "^7.23.5",
         "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.23.3",
@@ -1876,7 +1877,7 @@
         "@babel/plugin-transform-dynamic-import": "^7.23.4",
         "@babel/plugin-transform-exponentiation-operator": "^7.23.3",
         "@babel/plugin-transform-export-namespace-from": "^7.23.4",
-        "@babel/plugin-transform-for-of": "^7.23.3",
+        "@babel/plugin-transform-for-of": "^7.23.6",
         "@babel/plugin-transform-function-name": "^7.23.3",
         "@babel/plugin-transform-json-strings": "^7.23.4",
         "@babel/plugin-transform-literals": "^7.23.3",
@@ -2051,9 +2052,9 @@
       "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA=="
     },
     "node_modules/@babel/runtime": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.5.tgz",
-      "integrity": "sha512-NdUTHcPe4C99WxPub+K9l9tK5/lV4UXIoaHSYgzco9BCyjKAAwzdBI+wWtYqHt7LJdbo74ZjRPJgzVweq1sz0w==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.6.tgz",
+      "integrity": "sha512-zHd0eUrf5GZoOWVCXp6koAKQTfZV07eit6bGPmJgnZdnSAvvZee6zniW2XMF7Cmc4ISOOnPy3QaSiIJGJkVEDQ==",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -2075,19 +2076,19 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.5.tgz",
-      "integrity": "sha512-czx7Xy5a6sapWWRx61m1Ke1Ra4vczu1mCTtJam5zRTBOonfdJ+S/B6HYmGYu3fJtr8GGET3si6IhgWVBhJ/m8w==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.6.tgz",
+      "integrity": "sha512-czastdK1e8YByZqezMPFiZ8ahwVMh/ESl9vPgvgdB9AmFMGP5jfpFax74AQgl5zj4XHzqeYAg2l8PuUeRS1MgQ==",
       "dependencies": {
         "@babel/code-frame": "^7.23.5",
-        "@babel/generator": "^7.23.5",
+        "@babel/generator": "^7.23.6",
         "@babel/helper-environment-visitor": "^7.22.20",
         "@babel/helper-function-name": "^7.23.0",
         "@babel/helper-hoist-variables": "^7.22.5",
         "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/parser": "^7.23.5",
-        "@babel/types": "^7.23.5",
-        "debug": "^4.1.0",
+        "@babel/parser": "^7.23.6",
+        "@babel/types": "^7.23.6",
+        "debug": "^4.3.1",
         "globals": "^11.1.0"
       },
       "engines": {
@@ -2095,9 +2096,9 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.5.tgz",
-      "integrity": "sha512-ON5kSOJwVO6xXVRTvOI0eOnWe7VdUcIpsovGo9U/Br4Ie4UVFQTboO2cYnDhAGU6Fp+UxSiT+pMft0SMHfuq6w==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.6.tgz",
+      "integrity": "sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==",
       "dependencies": {
         "@babel/helper-string-parser": "^7.23.4",
         "@babel/helper-validator-identifier": "^7.22.20",
@@ -2727,9 +2728,9 @@
       }
     },
     "node_modules/@eslint/eslintrc/node_modules/globals": {
-      "version": "13.23.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
-      "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
       "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
@@ -5930,9 +5931,9 @@
       }
     },
     "node_modules/acorn-walk": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.0.tgz",
-      "integrity": "sha512-FS7hV565M5l1R08MXqo8odwMTB02C2UqzB17RVgu9EyuYFBqJZ3/ZY97sQD5FewVu1UyDFc1yztUDrAwT0EypA==",
+      "version": "8.3.1",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.1.tgz",
+      "integrity": "sha512-TgUZgYvqZprrl7YldZNoa9OciCAyZR+Ejm9eXzKCmjsF5IKp/wgQ7Z/ZpjpGTIUPwrHQIcYeI8qDh4PsEwxMbw==",
       "dev": true,
       "engines": {
         "node": ">=0.4.0"
@@ -6515,12 +6516,12 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.4.6",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.6.tgz",
-      "integrity": "sha512-jhHiWVZIlnPbEUKSSNb9YoWcQGdlTLq7z1GHL4AjFxaoOUMuuEVJ+Y4pAaQUGOGk93YsVCKPbqbfw3m0SM6H8Q==",
+      "version": "0.4.7",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.7.tgz",
+      "integrity": "sha512-LidDk/tEGDfuHW2DWh/Hgo4rmnw3cduK6ZkOI1NPFceSK3n/yAGeOsNT7FLnSGHkXj3RHGSEVkN3FsCTY6w2CQ==",
       "dependencies": {
         "@babel/compat-data": "^7.22.6",
-        "@babel/helper-define-polyfill-provider": "^0.4.3",
+        "@babel/helper-define-polyfill-provider": "^0.4.4",
         "semver": "^6.3.1"
       },
       "peerDependencies": {
@@ -6528,11 +6529,11 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs3": {
-      "version": "0.8.6",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.6.tgz",
-      "integrity": "sha512-leDIc4l4tUgU7str5BWLS2h8q2N4Nf6lGZP6UrNDxdtfF2g69eJ5L0H7S8A5Ln/arfFAfHor5InAdZuIOwZdgQ==",
+      "version": "0.8.7",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.7.tgz",
+      "integrity": "sha512-KyDvZYxAzkC0Aj2dAPyDzi2Ym15e5JKZSK+maI7NAwSqofvuFglbSsxE7wUOvTg9oFVnHMzVzBKcqEb4PJgtOA==",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.4.3",
+        "@babel/helper-define-polyfill-provider": "^0.4.4",
         "core-js-compat": "^3.33.1"
       },
       "peerDependencies": {
@@ -6540,11 +6541,11 @@
       }
     },
     "node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.3.tgz",
-      "integrity": "sha512-8sHeDOmXC8csczMrYEOf0UTNa4yE2SxV5JGeT/LP1n0OYVDUUFPxG9vdk2AlDlIit4t+Kf0xCtpgXPBwnn/9pw==",
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.4.tgz",
+      "integrity": "sha512-S/x2iOCvDaCASLYsOOgWOq4bCfKYVqvO/uxjkaYyZ3rVsVE3CeAI/c84NpyuBBymEgNvHgjEot3a9/Z/kXvqsg==",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.4.3"
+        "@babel/helper-define-polyfill-provider": "^0.4.4"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
@@ -7109,9 +7110,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001566",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001566.tgz",
-      "integrity": "sha512-ggIhCsTxmITBAMmK8yZjEhCO5/47jKXPu6Dha/wuCS4JePVL+3uiDEBuhu2aIoT+bqTOR8L76Ip1ARL9xYsEJA==",
+      "version": "1.0.30001568",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001568.tgz",
+      "integrity": "sha512-vSUkH84HontZJ88MiNrOau1EBrCqEQYgkC5gIySiDlpsm8sGVrhU7Kx4V6h0tnqaHzIHZv08HlJIwPbL4XL9+A==",
       "funding": [
         {
           "type": "opencollective",
@@ -7956,11 +7957,11 @@
       }
     },
     "node_modules/core-js-compat": {
-      "version": "3.33.3",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.3.tgz",
-      "integrity": "sha512-cNzGqFsh3Ot+529GIXacjTJ7kegdt5fPXxCBVS1G0iaZpuo/tBz399ymceLJveQhFFZ8qThHiP3fzuoQjKN2ow==",
+      "version": "3.34.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.34.0.tgz",
+      "integrity": "sha512-4ZIyeNbW/Cn1wkMMDy+mvrRUxrwFNjKwbhCfQpDd+eLgYipDqp8oGFGtLmhh18EDPKA0g3VUBYOxQGGwvWLVpA==",
       "dependencies": {
-        "browserslist": "^4.22.1"
+        "browserslist": "^4.22.2"
       },
       "funding": {
         "type": "opencollective",
@@ -8061,9 +8062,9 @@
       }
     },
     "node_modules/csstype": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
-      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
     "node_modules/dargs": {
       "version": "7.0.0",
@@ -8803,9 +8804,9 @@
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.603",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.603.tgz",
-      "integrity": "sha512-Dvo5OGjnl7AZTU632dFJtWj0uJK835eeOVQIuRcmBmsFsTNn3cL05FqOyHAfGQDIoHfLhyJ1Tya3PJ0ceMz54g=="
+      "version": "1.4.609",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.609.tgz",
+      "integrity": "sha512-ihiCP7PJmjoGNuLpl7TjNA8pCQWu09vGyjlPYw1Rqww4gvNuCcmvl+44G+2QyJ6S2K4o+wbTS++Xz0YN8Q9ERw=="
     },
     "node_modules/emittery": {
       "version": "0.10.2",
@@ -9492,9 +9493,9 @@
       }
     },
     "node_modules/eslint/node_modules/globals": {
-      "version": "13.23.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
-      "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
       "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
@@ -21007,9 +21008,9 @@
       }
     },
     "node_modules/ts-node": {
-      "version": "10.9.1",
-      "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.1.tgz",
-      "integrity": "sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==",
+      "version": "10.9.2",
+      "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.2.tgz",
+      "integrity": "sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==",
       "dev": true,
       "dependencies": {
         "@cspotcode/source-map-support": "^0.8.0",
@@ -21195,9 +21196,9 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.2.tgz",
-      "integrity": "sha512-6l+RyNy7oAHDfxC4FzSJcz9vnjTKxrLpDG5M2Vu4SHRVNg6xzqZp6LYSR9zjqQTu8DU/f5xwxUdADOkbrIX2gQ==",
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz",
+      "integrity": "sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==",
       "dev": true,
       "bin": {
         "tsc": "bin/tsc",
@@ -22179,20 +22180,20 @@
       "integrity": "sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw=="
     },
     "@babel/core": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.5.tgz",
-      "integrity": "sha512-Cwc2XjUrG4ilcfOw4wBAK+enbdgwAcAJCfGUItPBKR7Mjw4aEfAFYrLxeRp4jWgtNIKn3n2AlBOfwwafl+42/g==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.6.tgz",
+      "integrity": "sha512-FxpRyGjrMJXh7X3wGLGhNDCRiwpWEF74sKjTLDJSG5Kyvow3QZaG0Adbqzi9ZrVjTWpsX+2cxWXD71NMg93kdw==",
       "requires": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.23.5",
-        "@babel/generator": "^7.23.5",
-        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/generator": "^7.23.6",
+        "@babel/helper-compilation-targets": "^7.23.6",
         "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helpers": "^7.23.5",
-        "@babel/parser": "^7.23.5",
+        "@babel/helpers": "^7.23.6",
+        "@babel/parser": "^7.23.6",
         "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.5",
-        "@babel/types": "^7.23.5",
+        "@babel/traverse": "^7.23.6",
+        "@babel/types": "^7.23.6",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -22212,11 +22213,11 @@
       }
     },
     "@babel/generator": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.5.tgz",
-      "integrity": "sha512-BPssCHrBD+0YrxviOa3QzpqwhNIXKEtOa2jQrm4FlmkC2apYgRnQcmPWiGZDlGxiNtltnUFolMe8497Esry+jA==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.6.tgz",
+      "integrity": "sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==",
       "requires": {
-        "@babel/types": "^7.23.5",
+        "@babel/types": "^7.23.6",
         "@jridgewell/gen-mapping": "^0.3.2",
         "@jridgewell/trace-mapping": "^0.3.17",
         "jsesc": "^2.5.1"
@@ -22239,21 +22240,21 @@
       }
     },
     "@babel/helper-compilation-targets": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz",
-      "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz",
+      "integrity": "sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==",
       "requires": {
-        "@babel/compat-data": "^7.22.9",
-        "@babel/helper-validator-option": "^7.22.15",
-        "browserslist": "^4.21.9",
+        "@babel/compat-data": "^7.23.5",
+        "@babel/helper-validator-option": "^7.23.5",
+        "browserslist": "^4.22.2",
         "lru-cache": "^5.1.1",
         "semver": "^6.3.1"
       }
     },
     "@babel/helper-create-class-features-plugin": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.23.5.tgz",
-      "integrity": "sha512-QELlRWxSpgdwdJzSJn4WAhKC+hvw/AtHbbrIoncKHkhKKR/luAlKkgBDcri1EzWAo8f8VvYVryEHN4tax/V67A==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.23.6.tgz",
+      "integrity": "sha512-cBXU1vZni/CpGF29iTu4YRbOZt3Wat6zCoMDxRF1MayiEc4URxOj31tT65HUM0CRpMowA3HCJaAOVOUnMf96cw==",
       "requires": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
         "@babel/helper-environment-visitor": "^7.22.20",
@@ -22277,9 +22278,9 @@
       }
     },
     "@babel/helper-define-polyfill-provider": {
-      "version": "0.4.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.3.tgz",
-      "integrity": "sha512-WBrLmuPP47n7PNwsZ57pqam6G/RGo1vw/87b0Blc53tZNGZ4x7YvZ6HgQe2vo1W/FR20OgjeZuGXzudPiXHFug==",
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.4.tgz",
+      "integrity": "sha512-QcJMILQCu2jm5TFPGA3lCpJJTeEP+mqeXooG/NZbg/h5FTFi6V0+99ahlRsW8/kRLyb24LZVCCiclDedhLKcBA==",
       "requires": {
         "@babel/helper-compilation-targets": "^7.22.6",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -22433,13 +22434,13 @@
       }
     },
     "@babel/helpers": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.5.tgz",
-      "integrity": "sha512-oO7us8FzTEsG3U6ag9MfdF1iA/7Z6dz+MtFhifZk8C8o453rGJFFWUP1t+ULM9TUIAzC9uxXEiXjOiVMyd7QPg==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.6.tgz",
+      "integrity": "sha512-wCfsbN4nBidDRhpDhvcKlzHWCTlgJYUUdSJfzXb2NuBssDSIjc3xcb+znA7l+zYsFljAcGM0aFkN40cR3lXiGA==",
       "requires": {
         "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.5",
-        "@babel/types": "^7.23.5"
+        "@babel/traverse": "^7.23.6",
+        "@babel/types": "^7.23.6"
       }
     },
     "@babel/highlight": {
@@ -22453,9 +22454,9 @@
       }
     },
     "@babel/parser": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.5.tgz",
-      "integrity": "sha512-hOOqoiNXrmGdFbhgCzu6GiURxUgM27Xwd/aPuu8RfHEZPBzL1Z54okAHAQjXfcQNwvrlkAmAp4SlRTZ45vlthQ=="
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.6.tgz",
+      "integrity": "sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ=="
     },
     "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
       "version": "7.23.3",
@@ -22885,11 +22886,12 @@
       }
     },
     "@babel/plugin-transform-for-of": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.23.3.tgz",
-      "integrity": "sha512-X8jSm8X1CMwxmK878qsUGJRmbysKNbdpTv/O1/v0LuY/ZkZrng5WYiekYSdg9m09OTmDDUWeEDsTE+17WYbAZw==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.23.6.tgz",
+      "integrity": "sha512-aYH4ytZ0qSuBbpfhuofbg/e96oQ7U2w1Aw/UQmKT+1l39uEhUPoFS3fHevDc1G0OvewyDudfMKY1OulczHzWIw==",
       "requires": {
-        "@babel/helper-plugin-utils": "^7.22.5"
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
       }
     },
     "@babel/plugin-transform-function-name": {
@@ -23167,9 +23169,9 @@
       }
     },
     "@babel/plugin-transform-runtime": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.23.4.tgz",
-      "integrity": "sha512-ITwqpb6V4btwUG0YJR82o2QvmWrLgDnx/p2A3CTPYGaRgULkDiC0DRA2C4jlRB9uXGUEfaSS/IGHfVW+ohzYDw==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.23.6.tgz",
+      "integrity": "sha512-kF1Zg62aPseQ11orDhFRw+aPG/eynNQtI+TyY+m33qJa2cJ5EEvza2P2BNTIA9E5MyqFABHEyY6CPHwgdy9aNg==",
       "requires": {
         "@babel/helper-module-imports": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -23221,12 +23223,12 @@
       }
     },
     "@babel/plugin-transform-typescript": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.23.5.tgz",
-      "integrity": "sha512-2fMkXEJkrmwgu2Bsv1Saxgj30IXZdJ+84lQcKKI7sm719oXs0BBw2ZENKdJdR1PjWndgLCEBNXJOri0fk7RYQA==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.23.6.tgz",
+      "integrity": "sha512-6cBG5mBvUu4VUD04OHKnYzbuHNP8huDsD3EDqqpIpsswTDoqHCjLoHb6+QgsV1WsT2nipRqCPgxD3LXnEO7XfA==",
       "requires": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
-        "@babel/helper-create-class-features-plugin": "^7.23.5",
+        "@babel/helper-create-class-features-plugin": "^7.23.6",
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-typescript": "^7.23.3"
       }
@@ -23267,12 +23269,12 @@
       }
     },
     "@babel/preset-env": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.5.tgz",
-      "integrity": "sha512-0d/uxVD6tFGWXGDSfyMD1p2otoaKmu6+GD+NfAx0tMaH+dxORnp7T9TaVQ6mKyya7iBtCIVxHjWT7MuzzM9z+A==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.6.tgz",
+      "integrity": "sha512-2XPn/BqKkZCpzYhUUNZ1ssXw7DcXfKQEjv/uXZUXgaebCMYmkEsfZ2yY+vv+xtXv50WmL5SGhyB6/xsWxIvvOQ==",
       "requires": {
         "@babel/compat-data": "^7.23.5",
-        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-compilation-targets": "^7.23.6",
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-validator-option": "^7.23.5",
         "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.23.3",
@@ -23312,7 +23314,7 @@
         "@babel/plugin-transform-dynamic-import": "^7.23.4",
         "@babel/plugin-transform-exponentiation-operator": "^7.23.3",
         "@babel/plugin-transform-export-namespace-from": "^7.23.4",
-        "@babel/plugin-transform-for-of": "^7.23.3",
+        "@babel/plugin-transform-for-of": "^7.23.6",
         "@babel/plugin-transform-function-name": "^7.23.3",
         "@babel/plugin-transform-json-strings": "^7.23.4",
         "@babel/plugin-transform-literals": "^7.23.3",
@@ -23447,9 +23449,9 @@
       "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA=="
     },
     "@babel/runtime": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.5.tgz",
-      "integrity": "sha512-NdUTHcPe4C99WxPub+K9l9tK5/lV4UXIoaHSYgzco9BCyjKAAwzdBI+wWtYqHt7LJdbo74ZjRPJgzVweq1sz0w==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.6.tgz",
+      "integrity": "sha512-zHd0eUrf5GZoOWVCXp6koAKQTfZV07eit6bGPmJgnZdnSAvvZee6zniW2XMF7Cmc4ISOOnPy3QaSiIJGJkVEDQ==",
       "requires": {
         "regenerator-runtime": "^0.14.0"
       }
@@ -23465,26 +23467,26 @@
       }
     },
     "@babel/traverse": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.5.tgz",
-      "integrity": "sha512-czx7Xy5a6sapWWRx61m1Ke1Ra4vczu1mCTtJam5zRTBOonfdJ+S/B6HYmGYu3fJtr8GGET3si6IhgWVBhJ/m8w==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.6.tgz",
+      "integrity": "sha512-czastdK1e8YByZqezMPFiZ8ahwVMh/ESl9vPgvgdB9AmFMGP5jfpFax74AQgl5zj4XHzqeYAg2l8PuUeRS1MgQ==",
       "requires": {
         "@babel/code-frame": "^7.23.5",
-        "@babel/generator": "^7.23.5",
+        "@babel/generator": "^7.23.6",
         "@babel/helper-environment-visitor": "^7.22.20",
         "@babel/helper-function-name": "^7.23.0",
         "@babel/helper-hoist-variables": "^7.22.5",
         "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/parser": "^7.23.5",
-        "@babel/types": "^7.23.5",
-        "debug": "^4.1.0",
+        "@babel/parser": "^7.23.6",
+        "@babel/types": "^7.23.6",
+        "debug": "^4.3.1",
         "globals": "^11.1.0"
       }
     },
     "@babel/types": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.5.tgz",
-      "integrity": "sha512-ON5kSOJwVO6xXVRTvOI0eOnWe7VdUcIpsovGo9U/Br4Ie4UVFQTboO2cYnDhAGU6Fp+UxSiT+pMft0SMHfuq6w==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.6.tgz",
+      "integrity": "sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==",
       "requires": {
         "@babel/helper-string-parser": "^7.23.4",
         "@babel/helper-validator-identifier": "^7.22.20",
@@ -23960,9 +23962,9 @@
           }
         },
         "globals": {
-          "version": "13.23.0",
-          "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
-          "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
+          "version": "13.24.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+          "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
           "dev": true,
           "requires": {
             "type-fest": "^0.20.2"
@@ -26438,9 +26440,9 @@
       "requires": {}
     },
     "acorn-walk": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.0.tgz",
-      "integrity": "sha512-FS7hV565M5l1R08MXqo8odwMTB02C2UqzB17RVgu9EyuYFBqJZ3/ZY97sQD5FewVu1UyDFc1yztUDrAwT0EypA==",
+      "version": "8.3.1",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.1.tgz",
+      "integrity": "sha512-TgUZgYvqZprrl7YldZNoa9OciCAyZR+Ejm9eXzKCmjsF5IKp/wgQ7Z/ZpjpGTIUPwrHQIcYeI8qDh4PsEwxMbw==",
       "dev": true
     },
     "add-stream": {
@@ -26877,30 +26879,30 @@
       }
     },
     "babel-plugin-polyfill-corejs2": {
-      "version": "0.4.6",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.6.tgz",
-      "integrity": "sha512-jhHiWVZIlnPbEUKSSNb9YoWcQGdlTLq7z1GHL4AjFxaoOUMuuEVJ+Y4pAaQUGOGk93YsVCKPbqbfw3m0SM6H8Q==",
+      "version": "0.4.7",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.7.tgz",
+      "integrity": "sha512-LidDk/tEGDfuHW2DWh/Hgo4rmnw3cduK6ZkOI1NPFceSK3n/yAGeOsNT7FLnSGHkXj3RHGSEVkN3FsCTY6w2CQ==",
       "requires": {
         "@babel/compat-data": "^7.22.6",
-        "@babel/helper-define-polyfill-provider": "^0.4.3",
+        "@babel/helper-define-polyfill-provider": "^0.4.4",
         "semver": "^6.3.1"
       }
     },
     "babel-plugin-polyfill-corejs3": {
-      "version": "0.8.6",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.6.tgz",
-      "integrity": "sha512-leDIc4l4tUgU7str5BWLS2h8q2N4Nf6lGZP6UrNDxdtfF2g69eJ5L0H7S8A5Ln/arfFAfHor5InAdZuIOwZdgQ==",
+      "version": "0.8.7",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.7.tgz",
+      "integrity": "sha512-KyDvZYxAzkC0Aj2dAPyDzi2Ym15e5JKZSK+maI7NAwSqofvuFglbSsxE7wUOvTg9oFVnHMzVzBKcqEb4PJgtOA==",
       "requires": {
-        "@babel/helper-define-polyfill-provider": "^0.4.3",
+        "@babel/helper-define-polyfill-provider": "^0.4.4",
         "core-js-compat": "^3.33.1"
       }
     },
     "babel-plugin-polyfill-regenerator": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.3.tgz",
-      "integrity": "sha512-8sHeDOmXC8csczMrYEOf0UTNa4yE2SxV5JGeT/LP1n0OYVDUUFPxG9vdk2AlDlIit4t+Kf0xCtpgXPBwnn/9pw==",
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.4.tgz",
+      "integrity": "sha512-S/x2iOCvDaCASLYsOOgWOq4bCfKYVqvO/uxjkaYyZ3rVsVE3CeAI/c84NpyuBBymEgNvHgjEot3a9/Z/kXvqsg==",
       "requires": {
-        "@babel/helper-define-polyfill-provider": "^0.4.3"
+        "@babel/helper-define-polyfill-provider": "^0.4.4"
       }
     },
     "babel-plugin-syntax-trailing-function-commas": {
@@ -27294,9 +27296,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001566",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001566.tgz",
-      "integrity": "sha512-ggIhCsTxmITBAMmK8yZjEhCO5/47jKXPu6Dha/wuCS4JePVL+3uiDEBuhu2aIoT+bqTOR8L76Ip1ARL9xYsEJA=="
+      "version": "1.0.30001568",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001568.tgz",
+      "integrity": "sha512-vSUkH84HontZJ88MiNrOau1EBrCqEQYgkC5gIySiDlpsm8sGVrhU7Kx4V6h0tnqaHzIHZv08HlJIwPbL4XL9+A=="
     },
     "capture-exit": {
       "version": "2.0.0",
@@ -27942,11 +27944,11 @@
       "integrity": "sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw=="
     },
     "core-js-compat": {
-      "version": "3.33.3",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.3.tgz",
-      "integrity": "sha512-cNzGqFsh3Ot+529GIXacjTJ7kegdt5fPXxCBVS1G0iaZpuo/tBz399ymceLJveQhFFZ8qThHiP3fzuoQjKN2ow==",
+      "version": "3.34.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.34.0.tgz",
+      "integrity": "sha512-4ZIyeNbW/Cn1wkMMDy+mvrRUxrwFNjKwbhCfQpDd+eLgYipDqp8oGFGtLmhh18EDPKA0g3VUBYOxQGGwvWLVpA==",
       "requires": {
-        "browserslist": "^4.22.1"
+        "browserslist": "^4.22.2"
       }
     },
     "core-util-is": {
@@ -28008,9 +28010,9 @@
       }
     },
     "csstype": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
-      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
     "dargs": {
       "version": "7.0.0",
@@ -28511,9 +28513,9 @@
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
     },
     "electron-to-chromium": {
-      "version": "1.4.603",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.603.tgz",
-      "integrity": "sha512-Dvo5OGjnl7AZTU632dFJtWj0uJK835eeOVQIuRcmBmsFsTNn3cL05FqOyHAfGQDIoHfLhyJ1Tya3PJ0ceMz54g=="
+      "version": "1.4.609",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.609.tgz",
+      "integrity": "sha512-ihiCP7PJmjoGNuLpl7TjNA8pCQWu09vGyjlPYw1Rqww4gvNuCcmvl+44G+2QyJ6S2K4o+wbTS++Xz0YN8Q9ERw=="
     },
     "emittery": {
       "version": "0.10.2",
@@ -28882,9 +28884,9 @@
           "dev": true
         },
         "globals": {
-          "version": "13.23.0",
-          "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
-          "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
+          "version": "13.24.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+          "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
           "dev": true,
           "requires": {
             "type-fest": "^0.20.2"
@@ -37630,9 +37632,9 @@
       "dev": true
     },
     "ts-node": {
-      "version": "10.9.1",
-      "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.1.tgz",
-      "integrity": "sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==",
+      "version": "10.9.2",
+      "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.2.tgz",
+      "integrity": "sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==",
       "dev": true,
       "requires": {
         "@cspotcode/source-map-support": "^0.8.0",
@@ -37762,9 +37764,9 @@
       }
     },
     "typescript": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.2.tgz",
-      "integrity": "sha512-6l+RyNy7oAHDfxC4FzSJcz9vnjTKxrLpDG5M2Vu4SHRVNg6xzqZp6LYSR9zjqQTu8DU/f5xwxUdADOkbrIX2gQ==",
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz",
+      "integrity": "sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==",
       "dev": true
     },
     "uglify-es": {
diff --git a/packages/react-native-room-kit/src/HMSRoomSetup.tsx b/packages/react-native-room-kit/src/HMSRoomSetup.tsx
index 85da906ab..5ffb291f9 100644
--- a/packages/react-native-room-kit/src/HMSRoomSetup.tsx
+++ b/packages/react-native-room-kit/src/HMSRoomSetup.tsx
@@ -140,7 +140,7 @@ export const HMSRoomSetup = () => {
     }
   }, [
     // prebuiltCleanUp,
-    hmsInstance
+    hmsInstance,
   ]);
 
   // HMS Room, Peers, Track Listeners
diff --git a/packages/react-native-room-kit/src/components/AnimatedFooter.tsx b/packages/react-native-room-kit/src/components/AnimatedFooter.tsx
index 56878943b..11c1beeec 100644
--- a/packages/react-native-room-kit/src/components/AnimatedFooter.tsx
+++ b/packages/react-native-room-kit/src/components/AnimatedFooter.tsx
@@ -21,7 +21,9 @@ export const AnimatedFooter: React.FC<AnimatedFooterProps> = ({
   const animatedStyles = useAnimatedStyle(() => {
     return {
       opacity: interpolate(offset.value, [0, 0.3, 1], [0, 0.7, 1]),
-      transform: [{ translateY: interpolate(offset.value, [0, 1], [footerHeight, 0]) }],
+      transform: [
+        { translateY: interpolate(offset.value, [0, 1], [footerHeight, 0]) },
+      ],
     };
   }, [footerHeight]);
 
diff --git a/packages/react-native-room-kit/src/components/AnimatedHLSFooter.tsx b/packages/react-native-room-kit/src/components/AnimatedHLSFooter.tsx
index b3dd0c301..8c7c715dd 100644
--- a/packages/react-native-room-kit/src/components/AnimatedHLSFooter.tsx
+++ b/packages/react-native-room-kit/src/components/AnimatedHLSFooter.tsx
@@ -22,15 +22,13 @@ export const AnimatedHLSFooter: React.FC<AnimatedHLSFooterProps> = ({
 
   const animatedStyles = useAnimatedStyle(() => {
     return {
-      transform: [{ translateY: interpolate(offset.value, [0, 1], [footerHeight, 0]) }],
+      transform: [
+        { translateY: interpolate(offset.value, [0, 1], [footerHeight, 0]) },
+      ],
     };
   }, []);
 
   return (
-    <Animated.View
-      style={[animatedStyles, style]}
-    >
-      {children}
-    </Animated.View>
+    <Animated.View style={[animatedStyles, style]}>{children}</Animated.View>
   );
 };
diff --git a/packages/react-native-room-kit/src/components/AnimatedHeader.tsx b/packages/react-native-room-kit/src/components/AnimatedHeader.tsx
index 93d7cc13d..0f4fa5de4 100644
--- a/packages/react-native-room-kit/src/components/AnimatedHeader.tsx
+++ b/packages/react-native-room-kit/src/components/AnimatedHeader.tsx
@@ -30,7 +30,9 @@ export const AnimatedHeader: React.FC<AnimatedHeaderProps> = ({
     }
     return {
       opacity: interpolate(offset.value, [0, 0.3, 1], [0, 0.7, 1]),
-      transform: [{ translateY: interpolate(offset.value, [0, 1], [-headerHeight, 0]) }],
+      transform: [
+        { translateY: interpolate(offset.value, [0, 1], [-headerHeight, 0]) },
+      ],
     };
   }, [headerHeight, isHLSViewer]);
 
diff --git a/packages/react-native-room-kit/src/components/GridView.tsx b/packages/react-native-room-kit/src/components/GridView.tsx
index a1150645b..c74c7c4f0 100644
--- a/packages/react-native-room-kit/src/components/GridView.tsx
+++ b/packages/react-native-room-kit/src/components/GridView.tsx
@@ -48,7 +48,10 @@ export const GridView = React.forwardRef<GridViewRefAttrs, GridViewProps>(
     const hmsViewRefs = useRef<Record<string, ElementRef<typeof HMSView>>>({});
     const regularTilesFlatlistRef = useRef<FlatList<PeerTrackNode[]>>(null);
     const screenshareTilesFlatlistRef = useRef<FlatList<PeerTrackNode>>(null);
-    const [insetTileBoundingBox, setInsetTileBoundingBox] = useState<{ width: number | null, height: number | null }>({ width: null, height: null });
+    const [insetTileBoundingBox, setInsetTileBoundingBox] = useState<{
+      width: number | null;
+      height: number | null;
+    }>({ width: null, height: null });
 
     const isLandscapeOrientation = useIsLandscapeOrientation();
     const screenshareTilesAvailable = useSelector(
@@ -107,7 +110,10 @@ export const GridView = React.forwardRef<GridViewRefAttrs, GridViewProps>(
 
     const _handleLayoutChange = React.useCallback(
       ({ nativeEvent }: LayoutChangeEvent) => {
-        setInsetTileBoundingBox({ width: nativeEvent.layout.width, height: nativeEvent.layout.height });
+        setInsetTileBoundingBox({
+          width: nativeEvent.layout.width,
+          height: nativeEvent.layout.height,
+        });
       },
       []
     );
diff --git a/packages/react-native-room-kit/src/components/HMSKeyboardAvoidingView.android.tsx b/packages/react-native-room-kit/src/components/HMSKeyboardAvoidingView.android.tsx
index b13a3d867..718570b77 100644
--- a/packages/react-native-room-kit/src/components/HMSKeyboardAvoidingView.android.tsx
+++ b/packages/react-native-room-kit/src/components/HMSKeyboardAvoidingView.android.tsx
@@ -1,10 +1,6 @@
 import * as React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
-import Animated, {
-  // useAnimatedKeyboard,
-  // useAnimatedStyle,
-  // useDerivedValue,
-} from 'react-native-reanimated';
+import Animated from 'react-native-reanimated'; // useDerivedValue, // useAnimatedStyle, // useAnimatedKeyboard,
 
 export interface HMSKeyboardAvoidingViewProps {
   style?: StyleProp<Animated.AnimateStyle<StyleProp<ViewStyle>>>;
diff --git a/packages/react-native-room-kit/src/components/HMSKeyboardAvoidingView.tsx b/packages/react-native-room-kit/src/components/HMSKeyboardAvoidingView.tsx
index a63b47721..0be1c7431 100644
--- a/packages/react-native-room-kit/src/components/HMSKeyboardAvoidingView.tsx
+++ b/packages/react-native-room-kit/src/components/HMSKeyboardAvoidingView.tsx
@@ -14,7 +14,7 @@ export interface HMSKeyboardAvoidingViewProps {
 
 export const HMSKeyboardAvoidingView: React.FC<
   HMSKeyboardAvoidingViewProps
-> = ({ children, style, bottomOffset=0 }) => {
+> = ({ children, style, bottomOffset = 0 }) => {
   const animatedKeyboard = useAnimatedKeyboard();
 
   const initialPageY = useDerivedValue(() => {
diff --git a/packages/react-native-room-kit/src/components/HMSOverlayChatView.tsx b/packages/react-native-room-kit/src/components/HMSOverlayChatView.tsx
index ededa44b6..80fe3668c 100644
--- a/packages/react-native-room-kit/src/components/HMSOverlayChatView.tsx
+++ b/packages/react-native-room-kit/src/components/HMSOverlayChatView.tsx
@@ -20,7 +20,7 @@ const colorLocations = [0, 0.4, 1];
 
 export interface HLSChatViewProps {
   offset?: SharedValue<number>;
-};
+}
 
 export const HLSChatView: React.FC<HLSChatViewProps> = ({ offset }) => {
   const footerHeight = useFooterHeight();
@@ -28,7 +28,10 @@ export const HLSChatView: React.FC<HLSChatViewProps> = ({ offset }) => {
 
   const chatBottomOffset = useDerivedValue(() => {
     if (offset) {
-      return interpolate(offset.value, [0, 1], [0, footerHeight]) + hmsNotificationsHeight;
+      return (
+        interpolate(offset.value, [0, 1], [0, footerHeight]) +
+        hmsNotificationsHeight
+      );
     }
     return footerHeight + hmsNotificationsHeight;
   }, [offset, footerHeight, hmsNotificationsHeight]);
diff --git a/packages/react-native-room-kit/src/components/Header.tsx b/packages/react-native-room-kit/src/components/Header.tsx
index bcd9e7646..795281be4 100644
--- a/packages/react-native-room-kit/src/components/Header.tsx
+++ b/packages/react-native-room-kit/src/components/Header.tsx
@@ -1,6 +1,9 @@
 import React, { memo } from 'react';
 import { View, StyleSheet } from 'react-native';
-import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
+import {
+  SafeAreaView,
+  useSafeAreaInsets,
+} from 'react-native-safe-area-context';
 
 import { HMSManageCameraRotation } from './HMSManageCameraRotation';
 import { useHMSRoomStyle } from '../hooks-util';
@@ -22,7 +25,7 @@ export const HEADER_HEIGHT = TOP_PADDING + CONTENT_HEIGHT + BOTTOM_PADDING;
 export const useHeaderHeight = (excludeSafeArea: boolean = false) => {
   const { top } = useSafeAreaInsets();
   return (excludeSafeArea ? 0 : top) + HEADER_HEIGHT;
-}
+};
 
 export const _Header: React.FC<HeaderProps> = ({
   transparent = false,
diff --git a/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx b/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx
index 089b46c92..45b696a30 100644
--- a/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx
+++ b/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx
@@ -49,7 +49,7 @@ export const MeetingScreenContent: React.FC<MeetingScreenContentProps> = ({
     if (
       !fromTimeout &&
       (keyboardState.value === KeyboardState.OPEN ||
-      keyboardState.value === KeyboardState.OPENING)
+        keyboardState.value === KeyboardState.OPENING)
     ) {
       runOnJS(dismissKeyboard)();
     } else {
@@ -88,7 +88,9 @@ export const MeetingScreenContent: React.FC<MeetingScreenContentProps> = ({
     };
   }, []);
 
-  const tapGesture = Gesture.Tap().onEnd(() => toggleControls()).requireExternalGestureToFail();
+  const tapGesture = Gesture.Tap()
+    .onEnd(() => toggleControls())
+    .requireExternalGestureToFail();
 
   return (
     <View style={styles.container}>
diff --git a/packages/react-native-room-kit/src/components/MiniView.tsx b/packages/react-native-room-kit/src/components/MiniView.tsx
index 13c78f0ac..ab2ef4ead 100644
--- a/packages/react-native-room-kit/src/components/MiniView.tsx
+++ b/packages/react-native-room-kit/src/components/MiniView.tsx
@@ -56,8 +56,8 @@ export const MiniView: React.FC<Omit<MiniViewProps, 'insetMode'>> = ({
     usePeerMinimizedViewDimensions();
 
   const size = {
-    width: minimized ? minimizedViewWidth : (isLandscapeOrientation ? 178 : 104),
-    height: minimized ? minimizedViewHeigth : (isLandscapeOrientation ? 98 : 186),
+    width: minimized ? minimizedViewWidth : isLandscapeOrientation ? 178 : 104,
+    height: minimized ? minimizedViewHeigth : isLandscapeOrientation ? 98 : 186,
   };
 
   const dimensionStyles = {
@@ -86,7 +86,7 @@ export const MiniView: React.FC<Omit<MiniViewProps, 'insetMode'>> = ({
       cornerOffset.x,
       cornerOffset.topY,
       boundingBoxWidth,
-      boundingBoxHeight,
+      boundingBoxHeight
     );
 
     const finalX = snapPointX;
@@ -199,7 +199,7 @@ const getSnappingPoints = (
   xCornerOffset: number,
   yCornerOffset: number,
   boundingBoxWidth: number | null,
-  boundingBoxHeight: number | null,
+  boundingBoxHeight: number | null
 ) => {
   'worklet';
   if (!boundingBoxWidth || !boundingBoxHeight) {
diff --git a/packages/react-native-room-kit/src/components/WebrtcView.tsx b/packages/react-native-room-kit/src/components/WebrtcView.tsx
index 1bdac24b4..a3c9a3f79 100644
--- a/packages/react-native-room-kit/src/components/WebrtcView.tsx
+++ b/packages/react-native-room-kit/src/components/WebrtcView.tsx
@@ -3,8 +3,10 @@ import { useSelector } from 'react-redux';
 import { View } from 'react-native';
 import { useSafeAreaFrame } from 'react-native-safe-area-context';
 import type { SharedValue } from 'react-native-reanimated';
-import Animated, { interpolate, useAnimatedStyle } from 'react-native-reanimated';
-
+import Animated, {
+  interpolate,
+  useAnimatedStyle,
+} from 'react-native-reanimated';
 
 import { MaxTilesInOnePage, PipModes } from '../utils/types';
 import type { PeerTrackNode } from '../utils/types';
@@ -68,13 +70,17 @@ export const WebrtcView = React.forwardRef<GridViewRefAttrs, WebrtcViewProps>(
 
     const animatedStyles = useAnimatedStyle(() => {
       return {
-        height: interpolate(offset.value, [0, 1], [height, height - headerHeight - footerHeight])
+        height: interpolate(
+          offset.value,
+          [0, 1],
+          [height, height - headerHeight - footerHeight]
+        ),
       };
     }, [height, footerHeight, headerHeight]);
 
     const headerPlaceholderAnimatedStyles = useAnimatedStyle(() => {
       return {
-        height: interpolate(offset.value, [0, 1], [0, headerHeight])
+        height: interpolate(offset.value, [0, 1], [0, headerHeight]),
       };
     }, [headerHeight]);
 
@@ -82,11 +88,13 @@ export const WebrtcView = React.forwardRef<GridViewRefAttrs, WebrtcViewProps>(
       return (
         <PIPView
           peerTrackNodes={peerTrackNodes}
-          customView={showWelcomeBanner ? (
-            <WelcomeInMeeting />
-          ) : pairedPeers.length <= 0 ? (
-            <LocalPeerRegularVideoView />
-          ) : null}
+          customView={
+            showWelcomeBanner ? (
+              <WelcomeInMeeting />
+            ) : pairedPeers.length <= 0 ? (
+              <LocalPeerRegularVideoView />
+            ) : null
+          }
         />
       );
     }
diff --git a/packages/react-native-room-kit/src/hooks-util.ts b/packages/react-native-room-kit/src/hooks-util.ts
index bd4981d78..e0709fbc0 100644
--- a/packages/react-native-room-kit/src/hooks-util.ts
+++ b/packages/react-native-room-kit/src/hooks-util.ts
@@ -2454,7 +2454,7 @@ export const useAndroidSoftInputAdjustResize = () => {
         if (currentSoftInputRef.current !== null) {
           setSoftInputMode(currentSoftInputRef.current);
         }
-      }
+      };
     }
   }, []);
 };
@@ -2466,33 +2466,27 @@ export const useKeyboardState = () => {
     let didShowTimeoutId: null | NodeJS.Timeout = null;
     let didHideTimeoutId: null | NodeJS.Timeout = null;
 
-    const didShowSubscription = Keyboard.addListener(
-      'keyboardDidShow',
-      () => {
-        keyboardState.value = KeyboardState.OPENING;
-        if (didShowTimeoutId !== null) {
-          clearTimeout(didShowTimeoutId);
-        }
-        didShowTimeoutId = setTimeout(() => {
-          keyboardState.value = KeyboardState.OPEN;
-          didShowTimeoutId = null;
-        }, 400);
+    const didShowSubscription = Keyboard.addListener('keyboardDidShow', () => {
+      keyboardState.value = KeyboardState.OPENING;
+      if (didShowTimeoutId !== null) {
+        clearTimeout(didShowTimeoutId);
       }
-    );
+      didShowTimeoutId = setTimeout(() => {
+        keyboardState.value = KeyboardState.OPEN;
+        didShowTimeoutId = null;
+      }, 400);
+    });
 
-    const didHideSubscription = Keyboard.addListener(
-      'keyboardDidHide',
-      () => {
-        keyboardState.value = KeyboardState.CLOSING;
-        if (didHideTimeoutId !== null) {
-          clearTimeout(didHideTimeoutId);
-        }
-        didHideTimeoutId = setTimeout(() => {
-          keyboardState.value = KeyboardState.CLOSED;
-          didHideTimeoutId = null;
-        }, 400);
+    const didHideSubscription = Keyboard.addListener('keyboardDidHide', () => {
+      keyboardState.value = KeyboardState.CLOSING;
+      if (didHideTimeoutId !== null) {
+        clearTimeout(didHideTimeoutId);
       }
-    );
+      didHideTimeoutId = setTimeout(() => {
+        keyboardState.value = KeyboardState.CLOSED;
+        didHideTimeoutId = null;
+      }, 400);
+    });
 
     return () => {
       if (didShowTimeoutId !== null) {
@@ -2514,5 +2508,5 @@ export const useKeyboardState = () => {
     };
   }, []);
 
-  return {keyboardState};
+  return { keyboardState };
 };
diff --git a/packages/react-native-room-kit/src/utils/types.ts b/packages/react-native-room-kit/src/utils/types.ts
index 5235d99cc..a26ca0aea 100644
--- a/packages/react-native-room-kit/src/utils/types.ts
+++ b/packages/react-native-room-kit/src/utils/types.ts
@@ -107,7 +107,7 @@ export const ChatBroadcastFilter = { name: 'everyone' } as const;
 
 export const PeerListRefreshInterval = 5000; // in milliseconds
 
-export enum OnLeaveReason {  
+export enum OnLeaveReason {
   /**
    * User left the meeting room by pressing the "Leave" or "End Stream" button in Leave Modal
    */
@@ -128,8 +128,15 @@ export enum OnLeaveReason {
    * User left the meeting room by pressing the "end" button in PIP window
    */
   PIP = 'pip',
-};
+}
 
-export const TerminalExceptionCodes = [4005, 1003, 2000, "4005", "1003", "2000"];
+export const TerminalExceptionCodes = [
+  4005,
+  1003,
+  2000,
+  '4005',
+  '1003',
+  '2000',
+];
 
-export const HeaderFooterHideDelayMs = 5000;
\ No newline at end of file
+export const HeaderFooterHideDelayMs = 5000;

From b786dfa7164c17131325641c5cef24a64f67b7da Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Tue, 12 Dec 2023 17:25:08 +0530
Subject: [PATCH 28/84] fix(prebuilt): :bug: app crash on scree tap

---
 .../src/components/MeetingScreenContent.tsx         | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx b/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx
index 45b696a30..9b81bbebe 100644
--- a/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx
+++ b/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx
@@ -1,7 +1,7 @@
 import React, { useCallback, useRef, useState, useEffect } from 'react';
 import { StyleSheet, View, Keyboard } from 'react-native';
 import { useSelector } from 'react-redux';
-import {
+import Animated, {
   Easing,
   KeyboardState,
   cancelAnimation,
@@ -89,15 +89,18 @@ export const MeetingScreenContent: React.FC<MeetingScreenContentProps> = ({
   }, []);
 
   const tapGesture = Gesture.Tap()
-    .onEnd(() => toggleControls())
-    .requireExternalGestureToFail();
+    .runOnJS(true)
+    .onEnd(() => {
+      'worklet';
+      toggleControls();
+    });
 
   return (
     <View style={styles.container}>
       <HMSStatusBar hidden={controlsHidden} barStyle={'light-content'} />
 
       <GestureDetector gesture={tapGesture}>
-        <View style={styles.container}>
+        <Animated.View collapsable={false} style={styles.container}>
           {isPipModeActive ? null : (
             <AnimatedHeader offset={offset}>
               <Header transparent={isHLSViewer} showControls={!isHLSViewer} />
@@ -113,7 +116,7 @@ export const MeetingScreenContent: React.FC<MeetingScreenContentProps> = ({
               <Footer />
             </AnimatedFooter>
           )}
-        </View>
+        </Animated.View>
       </GestureDetector>
     </View>
   );

From ecce9411d65530b7ad13b0707015b68fe19da61f Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Tue, 12 Dec 2023 18:15:39 +0530
Subject: [PATCH 29/84] =?UTF-8?q?released=20sample=20app=20version=202.3.1?=
 =?UTF-8?q?24=20(374)=20=E2=9A=9B=EF=B8=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../example/android/app/build.gradle                      | 4 ++--
 .../example/ios/RNExample.xcodeproj/project.pbxproj       | 8 ++++----
 .../example/ios/RNExample/Info.plist                      | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/react-native-room-kit/example/android/app/build.gradle b/packages/react-native-room-kit/example/android/app/build.gradle
index 14d973859..eb00299c8 100644
--- a/packages/react-native-room-kit/example/android/app/build.gradle
+++ b/packages/react-native-room-kit/example/android/app/build.gradle
@@ -136,8 +136,8 @@ android {
         applicationId "live.hms.rn"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 373
-        versionName "2.3.123"
+        versionCode 374
+        versionName "2.3.124"
         missingDimensionStrategy 'react-native-camera', 'general'
     }
 
diff --git a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
index 0ab461b50..0b56b9d5c 100644
--- a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
+++ b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
@@ -486,7 +486,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 373;
+				CURRENT_PROJECT_VERSION = 374;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -520,7 +520,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 373;
+				CURRENT_PROJECT_VERSION = 374;
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -679,7 +679,7 @@
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_ENTITLEMENTS = RNExampleBroadcastUpload/RNExampleBroadcastUpload.entitlements;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 373;
+				CURRENT_PROJECT_VERSION = 374;
 				DEBUG_INFORMATION_FORMAT = dwarf;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				GCC_C_LANGUAGE_STANDARD = gnu11;
@@ -721,7 +721,7 @@
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
 				COPY_PHASE_STRIP = NO;
-				CURRENT_PROJECT_VERSION = 373;
+				CURRENT_PROJECT_VERSION = 374;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
diff --git a/packages/react-native-room-kit/example/ios/RNExample/Info.plist b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
index 4be66de4c..6beb5cffd 100644
--- a/packages/react-native-room-kit/example/ios/RNExample/Info.plist
+++ b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
@@ -21,11 +21,11 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>2.3.123</string>
+	<string>2.3.124</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>373</string>
+	<string>374</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
 	<key>LSRequiresIPhoneOS</key>

From 612541302957f6a261f794f0004a8f1ec3d48449 Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Tue, 12 Dec 2023 18:53:39 +0530
Subject: [PATCH 30/84] fix(prebuilt): :bug: proper fix for app crash on screen
 tap

---
 .../src/components/MeetingScreenContent.tsx   | 45 +++++++++----------
 1 file changed, 20 insertions(+), 25 deletions(-)

diff --git a/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx b/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx
index 9b81bbebe..7e9b56e84 100644
--- a/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx
+++ b/packages/react-native-room-kit/src/components/MeetingScreenContent.tsx
@@ -1,7 +1,7 @@
 import React, { useCallback, useRef, useState, useEffect } from 'react';
 import { StyleSheet, View, Keyboard } from 'react-native';
 import { useSelector } from 'react-redux';
-import Animated, {
+import {
   Easing,
   KeyboardState,
   cancelAnimation,
@@ -40,23 +40,27 @@ export const MeetingScreenContent: React.FC<MeetingScreenContentProps> = ({
   );
   const { keyboardState } = useKeyboardState();
 
-  const dismissKeyboard = () => {
+  const dismissKeyboard = useCallback(() => {
     Keyboard.dismiss();
-  };
+  }, []);
+
+  const clearTimer = useCallback(() => {
+    if (timerIdRef.current !== null) {
+      clearTimeout(timerIdRef.current);
+      timerIdRef.current = null;
+    }
+  }, []);
 
   const toggleControls = useCallback((fromTimeout: boolean = false) => {
     'worklet';
     if (
-      !fromTimeout &&
+      fromTimeout !== true &&
       (keyboardState.value === KeyboardState.OPEN ||
         keyboardState.value === KeyboardState.OPENING)
     ) {
       runOnJS(dismissKeyboard)();
     } else {
-      if (timerIdRef.current !== null) {
-        clearTimeout(timerIdRef.current);
-        timerIdRef.current = null;
-      }
+      runOnJS(clearTimer)();
       cancelAnimation(offset);
       offset.value = withTiming(
         offset.value === 1 ? 0 : 1,
@@ -68,39 +72,30 @@ export const MeetingScreenContent: React.FC<MeetingScreenContentProps> = ({
         }
       );
     }
-  }, []);
+  }, [dismissKeyboard, clearTimer]);
 
   // Handles Auto hiding the controls for the first time
   // to make this feature discoverable
   useEffect(() => {
-    if (timerIdRef.current !== null) {
-      clearTimeout(timerIdRef.current);
-    }
+    clearTimer();
     timerIdRef.current = setTimeout(() => {
       timerIdRef.current = null;
       toggleControls(true);
     }, HeaderFooterHideDelayMs);
 
-    return () => {
-      if (timerIdRef.current !== null) {
-        clearTimeout(timerIdRef.current);
-      }
-    };
-  }, []);
+    return clearTimer;
+  }, [clearTimer, toggleControls]);
 
   const tapGesture = Gesture.Tap()
-    .runOnJS(true)
-    .onEnd(() => {
-      'worklet';
-      toggleControls();
-    });
+    .onEnd(() => toggleControls())
+    .requireExternalGestureToFail();
 
   return (
     <View style={styles.container}>
       <HMSStatusBar hidden={controlsHidden} barStyle={'light-content'} />
 
       <GestureDetector gesture={tapGesture}>
-        <Animated.View collapsable={false} style={styles.container}>
+        <View collapsable={false} style={styles.container}>
           {isPipModeActive ? null : (
             <AnimatedHeader offset={offset}>
               <Header transparent={isHLSViewer} showControls={!isHLSViewer} />
@@ -116,7 +111,7 @@ export const MeetingScreenContent: React.FC<MeetingScreenContentProps> = ({
               <Footer />
             </AnimatedFooter>
           )}
-        </Animated.View>
+        </View>
       </GestureDetector>
     </View>
   );

From 2b03424b96212f52eb8e518b3f2c1fe7ed10c532 Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Wed, 13 Dec 2023 12:17:24 +0530
Subject: [PATCH 31/84] feat(prebuilt): disable editing username if passed as
 prebuilt option

---
 .../example/src/screens/QRCode/index.tsx      | 19 +++++++++++++++++++
 .../example/src/screens/QRCode/styles.ts      |  7 +++++++
 .../ChatAndParticipantsBottomSheet.tsx        |  9 +++------
 .../src/components/Footer.tsx                 | 18 ++++++++++++------
 .../src/components/HMSPreviewEditName.tsx     | 11 ++++++++++-
 .../components/PeerSettingsModalContent.tsx   |  3 ++-
 .../components/RoomSettingsModalContent.tsx   |  3 ++-
 .../react-native-room-kit/src/hooks-util.ts   |  5 +++++
 .../src/redux/actionTypes.ts                  |  3 +++
 .../src/redux/actions/index.ts                |  5 +++++
 .../src/redux/reducers/appState.ts            |  8 ++++++++
 11 files changed, 76 insertions(+), 15 deletions(-)

diff --git a/packages/react-native-room-kit/example/src/screens/QRCode/index.tsx b/packages/react-native-room-kit/example/src/screens/QRCode/index.tsx
index 60f118892..cf79ebedb 100644
--- a/packages/react-native-room-kit/example/src/screens/QRCode/index.tsx
+++ b/packages/react-native-room-kit/example/src/screens/QRCode/index.tsx
@@ -53,6 +53,7 @@ const QRCode = () => {
   );
 
   const [joiningLink, setJoiningLink] = useState(getMeetingUrl());
+  const [username, setUsername] = useState('');
   const [moreModalVisible, setMoreModalVisible] = useState(false);
 
   const onJoinPress = () => {
@@ -75,6 +76,7 @@ const QRCode = () => {
           navigate('HMSPrebuiltScreen', {
             roomCode,
             userId,
+            userName: username,
             initEndPoint: initEndpoint,
             tokenEndPoint: tokenEndpoint,
             layoutEndPoint: layoutEndPoint,
@@ -176,6 +178,7 @@ const QRCode = () => {
             Jump right in by pasting a room link or scanning a QR code
           </Text>
         </View>
+
         <View style={styles.joiningLinkInputView}>
           <Text style={styles.joiningLinkInputText}>Joining Link</Text>
         </View>
@@ -192,6 +195,22 @@ const QRCode = () => {
           blurOnSubmit
         />
 
+        <View style={styles.usernameInputView}>
+          <Text style={styles.joiningLinkInputText}>User Name</Text>
+        </View>
+
+        <CustomInput
+          inputTestID="enter-username-input"
+          clearTestID="clear-username-button"
+          value={username}
+          onChangeText={setUsername}
+          inputStyle={styles.joiningLinkInput}
+          placeholderTextColor={COLORS.TEXT.DISABLED}
+          placeholder="Enter username"
+          multiline
+          blurOnSubmit
+        />
+
         <View style={{ flexDirection: 'row' }}>
           <CustomButton
             testID="join-now-button"
diff --git a/packages/react-native-room-kit/example/src/screens/QRCode/styles.ts b/packages/react-native-room-kit/example/src/screens/QRCode/styles.ts
index 4efe52c72..b21e65efd 100644
--- a/packages/react-native-room-kit/example/src/screens/QRCode/styles.ts
+++ b/packages/react-native-room-kit/example/src/screens/QRCode/styles.ts
@@ -82,6 +82,13 @@ const styles = StyleSheet.create({
     justifyContent: 'space-between',
     alignItems: 'center',
   },
+  usernameInputView: {
+    marginTop: 8,
+    flexDirection: 'row',
+    width: '100%',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+  },
   joinButton: {
     flex: 1,
     backgroundColor: COLORS.PRIMARY.DEFAULT,
diff --git a/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx b/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx
index 0d40e570b..e809b4415 100644
--- a/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx
+++ b/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx
@@ -1,16 +1,13 @@
 import * as React from 'react';
 import { StyleSheet } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 import { BottomSheet } from '../BottomSheet';
 import { useShowChatAndParticipants } from '../../hooks-util';
 import { ChatAndParticipantsView } from './ChatAndParticipantsView';
-import { HEADER_HEIGHT } from '../Header';
-import { useIsLandscapeOrientation } from '../../utils/dimension';
+import { useHeaderHeight } from '../Header';
 
 export const ChatAndParticipantsBottomSheet = () => {
-  const { top: topSafeArea } = useSafeAreaInsets();
-  const isLandscapeOrientation = useIsLandscapeOrientation();
+  const headerHeight = useHeaderHeight();
 
   const { modalVisible, hide } = useShowChatAndParticipants();
 
@@ -25,7 +22,7 @@ export const ChatAndParticipantsBottomSheet = () => {
       containerStyle={[
         styles.bottomSheet,
         {
-          marginTop: topSafeArea + (isLandscapeOrientation ? 0 : HEADER_HEIGHT),
+          marginTop: headerHeight,
         },
       ]}
     >
diff --git a/packages/react-native-room-kit/src/components/Footer.tsx b/packages/react-native-room-kit/src/components/Footer.tsx
index e799fb8ac..21d6c55db 100644
--- a/packages/react-native-room-kit/src/components/Footer.tsx
+++ b/packages/react-native-room-kit/src/components/Footer.tsx
@@ -32,6 +32,7 @@ export const _Footer: React.FC<FooterProps> = () => {
   const canPublishAudio = useCanPublishAudio();
   const canPublishVideo = useCanPublishVideo();
   const canPublishScreen = useCanPublishScreen();
+  const editUsernameDisabled = useSelector((state: RootState) => state.app.editUsernameDisabled);
 
   const isViewer = !(canPublishAudio || canPublishVideo || canPublishScreen);
 
@@ -52,12 +53,18 @@ export const _Footer: React.FC<FooterProps> = () => {
       !!state.hmsStates.localPeer?.role?.permissions?.browserRecording
   );
 
+  const canEditUsernameFromRoomModal = isViewer && !editUsernameDisabled;
+
+  const canShowHandRaiseInFooter = !isOnStage && isViewer; // on_stage_exp object undefined && viewer -> show in footer
+  const canShowHandRaiseInRoomModal = !isOnStage && !isViewer; // on_stage_exp object undefined && publisher -> show in room modal
+
   const canShowOptions =
-    isViewer ||
-    canPublishScreen ||
     canShowParticipants ||
+    canPublishScreen ||
     canShowBRB ||
-    canStartRecording;
+    canShowHandRaiseInRoomModal ||
+    canStartRecording ||
+    canEditUsernameFromRoomModal;
 
   const footerActionButtons = useMemo(() => {
     const actions = [];
@@ -66,7 +73,7 @@ export const _Footer: React.FC<FooterProps> = () => {
       actions.push('chat');
     }
 
-    if (!isOnStage && isViewer) {
+    if (canShowHandRaiseInFooter) {
       actions.unshift('hand-raise');
     }
 
@@ -86,10 +93,9 @@ export const _Footer: React.FC<FooterProps> = () => {
 
     return actions;
   }, [
-    isOnStage,
+    canShowHandRaiseInFooter,
     canShowOptions,
     canShowChat,
-    isViewer,
     canPublishAudio,
     canPublishVideo,
   ]);
diff --git a/packages/react-native-room-kit/src/components/HMSPreviewEditName.tsx b/packages/react-native-room-kit/src/components/HMSPreviewEditName.tsx
index 6a9f84bc7..20c9add09 100644
--- a/packages/react-native-room-kit/src/components/HMSPreviewEditName.tsx
+++ b/packages/react-native-room-kit/src/components/HMSPreviewEditName.tsx
@@ -13,11 +13,20 @@ export const HMSPreviewEditName: React.FC<HMSPreviewEditNameProps> = () => {
   const dispatch = useDispatch();
   const { updateConfig } = useHMSConfig();
   const userName = useSelector((state: RootState) => state.user.userName);
+  const editUsernameDisabled = useSelector((state: RootState) => state.app.editUsernameDisabled);
 
   const handleNameChange = (name: string) => {
     dispatch(changeUsername(name));
     updateConfig({ username: name });
   };
 
-  return <HMSTextInput testID={TestIds.enter_name} value={userName} onChangeText={handleNameChange} />;
+  return (
+    <HMSTextInput
+      editable={!editUsernameDisabled}
+      testID={TestIds.enter_name}
+      value={userName}
+      onChangeText={handleNameChange}
+      style={editUsernameDisabled ? { opacity: 0.5 } : null}
+    />
+  );
 };
diff --git a/packages/react-native-room-kit/src/components/PeerSettingsModalContent.tsx b/packages/react-native-room-kit/src/components/PeerSettingsModalContent.tsx
index 902201d42..e6ef64b0f 100644
--- a/packages/react-native-room-kit/src/components/PeerSettingsModalContent.tsx
+++ b/packages/react-native-room-kit/src/components/PeerSettingsModalContent.tsx
@@ -47,6 +47,7 @@ export const PeerSettingsModalContent: React.FC<
     const mininode = state.app.miniviewPeerTrackNode;
     return mininode && mininode.id === peerTrackNode.id;
   });
+  const editUsernameDisabled = useSelector((state: RootState) => state.app.editUsernameDisabled);
 
   const removeTextStyle = useHMSRoomStyle((theme) => ({
     color: theme.palette.alert_error_default,
@@ -123,7 +124,7 @@ export const PeerSettingsModalContent: React.FC<
 
       {/* Content */}
       <View style={styles.contentContainer}>
-        {peer.isLocal ? (
+        {peer.isLocal && !editUsernameDisabled ? (
           <SettingItem
             testID={TestIds.tile_modal_change_name_btn}
             text={'Change Name'}
diff --git a/packages/react-native-room-kit/src/components/RoomSettingsModalContent.tsx b/packages/react-native-room-kit/src/components/RoomSettingsModalContent.tsx
index 8eb84739f..3149b6519 100644
--- a/packages/react-native-room-kit/src/components/RoomSettingsModalContent.tsx
+++ b/packages/react-native-room-kit/src/components/RoomSettingsModalContent.tsx
@@ -54,6 +54,7 @@ export const RoomSettingsModalContent: React.FC<
     const localPeer = state.hmsStates.localPeer;
     return localPeer ? isPublishingAllowed(localPeer) : false;
   });
+  const editUsernameDisabled = useSelector((state: RootState) => state.app.editUsernameDisabled);
 
   const { registerOnModalHideAction } = useBottomSheetActions();
 
@@ -244,7 +245,7 @@ export const RoomSettingsModalContent: React.FC<
               label: 'Change Name',
               pressHandler: changeName,
               isActive: false,
-              hide: isPublisher,
+              hide: isPublisher || editUsernameDisabled,
             },
           ].filter((itm) => !itm.hide),
           true
diff --git a/packages/react-native-room-kit/src/hooks-util.ts b/packages/react-native-room-kit/src/hooks-util.ts
index e0709fbc0..29c65ea1e 100644
--- a/packages/react-native-room-kit/src/hooks-util.ts
+++ b/packages/react-native-room-kit/src/hooks-util.ts
@@ -94,6 +94,7 @@ import {
   setActiveChatBottomSheetTab,
   setActiveSpeakers,
   setAutoEnterPipMode,
+  setEditUsernameDisabled,
   setFullScreenPeerTrackNode,
   setHMSLocalPeerState,
   setHMSRoleState,
@@ -2391,6 +2392,10 @@ export const useSavePropsToStore = (
 
   useEffect(() => {
     dispatch(setPrebuiltData({ roomCode, options }));
+    const passedUserName = options?.userName;
+    if (passedUserName && passedUserName.length > 0) {
+      dispatch(setEditUsernameDisabled(true));
+    }
   }, [roomCode, options]);
 
   useEffect(() => {
diff --git a/packages/react-native-room-kit/src/redux/actionTypes.ts b/packages/react-native-room-kit/src/redux/actionTypes.ts
index 897a4b062..79811fa48 100644
--- a/packages/react-native-room-kit/src/redux/actionTypes.ts
+++ b/packages/react-native-room-kit/src/redux/actionTypes.ts
@@ -88,6 +88,8 @@ const SET_HANDLE_BACK_BUTTON = 'SET_HANDLE_BACK_BUTTON';
 
 const SET_AUTO_ENTER_PIP_MODE = 'SET_AUTO_ENTER_PIP_MODE';
 
+const SET_EDIT_USERNAME_DISABLED = 'SET_EDIT_USERNAME_DISABLED';
+
 export default {
   ADD_PINNED_MESSAGE,
   ADD_MESSAGE,
@@ -129,6 +131,7 @@ export default {
   SET_CHAT_FILTER_SHEET_VISIBLE,
   SET_HANDLE_BACK_BUTTON,
   SET_AUTO_ENTER_PIP_MODE,
+  SET_EDIT_USERNAME_DISABLED,
 };
 
 export enum HmsStateActionTypes {
diff --git a/packages/react-native-room-kit/src/redux/actions/index.ts b/packages/react-native-room-kit/src/redux/actions/index.ts
index 3f9589889..e09409ec8 100644
--- a/packages/react-native-room-kit/src/redux/actions/index.ts
+++ b/packages/react-native-room-kit/src/redux/actions/index.ts
@@ -391,3 +391,8 @@ export const setAutoEnterPipMode = (autoEnterPipMode?: boolean) => ({
   type: actionTypes.SET_AUTO_ENTER_PIP_MODE,
   payload: { autoEnterPipMode },
 });
+
+export const setEditUsernameDisabled = (editUsernameDisabled: boolean) => ({
+  type: actionTypes.SET_EDIT_USERNAME_DISABLED,
+  payload: { editUsernameDisabled },
+});
diff --git a/packages/react-native-room-kit/src/redux/reducers/appState.ts b/packages/react-native-room-kit/src/redux/reducers/appState.ts
index 6375db2d0..847b98ac9 100644
--- a/packages/react-native-room-kit/src/redux/reducers/appState.ts
+++ b/packages/react-native-room-kit/src/redux/reducers/appState.ts
@@ -54,6 +54,7 @@ type IntialStateType = {
   chatFilterSheetVisible: boolean;
   handleBackButton: boolean;
   autoEnterPipMode: boolean;
+  editUsernameDisabled: boolean;
 };
 
 const INITIAL_STATE: IntialStateType = {
@@ -85,6 +86,7 @@ const INITIAL_STATE: IntialStateType = {
   chatFilterSheetVisible: false,
   handleBackButton: false,
   autoEnterPipMode: false,
+  editUsernameDisabled: false,
 };
 
 const appReducer = (
@@ -300,6 +302,12 @@ const appReducer = (
         autoEnterPipMode: action.payload.autoEnterPipMode ?? INITIAL_STATE.autoEnterPipMode,
       };
     }
+    case ActionTypes.SET_EDIT_USERNAME_DISABLED: {
+      return {
+        ...state,
+        editUsernameDisabled: action.payload.editUsernameDisabled ?? INITIAL_STATE.editUsernameDisabled,
+      }
+    }
     case HmsStateActionTypes.CLEAR_STATES:
       return INITIAL_STATE;
     default:

From c02292d2f72f48f07ded0a42a610a1bf934dd1e9 Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Wed, 13 Dec 2023 12:18:50 +0530
Subject: [PATCH 32/84] fix(prebuilt): :bug: modal hiding behind keyboard

---
 .../react-native-room-kit/src/components/BottomSheet.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/react-native-room-kit/src/components/BottomSheet.tsx b/packages/react-native-room-kit/src/components/BottomSheet.tsx
index 7726b489d..8f225d905 100644
--- a/packages/react-native-room-kit/src/components/BottomSheet.tsx
+++ b/packages/react-native-room-kit/src/components/BottomSheet.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Modal from 'react-native-modal';
 import type { ReactNativeModal } from 'react-native-modal';
-import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { KeyboardAvoidingView, Platform, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 import type {
   StyleProp,
   TextProps,
@@ -50,6 +50,8 @@ export const BottomSheet: React.FC<BottomSheetProps> & {
 
   const isLandscapeOrientation = useIsLandscapeOrientation();
 
+  const Container = resetProps.avoidKeyboard && Platform.OS === 'android' ? KeyboardAvoidingView : View;
+
   return (
     <Modal
       {...resetProps}
@@ -71,7 +73,8 @@ export const BottomSheet: React.FC<BottomSheetProps> & {
       }
       statusBarTranslucent={true}
     >
-      <View
+      <Container
+        behavior='padding'
         style={[
           isLandscapeOrientation && !fullWidth
             ? styles.landscapeContainer
@@ -81,7 +84,7 @@ export const BottomSheet: React.FC<BottomSheetProps> & {
         ]}
       >
         {children}
-      </View>
+      </Container>
     </Modal>
   );
 };

From 7d3517e4ceab398a9c0029169cbc7768b7933dee Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Wed, 13 Dec 2023 12:33:49 +0530
Subject: [PATCH 33/84] =?UTF-8?q?released=20sample=20app=20version=202.3.1?=
 =?UTF-8?q?25=20(375)=20=E2=9A=9B=EF=B8=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../example/android/app/build.gradle                      | 4 ++--
 .../example/ios/RNExample.xcodeproj/project.pbxproj       | 8 ++++----
 .../example/ios/RNExample/Info.plist                      | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/react-native-room-kit/example/android/app/build.gradle b/packages/react-native-room-kit/example/android/app/build.gradle
index eb00299c8..d628683ca 100644
--- a/packages/react-native-room-kit/example/android/app/build.gradle
+++ b/packages/react-native-room-kit/example/android/app/build.gradle
@@ -136,8 +136,8 @@ android {
         applicationId "live.hms.rn"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 374
-        versionName "2.3.124"
+        versionCode 375
+        versionName "2.3.125"
         missingDimensionStrategy 'react-native-camera', 'general'
     }
 
diff --git a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
index 0b56b9d5c..4b5cb1c77 100644
--- a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
+++ b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
@@ -486,7 +486,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 374;
+				CURRENT_PROJECT_VERSION = 375;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -520,7 +520,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 374;
+				CURRENT_PROJECT_VERSION = 375;
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -679,7 +679,7 @@
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_ENTITLEMENTS = RNExampleBroadcastUpload/RNExampleBroadcastUpload.entitlements;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 374;
+				CURRENT_PROJECT_VERSION = 375;
 				DEBUG_INFORMATION_FORMAT = dwarf;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				GCC_C_LANGUAGE_STANDARD = gnu11;
@@ -721,7 +721,7 @@
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
 				COPY_PHASE_STRIP = NO;
-				CURRENT_PROJECT_VERSION = 374;
+				CURRENT_PROJECT_VERSION = 375;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
diff --git a/packages/react-native-room-kit/example/ios/RNExample/Info.plist b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
index 6beb5cffd..8446f1e49 100644
--- a/packages/react-native-room-kit/example/ios/RNExample/Info.plist
+++ b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
@@ -21,11 +21,11 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>2.3.124</string>
+	<string>2.3.125</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>374</string>
+	<string>375</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
 	<key>LSRequiresIPhoneOS</key>

From 9e72d8f98477c795231c73485a72a6318607a885 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Wed, 13 Dec 2023 14:15:41 +0530
Subject: [PATCH 34/84] added checks for safe area

---
 .../example/ExampleAppChangelog.txt               |  3 +++
 .../example/src/screens/QRCode/index.tsx          |  3 ++-
 .../src/components/Footer.tsx                     |  2 +-
 .../src/components/Header.tsx                     |  2 +-
 .../src/components/Meeting.tsx                    |  2 --
 .../src/components/WebrtcView.tsx                 | 15 ++++++++-------
 6 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/packages/react-native-room-kit/example/ExampleAppChangelog.txt b/packages/react-native-room-kit/example/ExampleAppChangelog.txt
index 0d0d7e806..bc89dce77 100644
--- a/packages/react-native-room-kit/example/ExampleAppChangelog.txt
+++ b/packages/react-native-room-kit/example/ExampleAppChangelog.txt
@@ -3,6 +3,9 @@ Board: https://100ms.atlassian.net/jira/software/projects/RN/boards/33
 - Hide Top & Bottom bars after 5 seconds in Room
 https://100ms.atlassian.net/browse/RN-138
 
+- Disable editing username in preview screen if username is passed to prebuilt in options config
+https://100ms.atlassian.net/browse/RN-143
+
 Room Kit: 1.0.7
 React Native SDK: 1.9.6
 Android SDK: 2.8.3
diff --git a/packages/react-native-room-kit/example/src/screens/QRCode/index.tsx b/packages/react-native-room-kit/example/src/screens/QRCode/index.tsx
index cf79ebedb..13f29eebf 100644
--- a/packages/react-native-room-kit/example/src/screens/QRCode/index.tsx
+++ b/packages/react-native-room-kit/example/src/screens/QRCode/index.tsx
@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import {
   Alert,
-  Image,
+  Image, Keyboard,
   KeyboardAvoidingView,
   Linking,
   Platform,
@@ -57,6 +57,7 @@ const QRCode = () => {
   const [moreModalVisible, setMoreModalVisible] = useState(false);
 
   const onJoinPress = () => {
+    Keyboard.dismiss();
     if (joiningLink.includes('app.100ms.live/')) {
       callService(
         joiningLink,
diff --git a/packages/react-native-room-kit/src/components/Footer.tsx b/packages/react-native-room-kit/src/components/Footer.tsx
index 21d6c55db..b6cd6a2f4 100644
--- a/packages/react-native-room-kit/src/components/Footer.tsx
+++ b/packages/react-native-room-kit/src/components/Footer.tsx
@@ -107,7 +107,7 @@ export const _Footer: React.FC<FooterProps> = () => {
   return (
     <SafeAreaView
       style={isHLSViewer ? null : containerStyles}
-      edges={['bottom']}
+      edges={['bottom', 'left', 'right']}
     >
       <View
         style={[
diff --git a/packages/react-native-room-kit/src/components/Header.tsx b/packages/react-native-room-kit/src/components/Header.tsx
index 795281be4..9479cdbf8 100644
--- a/packages/react-native-room-kit/src/components/Header.tsx
+++ b/packages/react-native-room-kit/src/components/Header.tsx
@@ -36,7 +36,7 @@ export const _Header: React.FC<HeaderProps> = ({
   }));
 
   return (
-    <SafeAreaView style={transparent ? null : containerStyles} edges={['top']}>
+    <SafeAreaView style={transparent ? null : containerStyles} edges={['top','left','right']}>
       <View style={[styles.container, transparent ? null : containerStyles]}>
         <View style={styles.logoContainer}>
           <CompanyLogo style={styles.logo} />
diff --git a/packages/react-native-room-kit/src/components/Meeting.tsx b/packages/react-native-room-kit/src/components/Meeting.tsx
index 103140c94..639761a8f 100644
--- a/packages/react-native-room-kit/src/components/Meeting.tsx
+++ b/packages/react-native-room-kit/src/components/Meeting.tsx
@@ -75,8 +75,6 @@ export const Meeting: React.FC<MeetingProps> = ({ peerTrackNodes }) => {
   return (
     <View style={[styles.container, containerStyles]}>
       <MeetingScreenContent peerTrackNodes={peerTrackNodes} />
-
-      {/* {landscapeChatViewVisible ? <ChatView /> : null} */}
     </View>
   );
 };
diff --git a/packages/react-native-room-kit/src/components/WebrtcView.tsx b/packages/react-native-room-kit/src/components/WebrtcView.tsx
index a3c9a3f79..885ee0e60 100644
--- a/packages/react-native-room-kit/src/components/WebrtcView.tsx
+++ b/packages/react-native-room-kit/src/components/WebrtcView.tsx
@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import { useSelector } from 'react-redux';
 import { View } from 'react-native';
-import { useSafeAreaFrame } from 'react-native-safe-area-context';
+import { SafeAreaView, useSafeAreaFrame, useSafeAreaInsets } from 'react-native-safe-area-context';
 import type { SharedValue } from 'react-native-reanimated';
 import Animated, {
   interpolate,
@@ -35,6 +35,7 @@ export const WebrtcView = React.forwardRef<GridViewRefAttrs, WebrtcViewProps>(
     const { height } = useSafeAreaFrame(); // This height does not include top & bottom safe area as this component isn't wrapped in SafeAreaView
     const footerHeight = useFooterHeight(); // This height includes top safearea by default
     const headerHeight = useHeaderHeight(); // This height includes top safearea by default
+    const { top, bottom } = useSafeAreaInsets();
 
     const isPipModeActive = useSelector(
       (state: RootState) => state.app.pipModeStatus === PipModes.ACTIVE
@@ -73,16 +74,16 @@ export const WebrtcView = React.forwardRef<GridViewRefAttrs, WebrtcViewProps>(
         height: interpolate(
           offset.value,
           [0, 1],
-          [height, height - headerHeight - footerHeight]
+          [height - top - bottom, height - headerHeight - footerHeight]
         ),
       };
-    }, [height, footerHeight, headerHeight]);
+    }, [height, top, bottom, footerHeight, headerHeight]);
 
     const headerPlaceholderAnimatedStyles = useAnimatedStyle(() => {
       return {
-        height: interpolate(offset.value, [0, 1], [0, headerHeight]),
+        height: interpolate(offset.value, [0, 1], [top, headerHeight]),
       };
-    }, [headerHeight]);
+    }, [headerHeight, top]);
 
     if (isPipModeActive) {
       return (
@@ -100,7 +101,7 @@ export const WebrtcView = React.forwardRef<GridViewRefAttrs, WebrtcViewProps>(
     }
 
     return (
-      <View style={{ flex: 1 }}>
+      <SafeAreaView edges={['left','right']} style={{ flex: 1 }}>
         <Animated.View style={headerPlaceholderAnimatedStyles} />
 
         <Animated.View style={animatedStyles}>
@@ -122,7 +123,7 @@ export const WebrtcView = React.forwardRef<GridViewRefAttrs, WebrtcViewProps>(
             <OverlayedViews offset={offset} />
           </OverlayContainer>
         </Animated.View>
-      </View>
+      </SafeAreaView>
     );
   }
 );

From a7b2edbdf31aa6f5e8dbd1be372c1798b1bff64a Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Wed, 13 Dec 2023 16:17:59 +0530
Subject: [PATCH 35/84] fix(prebuilt): :bug: Empty local peer tile action sheet

---
 .../src/components/PeerVideoTile/PeerVideoTileView.tsx         | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react-native-room-kit/src/components/PeerVideoTile/PeerVideoTileView.tsx b/packages/react-native-room-kit/src/components/PeerVideoTile/PeerVideoTileView.tsx
index 115432bde..9bafc9621 100644
--- a/packages/react-native-room-kit/src/components/PeerVideoTile/PeerVideoTileView.tsx
+++ b/packages/react-native-room-kit/src/components/PeerVideoTile/PeerVideoTileView.tsx
@@ -52,6 +52,7 @@ export const _PeerVideoTileView = React.forwardRef<
     const isPipModeActive = useSelector(
       (state: RootState) => state.app.pipModeStatus === PipModes.ACTIVE
     );
+    const editUsernameDisabled = useSelector((state: RootState) => state.app.editUsernameDisabled);
 
     const onSpotlight = useSelector((state: RootState) => {
       const { onSpotlight } = isTileOnSpotlight(state.user.spotlightTrackId, {
@@ -101,7 +102,7 @@ export const _PeerVideoTileView = React.forwardRef<
 
     const canTakeActionOnPeer = useSelector((state: RootState) => {
       if (peer.isLocal) {
-        return true;
+        return !editUsernameDisabled || insetMode;
       }
 
       const permissions = state.hmsStates.localPeer?.role?.permissions;

From 1b975571ec2f42274872eee47f59fc419d8d7779 Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Wed, 13 Dec 2023 16:32:30 +0530
Subject: [PATCH 36/84] fix(prebuilt): :bug: footer buttons not detecting tap
 when any modal closed recently

---
 packages/react-native-room-kit/src/components/EndRoomModal.tsx | 1 -
 .../react-native-room-kit/src/components/HMSRoomOptions.tsx    | 3 ---
 .../src/components/LeaveRoomBottomSheet.tsx                    | 1 -
 3 files changed, 5 deletions(-)

diff --git a/packages/react-native-room-kit/src/components/EndRoomModal.tsx b/packages/react-native-room-kit/src/components/EndRoomModal.tsx
index b5403120b..07209df59 100644
--- a/packages/react-native-room-kit/src/components/EndRoomModal.tsx
+++ b/packages/react-native-room-kit/src/components/EndRoomModal.tsx
@@ -16,7 +16,6 @@ export const EndRoomModal: React.FC<EndRoomModalProps> = () => {
     <BottomSheet
       dismissModal={dismissModal}
       isVisible={modalVisibleType === ModalTypes.END_ROOM}
-      animationOutTiming={700}
     >
       <EndRoomModalContent dismissModal={dismissModal} />
     </BottomSheet>
diff --git a/packages/react-native-room-kit/src/components/HMSRoomOptions.tsx b/packages/react-native-room-kit/src/components/HMSRoomOptions.tsx
index e50b9f67c..5a74a63d5 100644
--- a/packages/react-native-room-kit/src/components/HMSRoomOptions.tsx
+++ b/packages/react-native-room-kit/src/components/HMSRoomOptions.tsx
@@ -54,7 +54,6 @@ export const HMSRoomOptions: React.FC<HMSRoomOptionsProps> = () => {
       <BottomSheet
         isVisible={modalVisible === ModalTypes.SETTINGS}
         dismissModal={dismissModal}
-        animationOutTiming={700}
       >
         <RoomSettingsModalContent
           newAudioMixingMode={newAudioMixingMode}
@@ -73,7 +72,6 @@ export const HMSRoomOptions: React.FC<HMSRoomOptionsProps> = () => {
         isVisible={modalVisible === ModalTypes.CHANGE_NAME}
         dismissModal={dismissModal}
         avoidKeyboard={true}
-        animationOutTiming={700}
       >
         <ChangeNameModalContent dismissModal={dismissModal} />
       </BottomSheet>
@@ -81,7 +79,6 @@ export const HMSRoomOptions: React.FC<HMSRoomOptionsProps> = () => {
       <BottomSheet
         isVisible={modalVisible === ModalTypes.STOP_RECORDING}
         dismissModal={dismissModal}
-        animationOutTiming={800}
       >
         <StopRecordingModalContent dismissModal={dismissModal} />
       </BottomSheet>
diff --git a/packages/react-native-room-kit/src/components/LeaveRoomBottomSheet.tsx b/packages/react-native-room-kit/src/components/LeaveRoomBottomSheet.tsx
index b709a78b3..2ad66c26f 100644
--- a/packages/react-native-room-kit/src/components/LeaveRoomBottomSheet.tsx
+++ b/packages/react-native-room-kit/src/components/LeaveRoomBottomSheet.tsx
@@ -108,7 +108,6 @@ export const LeaveRoomBottomSheet: React.FC<LeaveRoomBottomSheetProps> = () => {
       containerStyle={styles.container}
       dismissModal={onPopupDismiss}
       onModalHide={handlePopupHide}
-      animationOutTiming={700}
     >
       <View>
         <TouchableOpacity

From b442c8d29cf19928a5e3bdbf067364d8952d1649 Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Wed, 13 Dec 2023 18:06:58 +0530
Subject: [PATCH 37/84] refactor(prebuilt): modal keyboard handling in android

---
 .../src/components/BottomSheet.tsx                   |  7 +++++--
 .../ChatAndParticipantsBottomSheet.tsx               | 12 +++++++++---
 .../ChatAndParticipants/ChatAndParticipantsView.tsx  |  4 ++--
 .../src/components/LeaveRoomBottomSheet.tsx          |  5 +----
 4 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/packages/react-native-room-kit/src/components/BottomSheet.tsx b/packages/react-native-room-kit/src/components/BottomSheet.tsx
index 8f225d905..dc005bea6 100644
--- a/packages/react-native-room-kit/src/components/BottomSheet.tsx
+++ b/packages/react-native-room-kit/src/components/BottomSheet.tsx
@@ -26,6 +26,7 @@ export type BottomSheetProps = WithRequired<
   // closes modal and no action will be taken after modal has been closed
   dismissModal(): void;
   containerStyle?: StyleProp<ViewStyle>;
+  bottomOffsetSpace?: number;
   fullWidth?: boolean;
 };
 
@@ -38,6 +39,7 @@ export const BottomSheet: React.FC<BottomSheetProps> & {
   style,
   children,
   containerStyle,
+  bottomOffsetSpace = 32,
   ...resetProps
 }) => {
   const { background_dim: backgroundDimColor } = useHMSRoomColorPalette();
@@ -84,6 +86,9 @@ export const BottomSheet: React.FC<BottomSheetProps> & {
         ]}
       >
         {children}
+        {typeof bottomOffsetSpace === 'number' && bottomOffsetSpace > 0 ? (
+          <View style={{ height: bottomOffsetSpace, width: '100%' }} />
+        ) : null}
       </Container>
     </Modal>
   );
@@ -201,11 +206,9 @@ const styles = StyleSheet.create({
   container: {
     borderTopLeftRadius: 16,
     borderTopRightRadius: 16,
-    paddingBottom: 32,
   },
   landscapeContainer: {
     borderRadius: 16,
-    paddingBottom: 32,
     width: '60%',
     alignSelf: 'center',
     marginBottom: 12,
diff --git a/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx b/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx
index e809b4415..d18082fd0 100644
--- a/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx
+++ b/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { StyleSheet } from 'react-native';
 
 import { BottomSheet } from '../BottomSheet';
-import { useShowChatAndParticipants } from '../../hooks-util';
+import { useHMSRoomStyleSheet, useShowChatAndParticipants } from '../../hooks-util';
 import { ChatAndParticipantsView } from './ChatAndParticipantsView';
 import { useHeaderHeight } from '../Header';
 
@@ -11,6 +11,12 @@ export const ChatAndParticipantsBottomSheet = () => {
 
   const { modalVisible, hide } = useShowChatAndParticipants();
 
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme) => ({
+    contentContainer: {
+      backgroundColor: theme.palette.surface_dim,
+    },
+  }));
+
   const closeChatWindow = () => hide('modal');
 
   return (
@@ -21,10 +27,12 @@ export const ChatAndParticipantsBottomSheet = () => {
       avoidKeyboard={true}
       containerStyle={[
         styles.bottomSheet,
+        hmsRoomStyles.contentContainer,
         {
           marginTop: headerHeight,
         },
       ]}
+      bottomOffsetSpace={0}
     >
       <ChatAndParticipantsView />
     </BottomSheet>
@@ -34,7 +42,5 @@ export const ChatAndParticipantsBottomSheet = () => {
 const styles = StyleSheet.create({
   bottomSheet: {
     flex: 1,
-    backgroundColor: undefined,
-    paddingBottom: 0,
   },
 });
diff --git a/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsView.tsx b/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsView.tsx
index 85d642801..67898ef0c 100644
--- a/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsView.tsx
+++ b/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsView.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useSelector } from 'react-redux';
-import { StyleSheet, View } from 'react-native';
+import { Platform, StyleSheet, View } from 'react-native';
 
 import {
   useHMSRoomStyleSheet,
@@ -68,7 +68,7 @@ const styles = StyleSheet.create({
     flex: 1,
     paddingHorizontal: 16,
     paddingTop: 12,
-    paddingBottom: 32,
+    paddingBottom: Platform.OS === 'ios' ? 32 : 0,
     borderTopLeftRadius: 16,
     borderTopRightRadius: 16,
   },
diff --git a/packages/react-native-room-kit/src/components/LeaveRoomBottomSheet.tsx b/packages/react-native-room-kit/src/components/LeaveRoomBottomSheet.tsx
index 2ad66c26f..2d68ae9f8 100644
--- a/packages/react-native-room-kit/src/components/LeaveRoomBottomSheet.tsx
+++ b/packages/react-native-room-kit/src/components/LeaveRoomBottomSheet.tsx
@@ -105,7 +105,7 @@ export const LeaveRoomBottomSheet: React.FC<LeaveRoomBottomSheetProps> = () => {
   return (
     <BottomSheet
       isVisible={modalVisibleType === ModalTypes.LEAVE_ROOM}
-      containerStyle={styles.container}
+      bottomOffsetSpace={0}
       dismissModal={onPopupDismiss}
       onModalHide={handlePopupHide}
     >
@@ -175,9 +175,6 @@ export const LeaveRoomBottomSheet: React.FC<LeaveRoomBottomSheetProps> = () => {
 };
 
 const styles = StyleSheet.create({
-  container: {
-    paddingBottom: 0,
-  },
   button: {
     flexDirection: 'row',
     padding: 24,

From 2e50b8a0692c2f0c45774ea90c6f2ad5c994eed6 Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Wed, 13 Dec 2023 18:51:25 +0530
Subject: [PATCH 38/84] fix(prebuilt): :bug: participants sheet safe area fixes

---
 .../src/components/Chat/ChatFilterBottomSheetView.tsx        | 1 +
 .../ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx   | 4 +++-
 .../ChatAndParticipants/ChatAndParticipantsView.tsx          | 5 +++--
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/react-native-room-kit/src/components/Chat/ChatFilterBottomSheetView.tsx b/packages/react-native-room-kit/src/components/Chat/ChatFilterBottomSheetView.tsx
index 4e1468dac..cde6df21b 100644
--- a/packages/react-native-room-kit/src/components/Chat/ChatFilterBottomSheetView.tsx
+++ b/packages/react-native-room-kit/src/components/Chat/ChatFilterBottomSheetView.tsx
@@ -69,6 +69,7 @@ const styles = StyleSheet.create({
     height: '100%',
     zIndex: 1,
     justifyContent: 'flex-end',
+    alignSelf: 'center',
   },
   backdrop: {
     position: 'absolute',
diff --git a/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx b/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx
index d18082fd0..b0bfbbebe 100644
--- a/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx
+++ b/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx
@@ -5,9 +5,11 @@ import { BottomSheet } from '../BottomSheet';
 import { useHMSRoomStyleSheet, useShowChatAndParticipants } from '../../hooks-util';
 import { ChatAndParticipantsView } from './ChatAndParticipantsView';
 import { useHeaderHeight } from '../Header';
+import { useIsLandscapeOrientation } from '../../utils/dimension';
 
 export const ChatAndParticipantsBottomSheet = () => {
   const headerHeight = useHeaderHeight();
+  const isLandscapeOrientation = useIsLandscapeOrientation();
 
   const { modalVisible, hide } = useShowChatAndParticipants();
 
@@ -29,7 +31,7 @@ export const ChatAndParticipantsBottomSheet = () => {
         styles.bottomSheet,
         hmsRoomStyles.contentContainer,
         {
-          marginTop: headerHeight,
+          marginTop: isLandscapeOrientation ? 0 : headerHeight,
         },
       ]}
       bottomOffsetSpace={0}
diff --git a/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsView.tsx b/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsView.tsx
index 67898ef0c..bf3e8910a 100644
--- a/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsView.tsx
+++ b/packages/react-native-room-kit/src/components/ChatAndParticipants/ChatAndParticipantsView.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { useSelector } from 'react-redux';
 import { Platform, StyleSheet, View } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
 
 import {
   useHMSRoomStyleSheet,
@@ -35,7 +36,7 @@ const _ChatAndParticipantsView: React.FC = () => {
     activeChatBottomSheetTab === 'Chat' && canShowChat && !overlayChatLayout;
 
   return (
-    <View style={styles.container}>
+    <SafeAreaView style={styles.container} edges={['left', 'right']}>
       <View
         style={[
           styles.contentContainer,
@@ -55,7 +56,7 @@ const _ChatAndParticipantsView: React.FC = () => {
       </View>
 
       <ChatFilterBottomSheetView />
-    </View>
+    </SafeAreaView>
   );
 };
 

From 34fa4181b78e29ab5852e679a9b8cb6f5c364181 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Wed, 13 Dec 2023 20:48:15 +0530
Subject: [PATCH 39/84] =?UTF-8?q?released=20sample=20app=20version=202.3.1?=
 =?UTF-8?q?26=20(376)=20=E2=9A=9B=EF=B8=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../example/android/app/build.gradle                      | 4 ++--
 .../example/ios/RNExample.xcodeproj/project.pbxproj       | 8 ++++----
 .../example/ios/RNExample/Info.plist                      | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/react-native-room-kit/example/android/app/build.gradle b/packages/react-native-room-kit/example/android/app/build.gradle
index d628683ca..9b15b8210 100644
--- a/packages/react-native-room-kit/example/android/app/build.gradle
+++ b/packages/react-native-room-kit/example/android/app/build.gradle
@@ -136,8 +136,8 @@ android {
         applicationId "live.hms.rn"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 375
-        versionName "2.3.125"
+        versionCode 376
+        versionName "2.3.126"
         missingDimensionStrategy 'react-native-camera', 'general'
     }
 
diff --git a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
index 4b5cb1c77..1845b92f3 100644
--- a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
+++ b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
@@ -486,7 +486,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 375;
+				CURRENT_PROJECT_VERSION = 376;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -520,7 +520,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 375;
+				CURRENT_PROJECT_VERSION = 376;
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -679,7 +679,7 @@
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_ENTITLEMENTS = RNExampleBroadcastUpload/RNExampleBroadcastUpload.entitlements;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 375;
+				CURRENT_PROJECT_VERSION = 376;
 				DEBUG_INFORMATION_FORMAT = dwarf;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				GCC_C_LANGUAGE_STANDARD = gnu11;
@@ -721,7 +721,7 @@
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
 				COPY_PHASE_STRIP = NO;
-				CURRENT_PROJECT_VERSION = 375;
+				CURRENT_PROJECT_VERSION = 376;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
diff --git a/packages/react-native-room-kit/example/ios/RNExample/Info.plist b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
index 8446f1e49..223503345 100644
--- a/packages/react-native-room-kit/example/ios/RNExample/Info.plist
+++ b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
@@ -21,11 +21,11 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>2.3.125</string>
+	<string>2.3.126</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>375</string>
+	<string>376</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
 	<key>LSRequiresIPhoneOS</key>

From 89d9c885751f98ffdea73895482242035b91040f Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Thu, 14 Dec 2023 14:13:11 +0530
Subject: [PATCH 40/84] streaming and recording bugfixes

---
 .../com/reactnativehmssdk/HMSHLSPlayer.kt     |   3 +-
 .../ios/HMSHLSPlayerManager.swift             |   2 +-
 packages/react-native-hms/src/index.ts        |   2 +
 .../Recording/assets/recording-pause.png      | Bin 0 -> 394 bytes
 .../Recording/assets/recording-pause@2x.png   | Bin 0 -> 713 bytes
 .../Recording/assets/recording-pause@3x.png   | Bin 0 -> 970 bytes
 .../src/Icons/Recording/index.tsx             |   4 +-
 .../src/components/EndRoomModalContent.tsx    |   3 +-
 .../src/components/HLSView.tsx                |   3 +-
 .../src/components/HMSLiveIndicator.tsx       |   3 +-
 .../components/HMSPreviewHLSLiveIndicator.tsx |   3 +-
 .../src/components/HMSRecordingIndicator.tsx  |  23 ++++++++--
 .../src/components/LeaveRoomBottomSheet.tsx   |   3 +-
 .../components/RoomSettingsModalContent.tsx   |   5 ++-
 .../RoomSettingsModalDebugModeContent.tsx     |   3 +-
 .../src/hooks-util-selectors.tsx              |   3 +-
 .../react-native-room-kit/src/hooks-util.ts   |  42 ------------------
 17 files changed, 46 insertions(+), 56 deletions(-)
 create mode 100644 packages/react-native-room-kit/src/Icons/Recording/assets/recording-pause.png
 create mode 100644 packages/react-native-room-kit/src/Icons/Recording/assets/recording-pause@2x.png
 create mode 100644 packages/react-native-room-kit/src/Icons/Recording/assets/recording-pause@3x.png

diff --git a/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HMSHLSPlayer.kt b/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HMSHLSPlayer.kt
index 52bcdfdb6..1d037e298 100644
--- a/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HMSHLSPlayer.kt
+++ b/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HMSHLSPlayer.kt
@@ -18,6 +18,7 @@ import live.hms.stats.PlayerStatsListener
 import live.hms.stats.model.PlayerStatsModel
 import live.hms.video.error.HMSException
 import live.hms.video.sdk.HMSSDK
+import live.hms.video.sdk.models.enums.HMSStreamingState
 import java.util.concurrent.TimeUnit
 
 @SuppressLint("ViewConstructor")
@@ -178,7 +179,7 @@ class HMSHLSPlayer(context: ReactContext) : FrameLayout(context) {
 
     val defaultURL: String? =
       hlsStreamingState?.let {
-        if (it.running) {
+        if (it.state == HMSStreamingState.STARTED) {
           it.variants?.get(0)?.hlsStreamUrl
         } else {
           null
diff --git a/packages/react-native-hms/ios/HMSHLSPlayerManager.swift b/packages/react-native-hms/ios/HMSHLSPlayerManager.swift
index dd8e087bb..2ce23e741 100644
--- a/packages/react-native-hms/ios/HMSHLSPlayerManager.swift
+++ b/packages/react-native-hms/ios/HMSHLSPlayerManager.swift
@@ -149,7 +149,7 @@ class HMSHLSPlayer: UIView {
             return
         }
 
-        if hlsStreamingState.running && !hlsStreamingState.variants.isEmpty {
+        if hlsStreamingState.state == .started && !hlsStreamingState.variants.isEmpty {
             hmsHLSPlayer.play(hlsStreamingState.variants[0].meetingURL)
         }
     }
diff --git a/packages/react-native-hms/src/index.ts b/packages/react-native-hms/src/index.ts
index 4a2d270de..c58b79585 100644
--- a/packages/react-native-hms/src/index.ts
+++ b/packages/react-native-hms/src/index.ts
@@ -80,6 +80,8 @@ export * from './classes/HMSQualityLimitationReasons';
 export * from './classes/HMSQualityLimitationReason';
 export * from './classes/HMSCameraControl';
 export * from './classes/HMSIOSAudioMode';
+export * from './classes/HMSRecordingState';
+export * from './classes/HMSStreamingState';
 export type {
   HMSSessionStore,
   HMSSessionStoreValue,
diff --git a/packages/react-native-room-kit/src/Icons/Recording/assets/recording-pause.png b/packages/react-native-room-kit/src/Icons/Recording/assets/recording-pause.png
new file mode 100644
index 0000000000000000000000000000000000000000..9861e0411314d7fae1dc74be114b4b5bf6cd1ef1
GIT binary patch
literal 394
zcmV;50d@X~P)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0Ut?3K~#7F?Nm__
zgD?yY7#I>N0ST3Wgh`kKaKao+0-J&{1;qhOL6;uk=&}q-`Q_c^IMVl$P}&D@U@xq-
z8l%QAcE*!(1;hfy3ZoH<-dNr>R$FSj;yFf71uBf}&j1y195)Xwu1H`)M8r3wQ4k<7
zG}StJ*5ssV)`-QlEy9}i3kvJgcIl-CwKP4xpQk*9!-a7&%GZ8AWj)+v_asR=mRInL
zuOE+^0Us@fUTg4%c)a*9sX*!>9w(mQ4LTUVA{K7j+NA~$*Fd;fgHWvVU+7?H-T)X$
zFC5d{=Lzd2X_x)U^O@kS@{X<vCHJ8wMz=WJDm>9-cBLewi&btmJN6~U&S>mt)wLb1
o+s`YA1^LsJ6*bgI!-2i{06Ai_n>F=J+5i9m07*qoM6N<$f-LEr#sB~S

literal 0
HcmV?d00001

diff --git a/packages/react-native-room-kit/src/Icons/Recording/assets/recording-pause@2x.png b/packages/react-native-room-kit/src/Icons/Recording/assets/recording-pause@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..31cf2c9c88a35aebce956866db4fba2a29929ae1
GIT binary patch
literal 713
zcmV;)0yh1LP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0$xc(K~#7F?U{jb
z!Y~W~MJHecZvY$M5f~vGv>TL80G*(Wzy^T{LMKSN0UN0D#atD~PVB@E^e%s=!<QJz
zvV|=RfSH+@nMbmKNFbu1k1ffHM3OAEC~hQ`mJ7*gu~<~_4A8(ck{rV+)OX=gka0;;
z;&{q2js%Ag8B<~LPV#1XtwQAtb(q}4Mxnm5hGuw~97sMWv~G|J73X^CO>(^=OHVx+
z+E-6K6OaNu_|jrf!ay93#CJl?ti@37JL5gN1-3VVB8F~mWN#QaLS&Rq!^R$BpqIHZ
z^N<M3N=O)s5jyeXvuVo=)e^>Fnf(kBgY|9}$0jzn%--3+`UknQ8Kq}i{Z4r3$w!B*
z9!$_o7!FJJT!swDvI@f0_oYM6mbGtmLLQ+XzV!)@wu>v&C%J7b4Z0lIu=WKeM5hyH
z_Gsnm+vR{@?JG<VpET*}^vn+M5OSW%T@EZA%BG@X?LiLw3%VTOvo2tIyduEYfq0pr
zKWo;mT%Ecc@Y)3u!ne*JSEnuq_|CJznEAOMlC{sSPF)V1So?mb?W6K&_wHyqZCN_T
z;!kK&#ge(LZBPNpT*>SfFcfU3(-IPcu~T?#Uucs37O-777<Zx3O3l=E$}43CF(5?;
zL-7|xM(H$c93U20-&M_mR*n(w$69x8=q{s&D!L0>84LvN_0<w5uFeHHqGw#9y`o)&
z4t{8HcSrJSd40c0eM9qFD4;%=)GbefJ-7N)dXpA+Ip{9XhEn1L=S!a>#ejk57-5@C
v@fVW{69Io=qqspcyq@PTrkR<UnNj=#%^-yj0RgY!00000NkvXXu0mjf{VFu@

literal 0
HcmV?d00001

diff --git a/packages/react-native-room-kit/src/Icons/Recording/assets/recording-pause@3x.png b/packages/react-native-room-kit/src/Icons/Recording/assets/recording-pause@3x.png
new file mode 100644
index 0000000000000000000000000000000000000000..b15abdfa78a66c2f8f0357eef64e5b22bf7ef8d5
GIT binary patch
literal 970
zcmV;*12z1KP)<h;3K|Lk000e1NJLTq002k;002k`1^@s6RqeA!00009a7bBm001F4
z001F40Y#QEU;qFB0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH17Ar*K~#7F?VF8l
z+b|G?pF4p^;0DPC)dtN5(FV;1@doV%aW`luu)9GzfwY0s30^6Ph7I9JooM|~E<fO4
z;7m*Brz1sCM<A2QWHOmdCX*4^U;#)L_T$mogZtcCGo5C&vkz;(t-WtHn<MU(Migsr
z)=rG)<c?9`9<YC8YweY{iQ=QOR${H#;J;2J%({iL!5V7^#!)$o{jEXDP@gqToA1_2
zYme5p!m+mQyC-XV>V#{K`+^i<JJx7KDG&+Ufqu_^UXc=P?<^s96td)o^BILuZ%Bb2
zaSohtTyR2F$%@2qx7uMQT!#8srn|8nkbRVx8GFu`Ks@sf+-y_(l!`c4ah0B!nph3y
zg8qKL_$@Xd(gAZ22w;aqpnpu7{sMZkr$S;-p3OI1ZM5lzbW&gT7$gSUadO^F_he5R
z6EXo$S36+}*iQ3D$sV@PSO;fipj~;@?hylF`#dMzZ3~PI<r(wf?4dkGD1>(13lcSc
zuzmiEj{6hzJPE!Z7|wZ#^_oIx*Y#~ZG4%0M@TrfZ63AWQ?w_h7*NCUPiwL+FKRWI$
zmEBC6K~n!eVm(Nit{T&{0(};Izpx(O1>XY{Xa$nGMUC|!2{dX38NpX$J=B6vH5Nt-
zWCy<wtOQT21`3AU=C7%-K59e|E6{&KtUw0q!yp2!Ky}x_DVGgK#uIA|1zLfk2f0Kr
zg0F@Gtw4VS-{7a~1u=r}FBE76ik@gC!WY4Jgo0ZHdd7Mv1m8Ops06z8iFiZ?PflHo
zrh6RiO2m-cy!3DyyFSzXqer1#*Vp_;b=5mOdtw+D%1f@Xt9)}Ux%w9F3rqp!_1zs3
zh4M1-bg!uBe<5d(7=i35F%|T`C79>6?f|&d3r_m0D3Yn_qQ5Ms#2nCHq`COqi2kyi
z`CgART>i3{NX@xDG0j{4;(|%1U<pBS7K!H^R1&3cOr#Xh7u-G&T*c{&I1hpI?~wvj
zl;n;n6fb)~n7lY=818P@LKTRF?c>fj_E+=okRogcZp~JN%8Au%Gw9ojP%1?sQ{IYj
zhW*9eeZp0Y<G|E6vs}aW%2%A8^s^?!ghDmKjJgM8QFz&@v#KqbOK<9J%4*IVdQGQU
sjms)x^H$})H}z&RnM@{=$z;~WKb4}KZB;oa2LJ#707*qoM6N<$f?R*QxBvhE

literal 0
HcmV?d00001

diff --git a/packages/react-native-room-kit/src/Icons/Recording/index.tsx b/packages/react-native-room-kit/src/Icons/Recording/index.tsx
index e622ea364..f94879978 100644
--- a/packages/react-native-room-kit/src/Icons/Recording/index.tsx
+++ b/packages/react-native-room-kit/src/Icons/Recording/index.tsx
@@ -5,7 +5,7 @@ import type { ImageProps } from 'react-native';
 import { useHMSRoomStyle } from '../../hooks-util';
 
 interface RecordingIconProps extends Omit<ImageProps, 'source'> {
-  type?: 'off' | 'on';
+  type?: 'off' | 'on' | 'pause';
 }
 
 export const RecordingIcon: React.FC<RecordingIconProps> = ({
@@ -22,6 +22,8 @@ export const RecordingIcon: React.FC<RecordingIconProps> = ({
       source={
         type === 'on'
           ? require('./assets/recording.png')
+          : type === 'pause'
+          ? require('./assets/recording-pause.png')
           : require('./assets/recording-off.png')
       }
       style={[styles.icon, iconStyles, style]}
diff --git a/packages/react-native-room-kit/src/components/EndRoomModalContent.tsx b/packages/react-native-room-kit/src/components/EndRoomModalContent.tsx
index c84f1acc6..9b0f41690 100644
--- a/packages/react-native-room-kit/src/components/EndRoomModalContent.tsx
+++ b/packages/react-native-room-kit/src/components/EndRoomModalContent.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { useSelector } from 'react-redux';
 import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
+import { HMSStreamingState } from '@100mslive/react-native-hms';
 
 import { useHMSRoomStyleSheet, useLeaveMethods } from '../hooks-util';
 import { AlertTriangleIcon, CloseIcon } from '../Icons';
@@ -40,7 +41,7 @@ export const EndRoomModalContent: React.FC<EndRoomModalContentProps> = ({
 
   const isStreaming = useSelector(
     (state: RootState) =>
-      state.hmsStates.room?.hlsStreamingState?.running ?? false
+      state.hmsStates.room?.hlsStreamingState?.state === HMSStreamingState.STARTED ?? false
   );
 
   return (
diff --git a/packages/react-native-room-kit/src/components/HLSView.tsx b/packages/react-native-room-kit/src/components/HLSView.tsx
index f3bfa5bea..5ace3a54f 100644
--- a/packages/react-native-room-kit/src/components/HLSView.tsx
+++ b/packages/react-native-room-kit/src/components/HLSView.tsx
@@ -6,6 +6,7 @@ import {
   HMSHLSPlayer,
   HMSHLSPlayerPlaybackState,
   useHMSHLSPlayerPlaybackState,
+  HMSStreamingState,
 } from '@100mslive/react-native-hms';
 
 import type { RootState } from '../redux';
@@ -128,7 +129,7 @@ export const _HLSView: React.FC = () => {
 
   return (
     <View style={styles.hlsView}>
-      {room?.hlsStreamingState?.running ? (
+      {room?.hlsStreamingState?.state === HMSStreamingState.STARTED ? (
         room?.hlsStreamingState?.variants?.slice(0, 1)?.map((variant, index) =>
           variant?.hlsStreamUrl ? (
             <View key={index} style={styles.hlsPlayerContainer}>
diff --git a/packages/react-native-room-kit/src/components/HMSLiveIndicator.tsx b/packages/react-native-room-kit/src/components/HMSLiveIndicator.tsx
index 9b4109989..9012075aa 100644
--- a/packages/react-native-room-kit/src/components/HMSLiveIndicator.tsx
+++ b/packages/react-native-room-kit/src/components/HMSLiveIndicator.tsx
@@ -7,6 +7,7 @@ import {
   TouchableOpacity,
 } from 'react-native';
 import { useSelector } from 'react-redux';
+import { HMSStreamingState } from '@100mslive/react-native-hms';
 
 import {
   useHMSRoomStyleSheet,
@@ -24,7 +25,7 @@ const _HMSLiveIndicator = () => {
     (state: RootState) => state.hmsStates.room?.peerCount
   );
   const live = useSelector(
-    (state: RootState) => !!state.hmsStates.room?.hlsStreamingState?.running
+    (state: RootState) => state.hmsStates.room?.hlsStreamingState?.state === HMSStreamingState.STARTED
   );
 
   const hmsRoomStyles = useHMSRoomStyleSheet((theme, typograhy) => ({
diff --git a/packages/react-native-room-kit/src/components/HMSPreviewHLSLiveIndicator.tsx b/packages/react-native-room-kit/src/components/HMSPreviewHLSLiveIndicator.tsx
index 9b5a71a2b..8a4073b76 100644
--- a/packages/react-native-room-kit/src/components/HMSPreviewHLSLiveIndicator.tsx
+++ b/packages/react-native-room-kit/src/components/HMSPreviewHLSLiveIndicator.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { View, Text, StyleSheet } from 'react-native';
 import { useSelector } from 'react-redux';
+import { HMSStreamingState } from '@100mslive/react-native-hms';
 
 import type { RootState } from '../redux';
 import { useHMSRoomStyleSheet } from '../hooks-util';
@@ -8,7 +9,7 @@ import { COLORS } from '../utils/theme';
 
 export const HMSPreviewHLSLiveIndicator = () => {
   const isHLSStreaming = useSelector(
-    (state: RootState) => state.hmsStates.room?.hlsStreamingState?.running
+    (state: RootState) => state.hmsStates.room?.hlsStreamingState?.state === HMSStreamingState.STARTED
   );
 
   const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
diff --git a/packages/react-native-room-kit/src/components/HMSRecordingIndicator.tsx b/packages/react-native-room-kit/src/components/HMSRecordingIndicator.tsx
index f93651399..cb41647bb 100644
--- a/packages/react-native-room-kit/src/components/HMSRecordingIndicator.tsx
+++ b/packages/react-native-room-kit/src/components/HMSRecordingIndicator.tsx
@@ -10,9 +10,20 @@ import { HMSRecordingState } from '@100mslive/react-native-hms';
 export const HMSRecordingIndicator = () => {
   const isRecordingOn = useSelector(
     (state: RootState) =>
-      !!state.hmsStates.room?.browserRecordingState?.running ||
-      !!state.hmsStates.room?.serverRecordingState?.running ||
-      !!state.hmsStates.room?.hlsRecordingState?.running
+      state.hmsStates.room?.browserRecordingState?.state === HMSRecordingState.STARTED ||
+      state.hmsStates.room?.browserRecordingState?.state === HMSRecordingState.RESUMED ||
+
+      state.hmsStates.room?.serverRecordingState?.state === HMSRecordingState.STARTED ||
+      state.hmsStates.room?.serverRecordingState?.state === HMSRecordingState.RESUMED ||
+
+      state.hmsStates.room?.hlsRecordingState?.state === HMSRecordingState.STARTED ||
+      state.hmsStates.room?.hlsRecordingState?.state === HMSRecordingState.RESUMED
+  );
+  const isRecordingPaused = useSelector(
+    (state: RootState) =>
+      state.hmsStates.room?.browserRecordingState?.state === HMSRecordingState.PAUSED ||
+      state.hmsStates.room?.serverRecordingState?.state === HMSRecordingState.PAUSED ||
+      state.hmsStates.room?.hlsRecordingState?.state === HMSRecordingState.PAUSED
   );
   const startingOrStoppingRecording = useSelector(
     (state: RootState) =>
@@ -47,6 +58,12 @@ export const HMSRecordingIndicator = () => {
     );
   }
 
+  if (isRecordingPaused) {
+    return (
+      <RecordingIcon type='pause' style={[styles.icon, styles.rightSpace, iconStyles]} />
+    );
+  }
+
   return null;
 };
 
diff --git a/packages/react-native-room-kit/src/components/LeaveRoomBottomSheet.tsx b/packages/react-native-room-kit/src/components/LeaveRoomBottomSheet.tsx
index 2d68ae9f8..48e1d9704 100644
--- a/packages/react-native-room-kit/src/components/LeaveRoomBottomSheet.tsx
+++ b/packages/react-native-room-kit/src/components/LeaveRoomBottomSheet.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 import { useSelector } from 'react-redux';
+import { HMSStreamingState } from '@100mslive/react-native-hms';
 
 import { LeaveIcon } from '../Icons';
 import { useHMSRoomStyleSheet, useLeaveMethods, useModalType } from '../hooks-util';
@@ -26,7 +27,7 @@ export const LeaveRoomBottomSheet: React.FC<LeaveRoomBottomSheetProps> = () => {
 
   const isStreaming = useSelector(
     (state: RootState) =>
-      state.hmsStates.room?.hlsStreamingState?.running ?? false
+      state.hmsStates.room?.hlsStreamingState?.state === HMSStreamingState.STARTED ?? false
   );
 
   const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
diff --git a/packages/react-native-room-kit/src/components/RoomSettingsModalContent.tsx b/packages/react-native-room-kit/src/components/RoomSettingsModalContent.tsx
index 3149b6519..d7c3135a3 100644
--- a/packages/react-native-room-kit/src/components/RoomSettingsModalContent.tsx
+++ b/packages/react-native-room-kit/src/components/RoomSettingsModalContent.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
 import { View, StyleSheet, Text, TouchableOpacity } from 'react-native';
 import type { TouchableOpacityProps } from 'react-native';
 import type { HMSAudioMixingMode } from '@100mslive/react-native-hms';
+import { HMSRecordingState } from '@100mslive/react-native-hms';
 import { useSelector } from 'react-redux';
 
 import type { RootState } from '../redux';
@@ -131,7 +132,9 @@ export const RoomSettingsModalContent: React.FC<
   );
 
   const isRecordingOn = useSelector(
-    (state: RootState) => !!state.hmsStates.room?.browserRecordingState?.running
+    (state: RootState) =>
+      state.hmsStates.room?.browserRecordingState?.state === HMSRecordingState.RESUMED ||
+      state.hmsStates.room?.browserRecordingState?.state === HMSRecordingState.STARTED
   );
 
   const { startRecording } = useStartRecording();
diff --git a/packages/react-native-room-kit/src/components/RoomSettingsModalDebugModeContent.tsx b/packages/react-native-room-kit/src/components/RoomSettingsModalDebugModeContent.tsx
index 28cf71474..58519594a 100644
--- a/packages/react-native-room-kit/src/components/RoomSettingsModalDebugModeContent.tsx
+++ b/packages/react-native-room-kit/src/components/RoomSettingsModalDebugModeContent.tsx
@@ -10,6 +10,7 @@ import {
 } from 'react-native';
 import {
   HMSAudioMixingMode,
+  HMSStreamingState,
   HMSUpdateListenerActions,
   checkNotifications,
 } from '@100mslive/react-native-hms';
@@ -61,7 +62,7 @@ export const RoomSettingsModalDebugModeContent: React.FC<
   );
   const isHLSStreaming = useSelector(
     (state: RootState) =>
-      state.hmsStates.room?.hlsStreamingState?.running ?? false
+      state.hmsStates.room?.hlsStreamingState?.state === HMSStreamingState.STARTED ?? false
   );
 
   const pipModeStatus = useSelector(
diff --git a/packages/react-native-room-kit/src/hooks-util-selectors.tsx b/packages/react-native-room-kit/src/hooks-util-selectors.tsx
index 3cbc97a18..bbc05fefc 100644
--- a/packages/react-native-room-kit/src/hooks-util-selectors.tsx
+++ b/packages/react-native-room-kit/src/hooks-util-selectors.tsx
@@ -3,6 +3,7 @@ import type {
   HLSLiveStreamingScreen,
   Layout,
 } from '@100mslive/types-prebuilt';
+import { HMSStreamingState } from '@100mslive/react-native-hms';
 import type { HMSRole } from '@100mslive/react-native-hms';
 import { JoinForm_JoinBtnType } from '@100mslive/types-prebuilt/elements/join_form';
 
@@ -46,7 +47,7 @@ export const selectShouldGoLive = (state: RootState) => {
   );
 
   const isHLSStreaming =
-    state.hmsStates.room?.hlsStreamingState?.running ?? false;
+    state.hmsStates.room?.hlsStreamingState?.state === HMSStreamingState.STARTED ?? false;
 
   const joinButtonType =
     layoutConfig?.screens?.preview?.default?.elements?.join_form
diff --git a/packages/react-native-room-kit/src/hooks-util.ts b/packages/react-native-room-kit/src/hooks-util.ts
index 29c65ea1e..52fc8cf62 100644
--- a/packages/react-native-room-kit/src/hooks-util.ts
+++ b/packages/react-native-room-kit/src/hooks-util.ts
@@ -191,48 +191,6 @@ const useHMSRoomUpdate = (hmsInstance: HMSSDK) => {
         }
       } else if (type === HMSRoomUpdate.HLS_STREAMING_STATE_UPDATED) {
         dispatch(changeStartingHLSStream(false));
-      } else if (type === HMSRoomUpdate.RTMP_STREAMING_STATE_UPDATED) {
-        let streaming = room?.rtmpHMSRtmpStreamingState?.running;
-        const startAtDate = room?.rtmpHMSRtmpStreamingState?.startedAt;
-
-        let startTime: null | string = null;
-
-        if (startAtDate) {
-          let hours = startAtDate.getHours().toString();
-          let minutes = startAtDate.getMinutes()?.toString();
-          startTime = hours + ':' + minutes;
-        }
-
-        Toast.showWithGravity(
-          `RTMP Streaming ${
-            streaming
-              ? `Started ${startTime ? 'At ' + startTime : ''}`
-              : 'Stopped'
-          }`,
-          Toast.LONG,
-          Toast.TOP
-        );
-      } else if (type === HMSRoomUpdate.SERVER_RECORDING_STATE_UPDATED) {
-        let streaming = room?.serverRecordingState?.running;
-        const startAtDate = room?.serverRecordingState?.startedAt;
-
-        let startTime: null | string = null;
-
-        if (startAtDate) {
-          let hours = startAtDate.getHours().toString();
-          let minutes = startAtDate.getMinutes()?.toString();
-          startTime = hours + ':' + minutes;
-        }
-
-        Toast.showWithGravity(
-          `Server Recording ${
-            streaming
-              ? `Started ${startTime ? 'At ' + startTime : ''}`
-              : 'Stopped'
-          }`,
-          Toast.LONG,
-          Toast.TOP
-        );
       }
     };
 

From f9c1f15e4ca5996940e6b3ca528cac1928e0ee57 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Thu, 14 Dec 2023 15:42:35 +0530
Subject: [PATCH 41/84] =?UTF-8?q?released=20sample=20app=20version=202.3.1?=
 =?UTF-8?q?28=20(378)=20=E2=9A=9B=EF=B8=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../example/android/app/build.gradle                      | 4 ++--
 .../example/ios/RNExample.xcodeproj/project.pbxproj       | 8 ++++----
 .../example/ios/RNExample/Info.plist                      | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/react-native-room-kit/example/android/app/build.gradle b/packages/react-native-room-kit/example/android/app/build.gradle
index 9b15b8210..77a0a6f28 100644
--- a/packages/react-native-room-kit/example/android/app/build.gradle
+++ b/packages/react-native-room-kit/example/android/app/build.gradle
@@ -136,8 +136,8 @@ android {
         applicationId "live.hms.rn"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 376
-        versionName "2.3.126"
+        versionCode 378
+        versionName "2.3.128"
         missingDimensionStrategy 'react-native-camera', 'general'
     }
 
diff --git a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
index 1845b92f3..329be2ec8 100644
--- a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
+++ b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
@@ -486,7 +486,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 376;
+				CURRENT_PROJECT_VERSION = 378;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -520,7 +520,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 376;
+				CURRENT_PROJECT_VERSION = 378;
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -679,7 +679,7 @@
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_ENTITLEMENTS = RNExampleBroadcastUpload/RNExampleBroadcastUpload.entitlements;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 376;
+				CURRENT_PROJECT_VERSION = 378;
 				DEBUG_INFORMATION_FORMAT = dwarf;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				GCC_C_LANGUAGE_STANDARD = gnu11;
@@ -721,7 +721,7 @@
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
 				COPY_PHASE_STRIP = NO;
-				CURRENT_PROJECT_VERSION = 376;
+				CURRENT_PROJECT_VERSION = 378;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
diff --git a/packages/react-native-room-kit/example/ios/RNExample/Info.plist b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
index 223503345..e8ef1c24e 100644
--- a/packages/react-native-room-kit/example/ios/RNExample/Info.plist
+++ b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
@@ -21,11 +21,11 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>2.3.126</string>
+	<string>2.3.128</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>376</string>
+	<string>378</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
 	<key>LSRequiresIPhoneOS</key>

From c84a7e08e76f23a8ccc77a43deb00f49f35a446c Mon Sep 17 00:00:00 2001
From: ygit <ygit@users.noreply.github.com>
Date: Thu, 14 Dec 2023 16:33:12 +0530
Subject: [PATCH 42/84] stopped emitting error when rejecting the promise
 (#1282)

---
 .../main/java/com/reactnativehmssdk/HMSAudioshareActivity.kt    | 2 --
 .../main/java/com/reactnativehmssdk/HmsScreenshareActivity.kt   | 2 --
 2 files changed, 4 deletions(-)

diff --git a/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HMSAudioshareActivity.kt b/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HMSAudioshareActivity.kt
index e2878a7af..52381df78 100644
--- a/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HMSAudioshareActivity.kt
+++ b/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HMSAudioshareActivity.kt
@@ -23,7 +23,6 @@ class HMSAudioshareActivity : ComponentActivity() {
             override fun onError(error: HMSException) {
               finish()
               HMSManager.hmsCollection[id]?.audioshareCallback?.reject(error)
-              HMSManager.hmsCollection[id]?.emitHMSError(error)
             }
 
             override fun onSuccess() {
@@ -48,7 +47,6 @@ class HMSAudioshareActivity : ComponentActivity() {
             "RESULT_CANCELED",
           )
         HMSManager.hmsCollection[id]?.audioshareCallback?.reject(error)
-        HMSManager.hmsCollection[id]?.emitHMSError(error)
         finish()
       }
     }
diff --git a/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HmsScreenshareActivity.kt b/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HmsScreenshareActivity.kt
index 7c838de64..b4c70cdb7 100644
--- a/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HmsScreenshareActivity.kt
+++ b/packages/react-native-hms/android/src/main/java/com/reactnativehmssdk/HmsScreenshareActivity.kt
@@ -22,7 +22,6 @@ class HmsScreenshareActivity : ComponentActivity() {
             override fun onError(error: HMSException) {
               finish()
               HMSManager.hmsCollection[id]?.screenshareCallback?.reject(error)
-              HMSManager.hmsCollection[id]?.emitHMSError(error)
             }
 
             override fun onSuccess() {
@@ -45,7 +44,6 @@ class HmsScreenshareActivity : ComponentActivity() {
             "RESULT_CANCELED",
           )
         HMSManager.hmsCollection[id]?.screenshareCallback?.reject(error)
-        HMSManager.hmsCollection[id]?.emitHMSError(error)
         finish()
       }
     }

From 94ea3d6798a55821980336503426489b6063759a Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Thu, 14 Dec 2023 16:52:44 +0530
Subject: [PATCH 43/84] recording button states fixes

---
 .../src/components/HMSLiveIndicator.tsx       | 78 ++--------------
 .../src/components/HMSLiveViewerCount.tsx     | 90 +++++++++++++++++++
 .../src/components/HMSRecordingIndicator.tsx  |  2 +-
 .../src/components/Header.tsx                 |  5 +-
 .../components/RoomSettingsModalContent.tsx   | 20 ++++-
 5 files changed, 117 insertions(+), 78 deletions(-)
 create mode 100644 packages/react-native-room-kit/src/components/HMSLiveViewerCount.tsx

diff --git a/packages/react-native-room-kit/src/components/HMSLiveIndicator.tsx b/packages/react-native-room-kit/src/components/HMSLiveIndicator.tsx
index 9012075aa..2402118ec 100644
--- a/packages/react-native-room-kit/src/components/HMSLiveIndicator.tsx
+++ b/packages/react-native-room-kit/src/components/HMSLiveIndicator.tsx
@@ -4,26 +4,16 @@ import {
   View,
   Text,
   Platform,
-  TouchableOpacity,
 } from 'react-native';
 import { useSelector } from 'react-redux';
 import { HMSStreamingState } from '@100mslive/react-native-hms';
 
-import {
-  useHMSRoomStyleSheet,
-  useIsHLSViewer,
-  useShowChatAndParticipants,
-} from '../hooks-util';
-import { EyeIcon } from '../Icons';
-import { COLORS, hexToRgbA } from '../utils/theme';
+import { useHMSRoomStyleSheet } from '../hooks-util';
+import { COLORS } from '../utils/theme';
 import type { RootState } from '../redux';
 import { TestIds } from '../utils/constants';
 
 const _HMSLiveIndicator = () => {
-  const isHLSViewer = useIsHLSViewer();
-  const previewPeerCount = useSelector(
-    (state: RootState) => state.hmsStates.room?.peerCount
-  );
   const live = useSelector(
     (state: RootState) => state.hmsStates.room?.hlsStreamingState?.state === HMSStreamingState.STARTED
   );
@@ -36,51 +26,15 @@ const _HMSLiveIndicator = () => {
       color: COLORS.WHITE,
       fontFamily: `${typograhy.font_family}-SemiBold`,
     },
-    viewers: {
-      backgroundColor: isHLSViewer
-        ? theme.palette.background_dim &&
-          hexToRgbA(theme.palette.background_dim, 0.64)
-        : undefined,
-      borderWidth: isHLSViewer ? 0 : 1,
-      borderColor: theme.palette.border_bright,
-    },
-    count: {
-      color: theme.palette.on_surface_high,
-      fontFamily: `${typograhy.font_family}-SemiBold`,
-    },
   }));
 
-  const { canShowParticipants, show } = useShowChatAndParticipants();
-
-  const showParticipantsSheet = () => {
-    show('participants');
-  };
-
   if (!live) {
     return null;
   }
 
   return (
-    <View style={styles.container}>
-      {/* Live */}
-      <View style={[styles.live, hmsRoomStyles.live]}>
-        <Text testID={TestIds.live_text} style={[styles.liveText, hmsRoomStyles.liveText]}>LIVE</Text>
-      </View>
-
-      {/* Viewer Count */}
-      {typeof previewPeerCount === 'number' ? (
-        <TouchableOpacity
-          style={[styles.viewers, hmsRoomStyles.viewers]}
-          onPress={showParticipantsSheet}
-          disabled={!canShowParticipants}
-        >
-          <EyeIcon testID={TestIds.peer_count_icon} />
-
-          <Text testID={TestIds.peer_count} style={[styles.count, hmsRoomStyles.count]}>
-            {previewPeerCount}
-          </Text>
-        </TouchableOpacity>
-      ) : null}
+    <View style={[styles.live, hmsRoomStyles.live]}>
+      <Text testID={TestIds.live_text} style={[styles.liveText, hmsRoomStyles.liveText]}>LIVE</Text>
     </View>
   );
 };
@@ -88,13 +42,11 @@ const _HMSLiveIndicator = () => {
 export const HMSLiveIndicator = React.memo(_HMSLiveIndicator);
 
 const styles = StyleSheet.create({
-  container: {
-    flexDirection: 'row',
-  },
   live: {
     paddingHorizontal: 8,
-    paddingVertical: 4,
+    paddingVertical: 6,
     borderRadius: 4,
+    marginRight: 8,
     alignItems: 'center',
     justifyContent: 'center',
   },
@@ -105,22 +57,4 @@ const styles = StyleSheet.create({
     textAlign: 'center',
     textAlignVertical: 'center',
   },
-  viewers: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingVertical: 4,
-    paddingRight: 8,
-    paddingLeft: 6,
-    marginLeft: 8,
-    borderRadius: 4,
-  },
-  count: {
-    fontSize: 10,
-    lineHeight: Platform.OS === 'android' ? 16 : undefined,
-    letterSpacing: 1.5,
-    textAlign: 'center',
-    textAlignVertical: 'center',
-
-    marginLeft: 4,
-  },
 });
diff --git a/packages/react-native-room-kit/src/components/HMSLiveViewerCount.tsx b/packages/react-native-room-kit/src/components/HMSLiveViewerCount.tsx
new file mode 100644
index 000000000..bca77fc5e
--- /dev/null
+++ b/packages/react-native-room-kit/src/components/HMSLiveViewerCount.tsx
@@ -0,0 +1,90 @@
+import * as React from 'react';
+import {
+  StyleSheet,
+  Text,
+  Platform,
+  TouchableOpacity,
+} from 'react-native';
+import { useSelector } from 'react-redux';
+import { HMSStreamingState } from '@100mslive/react-native-hms';
+
+import {
+  useHMSRoomStyleSheet,
+  useIsHLSViewer,
+  useShowChatAndParticipants,
+} from '../hooks-util';
+import { EyeIcon } from '../Icons';
+import { hexToRgbA } from '../utils/theme';
+import type { RootState } from '../redux';
+import { TestIds } from '../utils/constants';
+
+const _HMSLiveViewerCount = () => {
+  const isHLSViewer = useIsHLSViewer();
+  const previewPeerCount = useSelector(
+    (state: RootState) => state.hmsStates.room?.peerCount
+  );
+  const live = useSelector(
+    (state: RootState) => state.hmsStates.room?.hlsStreamingState?.state === HMSStreamingState.STARTED
+  );
+
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typograhy) => ({
+    viewers: {
+      backgroundColor: isHLSViewer
+        ? theme.palette.background_dim &&
+          hexToRgbA(theme.palette.background_dim, 0.64)
+        : undefined,
+      borderWidth: isHLSViewer ? 0 : 1,
+      borderColor: theme.palette.border_bright,
+    },
+    count: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typograhy.font_family}-SemiBold`,
+    },
+  }));
+
+  const { canShowParticipants, show } = useShowChatAndParticipants();
+
+  const showParticipantsSheet = () => {
+    show('participants');
+  };
+
+  if (!live || typeof previewPeerCount !== 'number') {
+    return null;
+  }
+
+  return (
+    <TouchableOpacity
+      style={[styles.viewers, hmsRoomStyles.viewers]}
+      onPress={showParticipantsSheet}
+      disabled={!canShowParticipants}
+    >
+      <EyeIcon testID={TestIds.peer_count_icon} />
+
+      <Text testID={TestIds.peer_count} style={[styles.count, hmsRoomStyles.count]}>
+        {previewPeerCount}
+      </Text>
+    </TouchableOpacity>
+  );
+};
+
+export const HMSLiveViewerCount = React.memo(_HMSLiveViewerCount);
+
+const styles = StyleSheet.create({
+  viewers: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 4,
+    paddingRight: 8,
+    paddingLeft: 6,
+    borderRadius: 4,
+  },
+  count: {
+    fontSize: 10,
+    lineHeight: Platform.OS === 'android' ? 16 : undefined,
+    letterSpacing: 1.5,
+    textAlign: 'center',
+    textAlignVertical: 'center',
+
+    marginLeft: 4,
+  },
+});
diff --git a/packages/react-native-room-kit/src/components/HMSRecordingIndicator.tsx b/packages/react-native-room-kit/src/components/HMSRecordingIndicator.tsx
index cb41647bb..cd37f1413 100644
--- a/packages/react-native-room-kit/src/components/HMSRecordingIndicator.tsx
+++ b/packages/react-native-room-kit/src/components/HMSRecordingIndicator.tsx
@@ -60,7 +60,7 @@ export const HMSRecordingIndicator = () => {
 
   if (isRecordingPaused) {
     return (
-      <RecordingIcon type='pause' style={[styles.icon, styles.rightSpace, iconStyles]} />
+      <RecordingIcon type='pause' style={[styles.icon, styles.rightSpace]} />
     );
   }
 
diff --git a/packages/react-native-room-kit/src/components/Header.tsx b/packages/react-native-room-kit/src/components/Header.tsx
index 9479cdbf8..3678a580d 100644
--- a/packages/react-native-room-kit/src/components/Header.tsx
+++ b/packages/react-native-room-kit/src/components/Header.tsx
@@ -11,6 +11,7 @@ import { HMSManageAudioOutput } from './HMSManageAudioOutput';
 import { HMSRecordingIndicator } from './HMSRecordingIndicator';
 import { CompanyLogo } from './CompanyLogo';
 import { HMSLiveIndicator } from './HMSLiveIndicator';
+import { HMSLiveViewerCount } from './HMSLiveViewerCount';
 
 interface HeaderProps {
   transparent?: boolean;
@@ -41,9 +42,11 @@ export const _Header: React.FC<HeaderProps> = ({
         <View style={styles.logoContainer}>
           <CompanyLogo style={styles.logo} />
 
+          <HMSLiveIndicator />
+
           <HMSRecordingIndicator />
 
-          <HMSLiveIndicator />
+          <HMSLiveViewerCount />
         </View>
 
         {showControls ? (
diff --git a/packages/react-native-room-kit/src/components/RoomSettingsModalContent.tsx b/packages/react-native-room-kit/src/components/RoomSettingsModalContent.tsx
index d7c3135a3..d9ec47a94 100644
--- a/packages/react-native-room-kit/src/components/RoomSettingsModalContent.tsx
+++ b/packages/react-native-room-kit/src/components/RoomSettingsModalContent.tsx
@@ -20,6 +20,7 @@ import { BottomSheet, useBottomSheetActions } from './BottomSheet';
 import {
   isPublishingAllowed,
   useHMSLayoutConfig,
+  useHMSRoomColorPalette,
   useHMSRoomStyleSheet,
   useShowChatAndParticipants,
   useStartRecording,
@@ -51,6 +52,8 @@ export const RoomSettingsModalContent: React.FC<
 
   const hmsActions = useHMSActions();
 
+  const { alert_error_default: alertErrorDefaultColor } = useHMSRoomColorPalette()
+
   const isPublisher = useSelector((state: RootState) => {
     const localPeer = state.hmsStates.localPeer;
     return localPeer ? isPublishingAllowed(localPeer) : false;
@@ -136,6 +139,10 @@ export const RoomSettingsModalContent: React.FC<
       state.hmsStates.room?.browserRecordingState?.state === HMSRecordingState.RESUMED ||
       state.hmsStates.room?.browserRecordingState?.state === HMSRecordingState.STARTED
   );
+  const isRecordingPaused = useSelector(
+    (state: RootState) =>
+      state.hmsStates.room?.browserRecordingState?.state === HMSRecordingState.PAUSED
+  );
 
   const { startRecording } = useStartRecording();
 
@@ -233,12 +240,13 @@ export const RoomSettingsModalContent: React.FC<
               hide: !showHandRaiseIcon, // Hide if can't publish screen
             },
             {
-              id: 'start-recording',
+              id: 'recording',
               testID: isRecordingOn ? TestIds.room_modal_stop_recording_btn : TestIds.room_modal_start_recording_btn,
-              icon: <RecordingIcon style={{ width: 20, height: 20 }} />,
-              label: isRecordingOn ? 'Stop Recording' : 'Start Recording',
+              icon: <RecordingIcon type={isRecordingPaused ? 'pause' : 'on'} style={[{ width: 20, height: 20 }, isRecordingOn ? { tintColor: alertErrorDefaultColor } : null]} />,
+              label: isRecordingOn ? 'Recording' : isRecordingPaused ? 'Recording Paused' : 'Record',
               pressHandler: handleRecordingTogglePress,
-              isActive: isRecordingOn,
+              isActive: false,
+              disabled: isRecordingPaused,
               hide: !canStartRecording, // Hide if can't publish screen
             },
             {
@@ -276,6 +284,7 @@ export const RoomSettingsModalContent: React.FC<
                               onPress={item.pressHandler}
                               text={item.label}
                               isActive={item.isActive}
+                              disabled={item.disabled}
                             />
 
                             {item.sibling}
@@ -300,6 +309,7 @@ type SettingItemProps = {
   text: string;
   icon: React.ReactElement;
   onPress(): void;
+  disabled?: TouchableOpacityProps['disabled'];
   testID?: TouchableOpacityProps['testID'];
   isActive?: boolean;
 };
@@ -309,6 +319,7 @@ const SettingItem: React.FC<SettingItemProps> = ({
   text,
   icon,
   onPress,
+  disabled,
   isActive = false,
 }) => {
   const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
@@ -324,6 +335,7 @@ const SettingItem: React.FC<SettingItemProps> = ({
   return (
     <TouchableOpacity
       testID={testID}
+      disabled={disabled}
       style={[styles.button, isActive ? hmsRoomStyles.button : null]}
       onPress={onPress}
     >

From 7a7dd2f1395eab9b3f54fbd1aacf8191baf3a0e2 Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Thu, 14 Dec 2023 20:01:00 +0530
Subject: [PATCH 44/84] =?UTF-8?q?released=20sample=20app=20version=202.3.1?=
 =?UTF-8?q?29=20(379)=20=E2=9A=9B=EF=B8=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../example/ios/RNExample.xcodeproj/project.pbxproj       | 8 ++++----
 .../example/ios/RNExample/Info.plist                      | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
index 329be2ec8..3b126bca8 100644
--- a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
+++ b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
@@ -486,7 +486,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 378;
+				CURRENT_PROJECT_VERSION = 379;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -520,7 +520,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 378;
+				CURRENT_PROJECT_VERSION = 379;
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -679,7 +679,7 @@
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_ENTITLEMENTS = RNExampleBroadcastUpload/RNExampleBroadcastUpload.entitlements;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 378;
+				CURRENT_PROJECT_VERSION = 379;
 				DEBUG_INFORMATION_FORMAT = dwarf;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				GCC_C_LANGUAGE_STANDARD = gnu11;
@@ -721,7 +721,7 @@
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
 				COPY_PHASE_STRIP = NO;
-				CURRENT_PROJECT_VERSION = 378;
+				CURRENT_PROJECT_VERSION = 379;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
diff --git a/packages/react-native-room-kit/example/ios/RNExample/Info.plist b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
index e8ef1c24e..3ece4622e 100644
--- a/packages/react-native-room-kit/example/ios/RNExample/Info.plist
+++ b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
@@ -21,11 +21,11 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>2.3.128</string>
+	<string>2.3.129</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>378</string>
+	<string>379</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
 	<key>LSRequiresIPhoneOS</key>

From 80de76baaea17dbb8b154d8c9baad59f31b53ac3 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Fri, 15 Dec 2023 12:00:05 +0530
Subject: [PATCH 45/84] =?UTF-8?q?released=20sample=20app=20version=202.3.1?=
 =?UTF-8?q?29=20(379)=20=E2=9A=9B=EF=B8=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../example/android/app/build.gradle                      | 4 ++--
 .../example/ios/RNExample.xcodeproj/project.pbxproj       | 8 ++++----
 .../example/ios/RNExample/Info.plist                      | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/react-native-room-kit/example/android/app/build.gradle b/packages/react-native-room-kit/example/android/app/build.gradle
index 77a0a6f28..d0a796d0f 100644
--- a/packages/react-native-room-kit/example/android/app/build.gradle
+++ b/packages/react-native-room-kit/example/android/app/build.gradle
@@ -136,8 +136,8 @@ android {
         applicationId "live.hms.rn"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 378
-        versionName "2.3.128"
+        versionCode 379
+        versionName "2.3.129"
         missingDimensionStrategy 'react-native-camera', 'general'
     }
 
diff --git a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
index 329be2ec8..3b126bca8 100644
--- a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
+++ b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
@@ -486,7 +486,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 378;
+				CURRENT_PROJECT_VERSION = 379;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -520,7 +520,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 378;
+				CURRENT_PROJECT_VERSION = 379;
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -679,7 +679,7 @@
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_ENTITLEMENTS = RNExampleBroadcastUpload/RNExampleBroadcastUpload.entitlements;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 378;
+				CURRENT_PROJECT_VERSION = 379;
 				DEBUG_INFORMATION_FORMAT = dwarf;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				GCC_C_LANGUAGE_STANDARD = gnu11;
@@ -721,7 +721,7 @@
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
 				COPY_PHASE_STRIP = NO;
-				CURRENT_PROJECT_VERSION = 378;
+				CURRENT_PROJECT_VERSION = 379;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
diff --git a/packages/react-native-room-kit/example/ios/RNExample/Info.plist b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
index e8ef1c24e..3ece4622e 100644
--- a/packages/react-native-room-kit/example/ios/RNExample/Info.plist
+++ b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
@@ -21,11 +21,11 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>2.3.128</string>
+	<string>2.3.129</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>378</string>
+	<string>379</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
 	<key>LSRequiresIPhoneOS</key>

From cbaaa9fc2286e9dd49977ded038184e57f44dff8 Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Fri, 15 Dec 2023 18:36:09 +0530
Subject: [PATCH 46/84] using flatlist from react-native-reanimated package

---
 packages/react-native-room-kit/src/components/GridView.tsx    | 4 ++--
 .../react-native-room-kit/src/components/TilesContainer.tsx   | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react-native-room-kit/src/components/GridView.tsx b/packages/react-native-room-kit/src/components/GridView.tsx
index c74c7c4f0..c5caaf28b 100644
--- a/packages/react-native-room-kit/src/components/GridView.tsx
+++ b/packages/react-native-room-kit/src/components/GridView.tsx
@@ -8,7 +8,7 @@ import type {
   ViewToken,
 } from 'react-native';
 import type { HMSView, HMSPeer } from '@100mslive/react-native-hms';
-import { useSharedValue } from 'react-native-reanimated';
+import Animated, { useSharedValue } from 'react-native-reanimated';
 
 import { DefaultModal } from './DefaultModal';
 import { SaveScreenshot } from './Modals';
@@ -228,7 +228,7 @@ const RegularTiles = React.forwardRef<
 
   return (
     <View style={{ flex: screenshareTilesAvailable ? undefined : 1 }}>
-      <FlatList
+      <Animated.FlatList
         ref={flatlistRef}
         horizontal={true}
         data={pairedPeers}
diff --git a/packages/react-native-room-kit/src/components/TilesContainer.tsx b/packages/react-native-room-kit/src/components/TilesContainer.tsx
index 0d58b6c69..5cfeee20f 100644
--- a/packages/react-native-room-kit/src/components/TilesContainer.tsx
+++ b/packages/react-native-room-kit/src/components/TilesContainer.tsx
@@ -55,7 +55,7 @@ const _TilesContainer: React.FC<TilesContainerProps> = ({
               ? 'row'
               : 'column',
         },
-        { width: Dimensions.get('window').width - left - right },
+        { width: Dimensions.get('window').width - left - right, height: '100%' },
       ]}
     >
       {peerTrackNodes.length <= 3 ? (

From 5b7cc0493a95535ef61a5a8adef0999011535609 Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Fri, 15 Dec 2023 20:30:22 +0530
Subject: [PATCH 47/84] added key prop to regular tiles flatlist

---
 .../src/components/GridView.tsx                     | 13 ++++++++++++-
 .../src/components/TilesContainer.tsx               |  2 +-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/react-native-room-kit/src/components/GridView.tsx b/packages/react-native-room-kit/src/components/GridView.tsx
index c5caaf28b..7eabd0c2c 100644
--- a/packages/react-native-room-kit/src/components/GridView.tsx
+++ b/packages/react-native-room-kit/src/components/GridView.tsx
@@ -188,6 +188,8 @@ const RegularTiles = React.forwardRef<
   RegularTilesProps
 >(({ pairedPeers, onPeerTileMorePress, setHmsViewRefs }, flatlistRef) => {
   const dispatch = useDispatch();
+  const firstRef = useRef(true);
+  const [key, setKey] = useState(1);
   const screenshareTilesAvailable = useSelector(
     (state: RootState) => state.app.screensharePeerTrackNodes.length > 0
   );
@@ -197,6 +199,14 @@ const RegularTiles = React.forwardRef<
 
   const isLandscapeOrientation = useIsLandscapeOrientation();
 
+  React.useEffect(() => {
+    if (firstRef.current) {
+      firstRef.current = false;
+    } else {
+      setKey((prev) => prev += 1);
+    }
+  }, [isLandscapeOrientation]);
+
   const _keyExtractor = React.useCallback((item) => item[0]?.id, []);
 
   const _handleViewableItemsChanged = React.useCallback(
@@ -228,7 +238,8 @@ const RegularTiles = React.forwardRef<
 
   return (
     <View style={{ flex: screenshareTilesAvailable ? undefined : 1 }}>
-      <Animated.FlatList
+      <FlatList
+        key={key}
         ref={flatlistRef}
         horizontal={true}
         data={pairedPeers}
diff --git a/packages/react-native-room-kit/src/components/TilesContainer.tsx b/packages/react-native-room-kit/src/components/TilesContainer.tsx
index 5cfeee20f..0d58b6c69 100644
--- a/packages/react-native-room-kit/src/components/TilesContainer.tsx
+++ b/packages/react-native-room-kit/src/components/TilesContainer.tsx
@@ -55,7 +55,7 @@ const _TilesContainer: React.FC<TilesContainerProps> = ({
               ? 'row'
               : 'column',
         },
-        { width: Dimensions.get('window').width - left - right, height: '100%' },
+        { width: Dimensions.get('window').width - left - right },
       ]}
     >
       {peerTrackNodes.length <= 3 ? (

From dcf6a7893782828965696f3b0de4171acf48eda1 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Sat, 16 Dec 2023 14:10:00 +0530
Subject: [PATCH 48/84] added Vale linter

---
 .github/styles/Vocab/HMSVocab/accept.txt | 175 +++++++++++++++++++++++
 .vale.ini                                |  14 ++
 2 files changed, 189 insertions(+)
 create mode 100644 .github/styles/Vocab/HMSVocab/accept.txt
 create mode 100644 .vale.ini

diff --git a/.github/styles/Vocab/HMSVocab/accept.txt b/.github/styles/Vocab/HMSVocab/accept.txt
new file mode 100644
index 000000000..ec1e153c4
--- /dev/null
+++ b/.github/styles/Vocab/HMSVocab/accept.txt
@@ -0,0 +1,175 @@
+__main__
+__name__
+100ms
+access_key
+account_id
+app_access_key
+app_secret
+async
+beam_id
+boolean
+config
+const
+created_at
+datetime
+error_type
+hostname
+html
+iat
+json
+JSON
+jti
+jwtid
+meeting_url
+metadata_id
+metadata_timestamp
+msg
+nbf
+npm
+peer_id
+presigned_url
+recording_hls_vod_playlist_location
+recording_single_files
+recording_thumbnails
+room_id
+session_id
+session_started_at
+started_at
+state_message
+state_name
+state_timestamp
+stopped_at
+sys
+template_id
+user_data
+user_id
+user_name
+UUID
+WebSocket
+jwt
+JWT
+APIs
+SDKs
+param
+Params
+subscribeParams
+application/json
+customer_id
+joined_at
+left_at
+TL;DR
+Wowza
+bitrate
+custom_role_url
+startedAt
+meetingURL
+livestream
+recording_info
+app_id
+setVolume
+trackBy
+framerate
+params
+unmounting
+HMSPeer's
+hms
+HMS
+RTMP
+HLS
+URL
+SDK
+useEffect
+DevTools
+Bluetooth
+Bool
+downlink
+YouTube
+WebRTC
+management_token
+_id
+you've
+we've
+We've
+You've
+pixelated
+screenshare
+unmuted
+unmute
+capturer
+teardown
+enum
+nullable
+subview
+stringified
+ProGuard
+errMsg
+bundler
+validator
+viewport
+unmount
+hls.failure
+hls.stopped.success
+hls.started.success
+hls.recording.success
+hls_vod_recording_path
+hls_vod_recording_presigned_url
+session_duration
+px
+broadcasted
+navbar
+upload_info
+serializable
+rtmpDestinations
+hlsDestinations
+WebKit
+Codesandbox
+autoplay
+bitcode
+onwards
+Podfile
+CocoaPods
+FFmpeg
+telehealth
+kbps
+updated_at
+recording_assets
+started_by
+stopped_by
+presign_duration
+single_file_per_layer
+asset_types
+audio_only
+hls
+large_room
+max_duration_seconds
+codec
+rtmp
+txt
+srt
+superset
+presign
+output_modes
+custom_vocabulary
+tooltip
+unmuting
+sdk
+autofocus
+skippable
+nack
+pli
+ssrc
+tldraw
+keyof
+unobserve
+qp
+rehype
+num
+url
+answer_max_len
+answer_min_len
+userid
+peerid
+ios
+android
+iOS
+authToken
diff --git a/.vale.ini b/.vale.ini
new file mode 100644
index 000000000..edc8ae523
--- /dev/null
+++ b/.vale.ini
@@ -0,0 +1,14 @@
+StylesPath = .github/styles
+
+MinAlertLevel = error
+
+Vocab = HMSVocab
+
+Packages = Google, Readability
+
+[*.{md,json,js,ts,tsx,jsx,java,kt,h,m,mm,swift}]
+BasedOnStyles = Vale, Google
+
+BlockIgnores = (?s) *(\x60\x60\x60[a-z]*\n[\s\S]*?\x60\x60\x60)
+
+TokenIgnores = [a-f0-9]{8}-[a-f0-9]{4}-4[a-f0-9]{3}-[89aAbB][a-f0-9]{3}-[a-f0-9]{12} , r.M , (^[a-z]|[A-Z])[a-z]* , `{3}([\S]+)?\n([\s\S]+)\n`{3} , .*",

From 5e9e362f0335333e4581e335612f8cf45f5b245f Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Sat, 16 Dec 2023 14:13:28 +0530
Subject: [PATCH 49/84] added vale yml

---
 .github/workflows/vale.yml | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 .github/workflows/vale.yml

diff --git a/.github/workflows/vale.yml b/.github/workflows/vale.yml
new file mode 100644
index 000000000..33339f786
--- /dev/null
+++ b/.github/workflows/vale.yml
@@ -0,0 +1,26 @@
+name: Vale Linter
+
+on:
+    workflow_dispatch:
+    pull_request:
+        branches:
+            - develop
+            - main
+
+permissions:
+    checks: write
+    contents: read
+
+
+jobs:
+  vale:
+    name: runner / vale
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: errata-ai/vale-action@reviewdog
+        env:
+          GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
+        with:
+          fail_on_error: true
+          filter_mode: diff_context

From 49dca559e23a3b3699ed796970320fa2b8e854d7 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Sat, 16 Dec 2023 19:47:17 +0530
Subject: [PATCH 50/84] added release script

---
 .github/workflows/release_apps.yml | 57 ++++++++++++++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 .github/workflows/release_apps.yml

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
new file mode 100644
index 000000000..2fae15c95
--- /dev/null
+++ b/.github/workflows/release_apps.yml
@@ -0,0 +1,57 @@
+name: Release Apps
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.head_ref }}
+  cancel-in-progress: true
+
+on:
+  workflow_dispatch:
+  pull_request:
+    types:
+      - opened
+      - reopened
+      - synchronize
+      - ready_for_review
+    branches:
+      - main
+      - develop
+
+permissions:
+  checks: write
+  contents: read
+
+jobs:
+  release_android_app:
+    name: Release Android App
+    runs-on: ubuntu-latest
+    timeout-minutes: 30
+
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v4
+
+      - name: Setup Java
+        uses: actions/setup-java@v4
+        with:
+          java-version: '11'
+          distribution: 'zulu'
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: '16'
+
+      - name: Install Dependencies
+        run: |
+          cd ./packages/react-native-room-kit
+          npm install
+          cd example
+          npm install
+
+      - name: Build Android App from Fastlane
+        run: |
+          echo "${{ secrets.ANDROID_FASTFILE }}" > packages/react-native-room-kit/example/android/fastlane/Fastfile
+
+      - name: Display the contents
+        run: cat packages/react-native-room-kit/example/android/fastlane/Fastfile
+

From 655e963e3b3cff4d05cf60f8ec22ff52bca89cb8 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Sat, 16 Dec 2023 20:05:56 +0530
Subject: [PATCH 51/84] updated yml

---
 .github/workflows/release_apps.yml | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
index 2fae15c95..882c3fa05 100644
--- a/.github/workflows/release_apps.yml
+++ b/.github/workflows/release_apps.yml
@@ -41,16 +41,16 @@ jobs:
         with:
           node-version: '16'
 
-      - name: Install Dependencies
-        run: |
-          cd ./packages/react-native-room-kit
-          npm install
-          cd example
-          npm install
+      # - name: Install Dependencies
+      #   run: |
+      #     cd ./packages/react-native-room-kit
+      #     npm install
+      #     cd example
+      #     npm install
 
       - name: Build Android App from Fastlane
         run: |
-          echo "${{ secrets.ANDROID_FASTFILE }}" > packages/react-native-room-kit/example/android/fastlane/Fastfile
+          echo "${{ secrets.ANDROID_FASTFILE }}" > ./packages/react-native-room-kit/example/android/fastlane/Fastfile
 
       - name: Display the contents
         run: cat packages/react-native-room-kit/example/android/fastlane/Fastfile

From 39f8cafdc8de43780dc7dd58def9d2188b268df4 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Sat, 16 Dec 2023 20:14:29 +0530
Subject: [PATCH 52/84] updated script

---
 .github/workflows/release_apps.yml | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
index 882c3fa05..bb81b42c2 100644
--- a/.github/workflows/release_apps.yml
+++ b/.github/workflows/release_apps.yml
@@ -41,6 +41,12 @@ jobs:
         with:
           node-version: '16'
 
+      - name: Setup Ruby
+        uses: ruby/setup-ruby@v1
+        with:
+          ruby-version: '3.2'
+          bundler-cache: true
+
       # - name: Install Dependencies
       #   run: |
       #     cd ./packages/react-native-room-kit
@@ -50,6 +56,7 @@ jobs:
 
       - name: Build Android App from Fastlane
         run: |
+          mkdir ./packages/react-native-room-kit/example/android/fastlane
           echo "${{ secrets.ANDROID_FASTFILE }}" > ./packages/react-native-room-kit/example/android/fastlane/Fastfile
 
       - name: Display the contents

From a8af2c7ec139c8efb905fce5f962b79115714733 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Sat, 16 Dec 2023 20:17:53 +0530
Subject: [PATCH 53/84] updated release script

---
 .github/workflows/release_apps.yml | 13 +++----------
 release-apps.sh                    | 22 +++++++++++-----------
 2 files changed, 14 insertions(+), 21 deletions(-)

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
index bb81b42c2..7fd4c6e9d 100644
--- a/.github/workflows/release_apps.yml
+++ b/.github/workflows/release_apps.yml
@@ -47,18 +47,11 @@ jobs:
           ruby-version: '3.2'
           bundler-cache: true
 
-      # - name: Install Dependencies
-      #   run: |
-      #     cd ./packages/react-native-room-kit
-      #     npm install
-      #     cd example
-      #     npm install
-
       - name: Build Android App from Fastlane
         run: |
           mkdir ./packages/react-native-room-kit/example/android/fastlane
           echo "${{ secrets.ANDROID_FASTFILE }}" > ./packages/react-native-room-kit/example/android/fastlane/Fastfile
 
-      - name: Display the contents
-        run: cat packages/react-native-room-kit/example/android/fastlane/Fastfile
-
+      - name: Run Release Script
+        run: |
+          sh release-apps.sh
diff --git a/release-apps.sh b/release-apps.sh
index a7ee1bb71..6de3eb89b 100644
--- a/release-apps.sh
+++ b/release-apps.sh
@@ -7,7 +7,7 @@ set -x
 perform_npm_actions() {
   cd ./packages/react-native-room-kit
 
-  git pull --verbose
+  # git pull --verbose
 
   npm install
 
@@ -56,18 +56,18 @@ perform_git_actions() {
 }
 
 perform_npm_actions
-P1=$!
+# P1=$!
 
-wait $P1
+# wait $P1
+release_android
+# release_android &
+# P2=$!
 
-release_android &
-P2=$!
+# release_iOS &
+# P3=$!
 
-release_iOS &
-P3=$!
+# wait $P2 $P3
 
-wait $P2 $P3
+# perform_git_actions
 
-perform_git_actions
-
-say done
+# say done

From 36f50fc5ab86d228532957b1812244fa2c23eec8 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Sat, 16 Dec 2023 20:35:25 +0530
Subject: [PATCH 54/84] updated release script

---
 .github/workflows/release_apps.yml | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
index 7fd4c6e9d..4457f229a 100644
--- a/.github/workflows/release_apps.yml
+++ b/.github/workflows/release_apps.yml
@@ -55,3 +55,5 @@ jobs:
       - name: Run Release Script
         run: |
           sh release-apps.sh
+        env:
+          FIREBASE_APP_ID: ${{ secrets.FIREBASE_APP_ID }}

From 56aaf09cd0e1b1e90f8f2dc714c6286a14304806 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Sat, 16 Dec 2023 21:24:54 +0530
Subject: [PATCH 55/84] updated yml

---
 release-apps.sh | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/release-apps.sh b/release-apps.sh
index 6de3eb89b..ca08ef586 100644
--- a/release-apps.sh
+++ b/release-apps.sh
@@ -21,6 +21,8 @@ release_android() {
 
   bundle install --verbose
 
+  cat ./fastlane/Fastfile
+
   bundle exec fastlane distribute_app
 }
 

From 7d46d55e81c21387277d662113ab777a9beb092d Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Sat, 16 Dec 2023 21:42:03 +0530
Subject: [PATCH 56/84] updated script

---
 .github/workflows/release_apps.yml | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
index 4457f229a..c36c25daa 100644
--- a/.github/workflows/release_apps.yml
+++ b/.github/workflows/release_apps.yml
@@ -52,8 +52,9 @@ jobs:
           mkdir ./packages/react-native-room-kit/example/android/fastlane
           echo "${{ secrets.ANDROID_FASTFILE }}" > ./packages/react-native-room-kit/example/android/fastlane/Fastfile
 
-      - name: Run Release Script
+      - name: Change wrapper permissions
         run: |
-          sh release-apps.sh
+          chmod +x ./packages/react-native-room-kit/example/android/gradlew
+          ./gradlew assembleRelease
         env:
           FIREBASE_APP_ID: ${{ secrets.FIREBASE_APP_ID }}

From 93aba7ef829ad01e776e72fb864cf502173ea6c1 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Sat, 16 Dec 2023 21:47:03 +0530
Subject: [PATCH 57/84] updated script

---
 .github/workflows/release_apps.yml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
index c36c25daa..f9fbde469 100644
--- a/.github/workflows/release_apps.yml
+++ b/.github/workflows/release_apps.yml
@@ -55,6 +55,7 @@ jobs:
       - name: Change wrapper permissions
         run: |
           chmod +x ./packages/react-native-room-kit/example/android/gradlew
+          cd ./packages/react-native-room-kit/example/android/
           ./gradlew assembleRelease
         env:
           FIREBASE_APP_ID: ${{ secrets.FIREBASE_APP_ID }}

From 594fffc92a5c9a4c56b26a647e34cc2d118d682c Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Sat, 16 Dec 2023 21:57:05 +0530
Subject: [PATCH 58/84] updated script

---
 .github/workflows/release_apps.yml | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
index f9fbde469..2520780c2 100644
--- a/.github/workflows/release_apps.yml
+++ b/.github/workflows/release_apps.yml
@@ -52,10 +52,14 @@ jobs:
           mkdir ./packages/react-native-room-kit/example/android/fastlane
           echo "${{ secrets.ANDROID_FASTFILE }}" > ./packages/react-native-room-kit/example/android/fastlane/Fastfile
 
-      - name: Change wrapper permissions
+      - name: Create Release APK
         run: |
           chmod +x ./packages/react-native-room-kit/example/android/gradlew
-          cd ./packages/react-native-room-kit/example/android/
+          cd ./packages/react-native-room-kit
+          npm install
+          cd ./example
+          npm install
+          cd ./android
           ./gradlew assembleRelease
         env:
           FIREBASE_APP_ID: ${{ secrets.FIREBASE_APP_ID }}

From 0956a94eca27656f798abe9cb097eed951740f74 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Sat, 16 Dec 2023 22:05:33 +0530
Subject: [PATCH 59/84] updated script

---
 .github/workflows/release_apps.yml | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
index 2520780c2..a8cdd43e8 100644
--- a/.github/workflows/release_apps.yml
+++ b/.github/workflows/release_apps.yml
@@ -41,25 +41,27 @@ jobs:
         with:
           node-version: '16'
 
-      - name: Setup Ruby
-        uses: ruby/setup-ruby@v1
-        with:
-          ruby-version: '3.2'
-          bundler-cache: true
+      # - name: Setup Ruby
+      #   uses: ruby/setup-ruby@v1
+      #   with:
+      #     ruby-version: '3.2'
+      #     bundler-cache: true
 
-      - name: Build Android App from Fastlane
-        run: |
-          mkdir ./packages/react-native-room-kit/example/android/fastlane
-          echo "${{ secrets.ANDROID_FASTFILE }}" > ./packages/react-native-room-kit/example/android/fastlane/Fastfile
+      # - name: Build Android App from Fastlane
+      #   run: |
+      #     mkdir ./packages/react-native-room-kit/example/android/fastlane
+      #     echo "${{ secrets.ANDROID_FASTFILE }}" > ./packages/react-native-room-kit/example/android/fastlane/Fastfile
 
       - name: Create Release APK
         run: |
-          chmod +x ./packages/react-native-room-kit/example/android/gradlew
-          cd ./packages/react-native-room-kit
+          cd ./packages/react-native-hms
+          npm install
+          cd ../react-native-room-kit
           npm install
           cd ./example
           npm install
           cd ./android
+          chmod +x ./gradlew
           ./gradlew assembleRelease
         env:
           FIREBASE_APP_ID: ${{ secrets.FIREBASE_APP_ID }}

From 65210c1ac7d83d53308d59cf89a97e12678fa3d7 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Sat, 16 Dec 2023 22:19:20 +0530
Subject: [PATCH 60/84] updated script

---
 .github/workflows/release_apps.yml | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
index a8cdd43e8..dab1061d4 100644
--- a/.github/workflows/release_apps.yml
+++ b/.github/workflows/release_apps.yml
@@ -33,13 +33,13 @@ jobs:
       - name: Setup Java
         uses: actions/setup-java@v4
         with:
-          java-version: '11'
-          distribution: 'zulu'
+          java-version: 11
+          distribution: zulu
 
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: '16'
+          node-version: 16
 
       # - name: Setup Ruby
       #   uses: ruby/setup-ruby@v1
@@ -63,5 +63,11 @@ jobs:
           cd ./android
           chmod +x ./gradlew
           ./gradlew assembleRelease
-        env:
-          FIREBASE_APP_ID: ${{ secrets.FIREBASE_APP_ID }}
+
+      - name: Upload artifact to Firebase App Distribution
+        uses: wzieba/Firebase-Distribution-Github-Action@v1
+        with:
+          appId: ${{secrets.FIREBASE_APP_ID}}
+          serviceCredentialsFileContent: ${{ secrets.CREDENTIAL_FILE_CONTENT }}
+          groups: internal
+          file: app/build/outputs/apk/release/app-release-unsigned.apk

From a053c0bbcd4c69eed77f650e84067186e9645760 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Sat, 16 Dec 2023 22:40:45 +0530
Subject: [PATCH 61/84] updated script

---
 .github/workflows/release_apps.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
index dab1061d4..a351afbfa 100644
--- a/.github/workflows/release_apps.yml
+++ b/.github/workflows/release_apps.yml
@@ -70,4 +70,4 @@ jobs:
           appId: ${{secrets.FIREBASE_APP_ID}}
           serviceCredentialsFileContent: ${{ secrets.CREDENTIAL_FILE_CONTENT }}
           groups: internal
-          file: app/build/outputs/apk/release/app-release-unsigned.apk
+          file: app/build/outputs/apk/release/app-release.apk

From bc61f3509a0689b688a35cffb3c7b2437e455761 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Sun, 17 Dec 2023 12:52:14 +0530
Subject: [PATCH 62/84] updated script

---
 .github/workflows/release_apps.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
index a351afbfa..f2325269c 100644
--- a/.github/workflows/release_apps.yml
+++ b/.github/workflows/release_apps.yml
@@ -70,4 +70,4 @@ jobs:
           appId: ${{secrets.FIREBASE_APP_ID}}
           serviceCredentialsFileContent: ${{ secrets.CREDENTIAL_FILE_CONTENT }}
           groups: internal
-          file: app/build/outputs/apk/release/app-release.apk
+          file: ./packages/react-native-room-kit/example/android/app/build/outputs/apk/release/app-release.apk

From 5e355d148231db3c76b800f8ad96b699001e672a Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Sun, 17 Dec 2023 13:24:20 +0530
Subject: [PATCH 63/84] updated script

---
 .github/workflows/release_apps.yml | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
index f2325269c..d7431477b 100644
--- a/.github/workflows/release_apps.yml
+++ b/.github/workflows/release_apps.yml
@@ -69,5 +69,14 @@ jobs:
         with:
           appId: ${{secrets.FIREBASE_APP_ID}}
           serviceCredentialsFileContent: ${{ secrets.CREDENTIAL_FILE_CONTENT }}
-          groups: internal
+          groups: internal, External
+          releaseNotesFile: ./packages/react-native-room-kit/example/ExampleAppChangelog.txt
           file: ./packages/react-native-room-kit/example/android/app/build/outputs/apk/release/app-release.apk
+
+      - name: Send Slack Message
+        id: ReactNativeBot
+        uses: slackapi/slack-github-action@v1.24.0
+        with:
+          payload-file-path: ./packages/react-native-room-kit/example/ExampleAppChangelog.txt
+        env:
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_URL }}

From 26c1ad9cfaa4eb8600926e50635ce70992de7dc3 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Sun, 17 Dec 2023 13:40:36 +0530
Subject: [PATCH 64/84] updated script

---
 .github/workflows/release_apps.yml | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
index d7431477b..692e8cdf2 100644
--- a/.github/workflows/release_apps.yml
+++ b/.github/workflows/release_apps.yml
@@ -73,10 +73,11 @@ jobs:
           releaseNotesFile: ./packages/react-native-room-kit/example/ExampleAppChangelog.txt
           file: ./packages/react-native-room-kit/example/android/app/build/outputs/apk/release/app-release.apk
 
-      - name: Send Slack Message
-        id: ReactNativeBot
-        uses: slackapi/slack-github-action@v1.24.0
-        with:
-          payload-file-path: ./packages/react-native-room-kit/example/ExampleAppChangelog.txt
+      - name: Post Slack Notification
+        uses: rtCamp/action-slack-notify@v2.2.1
         env:
-          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_URL }}
+          SLACK_CHANNEL: dogfooding
+          SLACK_COLOR: ${{ job.status }}
+          SLACK_ICON_EMMOJI: ":react:"
+          SLACK_USERNAME: React Native Bot
+          SLACK_WEBHOOK: ${{ secrets.SLACK_URL }}

From 915b7e1bdf98cbc58008631002ff0ef4491fb27c Mon Sep 17 00:00:00 2001
From: Jatin Nagar <jatin.nagar@100ms.live>
Date: Mon, 18 Dec 2023 18:32:11 +0530
Subject: [PATCH 65/84] fix(prebuilt): :bug: flatlist stuck between 2 pages on
 orientation change

---
 .../src/components/GridView.tsx               | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/packages/react-native-room-kit/src/components/GridView.tsx b/packages/react-native-room-kit/src/components/GridView.tsx
index ac92acc26..bc2ace5d7 100644
--- a/packages/react-native-room-kit/src/components/GridView.tsx
+++ b/packages/react-native-room-kit/src/components/GridView.tsx
@@ -52,10 +52,27 @@ export const GridView = React.forwardRef<GridViewRefAttrs, GridViewProps>(
       height: number | null;
     }>({ width: null, height: null });
 
-    const isLandscapeOrientation = useIsLandscapeOrientation();
     const screenshareTilesAvailable = useSelector(
       (state: RootState) => state.app.screensharePeerTrackNodes.length > 0
     );
+    const regularTilesAvailable = pairedPeers.length > 0;
+
+    const isLandscapeOrientation = useIsLandscapeOrientation();
+
+    // On Orientation change, scroll to first page of list
+    React.useEffect(() => {
+      if (screenshareTilesAvailable) {
+        screenshareTilesFlatlistRef.current?.scrollToOffset({ offset: 0, animated: false });
+      }
+    }, [screenshareTilesAvailable, isLandscapeOrientation]);
+
+    // On Orientation change, scroll to first page of list
+    React.useEffect(() => {
+      if (regularTilesAvailable) {
+        regularTilesFlatlistRef.current?.scrollToOffset({ offset: 0, animated: false });
+      }
+    }, [regularTilesAvailable, isLandscapeOrientation]);
+
     const miniviewPeerTrackNodeExists = useSelector(
       (state: RootState) => !!state.app.miniviewPeerTrackNode
     );

From 1d68fda0ffe2eb889466645448b797f21082ecc4 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 18 Dec 2023 18:32:23 +0530
Subject: [PATCH 66/84] updated script

---
 release-apps.sh | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/release-apps.sh b/release-apps.sh
index ca08ef586..399dff108 100644
--- a/release-apps.sh
+++ b/release-apps.sh
@@ -7,7 +7,7 @@ set -x
 perform_npm_actions() {
   cd ./packages/react-native-room-kit
 
-  # git pull --verbose
+   git pull --verbose
 
   npm install
 
@@ -58,18 +58,17 @@ perform_git_actions() {
 }
 
 perform_npm_actions
-# P1=$!
+ P1=$!
 
-# wait $P1
-release_android
-# release_android &
-# P2=$!
+wait $P1
+release_android &
+P2=$!
 
-# release_iOS &
-# P3=$!
+release_iOS &
+P3=$!
 
-# wait $P2 $P3
+wait $P2 $P3
 
-# perform_git_actions
+perform_git_actions
 
-# say done
+say done

From 14f9c919ab09db578cb9b4753b278421153a8c75 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 18 Dec 2023 18:34:21 +0530
Subject: [PATCH 67/84] updated script

---
 .../react-native-room-kit/src/components/GridView.tsx    | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/packages/react-native-room-kit/src/components/GridView.tsx b/packages/react-native-room-kit/src/components/GridView.tsx
index 44b0b547c..ac92acc26 100644
--- a/packages/react-native-room-kit/src/components/GridView.tsx
+++ b/packages/react-native-room-kit/src/components/GridView.tsx
@@ -198,14 +198,6 @@ const RegularTiles = React.forwardRef<
 
   const isLandscapeOrientation = useIsLandscapeOrientation();
 
-  React.useEffect(() => {
-    if (firstRef.current) {
-      firstRef.current = false;
-    } else {
-      setKey((prev) => prev += 1);
-    }
-  }, [isLandscapeOrientation]);
-
   const _keyExtractor = React.useCallback((item) => item[0]?.id, []);
 
   const _handleViewableItemsChanged = React.useCallback(
@@ -238,7 +230,6 @@ const RegularTiles = React.forwardRef<
   return (
     <View style={{ flex: screenshareTilesAvailable ? undefined : 1 }}>
       <FlatList
-        key={key}
         ref={flatlistRef}
         horizontal={true}
         style={Platform.OS === 'ios' ? {maxHeight: (safeHeight - 16)} : null}

From bc411643023cb93e5b40fd2d840a5151d9bc1385 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 18 Dec 2023 18:35:10 +0530
Subject: [PATCH 68/84] updated script

---
 release-apps.sh | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/release-apps.sh b/release-apps.sh
index 399dff108..084300a4e 100644
--- a/release-apps.sh
+++ b/release-apps.sh
@@ -21,8 +21,6 @@ release_android() {
 
   bundle install --verbose
 
-  cat ./fastlane/Fastfile
-
   bundle exec fastlane distribute_app
 }
 
@@ -58,7 +56,7 @@ perform_git_actions() {
 }
 
 perform_npm_actions
- P1=$!
+P1=$!
 
 wait $P1
 release_android &

From 1590c89487cd57ff8091558b56a625200a22c5f7 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 18 Dec 2023 18:35:40 +0530
Subject: [PATCH 69/84] updated script

---
 release-apps.sh | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/release-apps.sh b/release-apps.sh
index 084300a4e..3d3b66fdb 100644
--- a/release-apps.sh
+++ b/release-apps.sh
@@ -7,7 +7,7 @@ set -x
 perform_npm_actions() {
   cd ./packages/react-native-room-kit
 
-   git pull --verbose
+  git pull --verbose
 
   npm install
 

From fd2320859bf264887bb36e0f0a84c2e18a6bb0db Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 18 Dec 2023 19:43:10 +0530
Subject: [PATCH 70/84] =?UTF-8?q?released=20sample=20app=20version=202.3.1?=
 =?UTF-8?q?36=20(386)=20=E2=9A=9B=EF=B8=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../example/android/app/build.gradle                      | 4 ++--
 .../example/ios/RNExample.xcodeproj/project.pbxproj       | 8 ++++----
 .../example/ios/RNExample/Info.plist                      | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/react-native-room-kit/example/android/app/build.gradle b/packages/react-native-room-kit/example/android/app/build.gradle
index 4912fdf10..203d45379 100644
--- a/packages/react-native-room-kit/example/android/app/build.gradle
+++ b/packages/react-native-room-kit/example/android/app/build.gradle
@@ -136,8 +136,8 @@ android {
         applicationId "live.hms.rn"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 385
-        versionName "2.3.135"
+        versionCode 386
+        versionName "2.3.136"
         missingDimensionStrategy 'react-native-camera', 'general'
     }
 
diff --git a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
index d1a59938c..10641e051 100644
--- a/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
+++ b/packages/react-native-room-kit/example/ios/RNExample.xcodeproj/project.pbxproj
@@ -496,7 +496,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 385;
+				CURRENT_PROJECT_VERSION = 386;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -531,7 +531,7 @@
 				CODE_SIGN_ENTITLEMENTS = RNExample/RNExample.entitlements;
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 385;
+				CURRENT_PROJECT_VERSION = 386;
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
 				INFOPLIST_FILE = RNExample/Info.plist;
@@ -691,7 +691,7 @@
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_ENTITLEMENTS = RNExampleBroadcastUpload/RNExampleBroadcastUpload.entitlements;
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 385;
+				CURRENT_PROJECT_VERSION = 386;
 				DEBUG_INFORMATION_FORMAT = dwarf;
 				DEVELOPMENT_TEAM = 5N85PP82A9;
 				GCC_C_LANGUAGE_STANDARD = gnu11;
@@ -733,7 +733,7 @@
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
 				COPY_PHASE_STRIP = NO;
-				CURRENT_PROJECT_VERSION = 385;
+				CURRENT_PROJECT_VERSION = 386;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = 5N85PP82A9;
diff --git a/packages/react-native-room-kit/example/ios/RNExample/Info.plist b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
index 8a0f06b4c..d62759da6 100644
--- a/packages/react-native-room-kit/example/ios/RNExample/Info.plist
+++ b/packages/react-native-room-kit/example/ios/RNExample/Info.plist
@@ -21,11 +21,11 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>2.3.135</string>
+	<string>2.3.136</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>385</string>
+	<string>386</string>
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<false/>
 	<key>LSRequiresIPhoneOS</key>

From c67c6de0fe31b717cd45b36b29e3d19e0160cabe Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 18 Dec 2023 20:06:01 +0530
Subject: [PATCH 71/84] updated script

---
 .github/workflows/release_apps.yml | 21 +++++++++------------
 .github/workflows/trunk-check.yml  | 22 ++++++++++++++++++++++
 2 files changed, 31 insertions(+), 12 deletions(-)
 create mode 100644 .github/workflows/trunk-check.yml

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
index 692e8cdf2..635d7212f 100644
--- a/.github/workflows/release_apps.yml
+++ b/.github/workflows/release_apps.yml
@@ -41,17 +41,6 @@ jobs:
         with:
           node-version: 16
 
-      # - name: Setup Ruby
-      #   uses: ruby/setup-ruby@v1
-      #   with:
-      #     ruby-version: '3.2'
-      #     bundler-cache: true
-
-      # - name: Build Android App from Fastlane
-      #   run: |
-      #     mkdir ./packages/react-native-room-kit/example/android/fastlane
-      #     echo "${{ secrets.ANDROID_FASTFILE }}" > ./packages/react-native-room-kit/example/android/fastlane/Fastfile
-
       - name: Create Release APK
         run: |
           cd ./packages/react-native-hms
@@ -67,12 +56,16 @@ jobs:
       - name: Upload artifact to Firebase App Distribution
         uses: wzieba/Firebase-Distribution-Github-Action@v1
         with:
-          appId: ${{secrets.FIREBASE_APP_ID}}
+          appId: ${{ secrets.FIREBASE_APP_ID }}
           serviceCredentialsFileContent: ${{ secrets.CREDENTIAL_FILE_CONTENT }}
           groups: internal, External
           releaseNotesFile: ./packages/react-native-room-kit/example/ExampleAppChangelog.txt
           file: ./packages/react-native-room-kit/example/android/app/build/outputs/apk/release/app-release.apk
 
+      - name: Get Changelog
+        run: |
+          echo "::set-env name=CHANGELOG::$(cat ./packages/react-native-room-kit/example/ExampleAppChangelog.txt)"
+
       - name: Post Slack Notification
         uses: rtCamp/action-slack-notify@v2.2.1
         env:
@@ -81,3 +74,7 @@ jobs:
           SLACK_ICON_EMMOJI: ":react:"
           SLACK_USERNAME: React Native Bot
           SLACK_WEBHOOK: ${{ secrets.SLACK_URL }}
+          SLACK_TITLE: ":react: 🎉 React Native Android App released! 🎊 :react: \n"
+          SLACK_MESSAGE: ${{ env.CHANGELOG }}
+          SLACK_FOOTER: \n "📲 Download from Firebase 🤖 => https://appdistribution.firebase.dev/i/7b7ab3b30e627c35"
+
diff --git a/.github/workflows/trunk-check.yml b/.github/workflows/trunk-check.yml
new file mode 100644
index 000000000..19ff70095
--- /dev/null
+++ b/.github/workflows/trunk-check.yml
@@ -0,0 +1,22 @@
+name: Pull Request
+on: [pull_request]
+concurrency:
+  group: ${{ github.head_ref || github.run_id }}
+  cancel-in-progress: true
+
+permissions: read-all
+
+jobs:
+  trunk_check:
+    name: Trunk Check Runner
+    runs-on: ubuntu-latest
+    permissions:
+      checks: write
+      contents: read
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Trunk Check
+        uses: trunk-io/trunk-action@v1.1.9

From 78ed992bb5a158aff66b8089c010c06814694f69 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 18 Dec 2023 20:17:03 +0530
Subject: [PATCH 72/84] updated script

---
 .github/workflows/release_apps.yml | 58 +++++++++++++++---------------
 1 file changed, 29 insertions(+), 29 deletions(-)

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
index 635d7212f..b73aa4abc 100644
--- a/.github/workflows/release_apps.yml
+++ b/.github/workflows/release_apps.yml
@@ -30,41 +30,41 @@ jobs:
       - name: Checkout Repository
         uses: actions/checkout@v4
 
-      - name: Setup Java
-        uses: actions/setup-java@v4
-        with:
-          java-version: 11
-          distribution: zulu
+      # - name: Setup Java
+      #   uses: actions/setup-java@v4
+      #   with:
+      #     java-version: 11
+      #     distribution: zulu
 
-      - name: Setup Node
-        uses: actions/setup-node@v4
-        with:
-          node-version: 16
+      # - name: Setup Node
+      #   uses: actions/setup-node@v4
+      #   with:
+      #     node-version: 16
 
-      - name: Create Release APK
-        run: |
-          cd ./packages/react-native-hms
-          npm install
-          cd ../react-native-room-kit
-          npm install
-          cd ./example
-          npm install
-          cd ./android
-          chmod +x ./gradlew
-          ./gradlew assembleRelease
+      # - name: Create Release APK
+      #   run: |
+      #     cd ./packages/react-native-hms
+      #     npm install
+      #     cd ../react-native-room-kit
+      #     npm install
+      #     cd ./example
+      #     npm install
+      #     cd ./android
+      #     chmod +x ./gradlew
+      #     ./gradlew assembleRelease
 
-      - name: Upload artifact to Firebase App Distribution
-        uses: wzieba/Firebase-Distribution-Github-Action@v1
-        with:
-          appId: ${{ secrets.FIREBASE_APP_ID }}
-          serviceCredentialsFileContent: ${{ secrets.CREDENTIAL_FILE_CONTENT }}
-          groups: internal, External
-          releaseNotesFile: ./packages/react-native-room-kit/example/ExampleAppChangelog.txt
-          file: ./packages/react-native-room-kit/example/android/app/build/outputs/apk/release/app-release.apk
+      # - name: Upload artifact to Firebase App Distribution
+      #   uses: wzieba/Firebase-Distribution-Github-Action@v1
+      #   with:
+      #     appId: ${{ secrets.FIREBASE_APP_ID }}
+      #     serviceCredentialsFileContent: ${{ secrets.CREDENTIAL_FILE_CONTENT }}
+      #     groups: internal, External
+      #     releaseNotesFile: ./packages/react-native-room-kit/example/ExampleAppChangelog.txt
+      #     file: ./packages/react-native-room-kit/example/android/app/build/outputs/apk/release/app-release.apk
 
       - name: Get Changelog
         run: |
-          echo "::set-env name=CHANGELOG::$(cat ./packages/react-native-room-kit/example/ExampleAppChangelog.txt)"
+          echo "CHANGELOG=$(cat ./packages/react-native-room-kit/example/ExampleAppChangelog.txt)" >> $GITHUB_ENV
 
       - name: Post Slack Notification
         uses: rtCamp/action-slack-notify@v2.2.1

From 5766c684ddbf6c829ec7e770f46bb69c896e40b5 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 18 Dec 2023 20:17:16 +0530
Subject: [PATCH 73/84] updated script

---
 .github/workflows/release_apps.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
index b73aa4abc..a87238151 100644
--- a/.github/workflows/release_apps.yml
+++ b/.github/workflows/release_apps.yml
@@ -74,7 +74,7 @@ jobs:
           SLACK_ICON_EMMOJI: ":react:"
           SLACK_USERNAME: React Native Bot
           SLACK_WEBHOOK: ${{ secrets.SLACK_URL }}
-          SLACK_TITLE: ":react: 🎉 React Native Android App released! 🎊 :react: \n"
+          SLACK_TITLE: "[TEST] :react: 🎉 React Native Android App released! 🎊 :react: \n"
           SLACK_MESSAGE: ${{ env.CHANGELOG }}
           SLACK_FOOTER: \n "📲 Download from Firebase 🤖 => https://appdistribution.firebase.dev/i/7b7ab3b30e627c35"
 

From 4bc467556eef7a9f5e40a99c8a823746df469e01 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 18 Dec 2023 20:24:04 +0530
Subject: [PATCH 74/84] updated slack script

---
 .github/workflows/release_apps.yml | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
index a87238151..dc6f6983f 100644
--- a/.github/workflows/release_apps.yml
+++ b/.github/workflows/release_apps.yml
@@ -62,9 +62,11 @@ jobs:
       #     releaseNotesFile: ./packages/react-native-room-kit/example/ExampleAppChangelog.txt
       #     file: ./packages/react-native-room-kit/example/android/app/build/outputs/apk/release/app-release.apk
 
-      - name: Get Changelog
-        run: |
-          echo "CHANGELOG=$(cat ./packages/react-native-room-kit/example/ExampleAppChangelog.txt)" >> $GITHUB_ENV
+      - name: Extract Changelog
+        shell: bash
+        run: echo "changelog=$(cat ./packages/react-native-room-kit/example/ExampleAppChangelog.txt)" >> $GITHUB_OUTPUT
+        id: get_changelog
+
 
       - name: Post Slack Notification
         uses: rtCamp/action-slack-notify@v2.2.1
@@ -75,6 +77,6 @@ jobs:
           SLACK_USERNAME: React Native Bot
           SLACK_WEBHOOK: ${{ secrets.SLACK_URL }}
           SLACK_TITLE: "[TEST] :react: 🎉 React Native Android App released! 🎊 :react: \n"
-          SLACK_MESSAGE: ${{ env.CHANGELOG }}
+          SLACK_MESSAGE: ${{ steps.get_changelog.outputs.changelog }}
           SLACK_FOOTER: \n "📲 Download from Firebase 🤖 => https://appdistribution.firebase.dev/i/7b7ab3b30e627c35"
 

From 0b3d6eb5a02acfbdf530002d023329909b4ed491 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 18 Dec 2023 20:26:18 +0530
Subject: [PATCH 75/84] updated script

---
 .github/workflows/release_apps.yml | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
index dc6f6983f..0dc35deac 100644
--- a/.github/workflows/release_apps.yml
+++ b/.github/workflows/release_apps.yml
@@ -30,16 +30,16 @@ jobs:
       - name: Checkout Repository
         uses: actions/checkout@v4
 
-      # - name: Setup Java
-      #   uses: actions/setup-java@v4
-      #   with:
-      #     java-version: 11
-      #     distribution: zulu
+      - name: Setup Java
+        uses: actions/setup-java@v4
+        with:
+          java-version: 11
+          distribution: zulu
 
-      # - name: Setup Node
-      #   uses: actions/setup-node@v4
-      #   with:
-      #     node-version: 16
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 16
 
       # - name: Create Release APK
       #   run: |

From 7ce874ebdffb19e6b7424a607f234b356cd4852c Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 18 Dec 2023 20:28:23 +0530
Subject: [PATCH 76/84] updated changelog format

---
 .../react-native-room-kit/example/ExampleAppChangelog.txt     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react-native-room-kit/example/ExampleAppChangelog.txt b/packages/react-native-room-kit/example/ExampleAppChangelog.txt
index bc89dce77..cd346c0f0 100644
--- a/packages/react-native-room-kit/example/ExampleAppChangelog.txt
+++ b/packages/react-native-room-kit/example/ExampleAppChangelog.txt
@@ -1,9 +1,9 @@
 Board: https://100ms.atlassian.net/jira/software/projects/RN/boards/33
 
-- Hide Top & Bottom bars after 5 seconds in Room
+Hide Top & Bottom bars after 5 seconds in Room
 https://100ms.atlassian.net/browse/RN-138
 
-- Disable editing username in preview screen if username is passed to prebuilt in options config
+Disable editing username in preview screen if username is passed to prebuilt in options config
 https://100ms.atlassian.net/browse/RN-143
 
 Room Kit: 1.0.7

From c0880e8f3e12c2c08ebf7eef43b22a22a6774a14 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 18 Dec 2023 20:33:29 +0530
Subject: [PATCH 77/84] updated changelog format

---
 packages/react-native-room-kit/example/ExampleAppChangelog.txt | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/react-native-room-kit/example/ExampleAppChangelog.txt b/packages/react-native-room-kit/example/ExampleAppChangelog.txt
index cd346c0f0..898fabf25 100644
--- a/packages/react-native-room-kit/example/ExampleAppChangelog.txt
+++ b/packages/react-native-room-kit/example/ExampleAppChangelog.txt
@@ -1,3 +1,4 @@
+"
 Board: https://100ms.atlassian.net/jira/software/projects/RN/boards/33
 
 Hide Top & Bottom bars after 5 seconds in Room
@@ -10,3 +11,4 @@ Room Kit: 1.0.7
 React Native SDK: 1.9.6
 Android SDK: 2.8.3
 iOS SDK: 1.4.0
+"

From 4eaae10910be946b4a68df9439929b993fc2c30c Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 18 Dec 2023 20:44:05 +0530
Subject: [PATCH 78/84] updated changelog format

---
 .../react-native-room-kit/example/ExampleAppChangelog.txt | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/packages/react-native-room-kit/example/ExampleAppChangelog.txt b/packages/react-native-room-kit/example/ExampleAppChangelog.txt
index 898fabf25..d4c0eb5e3 100644
--- a/packages/react-native-room-kit/example/ExampleAppChangelog.txt
+++ b/packages/react-native-room-kit/example/ExampleAppChangelog.txt
@@ -1,14 +1,10 @@
-"
-Board: https://100ms.atlassian.net/jira/software/projects/RN/boards/33
-
-Hide Top & Bottom bars after 5 seconds in Room
+- Hide Top & Bottom bars after 5 seconds in Room
 https://100ms.atlassian.net/browse/RN-138
 
-Disable editing username in preview screen if username is passed to prebuilt in options config
+- Disable editing username in preview screen if username is passed to prebuilt in options config
 https://100ms.atlassian.net/browse/RN-143
 
 Room Kit: 1.0.7
 React Native SDK: 1.9.6
 Android SDK: 2.8.3
 iOS SDK: 1.4.0
-"

From 040a60ca587e61eefaf12af4b25a530486ad88cb Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 18 Dec 2023 20:45:44 +0530
Subject: [PATCH 79/84] updated changelog

---
 .../example/ExampleAppChangelog.txt                   | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/packages/react-native-room-kit/example/ExampleAppChangelog.txt b/packages/react-native-room-kit/example/ExampleAppChangelog.txt
index d4c0eb5e3..359523ed2 100644
--- a/packages/react-native-room-kit/example/ExampleAppChangelog.txt
+++ b/packages/react-native-room-kit/example/ExampleAppChangelog.txt
@@ -1,10 +1,3 @@
-- Hide Top & Bottom bars after 5 seconds in Room
-https://100ms.atlassian.net/browse/RN-138
+Hide Top and Bottom bars after 5 seconds in Room
 
-- Disable editing username in preview screen if username is passed to prebuilt in options config
-https://100ms.atlassian.net/browse/RN-143
-
-Room Kit: 1.0.7
-React Native SDK: 1.9.6
-Android SDK: 2.8.3
-iOS SDK: 1.4.0
+Disable editing username in preview screen if username is passed to prebuilt in options config

From 2a71afb2e70b87b7b4139b335c63abbe8b109d08 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 18 Dec 2023 20:47:48 +0530
Subject: [PATCH 80/84] updated changelog

---
 packages/react-native-room-kit/example/ExampleAppChangelog.txt | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/react-native-room-kit/example/ExampleAppChangelog.txt b/packages/react-native-room-kit/example/ExampleAppChangelog.txt
index 359523ed2..33b1b253b 100644
--- a/packages/react-native-room-kit/example/ExampleAppChangelog.txt
+++ b/packages/react-native-room-kit/example/ExampleAppChangelog.txt
@@ -1,3 +1 @@
-Hide Top and Bottom bars after 5 seconds in Room
-
 Disable editing username in preview screen if username is passed to prebuilt in options config

From 00ca33c591f674db8052cc093f924b0b68cf48c2 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 18 Dec 2023 20:52:34 +0530
Subject: [PATCH 81/84] updated script

---
 .github/workflows/release_apps.yml | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
index 0dc35deac..81a68fb09 100644
--- a/.github/workflows/release_apps.yml
+++ b/.github/workflows/release_apps.yml
@@ -36,10 +36,10 @@ jobs:
           java-version: 11
           distribution: zulu
 
-      - name: Setup Node
-        uses: actions/setup-node@v4
-        with:
-          node-version: 16
+      # - name: Setup Node
+      #   uses: actions/setup-node@v4
+      #   with:
+      #     node-version: 16
 
       # - name: Create Release APK
       #   run: |
@@ -62,10 +62,10 @@ jobs:
       #     releaseNotesFile: ./packages/react-native-room-kit/example/ExampleAppChangelog.txt
       #     file: ./packages/react-native-room-kit/example/android/app/build/outputs/apk/release/app-release.apk
 
-      - name: Extract Changelog
-        shell: bash
-        run: echo "changelog=$(cat ./packages/react-native-room-kit/example/ExampleAppChangelog.txt)" >> $GITHUB_OUTPUT
-        id: get_changelog
+      # - name: Extract Changelog
+      #   shell: bash
+      #   run: echo "changelog=$(cat ./packages/react-native-room-kit/example/ExampleAppChangelog.txt)" >> $GITHUB_OUTPUT
+      #   id: get_changelog
 
 
       - name: Post Slack Notification
@@ -77,6 +77,5 @@ jobs:
           SLACK_USERNAME: React Native Bot
           SLACK_WEBHOOK: ${{ secrets.SLACK_URL }}
           SLACK_TITLE: "[TEST] :react: 🎉 React Native Android App released! 🎊 :react: \n"
-          SLACK_MESSAGE: ${{ steps.get_changelog.outputs.changelog }}
-          SLACK_FOOTER: \n "📲 Download from Firebase 🤖 => https://appdistribution.firebase.dev/i/7b7ab3b30e627c35"
+          SLACK_FOOTER: 🤖 Download from Firebase 👉 https://appdistribution.firebase.dev/i/7b7ab3b30e627c35
 

From 547d44d57d90304c062cd210fa8578123ac0156c Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 18 Dec 2023 20:55:51 +0530
Subject: [PATCH 82/84] updated script

---
 .github/workflows/release_apps.yml | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
index 81a68fb09..cf615b91a 100644
--- a/.github/workflows/release_apps.yml
+++ b/.github/workflows/release_apps.yml
@@ -36,10 +36,10 @@ jobs:
           java-version: 11
           distribution: zulu
 
-      # - name: Setup Node
-      #   uses: actions/setup-node@v4
-      #   with:
-      #     node-version: 16
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 16
 
       # - name: Create Release APK
       #   run: |
@@ -62,11 +62,10 @@ jobs:
       #     releaseNotesFile: ./packages/react-native-room-kit/example/ExampleAppChangelog.txt
       #     file: ./packages/react-native-room-kit/example/android/app/build/outputs/apk/release/app-release.apk
 
-      # - name: Extract Changelog
-      #   shell: bash
-      #   run: echo "changelog=$(cat ./packages/react-native-room-kit/example/ExampleAppChangelog.txt)" >> $GITHUB_OUTPUT
-      #   id: get_changelog
-
+      - name: Extract Branch Name
+        shell: bash
+        run: echo "branch=${GITHUB_HEAD_REF:-${GITHUB_REF#refs/heads/}}" >> $GITHUB_OUTPUT
+        id: extract_branch
 
       - name: Post Slack Notification
         uses: rtCamp/action-slack-notify@v2.2.1
@@ -77,5 +76,6 @@ jobs:
           SLACK_USERNAME: React Native Bot
           SLACK_WEBHOOK: ${{ secrets.SLACK_URL }}
           SLACK_TITLE: "[TEST] :react: 🎉 React Native Android App released! 🎊 :react: \n"
+          SLACK_MESSAGE: https://github.com/100mslive/100ms-react-native/blob/${{ steps.extract_branch.outputs.branch }}/packages/react-native-room-kit/example/ExampleAppChangelog.txt
           SLACK_FOOTER: 🤖 Download from Firebase 👉 https://appdistribution.firebase.dev/i/7b7ab3b30e627c35
 

From e116e89bd8b5b31054036679139c5e463336b845 Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 18 Dec 2023 20:59:52 +0530
Subject: [PATCH 83/84] updated script

---
 .github/workflows/release_apps.yml            | 42 +++++++++----------
 .../example/ExampleAppChangelog.txt           | 13 +++++-
 2 files changed, 33 insertions(+), 22 deletions(-)

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
index cf615b91a..ecf93fd6a 100644
--- a/.github/workflows/release_apps.yml
+++ b/.github/workflows/release_apps.yml
@@ -41,26 +41,26 @@ jobs:
         with:
           node-version: 16
 
-      # - name: Create Release APK
-      #   run: |
-      #     cd ./packages/react-native-hms
-      #     npm install
-      #     cd ../react-native-room-kit
-      #     npm install
-      #     cd ./example
-      #     npm install
-      #     cd ./android
-      #     chmod +x ./gradlew
-      #     ./gradlew assembleRelease
+      - name: Create Release APK
+        run: |
+          cd ./packages/react-native-hms
+          npm install
+          cd ../react-native-room-kit
+          npm install
+          cd ./example
+          npm install
+          cd ./android
+          chmod +x ./gradlew
+          ./gradlew assembleRelease
 
-      # - name: Upload artifact to Firebase App Distribution
-      #   uses: wzieba/Firebase-Distribution-Github-Action@v1
-      #   with:
-      #     appId: ${{ secrets.FIREBASE_APP_ID }}
-      #     serviceCredentialsFileContent: ${{ secrets.CREDENTIAL_FILE_CONTENT }}
-      #     groups: internal, External
-      #     releaseNotesFile: ./packages/react-native-room-kit/example/ExampleAppChangelog.txt
-      #     file: ./packages/react-native-room-kit/example/android/app/build/outputs/apk/release/app-release.apk
+      - name: Upload artifact to Firebase App Distribution
+        uses: wzieba/Firebase-Distribution-Github-Action@v1
+        with:
+          appId: ${{ secrets.FIREBASE_APP_ID }}
+          serviceCredentialsFileContent: ${{ secrets.CREDENTIAL_FILE_CONTENT }}
+          groups: internal, External
+          releaseNotesFile: ./packages/react-native-room-kit/example/ExampleAppChangelog.txt
+          file: ./packages/react-native-room-kit/example/android/app/build/outputs/apk/release/app-release.apk
 
       - name: Extract Branch Name
         shell: bash
@@ -75,7 +75,7 @@ jobs:
           SLACK_ICON_EMMOJI: ":react:"
           SLACK_USERNAME: React Native Bot
           SLACK_WEBHOOK: ${{ secrets.SLACK_URL }}
-          SLACK_TITLE: "[TEST] :react: 🎉 React Native Android App released! 🎊 :react: \n"
-          SLACK_MESSAGE: https://github.com/100mslive/100ms-react-native/blob/${{ steps.extract_branch.outputs.branch }}/packages/react-native-room-kit/example/ExampleAppChangelog.txt
+          SLACK_TITLE: ":react: 🎉 React Native Android App released! 🎊 :react: \n"
+          SLACK_MESSAGE: 📝 Changelog 🔗 https://github.com/100mslive/100ms-react-native/blob/${{ steps.extract_branch.outputs.branch }}/packages/react-native-room-kit/example/ExampleAppChangelog.txt
           SLACK_FOOTER: 🤖 Download from Firebase 👉 https://appdistribution.firebase.dev/i/7b7ab3b30e627c35
 
diff --git a/packages/react-native-room-kit/example/ExampleAppChangelog.txt b/packages/react-native-room-kit/example/ExampleAppChangelog.txt
index 33b1b253b..bc89dce77 100644
--- a/packages/react-native-room-kit/example/ExampleAppChangelog.txt
+++ b/packages/react-native-room-kit/example/ExampleAppChangelog.txt
@@ -1 +1,12 @@
-Disable editing username in preview screen if username is passed to prebuilt in options config
+Board: https://100ms.atlassian.net/jira/software/projects/RN/boards/33
+
+- Hide Top & Bottom bars after 5 seconds in Room
+https://100ms.atlassian.net/browse/RN-138
+
+- Disable editing username in preview screen if username is passed to prebuilt in options config
+https://100ms.atlassian.net/browse/RN-143
+
+Room Kit: 1.0.7
+React Native SDK: 1.9.6
+Android SDK: 2.8.3
+iOS SDK: 1.4.0

From ca1569e6417c5e96537c54d06e405f18508a270a Mon Sep 17 00:00:00 2001
From: Yogesh Singh <yogesh@100ms.live>
Date: Mon, 18 Dec 2023 21:17:32 +0530
Subject: [PATCH 84/84] running script on push to develop

---
 .github/workflows/release_apps.yml | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/.github/workflows/release_apps.yml b/.github/workflows/release_apps.yml
index ecf93fd6a..75aa18b2e 100644
--- a/.github/workflows/release_apps.yml
+++ b/.github/workflows/release_apps.yml
@@ -6,14 +6,8 @@ concurrency:
 
 on:
   workflow_dispatch:
-  pull_request:
-    types:
-      - opened
-      - reopened
-      - synchronize
-      - ready_for_review
+  push:
     branches:
-      - main
       - develop
 
 permissions:
@@ -75,7 +69,6 @@ jobs:
           SLACK_ICON_EMMOJI: ":react:"
           SLACK_USERNAME: React Native Bot
           SLACK_WEBHOOK: ${{ secrets.SLACK_URL }}
-          SLACK_TITLE: ":react: 🎉 React Native Android App released! 🎊 :react: \n"
+          SLACK_TITLE: ":react: 🎉 React Native Android App released! 🎊 :react:"
           SLACK_MESSAGE: 📝 Changelog 🔗 https://github.com/100mslive/100ms-react-native/blob/${{ steps.extract_branch.outputs.branch }}/packages/react-native-room-kit/example/ExampleAppChangelog.txt
           SLACK_FOOTER: 🤖 Download from Firebase 👉 https://appdistribution.firebase.dev/i/7b7ab3b30e627c35
-