@100mslive/react-native-room-kit 0.0.1

package/lib/module/components/HMSManageLeave.js

@@ -0,0 +1,276 @@
+import { useNavigation } from '@react-navigation/native';
+import * as React from 'react';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import Modal from 'react-native-modal';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import Toast from 'react-native-simple-toast';
+import { useDispatch, useSelector } from 'react-redux';
+import { AlertIcon, LeaveIcon } from '../Icons';
+import { useHMSInstance } from '../hooks-util';
+import { clearStore } from '../redux/actions';
+import { COLORS } from '../utils/theme';
+import { ModalTypes } from '../utils/types';
+import { DefaultModal } from './DefaultModal';
+import { EndRoomModal, LeaveRoomModal } from './Modals';
+import { PressableIcon } from './PressableIcon';
+export const HMSManageLeave = props => {
+  // TODO: read current meeting joined state
+  const isMeetingJoined = true;
+  if (!isMeetingJoined) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(LeaveButton, props);
+};
+const LeaveButton = props => {
+  // TODO: What if useNavigation context is undefined?
+  const navigation = useNavigation();
+  const hmsInstance = useHMSInstance();
+  const dispatch = useDispatch();
+  const leavePopCloseAction = React.useRef(ModalTypes.DEFAULT);
+  const [leavePopVisible, setLeavePopVisible] = React.useState(false);
+  const [leaveModalType, setLeaveModalType] = React.useState(ModalTypes.DEFAULT);
+  const canEndRoom = useSelector(state => {
+    var _state$hmsStates$loca;
+    return (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.role) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.permissions) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.endRoom;
+  });
+
+  /**
+   * Opens the Leave Popup Menu
+   */
+  const handleLeaveButtonPress = () => {
+    if (canEndRoom) {
+      setLeavePopVisible(true);
+    } else {
+      setLeaveModalType(ModalTypes.LEAVE_ROOM);
+    }
+  };
+
+  /**
+   * Closes the Leave Popup Menu
+   * Leave Modal will open after the popup is hidden
+   */
+  const handleLeavePress = () => {
+    leavePopCloseAction.current = ModalTypes.LEAVE_ROOM;
+    setLeavePopVisible(false);
+  };
+
+  /**
+   * Closes the Leave Popup Menu
+   * End Session Modal will open after the popup is hidden
+   */
+  const handleEndSessionPress = async () => {
+    leavePopCloseAction.current = ModalTypes.END_ROOM;
+    setLeavePopVisible(false);
+  };
+
+  /**
+   * Closes the Leave Popup Menu
+   * No action is taken when the popup is hidden
+   */
+  const dismissPopup = () => {
+    leavePopCloseAction.current = ModalTypes.DEFAULT;
+    setLeavePopVisible(false);
+  };
+
+  /**
+   * Handles action to take when the leave popup is hidden
+   */
+  const handlePopupHide = () => {
+    setLeaveModalType(leavePopCloseAction.current);
+  };
+  const dismissModal = () => setLeaveModalType(ModalTypes.DEFAULT);
+  const destroy = () => {
+    hmsInstance.destroy().then(s => {
+      console.log('Destroy Success: ', s);
+      // TODOS:
+      // - If show `Meeting_Ended` is true, show Meeting screen by setting state to MEETING_ENDED
+      //    - Reset Redux States
+      //    - HMSInstance will not be available now
+      //    - When your presses "Re Join" Action button, restart process from root component
+      //    - When your presses "Done" Action button
+      //        - If we have callback fn, call it
+      //        - Otherwise try our best to navigate away from current screen
+      //
+      // - No screen to show
+      //    - No need to reset redux state?
+      //    - HMSInstance will be available till this point
+      //    - If we have callback fn, call it
+      //    - Otherwise try our best to navigate away from current screen
+      //    - When we are navigated away from screen, HMSInstance will be not available
+
+      // dispatch(clearMessageData());
+      // dispatch(clearPeerData());
+      // dispatch(clearHmsReference());
+
+      // if (navigation.canGoBack()) {
+      //   navigation.goBack();
+      // } else {
+      // TODO: remove this later
+      navigation.navigate('QRCodeScreen');
+      dispatch(clearStore());
+      // }
+    }).catch(e => {
+      console.log(`Destroy HMS instance Error: ${e}`);
+      Toast.showWithGravity(`Destroy HMS instance Error: ${e}`, Toast.LONG, Toast.TOP);
+    });
+  };
+  const onLeavePress = () => {
+    hmsInstance.leave().then(d => {
+      console.log('Leave Success: ', d);
+      destroy();
+    }).catch(e => {
+      console.log(`Leave Room Error: ${e}`);
+      Toast.showWithGravity(`Leave Room Error: ${e}`, Toast.LONG, Toast.TOP);
+    });
+  };
+  const onEndRoomPress = () => {
+    hmsInstance.endRoom('Host ended the room').then(d => {
+      console.log('EndRoom Success: ', d);
+      destroy();
+    }).catch(e => console.log('EndRoom Error: ', e));
+  };
+  const leaveIconDelegate = 'leaveIconDelegate' in props && props.leaveIconDelegate ? props.leaveIconDelegate : /*#__PURE__*/React.createElement(LeaveIcon, null);
+  const leaveButtonDelegate = 'leaveButtonDelegate' in props && props.leaveButtonDelegate ? props.leaveButtonDelegate : /*#__PURE__*/React.createElement(PressableIcon, null, /*#__PURE__*/React.cloneElement(leaveIconDelegate));
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.cloneElement(leaveButtonDelegate, {
+    onPress: handleLeaveButtonPress,
+    style: styles.button
+  }), /*#__PURE__*/React.createElement(LeavePopup, {
+    isVisible: leavePopVisible,
+    onEndSessionPress: handleEndSessionPress,
+    onLeavePress: handleLeavePress,
+    onPopupDismiss: dismissPopup,
+    onPopupHide: handlePopupHide
+  }), /*#__PURE__*/React.createElement(DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: leaveModalType === ModalTypes.LEAVE_ROOM,
+    setModalVisible: dismissModal
+  }, /*#__PURE__*/React.createElement(LeaveRoomModal, {
+    onSuccess: onLeavePress,
+    cancelModal: dismissModal
+  })), /*#__PURE__*/React.createElement(DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: leaveModalType === ModalTypes.END_ROOM,
+    setModalVisible: dismissModal
+  }, /*#__PURE__*/React.createElement(EndRoomModal, {
+    onSuccess: onEndRoomPress,
+    cancelModal: dismissModal
+  })));
+};
+const HEADER_CONTENT_HEIGHT = 24 + 8 + 8 + 2; // ICON_SIZE + TOP_PADDING + BOTTOM_PADDING + TOP&BOTTOM_BORDER_WIDTH
+const HEADER_HEIGHT = 8 + HEADER_CONTENT_HEIGHT + 8; // TOP_HEADER_PADDING + HEADER_CONTENT_HEIGHT + BOTTOM_HEADER_PADDING
+
+const styles = StyleSheet.create({
+  button: {
+    backgroundColor: COLORS.ALERT.ERROR.DEFAULT,
+    borderColor: COLORS.ALERT.ERROR.DEFAULT
+  }
+});
+const LeavePopup = _ref => {
+  let {
+    isVisible,
+    onPopupDismiss,
+    onLeavePress,
+    onEndSessionPress,
+    onPopupHide
+  } = _ref;
+  const safeAreaInsets = useSafeAreaInsets();
+  const canEndRoom = useSelector(state => {
+    var _state$hmsStates$loca2;
+    return (_state$hmsStates$loca2 = state.hmsStates.localPeer) === null || _state$hmsStates$loca2 === void 0 || (_state$hmsStates$loca2 = _state$hmsStates$loca2.role) === null || _state$hmsStates$loca2 === void 0 || (_state$hmsStates$loca2 = _state$hmsStates$loca2.permissions) === null || _state$hmsStates$loca2 === void 0 ? void 0 : _state$hmsStates$loca2.endRoom;
+  });
+  return /*#__PURE__*/React.createElement(Modal, {
+    isVisible: isVisible,
+    animationIn: 'fadeIn',
+    animationOut: 'fadeOut',
+    backdropColor: COLORS.BACKGROUND.DIM,
+    backdropOpacity: 0,
+    onBackButtonPress: onPopupDismiss,
+    onBackdropPress: onPopupDismiss,
+    useNativeDriver: true,
+    onModalHide: onPopupHide,
+    useNativeDriverForBackdrop: true,
+    hideModalContentWhileAnimating: true,
+    style: leavePopupStyles.modal
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [leavePopupStyles.leavePopupContent, {
+      marginTop: safeAreaInsets.top + HEADER_HEIGHT,
+      marginLeft: safeAreaInsets.left + 16 - 1,
+      // LEFT_HEADER_PADDING - HEADER_BORDER_WIDTH,
+      marginRight: safeAreaInsets.right,
+      marginBottom: safeAreaInsets.bottom
+    }]
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: leavePopupStyles.leaveButton,
+    onPress: onLeavePress
+  }, /*#__PURE__*/React.createElement(LeaveIcon, {
+    style: leavePopupStyles.leaveButtonIcon
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: leavePopupStyles.leaveButtonText
+  }, "Leave")), canEndRoom ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: leavePopupStyles.divider
+  }), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: leavePopupStyles.endRoomButton,
+    onPress: onEndSessionPress
+  }, /*#__PURE__*/React.createElement(AlertIcon, {
+    style: leavePopupStyles.endRoomIcon
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: leavePopupStyles.endRoomText
+  }, "End Session"))) : null));
+};
+const leavePopupStyles = StyleSheet.create({
+  modal: {
+    margin: 0,
+    justifyContent: 'flex-start'
+  },
+  leavePopupContent: {
+    overflow: 'hidden',
+    width: 243,
+    backgroundColor: COLORS.SURFACE.DIM,
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: COLORS.BORDER.BRIGHT
+  },
+  leaveButton: {
+    flexDirection: 'row',
+    paddingHorizontal: 8,
+    paddingVertical: 16
+  },
+  leaveButtonIcon: {
+    width: 20,
+    height: 20,
+    marginHorizontal: 8,
+    transform: [{
+      rotateY: '180deg'
+    }]
+  },
+  leaveButtonText: {
+    color: COLORS.SURFACE.ON_SURFACE.HIGH,
+    fontSize: 14,
+    fontFamily: 'Inter',
+    fontWeight: '600',
+    lineHeight: 20
+  },
+  divider: {
+    height: 1,
+    backgroundColor: COLORS.BORDER.BRIGHT
+  },
+  endRoomButton: {
+    flexDirection: 'row',
+    backgroundColor: COLORS.ALERT.ERROR.DIM,
+    paddingHorizontal: 8,
+    paddingVertical: 16
+  },
+  endRoomIcon: {
+    width: 20,
+    height: 20,
+    marginHorizontal: 8
+  },
+  endRoomText: {
+    color: COLORS.ALERT.ERROR.BRIGHT,
+    fontSize: 14,
+    fontFamily: 'Inter',
+    fontWeight: '600',
+    lineHeight: 20
+  }
+});
+//# sourceMappingURL=HMSManageLeave.js.map

package/lib/module/components/HMSManageLeave.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useNavigation","React","StyleSheet","Text","TouchableOpacity","View","Modal","useSafeAreaInsets","Toast","useDispatch","useSelector","AlertIcon","LeaveIcon","useHMSInstance","clearStore","COLORS","ModalTypes","DefaultModal","EndRoomModal","LeaveRoomModal","PressableIcon","HMSManageLeave","props","isMeetingJoined","createElement","LeaveButton","navigation","hmsInstance","dispatch","leavePopCloseAction","useRef","DEFAULT","leavePopVisible","setLeavePopVisible","useState","leaveModalType","setLeaveModalType","canEndRoom","state","_state$hmsStates$loca","hmsStates","localPeer","role","permissions","endRoom","handleLeaveButtonPress","LEAVE_ROOM","handleLeavePress","current","handleEndSessionPress","END_ROOM","dismissPopup","handlePopupHide","dismissModal","destroy","then","s","console","log","navigate","catch","e","showWithGravity","LONG","TOP","onLeavePress","leave","d","onEndRoomPress","leaveIconDelegate","leaveButtonDelegate","cloneElement","onPress","style","styles","button","LeavePopup","isVisible","onEndSessionPress","onPopupDismiss","onPopupHide","modalPosiion","modalVisible","setModalVisible","onSuccess","cancelModal","HEADER_CONTENT_HEIGHT","HEADER_HEIGHT","create","backgroundColor","ALERT","ERROR","borderColor","_ref","safeAreaInsets","_state$hmsStates$loca2","animationIn","animationOut","backdropColor","BACKGROUND","DIM","backdropOpacity","onBackButtonPress","onBackdropPress","useNativeDriver","onModalHide","useNativeDriverForBackdrop","hideModalContentWhileAnimating","leavePopupStyles","modal","leavePopupContent","marginTop","top","marginLeft","left","marginRight","right","marginBottom","bottom","leaveButton","leaveButtonIcon","leaveButtonText","Fragment","divider","endRoomButton","endRoomIcon","endRoomText","margin","justifyContent","overflow","width","SURFACE","borderRadius","borderWidth","BORDER","BRIGHT","flexDirection","paddingHorizontal","paddingVertical","height","marginHorizontal","transform","rotateY","color","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight"],"sourceRoot":"../../../src","sources":["components/HMSManageLeave.tsx"],"mappings":"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"}

package/lib/module/components/HMSManageLocalAudio.js

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import { useSelector } from 'react-redux';
+import { MicIcon } from '../Icons';
+import { useCanPublishAudio, useHMSActions } from '../hooks-sdk';
+import { COLORS } from '../utils/theme';
+import { PressableIcon } from './PressableIcon';
+export const HMSManageLocalAudio = () => {
+  const canPublishAudio = useCanPublishAudio();
+  if (!canPublishAudio) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ToggleAudioMuteButton, null);
+};
+const ToggleAudioMuteButton = () => {
+  const hmsActions = useHMSActions();
+  // TODO: set initial `isLocalAudioMuted` state value as per initial track setting
+  const isLocalAudioMuted = useSelector(state => state.hmsStates.isLocalAudioMuted);
+  const handleAudioMuteTogglePress = async () => {
+    // TODO: add getter API for state
+    // const enabled = hmsStore.getState(selectIsLocalAudioEnabled);
+    await hmsActions.setLocalAudioEnabled(!isLocalAudioMuted);
+  };
+  return /*#__PURE__*/React.createElement(PressableIcon, {
+    onPress: handleAudioMuteTogglePress,
+    style: isLocalAudioMuted ? styles.mutedButton : undefined
+  }, /*#__PURE__*/React.createElement(MicIcon, {
+    muted: !!isLocalAudioMuted
+  }));
+};
+const styles = StyleSheet.create({
+  mutedButton: {
+    backgroundColor: COLORS.SECONDARY.DIM,
+    borderColor: COLORS.SECONDARY.DIM
+  }
+});
+//# sourceMappingURL=HMSManageLocalAudio.js.map

package/lib/module/components/HMSManageLocalAudio.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","useSelector","MicIcon","useCanPublishAudio","useHMSActions","COLORS","PressableIcon","HMSManageLocalAudio","canPublishAudio","createElement","ToggleAudioMuteButton","hmsActions","isLocalAudioMuted","state","hmsStates","handleAudioMuteTogglePress","setLocalAudioEnabled","onPress","style","styles","mutedButton","undefined","muted","create","backgroundColor","SECONDARY","DIM","borderColor"],"sourceRoot":"../../../src","sources":["components/HMSManageLocalAudio.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,OAAO,QAAQ,UAAU;AAClC,SAASC,kBAAkB,EAAEC,aAAa,QAAQ,cAAc;AAEhE,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMC,eAAe,GAAGL,kBAAkB,CAAC,CAAC;EAE5C,IAAI,CAACK,eAAe,EAAE;IACpB,OAAO,IAAI;EACb;EAEA,oBAAOT,KAAA,CAAAU,aAAA,CAACC,qBAAqB,MAAE,CAAC;AAClC,CAAC;AAED,MAAMA,qBAAqB,GAAGA,CAAA,KAAM;EAClC,MAAMC,UAAU,GAAGP,aAAa,CAAC,CAAC;EAClC;EACA,MAAMQ,iBAAiB,GAAGX,WAAW,CAClCY,KAAgB,IAAKA,KAAK,CAACC,SAAS,CAACF,iBACxC,CAAC;EAED,MAAMG,0BAA0B,GAAG,MAAAA,CAAA,KAAY;IAC7C;IACA;IACA,MAAMJ,UAAU,CAACK,oBAAoB,CAAC,CAACJ,iBAAiB,CAAC;EAC3D,CAAC;EAED,oBACEb,KAAA,CAAAU,aAAA,CAACH,aAAa;IACZW,OAAO,EAAEF,0BAA2B;IACpCG,KAAK,EAAEN,iBAAiB,GAAGO,MAAM,CAACC,WAAW,GAAGC;EAAU,gBAE1DtB,KAAA,CAAAU,aAAA,CAACP,OAAO;IAACoB,KAAK,EAAE,CAAC,CAACV;EAAkB,CAAE,CACzB,CAAC;AAEpB,CAAC;AAED,MAAMO,MAAM,GAAGnB,UAAU,CAACuB,MAAM,CAAC;EAC/BH,WAAW,EAAE;IACXI,eAAe,EAAEnB,MAAM,CAACoB,SAAS,CAACC,GAAG;IACrCC,WAAW,EAAEtB,MAAM,CAACoB,SAAS,CAACC;EAChC;AACF,CAAC,CAAC"}

package/lib/module/components/HMSManageLocalVideo.js

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import { useSelector } from 'react-redux';
+import { COLORS } from '../utils/theme';
+import { useCanPublishVideo, useHMSActions } from '../hooks-sdk';
+import { PressableIcon } from './PressableIcon';
+import { CameraIcon } from '../Icons';
+export const HMSManageLocalVideo = () => {
+  const canPublishVideo = useCanPublishVideo();
+  if (!canPublishVideo) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ToggleVideoMuteButton, null);
+};
+const ToggleVideoMuteButton = () => {
+  const hmsActions = useHMSActions();
+  // TODO: set initial `isLocalVideoMuted` state value as per initial track setting
+  const isLocalVideoMuted = useSelector(state => state.hmsStates.isLocalVideoMuted);
+  const handleVideoMuteTogglePress = async () => {
+    // TODO: add getter API for state
+    // const enabled = hmsStore.getState(selectIsLocalVideoEnabled);
+    await hmsActions.setLocalVideoEnabled(!isLocalVideoMuted);
+  };
+  return /*#__PURE__*/React.createElement(PressableIcon, {
+    onPress: handleVideoMuteTogglePress,
+    style: isLocalVideoMuted ? styles.mutedButton : undefined
+  }, /*#__PURE__*/React.createElement(CameraIcon, {
+    muted: !!isLocalVideoMuted
+  }));
+};
+const styles = StyleSheet.create({
+  mutedButton: {
+    backgroundColor: COLORS.SECONDARY.DIM,
+    borderColor: COLORS.SECONDARY.DIM
+  }
+});
+//# sourceMappingURL=HMSManageLocalVideo.js.map

package/lib/module/components/HMSManageLocalVideo.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","useSelector","COLORS","useCanPublishVideo","useHMSActions","PressableIcon","CameraIcon","HMSManageLocalVideo","canPublishVideo","createElement","ToggleVideoMuteButton","hmsActions","isLocalVideoMuted","state","hmsStates","handleVideoMuteTogglePress","setLocalVideoEnabled","onPress","style","styles","mutedButton","undefined","muted","create","backgroundColor","SECONDARY","DIM","borderColor"],"sourceRoot":"../../../src","sources":["components/HMSManageLocalVideo.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,WAAW,QAAQ,aAAa;AAGzC,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,kBAAkB,EAAEC,aAAa,QAAQ,cAAc;AAChE,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,UAAU,QAAQ,UAAU;AAErC,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMC,eAAe,GAAGL,kBAAkB,CAAC,CAAC;EAE5C,IAAI,CAACK,eAAe,EAAE;IACpB,OAAO,IAAI;EACb;EAEA,oBAAOT,KAAA,CAAAU,aAAA,CAACC,qBAAqB,MAAE,CAAC;AAClC,CAAC;AAED,MAAMA,qBAAqB,GAAGA,CAAA,KAAM;EAClC,MAAMC,UAAU,GAAGP,aAAa,CAAC,CAAC;EAClC;EACA,MAAMQ,iBAAiB,GAAGX,WAAW,CAClCY,KAAgB,IAAKA,KAAK,CAACC,SAAS,CAACF,iBACxC,CAAC;EAED,MAAMG,0BAA0B,GAAG,MAAAA,CAAA,KAAY;IAC7C;IACA;IACA,MAAMJ,UAAU,CAACK,oBAAoB,CAAC,CAACJ,iBAAiB,CAAC;EAC3D,CAAC;EAED,oBACEb,KAAA,CAAAU,aAAA,CAACJ,aAAa;IACZY,OAAO,EAAEF,0BAA2B;IACpCG,KAAK,EAAEN,iBAAiB,GAAGO,MAAM,CAACC,WAAW,GAAGC;EAAU,gBAE1DtB,KAAA,CAAAU,aAAA,CAACH,UAAU;IAACgB,KAAK,EAAE,CAAC,CAACV;EAAkB,CAAE,CAC5B,CAAC;AAEpB,CAAC;AAED,MAAMO,MAAM,GAAGnB,UAAU,CAACuB,MAAM,CAAC;EAC/BH,WAAW,EAAE;IACXI,eAAe,EAAEtB,MAAM,CAACuB,SAAS,CAACC,GAAG;IACrCC,WAAW,EAAEzB,MAAM,CAACuB,SAAS,CAACC;EAChC;AACF,CAAC,CAAC"}

package/lib/module/components/HMSManageRaiseHand.js

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import { useSelector, shallowEqual } from 'react-redux';
+import { COLORS } from '../utils/theme';
+import { useHMSActions } from '../hooks-sdk';
+import { PressableIcon } from './PressableIcon';
+import { HandIcon } from '../Icons';
+import { parseMetadata } from '../utils/functions';
+export const HMSManageRaiseHand = () => {
+  const hmsActions = useHMSActions();
+  const localPeerMetadata = useSelector(state => {
+    var _state$hmsStates$loca;
+    return parseMetadata((_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.metadata);
+  }, shallowEqual);
+  const toggleRaiseHand = async () => {
+    const newMetadata = {
+      ...localPeerMetadata,
+      isHandRaised: !localPeerMetadata.isHandRaised,
+      isBRBOn: false
+    };
+    await hmsActions.changeMetadata(newMetadata);
+  };
+  return /*#__PURE__*/React.createElement(PressableIcon, {
+    onPress: toggleRaiseHand,
+    style: localPeerMetadata.isHandRaised ? styles.activeButton : undefined
+  }, /*#__PURE__*/React.createElement(HandIcon, {
+    style: localPeerMetadata.isHandRaised ? styles.handRaised : undefined
+  }));
+};
+const styles = StyleSheet.create({
+  activeButton: {
+    backgroundColor: COLORS.SECONDARY.DIM,
+    borderColor: COLORS.SECONDARY.DIM
+  },
+  handRaised: {
+    tintColor: COLORS.TWIN.YELLOW
+  }
+});
+//# sourceMappingURL=HMSManageRaiseHand.js.map

package/lib/module/components/HMSManageRaiseHand.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","useSelector","shallowEqual","COLORS","useHMSActions","PressableIcon","HandIcon","parseMetadata","HMSManageRaiseHand","hmsActions","localPeerMetadata","state","_state$hmsStates$loca","hmsStates","localPeer","metadata","toggleRaiseHand","newMetadata","isHandRaised","isBRBOn","changeMetadata","createElement","onPress","style","styles","activeButton","undefined","handRaised","create","backgroundColor","SECONDARY","DIM","borderColor","tintColor","TWIN","YELLOW"],"sourceRoot":"../../../src","sources":["components/HMSManageRaiseHand.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,WAAW,EAAEC,YAAY,QAAQ,aAAa;AAGvD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,aAAa,QAAQ,cAAc;AAC5C,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,QAAQ,QAAQ,UAAU;AACnC,SAASC,aAAa,QAAQ,oBAAoB;AAElD,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMC,UAAU,GAAGL,aAAa,CAAC,CAAC;EAClC,MAAMM,iBAAiB,GAAGT,WAAW,CAClCU,KAAgB;IAAA,IAAAC,qBAAA;IAAA,OAAKL,aAAa,EAAAK,qBAAA,GAACD,KAAK,CAACE,SAAS,CAACC,SAAS,cAAAF,qBAAA,uBAAzBA,qBAAA,CAA2BG,QAAQ,CAAC;EAAA,GACxEb,YACF,CAAC;EAED,MAAMc,eAAe,GAAG,MAAAA,CAAA,KAAY;IAClC,MAAMC,WAAW,GAAG;MAClB,GAAGP,iBAAiB;MACpBQ,YAAY,EAAE,CAACR,iBAAiB,CAACQ,YAAY;MAC7CC,OAAO,EAAE;IACX,CAAC;IACD,MAAMV,UAAU,CAACW,cAAc,CAACH,WAAW,CAAC;EAC9C,CAAC;EAED,oBACElB,KAAA,CAAAsB,aAAA,CAAChB,aAAa;IACZiB,OAAO,EAAEN,eAAgB;IACzBO,KAAK,EAAEb,iBAAiB,CAACQ,YAAY,GAAGM,MAAM,CAACC,YAAY,GAAGC;EAAU,gBAExE3B,KAAA,CAAAsB,aAAA,CAACf,QAAQ;IACPiB,KAAK,EAAEb,iBAAiB,CAACQ,YAAY,GAAGM,MAAM,CAACG,UAAU,GAAGD;EAAU,CACvE,CACY,CAAC;AAEpB,CAAC;AAED,MAAMF,MAAM,GAAGxB,UAAU,CAAC4B,MAAM,CAAC;EAC/BH,YAAY,EAAE;IACZI,eAAe,EAAE1B,MAAM,CAAC2B,SAAS,CAACC,GAAG;IACrCC,WAAW,EAAE7B,MAAM,CAAC2B,SAAS,CAACC;EAChC,CAAC;EACDJ,UAAU,EAAE;IACVM,SAAS,EAAE9B,MAAM,CAAC+B,IAAI,CAACC;EACzB;AACF,CAAC,CAAC"}