@100mslive/roomkit-react 0.3.3-alpha.6 → 0.3.3-alpha.8

package/dist/meta.esbuild.json

@@ -4201,8 +4201,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/hooks/useMetadata.tsx": {
-      "bytes": 1631,
+    "src/Prebuilt/components/hooks/useMetadata.jsx": {
+      "bytes": 1700,
       "imports": [
         {
           "path": "react",
@@ -4228,7 +4228,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx": {
-      "bytes": 8164,
+      "bytes": 8195,
       "imports": [
         {
           "path": "react",
@@ -4321,7 +4321,7 @@
           "original": "../../hooks/useDropdownList"
         },
         {
-          "path": "src/Prebuilt/components/hooks/useMetadata.tsx",
+          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
           "kind": "import-statement",
           "original": "../../hooks/useMetadata"
         },
@@ -4691,7 +4691,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 328494,
+      "bytes": 328471,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -5201,7 +5201,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-      "bytes": 12899,
+      "bytes": 13053,
       "imports": [
         {
           "path": "react",
@@ -5309,7 +5309,7 @@
           "original": "../../hooks/useDropdownList"
         },
         {
-          "path": "src/Prebuilt/components/hooks/useMetadata.tsx",
+          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
           "kind": "import-statement",
           "original": "../../hooks/useMetadata"
         },
@@ -5393,7 +5393,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/RaiseHand.tsx": {
-      "bytes": 986,
+      "bytes": 798,
       "imports": [
         {
           "path": "react",
@@ -5421,12 +5421,7 @@
           "original": "../IconButton"
         },
         {
-          "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
-          "kind": "import-statement",
-          "original": "../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
-        },
-        {
-          "path": "src/Prebuilt/components/hooks/useMetadata.tsx",
+          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
           "kind": "import-statement",
           "original": "./hooks/useMetadata"
         },
@@ -6342,7 +6337,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Footer/Footer.tsx": {
-      "bytes": 3777,
+      "bytes": 3967,
       "imports": [
         {
           "path": "react",
@@ -6364,6 +6359,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "src/index.ts",
           "kind": "import-statement",
@@ -8243,7 +8243,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/ChatFooter.tsx": {
-      "bytes": 10287,
+      "bytes": 10438,
       "imports": [
         {
           "path": "react",
@@ -9794,7 +9794,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx": {
-      "bytes": 2927,
+      "bytes": 2958,
       "imports": [
         {
           "path": "react",
@@ -9827,7 +9827,7 @@
           "original": "../../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
         },
         {
-          "path": "src/Prebuilt/components/hooks/useMetadata.tsx",
+          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
           "kind": "import-statement",
           "original": "../hooks/useMetadata"
         },
@@ -11934,7 +11934,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/PreviousRoleInMetadata.tsx": {
-      "bytes": 738,
+      "bytes": 769,
       "imports": [
         {
           "path": "react",
@@ -11947,7 +11947,7 @@
           "external": true
         },
         {
-          "path": "src/Prebuilt/components/hooks/useMetadata.tsx",
+          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
           "kind": "import-statement",
           "original": "./hooks/useMetadata"
         },
@@ -11960,7 +11960,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/ConferenceScreen.tsx": {
-      "bytes": 8106,
+      "bytes": 8259,
       "imports": [
         {
           "path": "react",
@@ -13775,7 +13775,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-3JLNG275.js",
+          "path": "dist/chunk-4NHNNVQ3.js",
           "kind": "import-statement"
         }
       ],
@@ -13848,16 +13848,16 @@
       "inputs": {},
       "bytes": 1822
     },
-    "dist/HLSView-XI2Q44RQ.js.map": {
+    "dist/HLSView-UN7O7GT2.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 99220
     },
-    "dist/HLSView-XI2Q44RQ.js": {
+    "dist/HLSView-UN7O7GT2.js": {
       "imports": [
         {
-          "path": "dist/chunk-3JLNG275.js",
+          "path": "dist/chunk-4NHNNVQ3.js",
           "kind": "import-statement"
         },
         {
@@ -14093,13 +14093,13 @@
       },
       "bytes": 61275
     },
-    "dist/chunk-3JLNG275.js.map": {
+    "dist/chunk-4NHNNVQ3.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3189379
+      "bytes": 3188882
     },
-    "dist/chunk-3JLNG275.js": {
+    "dist/chunk-4NHNNVQ3.js": {
       "imports": [
         {
           "path": "react",
@@ -14536,6 +14536,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "react",
           "kind": "import-statement",
@@ -16482,7 +16487,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-XI2Q44RQ.js",
+          "path": "dist/HLSView-UN7O7GT2.js",
           "kind": "dynamic-import"
         },
         {
@@ -16958,10 +16963,10 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18233
+          "bytesInOutput": 18236
         },
         "../../node_modules/lodash/lodash.js": {
-          "bytesInOutput": 224298
+          "bytesInOutput": 224291
         },
         "../../node_modules/ua-parser-js/src/ua-parser.js": {
           "bytesInOutput": 42482
@@ -16970,7 +16975,7 @@
           "bytesInOutput": 26591
         },
         "../../node_modules/sdp/sdp.js": {
-          "bytesInOutput": 22275
+          "bytesInOutput": 22288
         },
         "../../node_modules/sdp-transform/lib/grammar.js": {
           "bytesInOutput": 16120
@@ -17141,7 +17146,7 @@
           "bytesInOutput": 755
         },
         "src/AudioLevel/AudioLevel.tsx": {
-          "bytesInOutput": 2196
+          "bytesInOutput": 2195
         },
         "src/AudioLevel/audio-level.png": {
           "bytesInOutput": 880
@@ -17243,7 +17248,7 @@
           "bytesInOutput": 1486
         },
         "src/Prebuilt/common/utils.js": {
-          "bytesInOutput": 3208
+          "bytesInOutput": 3211
         },
         "src/Prebuilt/components/AppData/useSidepane.js": {
           "bytesInOutput": 2499
@@ -17258,10 +17263,10 @@
           "bytesInOutput": 4698
         },
         "src/Prebuilt/components/ConferenceScreen.tsx": {
-          "bytesInOutput": 7205
+          "bytesInOutput": 7373
         },
         "src/Prebuilt/components/Footer/Footer.tsx": {
-          "bytesInOutput": 3145
+          "bytesInOutput": 3350
         },
         "src/Prebuilt/components/AudioVideoToggle.tsx": {
           "bytesInOutput": 10284
@@ -17386,20 +17391,20 @@
         "src/Prebuilt/components/MoreSettings/constants.ts": {
           "bytesInOutput": 437
         },
-        "src/Prebuilt/components/hooks/useMetadata.tsx": {
-          "bytesInOutput": 1826
+        "src/Prebuilt/components/hooks/useMetadata.jsx": {
+          "bytesInOutput": 1948
         },
         "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-          "bytesInOutput": 10902
+          "bytesInOutput": 11042
         },
         "src/Prebuilt/components/Header/StreamActions.tsx": {
           "bytesInOutput": 10031
         },
         "../hms-video-store/dist/index.js": {
-          "bytesInOutput": 50213
+          "bytesInOutput": 48766
         },
         "../../node_modules/reselect/es/index.js": {
-          "bytesInOutput": 2537
+          "bytesInOutput": 2539
         },
         "../../node_modules/webrtc-adapter/src/js/adapter_core.js": {
           "bytesInOutput": 118
@@ -17414,7 +17419,7 @@
           "bytesInOutput": 22678
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/getusermedia.js": {
-          "bytesInOutput": 6094
+          "bytesInOutput": 6097
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/getdisplaymedia.js": {
           "bytesInOutput": 1256
@@ -17423,7 +17428,7 @@
           "bytesInOutput": 9143
         },
         "../../node_modules/webrtc-adapter/src/js/firefox/getusermedia.js": {
-          "bytesInOutput": 2122
+          "bytesInOutput": 2125
         },
         "../../node_modules/webrtc-adapter/src/js/firefox/getdisplaymedia.js": {
           "bytesInOutput": 842
@@ -17432,7 +17437,7 @@
           "bytesInOutput": 11868
         },
         "../../node_modules/webrtc-adapter/src/js/common_shim.js": {
-          "bytesInOutput": 12465
+          "bytesInOutput": 12460
         },
         "src/Prebuilt/components/Header/AdditionalRoomState.jsx": {
           "bytesInOutput": 6823
@@ -17459,7 +17464,7 @@
           "bytesInOutput": 658
         },
         "src/Prebuilt/components/RaiseHand.tsx": {
-          "bytesInOutput": 905
+          "bytesInOutput": 796
         },
         "src/Prebuilt/components/ScreenShareToggle.jsx": {
           "bytesInOutput": 1619
@@ -17534,7 +17539,7 @@
           "bytesInOutput": 3077
         },
         "src/Prebuilt/components/Preview/PreviewJoin.tsx": {
-          "bytesInOutput": 9638
+          "bytesInOutput": 9637
         },
         "src/Prebuilt/layouts/SidePane.tsx": {
           "bytesInOutput": 6274
@@ -17543,7 +17548,7 @@
           "bytesInOutput": 735
         },
         "src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx": {
-          "bytesInOutput": 7995
+          "bytesInOutput": 7999
         },
         "src/Prebuilt/components/Streaming/Common.jsx": {
           "bytesInOutput": 2247
@@ -17642,7 +17647,7 @@
           "bytesInOutput": 1210
         },
         "src/Prebuilt/components/hooks/usePinnedMessages.ts": {
-          "bytesInOutput": 2758
+          "bytesInOutput": 2757
         },
         "src/Prebuilt/components/Chat/EmptyChat.tsx": {
           "bytesInOutput": 1952
@@ -17654,7 +17659,7 @@
           "bytesInOutput": 710
         },
         "src/Prebuilt/components/Chat/ChatFooter.tsx": {
-          "bytesInOutput": 9627
+          "bytesInOutput": 9793
         },
         "src/Prebuilt/components/Chat/ChatSelectorContainer.tsx": {
           "bytesInOutput": 5318
@@ -17678,7 +17683,7 @@
           "bytesInOutput": 1021
         },
         "src/Prebuilt/components/Chat/StickIndicator.tsx": {
-          "bytesInOutput": 543
+          "bytesInOutput": 542
         },
         "src/Prebuilt/components/Footer/PaginatedParticipants.tsx": {
           "bytesInOutput": 4205
@@ -17747,13 +17752,13 @@
           "bytesInOutput": 451
         },
         "src/Prebuilt/components/Pagination.tsx": {
-          "bytesInOutput": 1699
+          "bytesInOutput": 1698
         },
         "src/Prebuilt/components/VideoLayouts/Grid.tsx": {
           "bytesInOutput": 1204
         },
         "src/Prebuilt/components/hooks/useTileLayout.tsx": {
-          "bytesInOutput": 3839
+          "bytesInOutput": 3834
         },
         "src/Prebuilt/components/VideoLayouts/RoleProminence.tsx": {
           "bytesInOutput": 2183
@@ -17783,7 +17788,7 @@
           "bytesInOutput": 2887
         },
         "src/Prebuilt/common/PeersSorter.ts": {
-          "bytesInOutput": 3099
+          "bytesInOutput": 3098
         },
         "src/Prebuilt/layouts/EmbedView.jsx": {
           "bytesInOutput": 2785
@@ -17840,7 +17845,7 @@
           "bytesInOutput": 27
         },
         "src/Prebuilt/components/Notifications/Notifications.tsx": {
-          "bytesInOutput": 7974
+          "bytesInOutput": 7971
         },
         "src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx": {
           "bytesInOutput": 1053
@@ -17855,7 +17860,7 @@
           "bytesInOutput": 1983
         },
         "src/Prebuilt/components/Toast/ToastConfig.jsx": {
-          "bytesInOutput": 7229
+          "bytesInOutput": 7228
         },
         "src/Prebuilt/components/Notifications/InitErrorModal.tsx": {
           "bytesInOutput": 1596
@@ -17918,7 +17923,7 @@
           "bytesInOutput": 651
         }
       },
-      "bytes": 1308418
+      "bytes": 1307673
     }
   }
 }

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.3.3-alpha.6",
+  "version": "0.3.3-alpha.8",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -82,12 +82,12 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.3.3-alpha.6",
-    "@100mslive/hms-noise-cancellation": "0.0.0-alpha.1",
-    "@100mslive/hms-virtual-background": "1.13.3-alpha.6",
-    "@100mslive/react-icons": "0.10.3-alpha.6",
-    "@100mslive/react-sdk": "0.10.3-alpha.6",
-    "@100mslive/types-prebuilt": "0.12.8",
+    "@100mslive/hls-player": "0.3.3-alpha.8",
+    "@100mslive/hms-noise-cancellation": "0.0.0-alpha.5",
+    "@100mslive/hms-virtual-background": "1.13.3-alpha.8",
+    "@100mslive/react-icons": "0.10.3-alpha.8",
+    "@100mslive/react-sdk": "0.10.3-alpha.8",
+    "@100mslive/types-prebuilt": "0.12.7",
     "@emoji-mart/data": "^1.0.6",
     "@emoji-mart/react": "^1.0.1",
     "@radix-ui/react-accordion": "1.0.0",
@@ -122,5 +122,5 @@
     "uuid": "^8.3.2",
     "worker-timers": "^7.0.40"
   },
-  "gitHead": "b096cea8bf439c4d3e99d27b4d758d87f54c9512"
+  "gitHead": "c7653c282d747c8e4d34c0e0fcef3eead588e293"
 }

package/src/Prebuilt/components/Chat/ChatFooter.tsx

@@ -2,7 +2,7 @@ import React, { ReactNode, useCallback, useEffect, useRef, useState } from 'reac
 import { useMedia } from 'react-use';
 import data from '@emoji-mart/data';
 import Picker from '@emoji-mart/react';
-import { HMSException, selectLocalPeer, useHMSActions, useHMSStore } from '@100mslive/react-sdk';
+import { HMSException, selectLocalPeer, useAVToggle, useHMSActions, useHMSStore } from '@100mslive/react-sdk';
 import { EmojiIcon, PauseCircleIcon, SendIcon, VerticalMenuIcon } from '@100mslive/react-icons';
 import { Box, config as cssConfig, Flex, IconButton as BaseIconButton, Popover, styled, Text } from '../../..';
 import { IconButton } from '../../../IconButton';
@@ -89,6 +89,8 @@ export const ChatFooter = ({ onSend, children }: { onSend: (count: number) => vo
   const defaultSelection = useDefaultChatSelection();
   const selection = selectedPeer.name || selectedRole || defaultSelection;
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
+  const { toggleAudio, toggleVideo } = useAVToggle();
+  const noAVPermissions = !(toggleAudio || toggleVideo);
   const isMwebHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
 
@@ -273,7 +275,7 @@ export const ChatFooter = ({ onSend, children }: { onSend: (count: number) => vo
                 }}
                 gap="2"
               >
-                <RaiseHand css={{ bg: '$surface_default' }} />
+                {noAVPermissions ? <RaiseHand css={{ bg: '$surface_default' }} /> : null}
                 <MoreSettings elements={elements} screenType={screenType} />
               </Flex>
             </>

package/src/Prebuilt/components/ConferenceScreen.tsx

@@ -6,6 +6,7 @@ import {
   selectAppData,
   selectIsConnectedToRoom,
   selectRoomState,
+  useAVToggle,
   useHMSActions,
   useHMSStore,
 } from '@100mslive/react-sdk';
@@ -53,6 +54,8 @@ export const ConferenceScreen = () => {
   const dropdownListRef = useRef<string[]>();
   const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
 
+  const { toggleAudio, toggleVideo } = useAVToggle();
+  const noAVPermissions = !(toggleAudio || toggleVideo);
   // using it in hls stream to show action button when chat is disabled
   const showChat = !!screenProps.elements?.chat;
   const autoRoomJoined = useRef(isPreviewScreenEnabled);
@@ -199,7 +202,7 @@ export const ConferenceScreen = () => {
             justify="end"
             gap="2"
           >
-            <RaiseHand />
+            {noAVPermissions ? <RaiseHand /> : null}
             <MoreSettings elements={screenProps.elements} screenType={screenProps.screenType} />
             <Box
               css={{

package/src/Prebuilt/components/Footer/Footer.tsx

@@ -2,6 +2,7 @@ import React, { useEffect } from 'react';
 import { useMedia } from 'react-use';
 import { ConferencingScreen } from '@100mslive/types-prebuilt';
 import { Chat_ChatState } from '@100mslive/types-prebuilt/elements/chat';
+import { useAVToggle } from '@100mslive/react-sdk';
 import { config as cssConfig, Footer as AppFooter } from '../../..';
 // @ts-ignore: No implicit Any
 import { AudioVideoToggle } from '../AudioVideoToggle';
@@ -40,6 +41,8 @@ export const Footer = ({
   const isOverlayChat = !!elements?.chat?.is_overlay;
   const openByDefault = elements?.chat?.initial_state === Chat_ChatState.CHAT_STATE_OPEN;
 
+  const { toggleAudio, toggleVideo } = useAVToggle();
+  const noAVPermissions = !(toggleAudio || toggleVideo);
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
   const { showPolls } = useShowPolls();
@@ -87,7 +90,7 @@ export const Footer = ({
       >
         {isMobile ? (
           <>
-            <RaiseHand />
+            {noAVPermissions ? <RaiseHand /> : null}
             {elements?.chat && <ChatToggle />}
             <MoreSettings elements={elements} screenType={screenType} />
           </>

package/src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx

@@ -29,6 +29,7 @@ import { FullScreenItem } from '../FullScreenItem';
 import { MuteAllModal } from '../MuteAllModal';
 // @ts-ignore: No implicit any
 import { useDropdownList } from '../../hooks/useDropdownList';
+// @ts-ignore: No implicit any
 import { useMyMetadata } from '../../hooks/useMetadata';
 // @ts-ignore: No implicit any
 import { APP_DATA, isMacOS } from '../../../common/constants';

package/src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx

@@ -6,6 +6,7 @@ import {
   selectIsConnectedToRoom,
   selectPeerCount,
   selectPermissions,
+  useAVToggle,
   useHMSActions,
   useHMSStore,
   useRecordingStreaming,
@@ -50,6 +51,7 @@ import { usePollViewToggle, useSidepaneToggle } from '../../AppData/useSidepane'
 import { useShowPolls } from '../../AppData/useUISettings';
 // @ts-ignore: No implicit any
 import { useDropdownList } from '../../hooks/useDropdownList';
+// @ts-ignore: No implicit any
 import { useMyMetadata } from '../../hooks/useMetadata';
 import { useUnreadPollQuizPresent } from '../../hooks/useUnreadPollQuizPresent';
 import { useLandscapeHLSStream, useMobileHLSStream } from '../../../common/hooks';
@@ -93,6 +95,8 @@ export const MwebOptions = ({
   const peerCount = useHMSStore(selectPeerCount);
   const emojiCardRef = useRef(null);
   const { isBRBOn, toggleBRB, isHandRaised, toggleHandRaise } = useMyMetadata();
+  const { toggleAudio, toggleVideo } = useAVToggle();
+  const noAVPermissions = !(toggleAudio || toggleVideo);
   const { unreadPollQuiz, setUnreadPollQuiz } = useUnreadPollQuizPresent();
   const { title, description } = useRoomLayoutHeader();
   const toggleDetailsSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
@@ -171,7 +175,7 @@ export const MwebOptions = ({
               </ActionTile.Root>
             )}
 
-            {elements.hand_raise ? (
+            {!noAVPermissions ? (
               <ActionTile.Root
                 active={isHandRaised}
                 onClick={() => {

package/src/Prebuilt/components/PreviousRoleInMetadata.tsx

@@ -1,5 +1,6 @@
 import { useEffect } from 'react';
 import { selectLocalPeerRoleName, useHMSVanillaStore } from '@100mslive/react-sdk';
+// @ts-ignore: No implicit Any
 import { useMyMetadata } from './hooks/useMetadata';
 
 export const PreviousRoleInMetadata = () => {

package/src/Prebuilt/components/RaiseHand.tsx

@@ -4,17 +4,11 @@ import { CSS } from '../../Theme';
 import { Tooltip } from '../../Tooltip';
 // @ts-ignore: No implicit Any
 import IconButton from '../IconButton';
-import { useRoomLayoutConferencingScreen } from '../provider/roomLayoutProvider/hooks/useRoomLayoutScreen';
+// @ts-ignore: No implicit Any
 import { useMyMetadata } from './hooks/useMetadata';
 
 export const RaiseHand = ({ css }: { css?: CSS }) => {
   const { isHandRaised, toggleHandRaise } = useMyMetadata();
-  const { elements } = useRoomLayoutConferencingScreen();
-
-  if (!elements.hand_raise) {
-    return null;
-  }
-
   return (
     <Tooltip title={isHandRaised ? 'Lower hand' : 'Raise hand'}>
       <IconButton

package/src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx

@@ -13,6 +13,7 @@ import { Flex, Text } from '../../..';
 import { PreviewControls, PreviewTile } from '../Preview/PreviewJoin';
 import { RequestPrompt } from './RequestPrompt';
 import { useRoomLayoutPreviewScreen } from '../../provider/roomLayoutProvider/hooks/useRoomLayoutScreen';
+// @ts-ignore: No implicit Any
 import { useMyMetadata } from '../hooks/useMetadata';
 // @ts-ignore: No implicit Any
 import { ROLE_CHANGE_DECLINED } from '../../common/constants';

package/src/Prebuilt/components/hooks/{useMetadata.tsx → useMetadata.jsx}

@@ -15,7 +15,7 @@ export const useMyMetadata = () => {
   const metaData = useHMSStore(selectPeerMetadata(localPeerId));
   const isHandRaised = useHMSStore(selectHasPeerHandRaised(localPeerId));
 
-  const update = async (updatedFields: Record<string, any>) => {
+  const update = async updatedFields => {
     try {
       // get current state from store and merge updated fields
       const currentMetadata = vanillaStore.getState(selectPeerMetadata(localPeerId));
@@ -24,7 +24,6 @@ export const useMyMetadata = () => {
     } catch (error) {
       console.error('failed to update metadata ', updatedFields);
     }
-    return false;
   };
 
   const toggleHandRaise = useCallback(async () => {
@@ -44,6 +43,12 @@ export const useMyMetadata = () => {
     }
   }, [metaData?.isBRBOn]); //eslint-disable-line
 
+  const setPrevRole = async role => {
+    await update({
+      prevRole: role,
+    });
+  };
+
   return {
     isHandRaised,
     isBRBOn: !!metaData?.isBRBOn,
@@ -51,5 +56,6 @@ export const useMyMetadata = () => {
     updateMetaData: update,
     toggleHandRaise,
     toggleBRB,
+    setPrevRole,
   };
 };

package/dist/Prebuilt/components/hooks/useMetadata.d.ts

@@ -1,8 +0,0 @@
-export declare const useMyMetadata: () => {
-    isHandRaised: boolean;
-    isBRBOn: boolean;
-    metaData: any;
-    updateMetaData: (updatedFields: Record<string, any>) => Promise<boolean>;
-    toggleHandRaise: () => Promise<void>;
-    toggleBRB: () => Promise<void>;
-};