@100mslive/react-native-room-kit 1.1.6 → 1.1.8

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

@@ -1,11 +1,11 @@
 export declare const store: import("redux").Store<import("redux").EmptyObject & {
     messages: {
         messages: import("@100mslive/react-native-hms").HMSMessage[];
-        pinnedMessages: import("src/types").PinnedMessage[];
+        pinnedMessages: import("../types").PinnedMessage[];
     };
     app: {
-        peerState: import("src/utils/types").PeerTrackNode[];
-        pipModeStatus: import("src/utils/types").PipModes;
+        peerState: import("../utils/types").PeerTrackNode[];
+        pipModeStatus: import("../utils/types").PipModes;
         rtcStats: Record<string, import("@100mslive/react-native-hms").HMSLocalAudioStats | import("@100mslive/react-native-hms").HMSRemoteAudioStats | import("@100mslive/react-native-hms").HMSRemoteVideoStats | import("@100mslive/react-native-hms").HMSLocalVideoStats[] | undefined>;
         hlsAspectRatio: {
             value: number;
@@ -19,22 +19,23 @@ export declare const store: import("redux").Store<import("redux").EmptyObject &
             enableHLSPlayerControls: boolean;
             showCustomHLSPlayerControls: boolean;
         };
-        modalType: import("src/utils/types").ModalTypes;
+        modalType: import("../utils/types").ModalTypes;
         peerToUpdate: import("@100mslive/react-native-hms").HMSPeer | null;
-        meetingState: import("src/types").MeetingState;
+        meetingState: import("../types").MeetingState;
         startingHLSStream: boolean;
         insetViewMinimized: boolean;
-        miniviewPeerTrackNode: import("src/utils/types").PeerTrackNode | null;
-        localPeerTrackNode: import("src/utils/types").PeerTrackNode | null;
+        miniviewPeerTrackNode: import("../utils/types").PeerTrackNode | null;
+        localPeerTrackNode: import("../utils/types").PeerTrackNode | null;
         gridViewActivePage: number;
         startingOrStoppingRecording: boolean;
-        fullScreenPeerTrackNode: import("src/utils/types").PeerTrackNode | null;
-        screensharePeerTrackNodes: import("src/utils/types").PeerTrackNode[];
-        notifications: import("src/types").Notification[];
+        fullScreenPeerTrackNode: import("../utils/types").PeerTrackNode | null;
+        fullScreenWhiteboard: boolean;
+        screensharePeerTrackNodes: import("../utils/types").PeerTrackNode[];
+        notifications: import("../types").Notification[];
         activeChatBottomSheetTab: "Chat" | "Participants";
         chatFilterSheetVisible: boolean;
         chatMoreActionsSheetVisible: boolean;
-        chatState: import("src/types").ChatState | null;
+        chatState: import("../types").ChatState | null;
         handleBackButton: boolean;
         autoEnterPipMode: boolean;
         editUsernameDisabled: boolean;
@@ -43,6 +44,7 @@ export declare const store: import("redux").Store<import("redux").EmptyObject &
         chatPeerBlacklist: string[];
         hlsDescriptionPaneVisible: boolean;
         hlsFullScreen: boolean;
+        hlsStreamPaused_android: boolean;
     };
     user: {
         userName: string;
@@ -61,8 +63,8 @@ export declare const store: import("redux").Store<import("redux").EmptyObject &
         token: string | undefined;
         isHLSFlow: boolean;
         roles: import("@100mslive/react-native-hms").HMSRole[];
-        iosBuildConfig: import("@100mslive/react-native-room-kit").HMSIOSScreenShareConfig | null;
-        onLeave: import("@100mslive/react-native-room-kit").OnLeaveHandler | undefined;
+        iosBuildConfig: import("..").HMSIOSScreenShareConfig | null;
+        onLeave: import("..").OnLeaveHandler | undefined;
     };
     hmsStates: {
         isLocalAudioMuted: boolean | undefined;
@@ -79,6 +81,7 @@ export declare const store: import("redux").Store<import("redux").EmptyObject &
         layoutConfig: import("@100mslive/types-prebuilt").Layout[] | null;
         roleChangeRequest: import("@100mslive/react-native-hms").HMSRoleChangeRequest | null;
         noiseCancellationPlugin: import("@100mslive/react-native-hms").HMSNoiseCancellationPlugin | null;
+        whiteboard: import("@100mslive/react-native-hms").HMSWhiteboard | null;
     };
     chatWindow: {
         showChatView: boolean;
@@ -89,9 +92,9 @@ export declare const store: import("redux").Store<import("redux").EmptyObject &
     };
     polls: {
         pollName: string;
-        pollConfig: import("src/redux/actionTypes").PollConfig;
-        navigationStack: import("src/redux/actionTypes").CreatePollStages[];
-        questions: import("src/redux/actionTypes").PollQuestionUI[];
+        pollConfig: import("./actionTypes").PollConfig;
+        navigationStack: import("./actionTypes").CreatePollStages[];
+        questions: import("./actionTypes").PollQuestionUI[];
         deleteConfirmationVisible: boolean;
         selectedPollQuestionIndex: number | null;
         launchingPoll: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/redux/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAA2B,CAAC;AAE9C,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,QAAQ,CAAC,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,OAAO,KAAK,CAAC,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/redux/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAA2B,CAAC;AAE9C,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,QAAQ,CAAC,CAAC;AAC1D,MAAM,MAAM,WAAW,GAAG,OAAO,KAAK,CAAC,QAAQ,CAAC"}

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

@@ -37,6 +37,7 @@ type IntialStateType = {
     gridViewActivePage: number;
     startingOrStoppingRecording: boolean;
     fullScreenPeerTrackNode: null | PeerTrackNode;
+    fullScreenWhiteboard: boolean;
     screensharePeerTrackNodes: PeerTrackNode[];
     notifications: Notification[];
     activeChatBottomSheetTab: (typeof ChatBottomSheetTabs)[number];
@@ -51,6 +52,7 @@ type IntialStateType = {
     chatPeerBlacklist: string[];
     hlsDescriptionPaneVisible: boolean;
     hlsFullScreen: boolean;
+    hlsStreamPaused_android: boolean;
 };
 declare const appReducer: (state: IntialStateType | undefined, action: ActionType) => IntialStateType;
 export default appReducer;

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

@@ -1 +1 @@
-{"version":3,"file":"appState.d.ts","sourceRoot":"","sources":["../../../../src/redux/reducers/appState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAA2B,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,UAAU,EACV,OAAO,EACP,mBAAmB,EACnB,mBAAmB,EACnB,OAAO,EACR,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3D,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,aAAa,EAAE,QAAQ,CAAC;IACxB,QAAQ,EAAE,MAAM,CACd,MAAM,EACJ,SAAS,GACT,kBAAkB,GAClB,kBAAkB,EAAE,GACpB,mBAAmB,GACnB,mBAAmB,CACtB,CAAC;IACF,cAAc,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,UAAU,EAAE;QACV,YAAY,EAAE,OAAO,CAAC;QACtB,aAAa,EAAE,OAAO,CAAC;QACvB,SAAS,EAAE,OAAO,CAAC;QACnB,YAAY,EAAE,OAAO,CAAC;QACtB,uBAAuB,EAAE,OAAO,CAAC;QACjC,2BAA2B,EAAE,OAAO,CAAC;KACtC,CAAC;IACF,SAAS,EAAE,UAAU,CAAC;IACtB,YAAY,EAAE,OAAO,GAAG,IAAI,CAAC;IAC7B,YAAY,EAAE,YAAY,CAAC;IAC3B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,IAAI,GAAG,aAAa,CAAC;IAC5C,kBAAkB,EAAE,IAAI,GAAG,aAAa,CAAC;IACzC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,2BAA2B,EAAE,OAAO,CAAC;IACrC,uBAAuB,EAAE,IAAI,GAAG,aAAa,CAAC;IAC9C,yBAAyB,EAAE,aAAa,EAAE,CAAC;IAC3C,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,wBAAwB,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/D,sBAAsB,EAAE,OAAO,CAAC;IAChC,2BAA2B,EAAE,OAAO,CAAC;IACrC,SAAS,EAAE,IAAI,GAAG,SAAS,CAAC;IAC5B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,wBAAwB,EAAE,IAAI,GAAG,UAAU,CAAC;IAC5C,WAAW,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5B,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,yBAAyB,EAAE,OAAO,CAAC;IACnC,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AAyCF,QAAA,MAAM,UAAU,+CAEN,UAAU,KACjB,eA8QF,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"appState.d.ts","sourceRoot":"","sources":["../../../../src/redux/reducers/appState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAA2B,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,UAAU,EACV,OAAO,EACP,mBAAmB,EACnB,mBAAmB,EACnB,OAAO,EACR,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3D,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,aAAa,EAAE,QAAQ,CAAC;IACxB,QAAQ,EAAE,MAAM,CACd,MAAM,EACJ,SAAS,GACT,kBAAkB,GAClB,kBAAkB,EAAE,GACpB,mBAAmB,GACnB,mBAAmB,CACtB,CAAC;IACF,cAAc,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,UAAU,EAAE;QACV,YAAY,EAAE,OAAO,CAAC;QACtB,aAAa,EAAE,OAAO,CAAC;QACvB,SAAS,EAAE,OAAO,CAAC;QACnB,YAAY,EAAE,OAAO,CAAC;QACtB,uBAAuB,EAAE,OAAO,CAAC;QACjC,2BAA2B,EAAE,OAAO,CAAC;KACtC,CAAC;IACF,SAAS,EAAE,UAAU,CAAC;IACtB,YAAY,EAAE,OAAO,GAAG,IAAI,CAAC;IAC7B,YAAY,EAAE,YAAY,CAAC;IAC3B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,IAAI,GAAG,aAAa,CAAC;IAC5C,kBAAkB,EAAE,IAAI,GAAG,aAAa,CAAC;IACzC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,2BAA2B,EAAE,OAAO,CAAC;IACrC,uBAAuB,EAAE,IAAI,GAAG,aAAa,CAAC;IAC9C,oBAAoB,EAAE,OAAO,CAAC;IAC9B,yBAAyB,EAAE,aAAa,EAAE,CAAC;IAC3C,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,wBAAwB,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/D,sBAAsB,EAAE,OAAO,CAAC;IAChC,2BAA2B,EAAE,OAAO,CAAC;IACrC,SAAS,EAAE,IAAI,GAAG,SAAS,CAAC;IAC5B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,wBAAwB,EAAE,IAAI,GAAG,UAAU,CAAC;IAC5C,WAAW,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5B,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,yBAAyB,EAAE,OAAO,CAAC;IACnC,aAAa,EAAE,OAAO,CAAC;IACvB,uBAAuB,EAAE,OAAO,CAAC;CAClC,CAAC;AA2CF,QAAA,MAAM,UAAU,+CAEN,UAAU,KACjB,eA0RF,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -1,7 +1,7 @@
-import type { HMSLocalPeer, HMSNoiseCancellationPlugin, HMSPeer, HMSRole, HMSRoleChangeRequest, HMSRoom, HMSSpeaker } from '@100mslive/react-native-hms';
+import type { HMSLocalPeer, HMSNoiseCancellationPlugin, HMSPeer, HMSRole, HMSRoleChangeRequest, HMSRoom, HMSSpeaker, HMSWhiteboard } from '@100mslive/react-native-hms';
 import type { Layout } from '@100mslive/types-prebuilt';
 import { HmsStateActionTypes } from '../actionTypes';
-type ActionType = SetRoomAction | SetLocalPeerAction | SetRolesAction | SetIsLocalAudioMutedAction | SetIsLocalVideoMutedAction | SetIsLocalScreenSharedAction | SetRoomLocallyMutedAction | ResetAction | AddToPreviewPeersList | RemoveFromPreviewPeersList | SetLayoutConfig | SetRoleChangeRequest | AddParticipant | AddParticipants | RemoveParticipant | RemoveParticipants | AddUpdateParticipant | ReplaceParticipantsList | SetActiveSpeakers | SetReconnecting | SetNoiseCancellationPlugin;
+type ActionType = SetRoomAction | SetLocalPeerAction | SetRolesAction | SetIsLocalAudioMutedAction | SetIsLocalVideoMutedAction | SetIsLocalScreenSharedAction | SetRoomLocallyMutedAction | ResetAction | AddToPreviewPeersList | RemoveFromPreviewPeersList | SetLayoutConfig | SetRoleChangeRequest | AddParticipant | AddParticipants | RemoveParticipant | RemoveParticipants | AddUpdateParticipant | ReplaceParticipantsList | SetActiveSpeakers | SetReconnecting | SetNoiseCancellationPlugin | SetWhiteboard;
 type SetRoomAction = {
     type: HmsStateActionTypes.SET_ROOM_STATE;
     room: HMSRoom | null;
@@ -86,6 +86,10 @@ type SetNoiseCancellationPlugin = {
     type: HmsStateActionTypes.SET_NOISE_CANCELLATION_PLUGIN;
     noiseCancellationPlugin: HMSNoiseCancellationPlugin;
 };
+type SetWhiteboard = {
+    type: HmsStateActionTypes.SET_WHITEBOARD;
+    whiteboard: HMSWhiteboard | null;
+};
 type IntialStateType = {
     isLocalAudioMuted: boolean | undefined;
     isLocalVideoMuted: boolean | undefined;
@@ -101,6 +105,7 @@ type IntialStateType = {
     layoutConfig: Layout[] | null;
     roleChangeRequest: HMSRoleChangeRequest | null;
     noiseCancellationPlugin: HMSNoiseCancellationPlugin | null;
+    whiteboard: HMSWhiteboard | null;
 };
 declare const hmsStatesReducer: (state: IntialStateType | undefined, action: ActionType) => IntialStateType;
 export default hmsStatesReducer;

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

@@ -1 +1 @@
-{"version":3,"file":"hmsStates.d.ts","sourceRoot":"","sources":["../../../../src/redux/reducers/hmsStates.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"hmsStates.d.ts","sourceRoot":"","sources":["../../../../src/redux/reducers/hmsStates.ts"],"names":[],"mappings":"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"}

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

@@ -1,11 +1,11 @@
 declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     messages: {
         messages: import("@100mslive/react-native-hms").HMSMessage[];
-        pinnedMessages: import("src/types").PinnedMessage[];
+        pinnedMessages: import("../../types").PinnedMessage[];
     };
     app: {
-        peerState: import("src/utils/types").PeerTrackNode[];
-        pipModeStatus: import("src/utils/types").PipModes;
+        peerState: import("../../utils/types").PeerTrackNode[];
+        pipModeStatus: import("../../utils/types").PipModes;
         rtcStats: Record<string, import("@100mslive/react-native-hms").HMSLocalAudioStats | import("@100mslive/react-native-hms").HMSRemoteAudioStats | import("@100mslive/react-native-hms").HMSRemoteVideoStats | import("@100mslive/react-native-hms").HMSLocalVideoStats[] | undefined>;
         hlsAspectRatio: {
             value: number;
@@ -19,22 +19,23 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
             enableHLSPlayerControls: boolean;
             showCustomHLSPlayerControls: boolean;
         };
-        modalType: import("src/utils/types").ModalTypes;
+        modalType: import("../../utils/types").ModalTypes;
         peerToUpdate: import("@100mslive/react-native-hms").HMSPeer | null;
-        meetingState: import("src/types").MeetingState;
+        meetingState: import("../../types").MeetingState;
         startingHLSStream: boolean;
         insetViewMinimized: boolean;
-        miniviewPeerTrackNode: import("src/utils/types").PeerTrackNode | null;
-        localPeerTrackNode: import("src/utils/types").PeerTrackNode | null;
+        miniviewPeerTrackNode: import("../../utils/types").PeerTrackNode | null;
+        localPeerTrackNode: import("../../utils/types").PeerTrackNode | null;
         gridViewActivePage: number;
         startingOrStoppingRecording: boolean;
-        fullScreenPeerTrackNode: import("src/utils/types").PeerTrackNode | null;
-        screensharePeerTrackNodes: import("src/utils/types").PeerTrackNode[];
-        notifications: import("src/types").Notification[];
+        fullScreenPeerTrackNode: import("../../utils/types").PeerTrackNode | null;
+        fullScreenWhiteboard: boolean;
+        screensharePeerTrackNodes: import("../../utils/types").PeerTrackNode[];
+        notifications: import("../../types").Notification[];
         activeChatBottomSheetTab: "Chat" | "Participants";
         chatFilterSheetVisible: boolean;
         chatMoreActionsSheetVisible: boolean;
-        chatState: import("src/types").ChatState | null;
+        chatState: import("../../types").ChatState | null;
         handleBackButton: boolean;
         autoEnterPipMode: boolean;
         editUsernameDisabled: boolean;
@@ -43,6 +44,7 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         chatPeerBlacklist: string[];
         hlsDescriptionPaneVisible: boolean;
         hlsFullScreen: boolean;
+        hlsStreamPaused_android: boolean;
     };
     user: {
         userName: string;
@@ -61,8 +63,8 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         token: string | undefined;
         isHLSFlow: boolean;
         roles: import("@100mslive/react-native-hms").HMSRole[];
-        iosBuildConfig: import("@100mslive/react-native-room-kit").HMSIOSScreenShareConfig | null;
-        onLeave: import("@100mslive/react-native-room-kit").OnLeaveHandler | undefined;
+        iosBuildConfig: import("../..").HMSIOSScreenShareConfig | null;
+        onLeave: import("../..").OnLeaveHandler | undefined;
     };
     hmsStates: {
         isLocalAudioMuted: boolean | undefined;
@@ -79,6 +81,7 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         layoutConfig: import("@100mslive/types-prebuilt").Layout[] | null;
         roleChangeRequest: import("@100mslive/react-native-hms").HMSRoleChangeRequest | null;
         noiseCancellationPlugin: import("@100mslive/react-native-hms").HMSNoiseCancellationPlugin | null;
+        whiteboard: import("@100mslive/react-native-hms").HMSWhiteboard | null;
     };
     chatWindow: {
         showChatView: boolean;
@@ -89,9 +92,9 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     };
     polls: {
         pollName: string;
-        pollConfig: import("src/redux/actionTypes").PollConfig;
-        navigationStack: import("src/redux/actionTypes").CreatePollStages[];
-        questions: import("src/redux/actionTypes").PollQuestionUI[];
+        pollConfig: import("../actionTypes").PollConfig;
+        navigationStack: import("../actionTypes").CreatePollStages[];
+        questions: import("../actionTypes").PollQuestionUI[];
         deleteConfirmationVisible: boolean;
         selectedPollQuestionIndex: number | null;
         launchingPoll: boolean;

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAOG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/redux/reducers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAOG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@100mslive/react-native-room-kit",
-  "version": "1.1.6",
+  "version": "1.1.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",
@@ -140,7 +140,7 @@
     "typescript": "^5.0.2"
   },
   "peerDependencies": {
-    "@100mslive/react-native-hms": "1.10.3",
+    "@100mslive/react-native-hms": "1.10.5",
     "@react-native-community/blur": "^4.3.2",
     "@react-native-masked-view/masked-view": "^0.2.9",
     "@shopify/flash-list": "^1.4.3",
@@ -152,7 +152,8 @@
     "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"
+    "react-native-simple-toast": "^1.1.3",
+    "react-native-webview": "^13.8.7"
   },
   "resolutions": {
     "@types/react": "17.0.21"

package/src/HMSRoomSetup.tsx

@@ -4,6 +4,7 @@ import {
   HMSRoom,
   HMSTrack,
   HMSUpdateListenerActions,
+  HMSWhiteboardUpdateType,
 } from '@100mslive/react-native-hms';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { Alert, Keyboard, StatusBar, StyleSheet, View } from 'react-native';
@@ -22,6 +23,7 @@ import {
   setInitialRole,
   setLocalPeerTrackNode,
   setMiniViewPeerTrackNode,
+  setWhiteboard,
   updateLocalPeerTrackNode,
 } from './redux/actions';
 import { createPeerTrackNode, getRandomUserId } from './utils/functions';
@@ -482,6 +484,25 @@ export const HMSRoomSetup = () => {
     };
   }, [isHLSViewer]);
 
+  useEffect(() => {
+    const subscription =
+      hmsInstance.interactivityCenter.addWhiteboardUpdateListener(
+        async (hmsWhiteboard, updateType) => {
+          dispatch(
+            setWhiteboard(
+              updateType === HMSWhiteboardUpdateType.STARTED
+                ? hmsWhiteboard
+                : null
+            )
+          );
+        }
+      );
+
+    return () => {
+      subscription.remove();
+    };
+  }, []);
+
   // Syncs showing Polls with HLS Player onCue event
   useHLSCuedPolls();
 

package/src/Icons/Pause/index.tsx

@@ -0,0 +1,36 @@
+import React from 'react';
+import { Image, StyleSheet } from 'react-native';
+import type { ImageProps } from 'react-native';
+
+interface PauseIconProps extends Omit<ImageProps, 'source'> {
+  size?: 'med';
+}
+
+export const PauseIcon: React.FC<PauseIconProps> = ({
+  style,
+  size = 'med',
+  ...restProps
+}) => {
+  if (size !== 'med') return null;
+
+  return (
+    <Image
+      source={require('./assets/pause-med.png')}
+      style={[styles.icon, styles.medIcon, style]}
+      {...restProps}
+    />
+  );
+};
+
+const styles = StyleSheet.create({
+  icon: {
+    width: 24,
+    height: 24,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  medIcon: {
+    width: 48,
+    height: 48,
+  },
+});

package/src/Icons/Pencil/index.tsx

@@ -4,10 +4,13 @@ import type { ImageProps } from 'react-native';
 
 import { useHMSRoomStyle } from '../../hooks-util';
 
-interface PencilIconProps extends Omit<ImageProps, 'source'> {}
+interface PencilIconProps extends Omit<ImageProps, 'source'> {
+  type?: 'normal' | 'board';
+}
 
 export const PencilIcon: React.FC<PencilIconProps> = ({
   style,
+  type = 'normal',
   ...restProps
 }) => {
   const iconStyles = useHMSRoomStyle((theme) => ({
@@ -16,7 +19,11 @@ export const PencilIcon: React.FC<PencilIconProps> = ({
 
   return (
     <Image
-      source={require('./assets/pencil.png')}
+      source={
+        type === 'board'
+          ? require('./assets/pencil-board.png')
+          : require('./assets/pencil.png')
+      }
       style={[styles.icon, iconStyles, style]}
       {...restProps}
     />

package/src/Icons/Play/index.tsx

@@ -0,0 +1,36 @@
+import React from 'react';
+import { Image, StyleSheet } from 'react-native';
+import type { ImageProps } from 'react-native';
+
+interface PlayIconProps extends Omit<ImageProps, 'source'> {
+  size?: 'med';
+}
+
+export const PlayIcon: React.FC<PlayIconProps> = ({
+  style,
+  size = 'med',
+  ...restProps
+}) => {
+  if (size !== 'med') return null;
+
+  return (
+    <Image
+      source={require('./assets/play-med.png')}
+      style={[styles.icon, styles.medIcon, style]}
+      {...restProps}
+    />
+  );
+};
+
+const styles = StyleSheet.create({
+  icon: {
+    width: 24,
+    height: 24,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  medIcon: {
+    width: 48,
+    height: 48,
+  },
+});

package/src/Icons/SeekArrow/index.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import { Image, StyleSheet } from 'react-native';
+import type { ImageProps } from 'react-native';
+
+import { useHMSRoomStyle } from '../../hooks-util';
+
+interface SeekArrowIconProps extends Omit<ImageProps, 'source'> {
+  type: 'forward' | 'backward';
+}
+
+export const SeekArrowIcon: React.FC<SeekArrowIconProps> = ({
+  style,
+  type,
+  ...restProps
+}) => {
+  const iconStyles = useHMSRoomStyle((theme) => ({
+    tintColor: theme.palette.on_surface_high,
+  }));
+
+  return (
+    <Image
+      source={
+        type === 'forward'
+          ? require('./assets/seek-forward-arrow.png')
+          : require('./assets/seek-backward-arrow.png')
+      }
+      style={[styles.icon, iconStyles, style]}
+      {...restProps}
+    />
+  );
+};
+
+const styles = StyleSheet.create({
+  icon: {
+    width: 32,
+    height: 32,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});

package/src/Icons/index.ts

@@ -48,3 +48,6 @@ export * from './Add';
 export * from './PollVote';
 export * from './CheckBox';
 export * from './CC';
+export * from './Pause';
+export * from './Play';
+export * from './SeekArrow';

package/src/components/DisplayView.tsx

@@ -31,6 +31,7 @@ import { PreviewForRoleChangeModal } from './PreviewForRoleChangeModal';
 import { ChatAndParticipantsBottomSheet } from './ChatAndParticipants';
 import { LeaveRoomBottomSheet } from './LeaveRoomBottomSheet';
 import { EndRoomModal } from './EndRoomModal';
+import { FullScreenWhiteboard } from './FullScreenWhiteboard';
 
 type CapturedImagePath = { uri: string } | null;
 
@@ -143,6 +144,8 @@ export const DisplayView: React.FC<DisplayViewProps> = ({
 
           <FullScreenVideoView />
 
+          <FullScreenWhiteboard />
+
           <ChatAndParticipantsBottomSheet />
 
           <BottomSheet

package/src/components/Footer.tsx

@@ -118,8 +118,11 @@ export const useFooterHeight = (excludeSafeArea: boolean = false) => {
   const { bottom } = useSafeAreaInsets();
 
   return (
-    (excludeSafeArea ? 0 : bottom) + (Platform.OS === 'android' ? 16 : 0) + 40
-  ); // bottomSafeArea + marginBottom + content
+    (excludeSafeArea ? 0 : bottom) +
+    (Platform.OS === 'android' ? 16 : 0) +
+    42 +
+    16
+  ); // bottomSafeArea + marginBottom + content + contentTopPadding
 };
 
 const styles = StyleSheet.create({

package/src/components/FullScreenWhiteboard.tsx

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import Modal from 'react-native-modal';
+import { StyleSheet } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+import { SafeAreaView } from 'react-native-safe-area-context';
+
+import type { RootState } from '../redux';
+import { useHMSRoomColorPalette, useHMSRoomStyle } from '../hooks-util';
+import { setFullScreenWhiteboard } from '../redux/actions';
+import { Whiteboard } from './Whiteboard';
+
+export const FullScreenWhiteboard = () => {
+  const dispatch = useDispatch();
+  const fullScreenWhiteboard = useSelector(
+    (state: RootState) => state.app.fullScreenWhiteboard
+  );
+
+  const { background_dim: backgroundDimColor } = useHMSRoomColorPalette();
+
+  const contentContainerStyles = useHMSRoomStyle((theme) => ({
+    backgroundColor: theme.palette.background_dim,
+  }));
+
+  const handleClosingFullScreenView = () => {
+    dispatch(setFullScreenWhiteboard(false));
+  };
+
+  return (
+    <Modal
+      isVisible={fullScreenWhiteboard}
+      animationIn={'fadeInUp'}
+      animationInTiming={100}
+      animationOutTiming={100}
+      animationOut={'fadeOutDown'}
+      backdropColor={backgroundDimColor}
+      backdropOpacity={0.3}
+      onBackButtonPress={handleClosingFullScreenView}
+      onBackdropPress={handleClosingFullScreenView}
+      useNativeDriver={true}
+      useNativeDriverForBackdrop={true}
+      hideModalContentWhileAnimating={true}
+      style={styles.modal}
+      supportedOrientations={['portrait', 'landscape']}
+    >
+      <SafeAreaView style={[contentContainerStyles, styles.container]}>
+        <Whiteboard />
+      </SafeAreaView>
+    </Modal>
+  );
+};
+
+const styles = StyleSheet.create({
+  modal: {
+    margin: 0,
+  },
+  container: {
+    flexGrow: 1,
+  },
+});