@100mslive/react-native-room-kit 1.0.5 → 1.0.6

package/lib/typescript/components/GridView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridView.d.ts","sourceRoot":"","sources":["../../../src/components/GridView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAErE,OAAO,EAAQ,QAAQ,EAA0B,MAAM,cAAc,CAAC;AAOtE,OAAO,KAAK,EAAE,OAAO,EAAW,MAAM,6BAA6B,CAAC;AAKpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAOpD,MAAM,MAAM,aAAa,GAAG;IAC1B,mBAAmB,CAAC,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;IACxD,WAAW,EAAE,aAAa,EAAE,EAAE,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,qBAAqB,CAAC,IAAI,EAAE,aAAa,GAAG,GAAG,CAAC;IAChD,0BAA0B,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;IACzE,8BAA8B,IAAI,KAAK,CAAC,SAAS,CAC/C,QAAQ,CAAC,aAAa,CAAC,CACxB,GAAG,IAAI,CAAC;CACV,CAAC;AAOF,eAAO,MAAM,QAAQ,wFAgHpB,CAAC;AAgBF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;IACjE,mBAAmB,CAAC,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;IACxD,WAAW,EAAE,aAAa,EAAE,EAAE,CAAC;CAChC,CAAC;AAwEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;IACjE,mBAAmB,CAAC,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;CACzD,CAAC"}
+{"version":3,"file":"GridView.d.ts","sourceRoot":"","sources":["../../../src/components/GridView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAErE,OAAO,EAAQ,QAAQ,EAAmC,MAAM,cAAc,CAAC;AAM/E,OAAO,KAAK,EAAE,OAAO,EAAW,MAAM,6BAA6B,CAAC;AAKpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAQpD,MAAM,MAAM,aAAa,GAAG;IAC1B,mBAAmB,CAAC,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;IACxD,WAAW,EAAE,aAAa,EAAE,EAAE,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,qBAAqB,CAAC,IAAI,EAAE,aAAa,GAAG,GAAG,CAAC;IAChD,0BAA0B,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;IACzE,8BAA8B,IAAI,KAAK,CAAC,SAAS,CAC/C,QAAQ,CAAC,aAAa,CAAC,CACxB,GAAG,IAAI,CAAC;CACV,CAAC;AAOF,eAAO,MAAM,QAAQ,wFAoHpB,CAAC;AAgBF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;IACjE,mBAAmB,CAAC,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;IACxD,WAAW,EAAE,aAAa,EAAE,EAAE,CAAC;CAChC,CAAC;AA8EF,MAAM,MAAM,qBAAqB,GAAG;IAClC,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;IACjE,mBAAmB,CAAC,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;CACzD,CAAC"}

package/lib/typescript/components/HMSHLSMessageList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HMSHLSMessageList.d.ts","sourceRoot":"","sources":["../../../src/components/HMSHLSMessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EA0CrC,CAAC"}
+{"version":3,"file":"HMSHLSMessageList.d.ts","sourceRoot":"","sources":["../../../src/components/HMSHLSMessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EA+CrC,CAAC"}

package/lib/typescript/components/HMSKeyboardAvoidingView.android.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import Animated from 'react-native-reanimated';
+export interface HMSKeyboardAvoidingViewProps {
+    style?: StyleProp<Animated.AnimateStyle<StyleProp<ViewStyle>>>;
+    bottomOffset?: number;
+}
+export declare const HMSKeyboardAvoidingView: React.FC<HMSKeyboardAvoidingViewProps>;
+//# sourceMappingURL=HMSKeyboardAvoidingView.android.d.ts.map

package/lib/typescript/components/HMSKeyboardAvoidingView.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HMSKeyboardAvoidingView.android.d.ts","sourceRoot":"","sources":["../../../src/components/HMSKeyboardAvoidingView.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,QAIN,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,4BAA4B;IAC3C,KAAK,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAC5C,4BAA4B,CAkC7B,CAAC"}

package/lib/typescript/components/HMSNotifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HMSNotifications.d.ts","sourceRoot":"","sources":["../../../src/components/HMSNotifications.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,MAAM,WAAW,qBAAqB;CAAG;AAOzC,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA0H5D,CAAC;AAEF,eAAO,MAAM,yBAAyB,cAcrC,CAAC"}
+{"version":3,"file":"HMSNotifications.d.ts","sourceRoot":"","sources":["../../../src/components/HMSNotifications.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,MAAM,WAAW,qBAAqB;CAAG;AAOzC,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA6H5D,CAAC;AAEF,eAAO,MAAM,yBAAyB,cAcrC,CAAC"}

package/lib/typescript/components/HMSRecordingIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HMSRecordingIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/HMSRecordingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,qBAAqB,gCAiCjC,CAAC"}
+{"version":3,"file":"HMSRecordingIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/HMSRecordingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,eAAO,MAAM,qBAAqB,gCAyCjC,CAAC"}

package/lib/typescript/components/HMSTextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HMSTextInput.d.ts","sourceRoot":"","sources":["../../../src/components/HMSTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,SAAS,EACT,qBAAqB,EACrB,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,MAAM,MAAM,iBAAiB,GAAG,cAAc,GAAG;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9C,GAAG,CACE;IACE,SAAS,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9C,GACD;IACE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACjD,eAAe,IAAI,IAAI,CAAC;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9C,GACD;IAAE,SAAS,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAClD,CAAC;AAEJ,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwIpD,CAAC"}
+{"version":3,"file":"HMSTextInput.d.ts","sourceRoot":"","sources":["../../../src/components/HMSTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,SAAS,EACT,qBAAqB,EACrB,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,MAAM,MAAM,iBAAiB,GAAG,cAAc,GAAG;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9C,GAAG,CACE;IACE,SAAS,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9C,GACD;IACE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACjD,eAAe,IAAI,IAAI,CAAC;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9C,GACD;IAAE,SAAS,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAClD,CAAC;AAEJ,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyIpD,CAAC"}

package/lib/typescript/components/MeetingScreenContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MeetingScreenContent.d.ts","sourceRoot":"","sources":["../../../src/components/MeetingScreenContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAY7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAYpD,UAAU,yBAAyB;IACjC,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;CACtC;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAoFpE,CAAC"}
+{"version":3,"file":"MeetingScreenContent.d.ts","sourceRoot":"","sources":["../../../src/components/MeetingScreenContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAY7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAapD,UAAU,yBAAyB;IACjC,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;CACtC;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAqFpE,CAAC"}

package/lib/typescript/components/MiniView.d.ts

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import type { MutableRefObject } from 'react';
-import type { LayoutRectangle } from 'react-native';
 import type { PeerVideoTileViewProps } from './PeerVideoTile/PeerVideoTileView';
 export interface MiniViewProps extends Omit<PeerVideoTileViewProps, 'peerTrackNode'> {
-    boundingBoxRef: MutableRefObject<LayoutRectangle | null>;
+    boundingBoxWidth: number | null;
+    boundingBoxHeight: number | null;
 }
 export declare const MiniView: React.FC<Omit<MiniViewProps, 'insetMode'>>;
 //# sourceMappingURL=MiniView.d.ts.map

package/lib/typescript/components/MiniView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MiniView.d.ts","sourceRoot":"","sources":["../../../src/components/MiniView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAUpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAgBhF,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,eAAe,CAAC;IACrD,cAAc,EAAE,gBAAgB,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;CAC1D;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,CAuI/D,CAAC"}
+{"version":3,"file":"MiniView.d.ts","sourceRoot":"","sources":["../../../src/components/MiniView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAiBhF,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,eAAe,CAAC;IACrD,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,CA0I/D,CAAC"}

package/lib/typescript/components/TilesContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TilesContainer.d.ts","sourceRoot":"","sources":["../../../src/components/TilesContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAG3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAKpD,UAAU,mBAAmB;IAC3B,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,mBAAmB,CAAC,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;IACxD,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;CAClE;AAsGD,QAAA,MAAM,cAAc,iDAA8B,CAAC;AAInD,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"TilesContainer.d.ts","sourceRoot":"","sources":["../../../src/components/TilesContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAG3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAKpD,UAAU,mBAAmB;IAC3B,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,mBAAmB,CAAC,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;IACxD,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;CAClE;AA0GD,QAAA,MAAM,cAAc,iDAA8B,CAAC;AAInD,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/lib/typescript/hooks-util.d.ts

@@ -102,5 +102,6 @@ export declare const useSavePropsToStore: (props: HMSPrebuiltProps, dispatch: Ap
 export declare const useStartRecording: () => {
     startRecording: () => void;
 };
+export declare const useAndroidSoftInputAdjustResize: () => void;
 export {};
 //# sourceMappingURL=hooks-util.d.ts.map

package/lib/typescript/hooks-util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks-util.d.ts","sourceRoot":"","sources":["../../src/hooks-util.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"hooks-util.d.ts","sourceRoot":"","sources":["../../src/hooks-util.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAC1B,SAAS,EACT,YAAY,EAIZ,OAAO,EAGP,oBAAoB,EAGpB,MAAM,EAYP,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAElF,OAAO,KAAK,EACV,YAAY,EAKb,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,EACV,YAAY,EACZ,yBAAyB,EACzB,sBAAsB,EACtB,MAAM,EACN,KAAK,EACL,UAAU,EACX,MAAM,2BAA2B,CAAC;AAUnC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAEL,UAAU,EACV,aAAa,EAGd,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAEV,cAAc,EACd,aAAa,EACd,MAAM,eAAe,CAAC;AASvB,OAAO,KAAK,EAAE,WAAW,EAAa,MAAM,SAAS,CAAC;AAsDtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAOhD,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAchF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAK9D,eAAO,MAAM,eAAe,sBACP,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,aAAa,EAAE,CAAC,CAAC,SAYzE,CAAC;AAqZF,eAAO,MAAM,mBAAmB,SAAU,OAAO,KAAG,OAMnD,CAAC;AA0WF,eAAO,MAAM,cAAc,cAQ1B,CAAC;AAEF,eAAO,MAAM,cAAc,eAS1B,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,6BAA6B,+BACb,KAAK,0BAA0B,EAAE,MAAM,CAAC,KAAK,IAAI,sBACrE,oBAAoB,mCAqC5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBACb,oBAAoB,KAAK,IAAI,sBAC3C,oBAAoB,SA0B5B,CAAC;AAIF,eAAO,MAAM,2BAA2B,gBACzB,MAAM,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,SA+I7D,CAAC;AAEF,eAAO,MAAM,kBAAkB,YAyB9B,CAAC;AAEF,eAAO,MAAM,cAAc,YAwC1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,YAmC9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,YAkB9B,CAAC;AAEF,eAAO,MAAM,2BAA2B,YA0BvC,CAAC;AAEF,eAAO,MAAM,cAAc,YAiD1B,CAAC;AAEF,eAAO,MAAM,0BAA0B,YAQtC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAC;AAE/D,eAAO,MAAM,gBAAgB,gBAIjB,SAAS,SAOpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,gBAIlB,SAAS,SAOpB,CAAC;AAEF,eAAO,MAAM,UAAU,iBAAkB,OAAO,SA4B/C,CAAC;AAEF,eAAO,MAAM,iBAAiB,iBAAkB,OAAO,KAAG,CAAC,MAAM,EAAE,MAAM,CAuCxE,CAAC;AAEF,eAAO,MAAM,0BAA0B,sBAClB,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,aAAa,EAAE,CAAC,CAAC,WAC/D,OAAO,SAuFjB,CAAC;AAIF,eAAO,MAAM,sBAAsB,YAMlC,CAAC;AAYF,eAAO,MAAM,YAAY;;wCAST,UAAU;CAoBzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,YAe5B,CAAC;AAEF,eAAO,MAAM,sBAAsB,eAQlC,CAAC;AAIF,eAAO,MAAM,WAAW,YAEvB,CAAC;AAEF,eAAO,MAAM,YAAY;;yBAsCiB,QAAQ,SAAS,CAAC;;CAY3D,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;iBAwB5B,MAAM,GAAG,cAAc;iBAyBvB,cAAc,GAAG,OAAO;CAmBlC,CAAC;AAEF,eAAO,MAAM,0BAA0B,eAQtC,CAAC;AAEF,eAAO,MAAM,2BAA2B,eAQvC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,CAAC,OAAO,GAAG,YAAY,CAAC,EAAE,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,uBAAuB,8BAoDnC,CAAC;AAEF,eAAO,MAAM,uBAAuB,eAAgB,MAAM;;;;;CA4IzD,CAAC;AAEF,eAAO,MAAM,eAAe,2BAI3B,CAAC;AAEF,eAAO,MAAM,eAAe;sBAOf,WAAW,cAAc,CAAC,CAAC,CAAC,CAAC;oBAuDvB,aAAa,oBAAmB,OAAO;sBAiCvC,aAAa;;CAa/B,CAAC;AAGF,eAAO,MAAM,kBAAkB,gDACJ,MAAM,GAAG,IAAI,kEACY,OAAO,0BAU1D,CAAC;AAEF,KAAK,gBAAgB,GAAG,KAAK,GAAG;IAAE,OAAO,EAAE,YAAY,CAAA;CAAE,CAAC;AAE1D,eAAO,MAAM,eAAe,0BACP,gBAAgB,4CAiBpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,QAAO,YAEzC,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAAO,SAAS,UAAU,CAoB1D,CAAC;AAEF,eAAO,MAAM,oBAAoB;;oBAGd,gBAAgB,cAAc,SAAS,UAAU,CAAC,mCAUpE,CAAC;AAEF,eAAO,MAAM,eAAe,6EAGT,gBAAgB,cAAc,SAAS,UAAU,CAAC,mCASpE,CAAC;AAEF,eAAO,MAAM,cAAc;;uBASa,MAAM;;mBAsDf,MAAM,GAAG,SAAS;;CAqBhD,CAAC;AAEF,eAAO,MAAM,sBAAsB,8CACV,UAAU,GAAG,IAAI,kEACU,OAAO,0BAM1D,CAAC;AAEF,eAAO,MAAM,8BAA8B,4DAGnC,yBAAyB,GACzB,sBAAsB,GACtB,IAAI,kEAEwC,OAAO,0BAO1D,CAAC;AAEF,eAAO,MAAM,kBAAkB,YA0C9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,UACvB,gBAAgB,YACb,WAAW,SAwBtB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;CAwB7B,CAAC;AAEF,eAAO,MAAM,+BAA+B,YAqB3C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@100mslive/react-native-room-kit",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -79,7 +79,7 @@
     "typescript": "^5.0.2"
   },
   "peerDependencies": {
-    "@100mslive/react-native-hms": "1.9.4",
+    "@100mslive/react-native-hms": "1.9.5",
     "@react-native-community/blur": "^4.3.2",
     "@react-native-masked-view/masked-view": "^0.2.9",
     "@shopify/flash-list": "^1.4.3",

package/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;
 

package/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 {
@@ -10,6 +15,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 +26,20 @@ 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 +48,8 @@ export const BottomSheet: React.FC<BottomSheetProps> & {
 
   const { handleModalHideAction } = useBottomSheetActionHandlers();
 
+  const isLandscapeOrientation = useIsLandscapeOrientation();
+
   return (
     <Modal
       {...resetProps}
@@ -53,9 +69,17 @@ export const BottomSheet: React.FC<BottomSheetProps> & {
       supportedOrientations={
         resetProps.supportedOrientations ?? ['portrait', 'landscape']
       }
-      // coverScreen={true}
+      statusBarTranslucent={true}
     >
-      <View style={[styles.container, containerStyles, containerStyle]}>
+      <View
+        style={[
+          isLandscapeOrientation && !fullWidth
+            ? styles.landscapeContainer
+            : styles.container,
+          containerStyles,
+          containerStyle,
+        ]}
+      >
         {children}
       </View>
     </Modal>
@@ -93,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}
@@ -170,6 +200,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',

package/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,

package/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>

package/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();
 
@@ -16,12 +18,15 @@ export const ChatAndParticipantsBottomSheet = () => {
 
   return (
     <BottomSheet
+      fullWidth={true}
       dismissModal={closeChatWindow}
       isVisible={modalVisible}
       avoidKeyboard={true}
       containerStyle={[
         styles.bottomSheet,
-        { marginTop: topSafeArea + HEADER_HEIGHT },
+        {
+          marginTop: topSafeArea + (isLandscapeOrientation ? 0 : HEADER_HEIGHT),
+        },
       ]}
     >
       <ChatAndParticipantsView />

package/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,9 @@ 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 +85,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,

package/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,
         ]}
       >
@@ -138,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
 };
 
@@ -152,7 +158,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,

package/src/components/GridView.tsx

@@ -1,10 +1,9 @@
 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,
-  LayoutRectangle,
   ViewToken,
 } from 'react-native';
 import type { HMSView, HMSPeer } from '@100mslive/react-native-hms';
@@ -18,6 +17,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;
@@ -46,8 +46,9 @@ 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(
       (state: RootState) => state.app.screensharePeerTrackNodes.length > 0
     );
@@ -104,7 +105,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 });
       },
       []
     );
@@ -121,16 +122,19 @@ 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
-            boundingBoxRef={insetTileBoundingBoxRef}
+            boundingBoxWidth={insetTileBoundingBox.width}
+            boundingBoxHeight={insetTileBoundingBox.height}
             onMoreOptionsPress={onPeerTileMorePress}
           />
         ) : null}
@@ -183,6 +187,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 +240,11 @@ const RegularTiles = React.forwardRef<
         <PaginationDots
           list={pairedPeers}
           activeIndex={activeIndex}
-          style={screenshareTilesAvailable ? { marginVertical: 8 } : null}
+          style={
+            screenshareTilesAvailable || isLandscapeOrientation
+              ? { marginVertical: isLandscapeOrientation ? 4 : 8 }
+              : null
+          }
         />
       ) : null}
     </View>
@@ -250,6 +260,8 @@ const ScreenshareTiles = React.forwardRef<
   FlatList<PeerTrackNode>,
   ScreenshareTilesProps
 >(({ onPeerTileMorePress, setHmsViewRefs }, flatlistRef) => {
+  const { width } = useWindowDimensions();
+  const isLandscapeOrientation = useIsLandscapeOrientation();
   const [activePage, setActivePage] = useState(0);
   const screensharePeerTrackNodes = useSelector(
     (state: RootState) => state.app.screensharePeerTrackNodes
@@ -276,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 (
@@ -308,7 +320,7 @@ const ScreenshareTiles = React.forwardRef<
         <PaginationDots
           list={screensharePeerTrackNodes}
           activeIndex={activePage}
-          style={{ marginVertical: 8 }}
+          style={{ marginVertical: isLandscapeOrientation ? 4 : 8 }}
         />
       ) : null}
     </View>

package/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,18 @@ 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,
         },
       ]}
     >

package/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>
+  );
+};