@100mslive/react-native-room-kit 1.0.7 → 1.0.8

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

@@ -1,7 +1,7 @@
 declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     messages: {
         messages: import("@100mslive/react-native-hms").HMSMessage[];
-        pinnedMessage: string | null | undefined;
+        pinnedMessages: import("../../types").PinnedMessage[];
     };
     app: {
         peerState: import("../../utils/types").PeerTrackNode[];
@@ -33,9 +33,14 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         notifications: import("../../types").Notification[];
         activeChatBottomSheetTab: "Chat" | "Participants";
         chatFilterSheetVisible: boolean;
+        chatMoreActionsSheetVisible: boolean;
+        chatState: import("../../types").ChatState | null;
         handleBackButton: boolean;
         autoEnterPipMode: boolean;
         editUsernameDisabled: boolean;
+        selectedMessageForAction: import("@100mslive/react-native-hms").HMSMessage | null;
+        initialRole: import("@100mslive/react-native-hms").HMSRole | null;
+        chatPeerBlacklist: string[];
     };
     user: {
         userName: string;
@@ -76,7 +81,7 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         typedMessage: string;
         sendTo: {
             readonly name: "everyone";
-        } | import("@100mslive/react-native-hms").HMSRole | import("@100mslive/react-native-hms").HMSRemotePeer;
+        } | import("@100mslive/react-native-hms").HMSRole | import("@100mslive/react-native-hms").HMSRemotePeer | null;
     };
 }>, any>;
 export default _default;

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/message.d.ts

@@ -1,11 +1,12 @@
 import type { HMSMessage } from '@100mslive/react-native-hms';
+import type { PinnedMessage } from '../../types';
 type ActionType = {
-    payload: HMSMessage | (string | null | undefined);
+    payload: HMSMessage | PinnedMessage[] | string[];
     type: String;
 };
 type InitType = {
     messages: Array<HMSMessage>;
-    pinnedMessage: string | null | undefined;
+    pinnedMessages: PinnedMessage[];
 };
 declare const messageReducer: (state: InitType | undefined, action: ActionType) => InitType;
 export default messageReducer;

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

@@ -1 +1 @@
-{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../src/redux/reducers/message.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAG9D,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,UAAU,GAAG,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAClD,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5B,aAAa,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAC1C,CAAC;AAOF,QAAA,MAAM,cAAc,wCAAmC,UAAU,aAehE,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../src/redux/reducers/message.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,UAAU,GAAG,aAAa,EAAE,GAAG,MAAM,EAAE,CAAC;IACjD,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5B,cAAc,EAAE,aAAa,EAAE,CAAC;CACjC,CAAC;AAOF,QAAA,MAAM,cAAc,wCAAmC,UAAU,aA4BhE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/typescript/types.d.ts

@@ -1,5 +1,5 @@
-import type { HMSException, HMSPeer } from "@100mslive/react-native-hms";
-import type { HMSIOSScreenShareConfig, OnLeaveHandler } from "./utils/types";
+import type { HMSException, HMSPeer } from '@100mslive/react-native-hms';
+import type { HMSIOSScreenShareConfig, OnLeaveHandler } from './utils/types';
 export declare enum MeetingState {
     NOT_JOINED = 0,
     IN_PREVIEW = 1,
@@ -61,6 +61,7 @@ export interface HMSPrebuiltProps {
     autoEnterPipMode?: boolean;
 }
 export declare enum NotificationTypes {
+    INFO = "info",
     ROLE_CHANGE_DECLINED = "role_change_declined",
     RECONNECTING = "reconnecting",
     HAND_RAISE = "hand_raise",
@@ -74,14 +75,33 @@ export type Notification = {
 } | {
     id: string;
     type: NotificationTypes;
-    message: string;
+    icon?: string;
+    message?: string;
+    title: string;
 } | {
     id: string;
     type: NotificationTypes;
+    icon?: string;
     peer: HMSPeer;
 } | {
     id: string;
     type: NotificationTypes;
+    icon?: string;
     exception: HMSException;
 };
+export type PinnedMessage = {
+    text: string;
+    id: string;
+    pinnedBy: string;
+    authorId: string;
+};
+export type ChatState = {
+    enabled: boolean;
+    updatedBy: {
+        peerID: string;
+        userID: string;
+        userName: string;
+    };
+    updatedAt: number;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE7E,oBAAY,YAAY;IACtB,UAAU,IAAA;IACV,UAAU,IAAA;IACV,UAAU,IAAA;IACV,aAAa,IAAA;IACb,KAAK,IAAA;CACN;AACD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE;YACV,IAAI,EAAE,MAAM,CAAC;YACb,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,GAAG,CAAC,EAAE,uBAAuB,CAAC;KAC/B,CAAC;IACF;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;;;;;;;;;;;;;;;OAiBG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;;;;;;;;;OAYG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,oBAAY,iBAAiB;IAC3B,oBAAoB,yBAAyB;IAC7C,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,iBAAiB,sBAAsB;IACvC,KAAK,UAAU;IACf,cAAc,mBAAmB;CAClC;AAED,MAAM,MAAM,YAAY,GACpB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,iBAAiB,CAAC;CAAE,GACxC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,iBAAiB,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;CAAE,GACzD;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,iBAAiB,CAAC;IAAC,IAAI,EAAE,OAAO,CAAC;CAAE,GACvD;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,iBAAiB,CAAC;IAAC,SAAS,EAAE,YAAY,CAAC;CAAE,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE7E,oBAAY,YAAY;IACtB,UAAU,IAAA;IACV,UAAU,IAAA;IACV,UAAU,IAAA;IACV,aAAa,IAAA;IACb,KAAK,IAAA;CACN;AACD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE;YACV,IAAI,EAAE,MAAM,CAAC;YACb,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,GAAG,CAAC,EAAE,uBAAuB,CAAC;KAC/B,CAAC;IACF;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;;;;;;;;;;;;;;;OAiBG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;;;;;;;;;OAYG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,oBAAY,iBAAiB;IAC3B,IAAI,SAAS;IACb,oBAAoB,yBAAyB;IAC7C,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,iBAAiB,sBAAsB;IACvC,KAAK,UAAU;IACf,cAAc,mBAAmB;CAClC;AAED,MAAM,MAAM,YAAY,GACpB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,iBAAiB,CAAA;CAAE,GACvC;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,iBAAiB,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,GACD;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,iBAAiB,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,GACrE;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,iBAAiB,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,YAAY,CAAC;CACzB,CAAC;AAEN,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE;QACT,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC"}

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

@@ -50,6 +50,9 @@ export declare enum ModalTypes {
     STREAMING_QUALITY_SETTING = "streamingQualitySetting",
     HLS_PLAYER_ASPECT_RATIO = "hlsPlayerAspectRatio",
     STOP_RECORDING = "stopRecording",
+    CHAT_FILTER = "chatFilter",
+    CHAT_MORE_ACTIONS = "chatMoreActions",
+    MESSAGE_OPTIONS = "messageOptions",
     DEFAULT = ""
 }
 export declare enum SortingType {

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,OAAO,YAAY;IACnB,qBAAqB,0BAA0B;IAC/C,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,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;AAE7D,eAAO,MAAM,uBAAuB;;;GAMnC,CAAC;AAEF,oBAAY,iBAAiB;IAC3B,6BAA6B,IAAI;IACjC,WAAW,IAAI;IACf,YAAY,IAAI;CACjB;AAED,eAAO,MAAM,mBAAmB,mCAAoC,CAAC;AAErE,eAAO,MAAM,mBAAmB;;CAAgC,CAAC;AAEjE,eAAO,MAAM,uBAAuB,OAAO,CAAC;AAE5C,oBAAY,aAAa;IACvB;;OAEG;IACH,KAAK,UAAU;IACf;;OAEG;IACH,WAAW,gBAAgB;IAC3B;;OAEG;IACH,QAAQ,eAAe;IACvB;;OAEG;IACH,cAAc,mBAAmB;IACjC;;OAEG;IACH,GAAG,QAAQ;CACZ;AAED,eAAO,MAAM,sBAAsB,qBAOlC,CAAC;AAEF,eAAO,MAAM,uBAAuB,OAAO,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,OAAO,YAAY;IACnB,qBAAqB,0BAA0B;IAC/C,iBAAiB,oBAAoB;IACrC,sBAAsB,wBAAwB;IAC9C,gBAAgB,oBAAoB;IACpC,gBAAgB,mBAAmB;IACnC,aAAa,iBAAiB;IAC9B,yBAAyB,4BAA4B;IACrD,uBAAuB,yBAAyB;IAChD,cAAc,kBAAkB;IAChC,WAAW,eAAe;IAC1B,iBAAiB,oBAAoB;IACrC,eAAe,mBAAmB;IAClC,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,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;AAE7D,eAAO,MAAM,uBAAuB;;;GAMnC,CAAC;AAEF,oBAAY,iBAAiB;IAC3B,6BAA6B,IAAI;IACjC,WAAW,IAAI;IACf,YAAY,IAAI;CACjB;AAED,eAAO,MAAM,mBAAmB,mCAAoC,CAAC;AAErE,eAAO,MAAM,mBAAmB;;CAAgC,CAAC;AAEjE,eAAO,MAAM,uBAAuB,OAAO,CAAC;AAE5C,oBAAY,aAAa;IACvB;;OAEG;IACH,KAAK,UAAU;IACf;;OAEG;IACH,WAAW,gBAAgB;IAC3B;;OAEG;IACH,QAAQ,eAAe;IACvB;;OAEG;IACH,cAAc,mBAAmB;IACjC;;OAEG;IACH,GAAG,QAAQ;CACZ;AAED,eAAO,MAAM,sBAAsB,qBAOlC,CAAC;AAEF,eAAO,MAAM,uBAAuB,OAAO,CAAC"}

package/package.json

@@ -1,181 +1,181 @@
 {
-	"name": "@100mslive/react-native-room-kit",
-	"version": "1.0.7",
-	"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",
-	"types": "lib/typescript/index.d.ts",
-	"react-native": "src/index",
-	"source": "src/index",
-	"files": [
-		"src",
-		"lib",
-		"android",
-		"ios",
-		"cpp",
-		"*.podspec",
-		"!lib/typescript/example",
-		"!ios/build",
-		"!android/build",
-		"!android/gradle",
-		"!android/gradlew",
-		"!android/gradlew.bat",
-		"!android/local.properties",
-		"!**/__tests__",
-		"!**/__fixtures__",
-		"!**/__mocks__",
-		"!**/.*"
-	],
-	"scripts": {
-		"test": "jest",
-		"typecheck": "tsc --noEmit",
-		"lint": "eslint \"**/*.{js,ts,tsx}\"",
-		"prepack": "bob build",
-		"release": "release-it",
-		"example": "yarn --cwd example",
-		"bootstrap": "yarn example && yarn install"
-	},
-	"keywords": [
-		"react-native",
-		"ios",
-		"android"
-	],
-	"repository": "https://github.com/100mslive/react-native-hms",
-	"author": "Yogesh <yogesh@100ms.live> (https://www.100ms.live/), Jatin <jatin.nagar@100ms.live> (https://www.100ms.live/)",
-	"license": "MIT",
-	"bugs": {
-		"url": "https://github.com/100mslive/react-native-hms/issues"
-	},
-	"homepage": "https://github.com/100mslive/react-native-hms#readme",
-	"publishConfig": {
-		"registry": "https://registry.npmjs.org/"
-	},
-	"dependencies": {
-		"@100mslive/types-prebuilt": "^0.12.0",
-		"@react-navigation/native": "^6.0.8",
-		"react-redux": "^7.2.4",
-		"redux": "^4.1.0"
-	},
-	"devDependencies": {
-		"@commitlint/config-conventional": "^17.0.2",
-		"@evilmartians/lefthook": "^1.2.2",
-		"@react-native-community/eslint-config": "^3.0.2",
-		"@release-it/conventional-changelog": "^5.0.0",
-		"@types/jest": "^28.1.2",
-		"@types/react": "~17.0.21",
-		"@types/react-native": "^0.64.5",
-		"commitlint": "^17.0.2",
-		"del-cli": "^5.0.0",
-		"eslint": "^8.4.1",
-		"eslint-config-prettier": "^8.5.0",
-		"eslint-plugin-prettier": "^4.0.0",
-		"jest": "^28.1.1",
-		"pod-install": "^0.1.0",
-		"prettier": "^2.0.5",
-		"react": "17.0.1",
-		"react-native": "0.64.4",
-		"react-native-builder-bob": "^0.21.2",
-		"release-it": "^15.0.0",
-		"typescript": "^5.0.2"
-	},
-	"peerDependencies": {
-		"@100mslive/react-native-hms": "1.9.6",
-		"@react-native-community/blur": "^4.3.2",
-		"@react-native-masked-view/masked-view": "^0.2.9",
-		"@shopify/flash-list": "^1.4.3",
-		"lottie-react-native": "5.1.6",
-		"react": "*",
-		"react-native": "*",
-		"react-native-gesture-handler": "^2.12.1",
-		"react-native-linear-gradient": "^2.7.3",
-		"react-native-modal": "^12.1.0",
-		"react-native-reanimated": ">=2.17.0",
-		"react-native-safe-area-context": "^3.3.0",
-		"react-native-simple-toast": "^1.1.3"
-	},
-	"resolutions": {
-		"@types/react": "17.0.21"
-	},
-	"engines": {
-		"node": ">= 16.0.0"
-	},
-	"packageManager": "^yarn@1.22.15",
-	"jest": {
-		"preset": "react-native",
-		"modulePathIgnorePatterns": [
-			"<rootDir>/example/node_modules",
-			"<rootDir>/lib/"
-		]
-	},
-	"commitlint": {
-		"extends": [
-			"@commitlint/config-conventional"
-		]
-	},
-	"release-it": {
-		"git": {
-			"commitMessage": "chore: release ${version}",
-			"tagName": "v${version}"
-		},
-		"npm": {
-			"publish": true
-		},
-		"github": {
-			"release": true
-		},
-		"plugins": {
-			"@release-it/conventional-changelog": {
-				"preset": "angular"
-			}
-		}
-	},
-	"eslintConfig": {
-		"root": true,
-		"extends": [
-			"@react-native-community",
-			"prettier"
-		],
-		"rules": {
-			"prettier/prettier": [
-				"error",
-				{
-					"quoteProps": "consistent",
-					"singleQuote": true,
-					"tabWidth": 2,
-					"trailingComma": "es5",
-					"useTabs": false
-				}
-			]
-		}
-	},
-	"eslintIgnore": [
-		"node_modules/",
-		"lib/"
-	],
-	"prettier": {
-		"quoteProps": "consistent",
-		"singleQuote": true,
-		"tabWidth": 2,
-		"trailingComma": "es5",
-		"useTabs": false
-	},
-	"react-native-builder-bob": {
-		"source": "src",
-		"output": "lib",
-		"targets": [
-			"commonjs",
-			"module",
-			[
-				"typescript",
-				{
-					"project": "tsconfig.build.json",
-					"tsc": "node_modules/typescript/bin/tsc"
-				}
-			]
-		],
-		"main": "lib/commonjs/index.js",
-		"module": "lib/module/index.js",
-		"react-native": "src/index.ts",
-		"types": "lib/typescript/index.d.ts"
-	}
+  "name": "@100mslive/react-native-room-kit",
+  "version": "1.0.8",
+  "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",
+  "types": "lib/typescript/index.d.ts",
+  "react-native": "src/index",
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "!lib/typescript/example",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "test": "jest",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "prepack": "bob build",
+    "release": "release-it",
+    "example": "yarn --cwd example",
+    "bootstrap": "yarn example && yarn install"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": "https://github.com/100mslive/react-native-hms",
+  "author": "Yogesh <yogesh@100ms.live> (https://www.100ms.live/), Jatin <jatin.nagar@100ms.live> (https://www.100ms.live/)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/100mslive/react-native-hms/issues"
+  },
+  "homepage": "https://github.com/100mslive/react-native-hms#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "dependencies": {
+    "@100mslive/types-prebuilt": "^0.12.4",
+    "@react-navigation/native": "^6.0.8",
+    "react-redux": "^7.2.4",
+    "redux": "^4.1.0"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^17.0.2",
+    "@evilmartians/lefthook": "^1.2.2",
+    "@react-native-community/eslint-config": "^3.0.2",
+    "@release-it/conventional-changelog": "^5.0.0",
+    "@types/jest": "^28.1.2",
+    "@types/react": "~17.0.21",
+    "@types/react-native": "^0.64.5",
+    "commitlint": "^17.0.2",
+    "del-cli": "^5.0.0",
+    "eslint": "^8.4.1",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "jest": "^28.1.1",
+    "pod-install": "^0.1.0",
+    "prettier": "^2.0.5",
+    "react": "17.0.1",
+    "react-native": "0.64.4",
+    "react-native-builder-bob": "^0.21.2",
+    "release-it": "^15.0.0",
+    "typescript": "^5.0.2"
+  },
+  "peerDependencies": {
+    "@100mslive/react-native-hms": "1.9.7",
+    "@react-native-community/blur": "^4.3.2",
+    "@react-native-masked-view/masked-view": "^0.2.9",
+    "@shopify/flash-list": "^1.4.3",
+    "lottie-react-native": "5.1.6",
+    "react": "*",
+    "react-native": "*",
+    "react-native-gesture-handler": "^2.12.1",
+    "react-native-linear-gradient": "^2.7.3",
+    "react-native-modal": "^12.1.0",
+    "react-native-reanimated": ">=2.17.0",
+    "react-native-safe-area-context": "^3.3.0",
+    "react-native-simple-toast": "^1.1.3"
+  },
+  "resolutions": {
+    "@types/react": "17.0.21"
+  },
+  "engines": {
+    "node": ">= 16.0.0"
+  },
+  "packageManager": "^yarn@1.22.15",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": "angular"
+      }
+    }
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@react-native-community",
+      "prettier"
+    ],
+    "rules": {
+      "prettier/prettier": [
+        "error",
+        {
+          "quoteProps": "consistent",
+          "singleQuote": true,
+          "tabWidth": 2,
+          "trailingComma": "es5",
+          "useTabs": false
+        }
+      ]
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json",
+          "tsc": "node_modules/typescript/bin/tsc"
+        }
+      ]
+    ],
+    "main": "lib/commonjs/index.js",
+    "module": "lib/module/index.js",
+    "react-native": "src/index.ts",
+    "types": "lib/typescript/index.d.ts"
+  }
 }

package/src/HMSRoomSetup.tsx

@@ -16,6 +16,7 @@ import {
   changeStartingHLSStream,
   setHMSLocalPeerState,
   setHMSRoomState,
+  setInitialRole,
   setLocalPeerTrackNode,
   setMiniViewPeerTrackNode,
   updateLocalPeerTrackNode,
@@ -43,6 +44,7 @@ import {
   peerTrackNodeExistForPeer,
 } from './peerTrackNodeUtils';
 import { MeetingState, NotificationTypes } from './types';
+import type { Notification } from './types';
 import { getJoinConfig } from './utils';
 import { FullScreenIndicator } from './components/FullScreenIndicator';
 import { HMSMeetingEnded } from './components/HMSMeetingEnded';
@@ -172,7 +174,7 @@ export const HMSRoomSetup = () => {
 
       if (meetingJoined) {
         const uid = Math.random().toString(16).slice(2);
-        const notificationPayload = terminalError
+        const notificationPayload: Notification = terminalError
           ? {
               id: uid,
               type: NotificationTypes.TERMINAL_ERROR,
@@ -181,7 +183,7 @@ export const HMSRoomSetup = () => {
           : {
               id: uid,
               type: NotificationTypes.ERROR,
-              message: error.description,
+              title: error.description,
             };
 
         dispatch(addNotification(notificationPayload));
@@ -311,6 +313,9 @@ export const HMSRoomSetup = () => {
 
         dispatch(setHMSRoomState(data.room));
         dispatch(setHMSLocalPeerState(data.room.localPeer));
+        if (data.room.localPeer.role) {
+          dispatch(setInitialRole(data.room.localPeer.role));
+        }
       });
 
       // If `peerTrackNodes` also contains a tile for local peer then updating it

package/src/Icons/Chat/index.tsx

@@ -4,16 +4,29 @@ import type { ImageProps } from 'react-native';
 
 import { useHMSRoomStyle } from '../../hooks-util';
 
-interface ChatIconProps extends Omit<ImageProps, 'source'> {}
+interface ChatIconProps extends Omit<ImageProps, 'source'> {
+  type?: 'on' | 'off';
+}
 
-export const ChatIcon: React.FC<ChatIconProps> = ({ style, ...restProps }) => {
-  const iconStyles = useHMSRoomStyle((theme) => ({
-    tintColor: theme.palette.on_surface_high,
-  }));
+export const ChatIcon: React.FC<ChatIconProps> = ({
+  style,
+  type = 'off',
+  ...restProps
+}) => {
+  const iconStyles = useHMSRoomStyle(
+    (theme) => ({
+      tintColor: type === 'on' ? undefined : theme.palette.on_surface_high,
+    }),
+    [type]
+  );
 
   return (
     <Image
-      source={require('./assets/chat.png')}
+      source={
+        type === 'on'
+          ? require('./assets/chat-on.png')
+          : require('./assets/chat.png')
+      }
       style={[styles.icon, iconStyles, style]}
       {...restProps}
     />

package/src/Icons/NoEntry/index.tsx

@@ -0,0 +1,33 @@
+import React from 'react';
+import { Image, StyleSheet } from 'react-native';
+import type { ImageProps } from 'react-native';
+
+import { useHMSRoomStyle } from '../../hooks-util';
+
+interface NoEntryIconProps extends Omit<ImageProps, 'source'> {}
+
+export const NoEntryIcon: React.FC<NoEntryIconProps> = ({
+  style,
+  ...restProps
+}) => {
+  const iconStyles = useHMSRoomStyle((theme) => ({
+    tintColor: theme.palette.on_surface_high,
+  }));
+
+  return (
+    <Image
+      source={require('./assets/no-entry.png')}
+      style={[styles.icon, iconStyles, style]}
+      {...restProps}
+    />
+  );
+};
+
+const styles = StyleSheet.create({
+  icon: {
+    width: 24,
+    height: 24,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});