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

package/lib/typescript/redux/reducers/index.d.ts

@@ -21,6 +21,13 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         };
         modalType: import("../../utils/types").ModalTypes;
         peerToUpdate: import("@100mslive/react-native-hms").HMSPeer | null;
+        meetingState: import("../../types").MeetingState;
+        startingHLSStream: boolean;
+        insetViewMinimized: boolean;
+        miniviewPeerTrackNode: import("../../utils/types").PeerTrackNode | null;
+        localPeerTrackNode: import("../../utils/types").PeerTrackNode | null;
+        gridViewActivePage: number;
+        startingOrStoppingRecording: boolean;
     };
     user: {
         userName: string;
@@ -37,7 +44,8 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         roomCode: string;
         isHLSFlow: boolean;
         roles: import("@100mslive/react-native-hms").HMSRole[];
-        iosBuildConfig: import("../../utils/types").IOSBuildConfig | null;
+        iosBuildConfig: import("../../utils/types").HMSIOSScreenShareConfig | null;
+        onLeave: (() => void) | undefined;
     };
     hmsStates: {
         isLocalAudioMuted: boolean | undefined;
@@ -48,6 +56,7 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         localPeer: import("@100mslive/react-native-hms").HMSLocalPeer | null;
         roles: import("@100mslive/react-native-hms").HMSRole[];
         previewPeersList: import("@100mslive/react-native-hms").HMSPeer[];
+        layoutConfig: import("@100mslive/types-prebuilt").Layout | null;
     };
     chatWindow: any;
 }>, any>;

package/lib/typescript/redux/reducers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/redux/reducers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,wBAMG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/redux/reducers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,wBAMG"}

package/lib/typescript/redux/reducers/userState.d.ts

@@ -1,5 +1,5 @@
 import type { HMSRole, HMSSDK, HMSSessionStore } from '@100mslive/react-native-hms';
-import type { IOSBuildConfig } from '../../utils/types';
+import type { HMSIOSScreenShareConfig } from '../../utils/types';
 type ActionType = {
     payload: any;
     type: String;
@@ -19,7 +19,8 @@ type IntialStateType = {
     roomCode: string;
     isHLSFlow: boolean;
     roles: HMSRole[];
-    iosBuildConfig: IOSBuildConfig | null;
+    iosBuildConfig: HMSIOSScreenShareConfig | null;
+    onLeave: (() => void) | undefined;
 };
 declare const userReducer: (state: IntialStateType | undefined, action: ActionType) => IntialStateType;
 export default userReducer;

package/lib/typescript/redux/reducers/userState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"userState.d.ts","sourceRoot":"","sources":["../../../../src/redux/reducers/userState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,OAAO,EACP,MAAM,EACN,eAAe,EAChB,MAAM,6BAA6B,CAAC;AAGrC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,GAAG,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;IACvD,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACzC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;CACvC,CAAC;AAiBF,QAAA,MAAM,WAAW,+CAEP,UAAU,KACjB,eAsCF,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"userState.d.ts","sourceRoot":"","sources":["../../../../src/redux/reducers/userState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,OAAO,EACP,MAAM,EACN,eAAe,EAChB,MAAM,6BAA6B,CAAC;AAGrC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAEjE,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,GAAG,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;IACvD,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACzC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,cAAc,EAAE,uBAAuB,GAAG,IAAI,CAAC;IAC/C,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACnC,CAAC;AAkBF,QAAA,MAAM,WAAW,+CAEP,UAAU,KACjB,eAuCF,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/typescript/utils/functions.d.ts

@@ -44,4 +44,18 @@ export declare const getDisplayTrackDimensions: (peersInPage: number, top: numbe
 export declare const getTrackForPIPView: (pairedPeers: PeerTrackNode[][]) => PeerTrackNode | undefined;
 export declare const getTime: (millisecs: number) => [number, number, number];
 export declare const getTimeStringin12HourFormat: (time: Date) => string;
+/**
+ * @param totalNumber total number of tiles
+ * @returns list of pairs that can be made from total number of tiles
+ *
+ * Example: If totalNumber is `5`, then output will be = `[ [0, 1], [2, 3], [4] ]`;
+ */
+export declare function groupIntoPairs(totalNumber: number): number[][];
+/**
+ * @param list array of items
+ * @returns list of triplets
+ *
+ * Example: If list is `[a, b, c, d]`, then output will be `[ [a, b, c], [d] ]`
+ */
+export declare function groupIntoTriplets<T>(list: T[], fill?: boolean): (T | undefined)[][];
 //# sourceMappingURL=functions.d.ts.map

package/lib/typescript/utils/functions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../../../src/utils/functions.ts"],"names":[],"mappings":"AAOA,OAAO,EACL,OAAO,EACP,QAAQ,EAGR,aAAa,EACd,MAAM,6BAA6B,CAAC;AAErC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EACL,WAAW,EAIZ,MAAM,0BAA0B,CAAC;AAGlC,eAAO,MAAM,aAAa,cACmC,CAAC;AAG9D,eAAO,MAAM,cAAc,cAAsB,CAAC;AAElD,eAAO,MAAM,WAAW,UAAW,MAAM,KAAG,MAkB3C,CAAC;AAEF,eAAO,MAAM,aAAa,cACb,MAAM,KAChB;IACD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CAWnB,CAAC;AAEF,eAAO,MAAM,gCAAgC,QAAa,QAAQ,OAAO,CAkCxE,CAAC;AAEF,eAAO,MAAM,WAAW,WACd,MAAM,WACL,QAAQ,WACR,QAAQ,kBA8ClB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,QAAS,MAAM,OAAO,MAAM,WAE9D,CAAC;AAEF,eAAO,MAAM,eAAe,WAAY,MAAM,WAM7C,CAAC;AAEF,eAAO,MAAM,YAAY,mBACP,aAAa,EAAE,UACvB,MAAM,KACb,aAAa,EAQf,CAAC;AAEF,eAAO,MAAM,iBAAiB,mBACZ,aAAa,EAAE,QACzB,OAAO,UACL,QAAQ,KACf,aAAa,EAaf,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBACd,aAAa,EAAE,cACnB,OAAO,KAClB,aAAa,EAOf,CAAC;AAEF,eAAO,MAAM,oBAAoB,mBACf,aAAa,EAAE,QACzB,OAAO,SACN,QAAQ,KACd,aAAa,EAcf,CAAC;AAEF,eAAO,MAAM,eAAe,mBACV,aAAa,EAAE,QACzB,OAAO,KACZ,aAAa,EAUf,CAAC;AAEF,eAAO,MAAM,mBAAmB,SACxB,OAAO,UACL,QAAQ,KACf,aAgBF,CAAC;AAEF,eAAO,MAAM,qBAAqB,yBACV,aAAa,EAAE,yBACd,aAAa,EAAE,KACrC,aAAa,EAWf,CAAC;AAEF,eAAO,MAAM,UAAU,eAGtB,CAAC;AAEF,eAAO,MAAM,WAAW,SAAU,MAAM,KAAG,OAc1C,CAAC;AAEF,eAAO,MAAM,gBAAgB,gBACd,MACX,CAAC,OAAO,YAAY,OAAO,CAAC,CAAC,MAAM,OAAO,YAAY,OAAO,CAAC,CAC/D,KACA,QAAQ,OAAO,CAyCjB,CAAC;AAEF,eAAO,MAAM,QAAQ,4BACM,aAAa,EAAE,SACjC,MAAM,0BACW,MAAM,GAAG,IAAI,sBAsCtC,CAAC;AAEF,eAAO,MAAM,iBAAiB,qBACV,MAAM,GAAG,SAAS,GAAG,IAAI,cAC/B;IACV,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,qBAAqB,CAAC,EAAE,QAAQ,CAAC;IACjC,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;CAC5B;;;;CAuBF,CAAC;AAEF,eAAO,MAAM,yBAAyB,gBACvB,MAAM,OACd,MAAM,UACH,MAAM,yBACS,OAAO;;;CAoC/B,CAAC;AAKF,eAAO,MAAM,kBAAkB,gBAAiB,aAAa,EAAE,EAAE,8BAwBhE,CAAC;AAEF,eAAO,MAAM,OAAO,cAAe,MAAM,KAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAQlE,CAAC;AAEF,eAAO,MAAM,2BAA2B,SAAU,IAAI,WAWrD,CAAC"}
+{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../../../src/utils/functions.ts"],"names":[],"mappings":"AAOA,OAAO,EACL,OAAO,EACP,QAAQ,EAGR,aAAa,EACd,MAAM,6BAA6B,CAAC;AAErC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EACL,WAAW,EAIZ,MAAM,0BAA0B,CAAC;AAGlC,eAAO,MAAM,aAAa,cACmC,CAAC;AAG9D,eAAO,MAAM,cAAc,cAAsB,CAAC;AAElD,eAAO,MAAM,WAAW,UAAW,MAAM,KAAG,MAkB3C,CAAC;AAEF,eAAO,MAAM,aAAa,cACb,MAAM,KAChB;IACD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CAWnB,CAAC;AAEF,eAAO,MAAM,gCAAgC,QAAa,QAAQ,OAAO,CAkCxE,CAAC;AAEF,eAAO,MAAM,WAAW,WACd,MAAM,WACL,QAAQ,WACR,QAAQ,kBA8ClB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,QAAS,MAAM,OAAO,MAAM,WAE9D,CAAC;AAEF,eAAO,MAAM,eAAe,WAAY,MAAM,WAM7C,CAAC;AAEF,eAAO,MAAM,YAAY,mBACP,aAAa,EAAE,UACvB,MAAM,KACb,aAAa,EAQf,CAAC;AAEF,eAAO,MAAM,iBAAiB,mBACZ,aAAa,EAAE,QACzB,OAAO,UACL,QAAQ,KACf,aAAa,EAaf,CAAC;AAEF,eAAO,MAAM,mBAAmB,mBACd,aAAa,EAAE,cACnB,OAAO,KAClB,aAAa,EAOf,CAAC;AAEF,eAAO,MAAM,oBAAoB,mBACf,aAAa,EAAE,QACzB,OAAO,SACN,QAAQ,KACd,aAAa,EAcf,CAAC;AAEF,eAAO,MAAM,eAAe,mBACV,aAAa,EAAE,QACzB,OAAO,KACZ,aAAa,EAUf,CAAC;AAEF,eAAO,MAAM,mBAAmB,SACxB,OAAO,UACL,QAAQ,KACf,aAgBF,CAAC;AAEF,eAAO,MAAM,qBAAqB,yBACV,aAAa,EAAE,yBACd,aAAa,EAAE,KACrC,aAAa,EAWf,CAAC;AAEF,eAAO,MAAM,UAAU,eAGtB,CAAC;AAEF,eAAO,MAAM,WAAW,SAAU,MAAM,KAAG,OAc1C,CAAC;AAEF,eAAO,MAAM,gBAAgB,gBACd,MACX,CAAC,OAAO,YAAY,OAAO,CAAC,CAAC,MAAM,OAAO,YAAY,OAAO,CAAC,CAC/D,KACA,QAAQ,OAAO,CAyCjB,CAAC;AAEF,eAAO,MAAM,QAAQ,4BACM,aAAa,EAAE,SACjC,MAAM,0BACW,MAAM,GAAG,IAAI,sBAsCtC,CAAC;AAEF,eAAO,MAAM,iBAAiB,qBACV,MAAM,GAAG,SAAS,GAAG,IAAI,cAC/B;IACV,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,qBAAqB,CAAC,EAAE,QAAQ,CAAC;IACjC,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;CAC5B;;;;CAuBF,CAAC;AAEF,eAAO,MAAM,yBAAyB,gBACvB,MAAM,OACd,MAAM,UACH,MAAM,yBACS,OAAO;;;CAoC/B,CAAC;AAKF,eAAO,MAAM,kBAAkB,gBAAiB,aAAa,EAAE,EAAE,8BAwBhE,CAAC;AAEF,eAAO,MAAM,OAAO,cAAe,MAAM,KAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAQlE,CAAC;AAEF,eAAO,MAAM,2BAA2B,SAAU,IAAI,WAWrD,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,WAAW,EAAE,MAAM,cAUjD;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,OAAO,uBAsB7D"}

package/lib/typescript/utils/theme.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from './types';
+import type { ColorPalette, Theme, Typography } from '@100mslive/types-prebuilt';
 export declare const FONTS: {
     H1: {
         fontSize: number;
@@ -42,8 +42,7 @@ export declare const FONTS: {
         letterSpacing: number;
     };
 };
-export declare const getAppTheme: () => Theme;
-export declare const setAppTheme: (theme: Theme) => Theme;
+export declare const STATIC_COLOR_PALETTE: ColorPalette;
 export declare const COLORS: {
     PRIMARY: {
         LIGHT: string;
@@ -70,6 +69,7 @@ export declare const COLORS: {
     BLACK: string;
     WHITE: string;
     OVERLAY: string;
+    LOADING_BACKDROP: string;
     TEXT: {
         HIGH_EMPHASIS: string;
         MEDIUM_EMPHASIS: string;
@@ -93,6 +93,7 @@ export declare const COLORS: {
     BACKGROUND: {
         DIM: string;
         DIM_80: string;
+        DIM_64: string;
         DEFAULT: string;
         DARK: string;
         DARKER: string;
@@ -127,4 +128,7 @@ export declare const COLORS: {
         };
     };
 };
+export declare function hexToRgbA(hex: string, alpha?: number): string;
+export declare const DEFAULT_TYPOGRAPHY: Typography;
+export declare const DEFAULT_THEME: Required<Theme>;
 //# sourceMappingURL=theme.d.ts.map

package/lib/typescript/utils/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/utils/theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ChB,CAAC;AAGH,eAAO,MAAM,WAAW,aAAkB,CAAC;AAC3C,eAAO,MAAM,WAAW,UAAW,KAAK,UAAwB,CAAC;AAEjE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFlB,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/utils/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,YAAY,EACZ,KAAK,EACL,UAAU,EACX,MAAM,2BAA2B,CAAC;AAEnC,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ChB,CAAC;AAEH,eAAO,MAAM,oBAAoB,EAAE,YAyClC,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFlB,CAAC;AAEF,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,GAAE,MAAU,UAavD;AAED,eAAO,MAAM,kBAAkB,EAAE,UAEhC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,KAAK,CAIzC,CAAC"}

package/lib/typescript/utils/types.d.ts

@@ -43,7 +43,6 @@ export declare enum ModalTypes {
     ZOOM = "zoom",
     PREVIEW = "preview",
     PARTICIPANTS = "participants",
-    VOLUME = "volume",
     AUDIO_MIXING_MODE = "audioMixingMode",
     SET_AUDIO_SHARE_VOLUME = "setAudioShareVolume",
     WELCOME_SETTINGS = "welcomeSettings",
@@ -51,6 +50,7 @@ export declare enum ModalTypes {
     PEER_SETTINGS = "peerSettings",
     STREAMING_QUALITY_SETTING = "streamingQualitySetting",
     HLS_PLAYER_ASPECT_RATIO = "hlsPlayerAspectRatio",
+    STOP_RECORDING = "stopRecording",
     DEFAULT = ""
 }
 export declare enum SortingType {
@@ -71,12 +71,16 @@ export declare enum PipModes {
 export declare enum Constants {
     MEET_URL = "MEET_URL"
 }
-export type IOSBuildConfig = {
-    appGroup?: string;
-    preferredExtension?: string;
+export type HMSIOSScreenShareConfig = {
+    appGroup: string;
+    preferredExtension: string;
 };
 export declare const SUPPORTED_ASPECT_RATIOS: {
     value: number;
     id: string;
 }[];
+export declare enum MaxTilesInOnePage {
+    IN_PORTRAIT = 6,
+    IN_LANDSCAPE = 2
+}
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/utils/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE1E,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CAEtB,CAAC;AAEF,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,cAAc,mBAAmB;IACjC,IAAI,SAAS;IACb,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,OAAO,KAAK;CACb;AAED,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,OAAO,KAAK;CACb;AAED,oBAAY,UAAU;IACpB,kBAAkB,qBAAqB;IACvC,mBAAmB,sBAAsB;IACzC,iBAAiB,oBAAoB;IACrC,WAAW,eAAe;IAC1B,YAAY,qBAAqB;IACjC,iBAAiB,yBAAyB;IAC1C,WAAW,eAAe;IAC1B,aAAa,iBAAiB;IAC9B,iBAAiB,oBAAoB;IACrC,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,SAAS,aAAa;IACtB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,UAAU,cAAc;IACxB,UAAU,cAAc;IACxB,QAAQ,YAAY;IACpB,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,YAAY,iBAAiB;IAC7B,MAAM,WAAW;IACjB,iBAAiB,oBAAoB;IACrC,sBAAsB,wBAAwB;IAC9C,gBAAgB,oBAAoB;IACpC,gBAAgB,mBAAmB;IACnC,aAAa,iBAAiB;IAC9B,yBAAyB,4BAA4B;IACrD,uBAAuB,yBAAyB;IAChD,OAAO,KAAK;CACb;AAED,oBAAY,WAAW;IACrB,YAAY,uBAAuB;IACnC,QAAQ,aAAa;IACrB,aAAa,kBAAkB;IAC/B,OAAO,SAAS;CACjB;AAED,oBAAY,KAAK;IACf,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,oBAAY,QAAQ;IAClB,aAAa,KAAK;IAClB,MAAM,IAAI;IACV,QAAQ,IAAI;CACb;AAED,oBAAY,SAAS;IACnB,QAAQ,aAAa;CACtB;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;GAMnC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE1E,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CAEtB,CAAC;AAEF,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,cAAc,mBAAmB;IACjC,IAAI,SAAS;IACb,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,OAAO,KAAK;CACb;AAED,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,OAAO,KAAK;CACb;AAED,oBAAY,UAAU;IACpB,kBAAkB,qBAAqB;IACvC,mBAAmB,sBAAsB;IACzC,iBAAiB,oBAAoB;IACrC,WAAW,eAAe;IAC1B,YAAY,qBAAqB;IACjC,iBAAiB,yBAAyB;IAC1C,WAAW,eAAe;IAC1B,aAAa,iBAAiB;IAC9B,iBAAiB,oBAAoB;IACrC,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,SAAS,aAAa;IACtB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,UAAU,cAAc;IACxB,UAAU,cAAc;IACxB,QAAQ,YAAY;IACpB,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,YAAY,iBAAiB;IAC7B,iBAAiB,oBAAoB;IACrC,sBAAsB,wBAAwB;IAC9C,gBAAgB,oBAAoB;IACpC,gBAAgB,mBAAmB;IACnC,aAAa,iBAAiB;IAC9B,yBAAyB,4BAA4B;IACrD,uBAAuB,yBAAyB;IAChD,cAAc,kBAAkB;IAChC,OAAO,KAAK;CACb;AAED,oBAAY,WAAW;IACrB,YAAY,uBAAuB;IACnC,QAAQ,aAAa;IACrB,aAAa,kBAAkB;IAC/B,OAAO,SAAS;CACjB;AAED,oBAAY,KAAK;IACf,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,oBAAY,QAAQ;IAClB,aAAa,KAAK;IAClB,MAAM,IAAI;IACV,QAAQ,IAAI;CACb;AAED,oBAAY,SAAS;IACnB,QAAQ,aAAa;CACtB;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;GAMnC,CAAC;AAEF,oBAAY,iBAAiB;IAC3B,WAAW,IAAI;IACf,YAAY,IAAI;CACjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@100mslive/react-native-room-kit",
-  "version": "0.0.3",
+  "version": "0.1.0",
   "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",
@@ -51,25 +51,12 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@100mslive/react-native-hms": "1.7.0",
-    "@miblanchard/react-native-slider": "^2.0.2",
     "@react-navigation/native": "^6.0.8",
-    "@shopify/flash-list": "^1.4.3",
-    "react-native-avoid-softinput": "^2.4.8",
-    "react-native-device-info": "^9.0.2",
-    "react-native-document-picker": "^8.1.1",
-    "react-native-fs": "^2.19.0",
-    "react-native-gesture-handler": "^1.10.3",
-    "react-native-linear-gradient": "^2.7.3",
-    "react-native-modal": "^12.1.0",
-    "react-native-safe-area-context": "^3.3.0",
-    "react-native-share": "^8.2.2",
-    "react-native-simple-toast": "^1.1.3",
     "react-redux": "^7.2.4",
-    "redux": "^4.1.0",
-    "rn-fetch-blob": "^0.12.0"
+    "redux": "^4.1.0"
   },
   "devDependencies": {
+    "@100mslive/types-prebuilt": "^0.8.0",
     "@commitlint/config-conventional": "^17.0.2",
     "@evilmartians/lefthook": "^1.2.2",
     "@react-native-community/eslint-config": "^3.0.2",
@@ -93,10 +80,18 @@
     "typescript": "^5.0.2"
   },
   "peerDependencies": {
+    "@100mslive/react-native-hms": "github:100mslive/100ms-react-native#release1.8.0",
+    "@shopify/flash-list": "^1.4.3",
     "react": "*",
     "react-native": "*",
+    "react-native-avoid-softinput": "^2.4.8",
+    "react-native-gesture-handler": "^2.12.1",
+    "react-native-linear-gradient": "^2.7.3",
+    "react-native-modal": "^12.1.0",
     "react-native-permissions": "3.4.0",
     "react-native-reanimated": "^2.17.0",
+    "react-native-safe-area-context": "^3.3.0",
+    "react-native-simple-toast": "^1.1.3",
     "react-native-vector-icons": "^9.1.0"
   },
   "resolutions": {

package/src/HMSInstanceSetup.tsx

@@ -12,7 +12,6 @@ import {
   HMSVideoTrackSettings,
 } from '@100mslive/react-native-hms';
 import React, { useEffect } from 'react';
-import { getModel } from 'react-native-device-info';
 import { batch, useDispatch } from 'react-redux';
 
 import { getJoinConfig } from './utils';
@@ -20,26 +19,11 @@ import { saveUserData, setHMSInstance } from './redux/actions';
 import { FullScreenIndicator } from './components/FullScreenIndicator';
 import { clearConfig } from './hooks-util';
 import { store } from './redux';
+import type { HMSIOSScreenShareConfig } from './utils/types';
 
 const getTrackSettings = () => {
   const joinConfig = getJoinConfig();
 
-  const listOfFaultyDevices = [
-    'Pixel',
-    'Pixel XL',
-    'Moto G5',
-    'Moto G (5S) Plus',
-    'Moto G4',
-    'TA-1053',
-    'Mi A1',
-    'Mi A2',
-    'E5823', // Sony z5 compact
-    'Redmi Note 5',
-    'FP2', // Fairphone FP2
-    'MI 5',
-  ];
-  const deviceModal = getModel();
-
   /**
    * Customize local peer's Audio track settings before Joining the Room.
    *
@@ -49,15 +33,8 @@ const getTrackSettings = () => {
     initialState: joinConfig.mutedAudio
       ? HMSTrackSettingsInitState.MUTED
       : HMSTrackSettingsInitState.UNMUTED,
-    useHardwareEchoCancellation: listOfFaultyDevices.includes(deviceModal)
-      ? true
-      : false,
     audioSource: joinConfig.audioMixer
-      ? [
-          'mic_node',
-          'screen_broadcast_audio_receiver_node',
-          'audio_file_player_node',
-        ]
+      ? ['mic_node', 'screen_broadcast_audio_receiver_node']
       : undefined,
     /**
      * `audioMode` param allows you to capture audio in its highest quality
@@ -96,7 +73,8 @@ const getLogSettings = (): HMSLogSettings => {
   });
 };
 
-const getIOSBuildConfig = () => store.getState().user.iosBuildConfig || {};
+const getIOSBuildConfig = (): Partial<HMSIOSScreenShareConfig> =>
+  store.getState().user.iosBuildConfig || {};
 
 /**
  * Regular Usage:
@@ -141,6 +119,7 @@ const getHmsInstance = async (): Promise<HMSSDK> => {
     trackSettings,
     appGroup,
     preferredExtension,
+    isPrebuilt: true,
   });
 
   const logger = new HMSLogger();
@@ -160,19 +139,14 @@ export const HMSInstanceSetup = () => {
       clearConfig();
       getHmsInstance()
         .then((hmssdkInstance) => {
-          console.log('$$$ hmssdkInstance id = ', hmssdkInstance.id);
           if (!ignore) {
             // If this component is mounted
             // save instance in store
-            console.log('$$$ before batch');
             batch(() => {
-              console.log('$$$ setHMSInstance call');
               dispatch(setHMSInstance(hmssdkInstance));
               // TODO: remove this from user reducer
-              console.log('$$$ saveUserData call');
               dispatch(saveUserData({ hmsInstance: hmssdkInstance }));
             });
-            console.log('$$$ after batch');
           } else {
             // If this component is not mounted when this response is received
             // that means Root componnet is unmounted, we can destroy instance safely

package/src/HMSPrebuilt.tsx

@@ -1,10 +1,14 @@
 import React, { memo } from 'react';
 import { Provider } from 'react-redux';
+import {
+  SafeAreaInsetsContext,
+  SafeAreaProvider,
+} from 'react-native-safe-area-context';
 
 import { store } from './redux/index';
 import { HMSContainer } from './HMSContainer';
 import { setPrebuiltData } from './redux/actions';
-import type { IOSBuildConfig } from './utils/types';
+import type { HMSIOSScreenShareConfig } from './utils/types';
 
 export interface HMSPrebuiltProps {
   roomCode: string;
@@ -16,19 +20,34 @@ export interface HMSPrebuiltProps {
       token: string;
     };
     debugMode?: boolean;
-    ios?: IOSBuildConfig;
+    ios?: HMSIOSScreenShareConfig;
   };
+  onLeave?: () => void;
 }
 
-export const _HMSPrebuilt: React.FC<HMSPrebuiltProps> = (props) => {
-  const { roomCode, options } = props;
+const _HMSPrebuilt: React.FC<HMSPrebuiltProps> = (props) => {
+  const { roomCode, options, onLeave } = props;
 
-  store.dispatch(setPrebuiltData({ roomCode, options }));
+  store.dispatch(setPrebuiltData({ roomCode, options, onLeave }));
+
+  // @ts-ignore Not using `useContext` hook because we don't want to subscribe to updates
+  // We just want to check if SafeAreaProvider exists or not
+  const safeAreaProviderExists = !!SafeAreaInsetsContext.Consumer._currentValue;
+
+  if (safeAreaProviderExists) {
+    return (
+      <Provider store={store}>
+        <HMSContainer />
+      </Provider>
+    );
+  }
 
   return (
-    <Provider store={store}>
-      <HMSContainer />
-    </Provider>
+    <SafeAreaProvider>
+      <Provider store={store}>
+        <HMSContainer />
+      </Provider>
+    </SafeAreaProvider>
   );
 };
 

package/src/HMSRoomSetup.tsx

@@ -5,24 +5,40 @@ import {
   HMSUpdateListenerActions,
 } from '@100mslive/react-native-hms';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { Alert, Platform, StatusBar, StyleSheet, View } from 'react-native';
+import {
+  Alert,
+  Keyboard,
+  Platform,
+  StatusBar,
+  StyleSheet,
+  View,
+} from 'react-native';
 import Toast from 'react-native-simple-toast';
-import { batch, useDispatch } from 'react-redux';
+import { batch, useDispatch, useSelector, useStore } from 'react-redux';
 
 import { Preview } from './components';
 import {
+  changeMeetingState,
+  changeStartingHLSStream,
   clearStore,
   setHMSLocalPeerState,
   setHMSRoomState,
+  setLocalPeerTrackNode,
+  setMiniViewPeerTrackNode,
+  updateLocalPeerTrackNode,
 } from './redux/actions';
 import { createPeerTrackNode } from './utils/functions';
 import type { PeerTrackNode } from './utils/types';
 import { Meeting } from './components/Meeting';
 import {
+  useHMSActiveSpeakerUpdates,
   useHMSConfig,
   useHMSInstance,
   useHMSListeners,
+  useHMSRoomColorPalette,
+  useHMSRoomStyle,
   useHMSSessionStore,
+  useLeaveMethods,
 } from './hooks-util';
 import {
   peerTrackNodeExistForPeerAndTrack,
@@ -32,9 +48,10 @@ import {
 } from './peerTrackNodeUtils';
 import { MeetingState } from './types';
 import { getJoinConfig } from './utils';
-import { COLORS } from './utils/theme';
 import { FullScreenIndicator } from './components/FullScreenIndicator';
-import { selectIsHLSViewer } from './hooks-util-selectors';
+import { HMSMeetingEnded } from './components/HMSMeetingEnded';
+import { selectIsHLSViewer, selectShouldGoLive } from './hooks-util-selectors';
+import type { RootState } from './redux';
 
 type PreviewData = {
   room: HMSRoom;
@@ -42,19 +59,23 @@ type PreviewData = {
 };
 
 export const HMSRoomSetup = () => {
-  console.log('### Inside HMSRoomSetup');
+  const ignoreHLSStreamPromise = useRef(false);
   const didInitMeetingAction = useRef(false);
   const hmsInstance = useHMSInstance();
   const dispatch = useDispatch();
-  console.log('### after dispatch');
+  const reduxStore = useStore<RootState>();
 
   const { getConfig, clearConfig } = useHMSConfig();
-  const [meetingState, setMeetingState] = useState(MeetingState.NOT_JOINED);
+  const meetingState = useSelector(
+    (state: RootState) => state.app.meetingState
+  );
   const [peerTrackNodes, setPeerTrackNodes] = useState<PeerTrackNode[]>([]);
   const [loading, setLoading] = useState(false);
+  const { goToPreview } = useLeaveMethods();
 
   const joinMeeting = useCallback(async () => {
     setLoading(true);
+    Keyboard.dismiss();
     const hmsConfig = await getConfig();
     // TODO: handle case when promise returned from `getConfig()` is resolved when Root component has been unmounted
     hmsInstance.join(hmsConfig);
@@ -67,8 +88,22 @@ export const HMSRoomSetup = () => {
     hmsInstance.preview(hmsConfig);
   }, [getConfig, hmsInstance]);
 
+  const startHLSStreaming = useCallback(async () => {
+    dispatch(changeStartingHLSStream(true));
+    try {
+      const d = await hmsInstance.startHLSStreaming();
+      console.log('Start HLS Streaming Success: ', d);
+    } catch (e) {
+      console.log('Start HLS Streaming Error: ', e);
+      if (!ignoreHLSStreamPromise.current) {
+        console.log('Unable to go live at the moment: ', e);
+        goToPreview();
+      }
+    }
+  }, [goToPreview, hmsInstance]);
+
   // HMS Room, Peers, Track Listeners
-  useHMSListeners(meetingState, setPeerTrackNodes, setMeetingState);
+  useHMSListeners(setPeerTrackNodes);
 
   /**
    * Session store is a shared realtime key-value store that is accessible by everyone in the room.
@@ -126,24 +161,20 @@ export const HMSRoomSetup = () => {
   // HMS Preview Listener
   useEffect(() => {
     const onPreviewHandler = (data: PreviewData) => {
-      console.log('ON_PREVIEW called');
+      setLoading(false);
       batch(() => {
         dispatch(setHMSRoomState(data.room));
         dispatch(setHMSLocalPeerState(data.room.localPeer));
+        dispatch(changeMeetingState(MeetingState.IN_PREVIEW));
       });
-
-      setLoading(false);
-      setMeetingState(MeetingState.IN_PREVIEW);
     };
 
-    console.log('HMSUpdateListenerActions.ON_PREVIEW registered');
     hmsInstance.addEventListener(
       HMSUpdateListenerActions.ON_PREVIEW,
       onPreviewHandler
     );
 
     return () => {
-      console.log('HMSUpdateListenerActions.ON_PREVIEW removed');
       hmsInstance.removeEventListener(HMSUpdateListenerActions.ON_PREVIEW);
     };
   }, [hmsInstance]);
@@ -155,19 +186,37 @@ export const HMSRoomSetup = () => {
 
       setLoading(false);
 
+      const reduxState = reduxStore.getState();
+
       const localPeer = data.room.localPeer;
 
       const peer = localPeer;
       const track = localPeer.videoTrack as HMSTrack | undefined;
 
+      // Creating `PeerTrackNode` for local peer
+      const localPeerTrackNode = createPeerTrackNode(peer, track);
+
       batch(() => {
         if (selectIsHLSViewer(localPeer)) {
           dispatch({ type: 'SET_SHOW_CHAT_VIEW', showChatView: true });
+        } else {
+          if (reduxState.app.localPeerTrackNode) {
+            dispatch(
+              updateLocalPeerTrackNode({ peer, track: peer.videoTrack })
+            );
+          } else {
+            // saving above created `PeerTrackNode` in store
+            dispatch(setLocalPeerTrackNode(localPeerTrackNode));
+          }
+
+          // setting local `PeerTrackNode` as node for MiniView
+          dispatch(setMiniViewPeerTrackNode(localPeerTrackNode));
         }
         dispatch(setHMSRoomState(data.room));
         dispatch(setHMSLocalPeerState(data.room.localPeer));
       });
 
+      // If `peerTrackNodes` also contains a tile for local peer then updating it
       setPeerTrackNodes((prevPeerTrackNodes) => {
         if (
           track &&
@@ -182,11 +231,19 @@ export const HMSRoomSetup = () => {
         if (peerTrackNodeExistForPeer(prevPeerTrackNodes, peer)) {
           return replacePeerTrackNodes(prevPeerTrackNodes, peer);
         }
-        const hmsLocalPeer = createPeerTrackNode(peer, track);
-        return [hmsLocalPeer, ...prevPeerTrackNodes];
+
+        //   const hmsLocalPeer = createPeerTrackNode(peer, track);
+        //   return [hmsLocalPeer, ...prevPeerTrackNodes];
+
+        return prevPeerTrackNodes;
       });
 
-      setMeetingState(MeetingState.IN_MEETING);
+      const shouldGoLive = selectShouldGoLive(reduxState);
+
+      if (shouldGoLive) {
+        startHLSStreaming();
+      }
+      dispatch(changeMeetingState(MeetingState.IN_MEETING));
     };
 
     hmsInstance.addEventListener(
@@ -197,10 +254,19 @@ export const HMSRoomSetup = () => {
     return () => {
       hmsInstance.removeEventListener(HMSUpdateListenerActions.ON_JOIN);
     };
-  }, [hmsInstance]);
+  }, [startHLSStreaming, hmsInstance]);
 
+  const meetingJoined = meetingState === MeetingState.IN_MEETING;
+
+  // HMS Active Speaker Listener
+  // dev-note: This is added here because we have `setPeerTrackNodes` here
+  useHMSActiveSpeakerUpdates(setPeerTrackNodes, meetingJoined);
+
+  const meetingEnded = meetingState === MeetingState.MEETING_ENDED;
+
+  // Handling Automatically calling Preview or Join API
   useEffect(() => {
-    if (!didInitMeetingAction.current) {
+    if (!meetingEnded && !didInitMeetingAction.current) {
       didInitMeetingAction.current = true;
 
       // let ignore = false;
@@ -227,10 +293,12 @@ export const HMSRoomSetup = () => {
         // ignore = true;
       };
     }
-  }, []);
+  }, [meetingEnded]);
 
   useEffect(() => {
     return () => {
+      ignoreHLSStreamPromise.current = true;
+
       // TODOS:
       // - Check If we have already left meeting, or destroyed native HMSSDK
       //    - No need to reset redux state?
@@ -253,10 +321,16 @@ export const HMSRoomSetup = () => {
     };
   }, [hmsInstance]);
 
+  const emptyViewStyles = useHMSRoomStyle((theme) => ({
+    backgroundColor: theme.palette.background_dim,
+  }));
+
+  const { background_dim: backgroundDimColor } = useHMSRoomColorPalette();
+
   return (
     <>
       <StatusBar
-        backgroundColor={COLORS.BACKGROUND.DIM}
+        backgroundColor={backgroundDimColor}
         barStyle={'light-content'}
       />
 
@@ -264,10 +338,12 @@ export const HMSRoomSetup = () => {
         <Preview join={joinMeeting} loadingButtonState={loading} />
       ) : meetingState === MeetingState.IN_MEETING ? (
         <Meeting peerTrackNodes={peerTrackNodes} />
+      ) : meetingState === MeetingState.MEETING_ENDED ? (
+        <HMSMeetingEnded />
       ) : loading ? (
         <FullScreenIndicator />
       ) : (
-        <View style={styles.container} />
+        <View style={[styles.container, emptyViewStyles]} />
       )}
     </>
   );
@@ -276,6 +352,5 @@ export const HMSRoomSetup = () => {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: COLORS.BACKGROUND.DIM,
   },
 });