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

package/lib/module/HMSRoomSetup.js

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

package/lib/module/HMSRoomSetup.js.map

@@ -1 +1 @@
-{"version":3,"names":["HMSUpdateListenerActions","React","useCallback","useEffect","useRef","useState","Alert","Platform","StatusBar","StyleSheet","View","Toast","batch","useDispatch","Preview","clearStore","setHMSLocalPeerState","setHMSRoomState","createPeerTrackNode","Meeting","useHMSConfig","useHMSInstance","useHMSListeners","useHMSSessionStore","peerTrackNodeExistForPeerAndTrack","replacePeerTrackNodesWithTrack","replacePeerTrackNodes","peerTrackNodeExistForPeer","MeetingState","getJoinConfig","COLORS","FullScreenIndicator","selectIsHLSViewer","HMSRoomSetup","console","log","didInitMeetingAction","hmsInstance","dispatch","getConfig","clearConfig","meetingState","setMeetingState","NOT_JOINED","peerTrackNodes","setPeerTrackNodes","loading","setLoading","joinMeeting","hmsConfig","join","previewMeeting","preview","hmsErrorHandler","error","code","alert","description","text","style","onPress","OS","showWithGravity","LONG","TOP","addEventListener","ON_ERROR","removeEventListener","onPreviewHandler","data","room","localPeer","IN_PREVIEW","ON_PREVIEW","onJoinHandler","peer","track","videoTrack","type","showChatView","prevPeerTrackNodes","hmsLocalPeer","IN_MEETING","ON_JOIN","current","handleMeetingPreviewOrJoin","skipPreview","warn","leave","finally","destroy","createElement","Fragment","backgroundColor","BACKGROUND","DIM","barStyle","loadingButtonState","styles","container","create","flex"],"sourceRoot":"../../src","sources":["HMSRoomSetup.tsx"],"mappings":"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"}
+{"version":3,"names":["HMSUpdateListenerActions","React","useCallback","useEffect","useRef","useState","Alert","Keyboard","Platform","StatusBar","StyleSheet","View","Toast","batch","useDispatch","useSelector","useStore","Preview","changeMeetingState","changeStartingHLSStream","clearStore","setHMSLocalPeerState","setHMSRoomState","setLocalPeerTrackNode","setMiniViewPeerTrackNode","updateLocalPeerTrackNode","createPeerTrackNode","Meeting","useHMSActiveSpeakerUpdates","useHMSConfig","useHMSInstance","useHMSListeners","useHMSRoomColorPalette","useHMSRoomStyle","useHMSSessionStore","useLeaveMethods","peerTrackNodeExistForPeerAndTrack","replacePeerTrackNodesWithTrack","replacePeerTrackNodes","peerTrackNodeExistForPeer","MeetingState","getJoinConfig","FullScreenIndicator","HMSMeetingEnded","selectIsHLSViewer","selectShouldGoLive","HMSRoomSetup","ignoreHLSStreamPromise","didInitMeetingAction","hmsInstance","dispatch","reduxStore","getConfig","clearConfig","meetingState","state","app","peerTrackNodes","setPeerTrackNodes","loading","setLoading","goToPreview","joinMeeting","dismiss","hmsConfig","join","previewMeeting","preview","startHLSStreaming","d","console","log","e","current","hmsErrorHandler","error","code","alert","description","text","style","onPress","OS","showWithGravity","LONG","TOP","addEventListener","ON_ERROR","removeEventListener","onPreviewHandler","data","room","localPeer","IN_PREVIEW","ON_PREVIEW","onJoinHandler","reduxState","getState","peer","track","videoTrack","localPeerTrackNode","type","showChatView","prevPeerTrackNodes","shouldGoLive","IN_MEETING","ON_JOIN","meetingJoined","meetingEnded","MEETING_ENDED","handleMeetingPreviewOrJoin","skipPreview","warn","leave","finally","destroy","emptyViewStyles","theme","backgroundColor","palette","background_dim","backgroundDimColor","createElement","Fragment","barStyle","loadingButtonState","styles","container","create","flex"],"sourceRoot":"../../src","sources":["HMSRoomSetup.tsx"],"mappings":"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"}

package/lib/module/Icons/AlertTriangle/index.js

@@ -0,0 +1,26 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { Image, StyleSheet } from 'react-native';
+import { useHMSRoomStyle } from '../../hooks-util';
+export const AlertTriangleIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.alert_error_default
+  }));
+  return /*#__PURE__*/React.createElement(Image, _extends({
+    source: require('./assets/alert-triangle.png'),
+    style: [styles.icon, iconStyles, style]
+  }, restProps));
+};
+const styles = StyleSheet.create({
+  icon: {
+    width: 24,
+    height: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/Icons/AlertTriangle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","AlertTriangleIcon","_ref","style","restProps","iconStyles","theme","tintColor","palette","alert_error_default","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/AlertTriangle/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAIlD,OAAO,MAAMC,iBAAmD,GAAGC,IAAA,IAG7D;EAAA,IAH8D;IAClEC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,UAAU,GAAGL,eAAe,CAAEM,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,KAAK,EAAAa,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,6BAA6B,CAAE;IAC/CV,KAAK,EAAE,CAACW,MAAM,CAACC,IAAI,EAAEV,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMU,MAAM,GAAGf,UAAU,CAACiB,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/AnswerPhone/index.js

@@ -1,14 +1,18 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { Image, StyleSheet } from 'react-native';
+import { useHMSRoomStyle } from '../../hooks-util';
 export const AnswerPhoneIcon = _ref => {
   let {
     style,
     ...restProps
   } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
   return /*#__PURE__*/React.createElement(Image, _extends({
     source: require('./assets/answer-phone.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, iconStyles, style]
   }, restProps));
 };
 const styles = StyleSheet.create({

package/lib/module/Icons/AnswerPhone/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","AnswerPhoneIcon","_ref","style","restProps","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/AnswerPhone/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAKhD,OAAO,MAAMC,eAA+C,GAAGC,IAAA,IAGzD;EAAA,IAH0D;IAC9DC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,oBACEJ,KAAA,CAAAO,aAAA,CAACN,KAAK,EAAAO,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,2BAA2B,CAAE;IAC7CL,KAAK,EAAE,CAACM,MAAM,CAACC,IAAI,EAAEP,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMK,MAAM,GAAGT,UAAU,CAACW,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","AnswerPhoneIcon","_ref","style","restProps","iconStyles","theme","tintColor","palette","on_surface_high","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/AnswerPhone/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAIlD,OAAO,MAAMC,eAA+C,GAAGC,IAAA,IAGzD;EAAA,IAH0D;IAC9DC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,UAAU,GAAGL,eAAe,CAAEM,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,KAAK,EAAAa,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,2BAA2B,CAAE;IAC7CV,KAAK,EAAE,CAACW,MAAM,CAACC,IAAI,EAAEV,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMU,MAAM,GAAGf,UAAU,CAACiB,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/BRB/index.js

@@ -0,0 +1,27 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { Image, StyleSheet } from 'react-native';
+import { useHMSRoomStyle } from '../../hooks-util';
+export const BRBIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
+  return /*#__PURE__*/React.createElement(Image, _extends({
+    source: require('./assets/BRB.png'),
+    style: [styles.icon, iconStyles, style]
+  }, restProps));
+};
+const styles = StyleSheet.create({
+  icon: {
+    width: 24,
+    height: 24,
+    resizeMode: 'contain',
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/Icons/BRB/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","BRBIcon","_ref","style","restProps","iconStyles","theme","tintColor","palette","on_surface_high","createElement","_extends","source","require","styles","icon","create","width","height","resizeMode","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/BRB/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAIlD,OAAO,MAAMC,OAA+B,GAAGC,IAAA,IAA6B;EAAA,IAA5B;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAAF,IAAA;EACrE,MAAMG,UAAU,GAAGL,eAAe,CAAEM,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,KAAK,EAAAa,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,kBAAkB,CAAE;IACpCV,KAAK,EAAE,CAACW,MAAM,CAACC,IAAI,EAAEV,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMU,MAAM,GAAGf,UAAU,CAACiB,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,SAAS;IACrBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/Bluetooth/index.js

@@ -1,14 +1,18 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { Image, StyleSheet } from 'react-native';
+import { useHMSRoomStyle } from '../../hooks-util';
 export const BluetoothIcon = _ref => {
   let {
     style,
     ...restProps
   } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
   return /*#__PURE__*/React.createElement(Image, _extends({
     source: require('./assets/bluetooth-on.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, iconStyles, style]
   }, restProps));
 };
 const styles = StyleSheet.create({

package/lib/module/Icons/Bluetooth/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","BluetoothIcon","_ref","style","restProps","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Bluetooth/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAKhD,OAAO,MAAMC,aAA2C,GAAGC,IAAA,IAGrD;EAAA,IAHsD;IAC1DC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,oBACEJ,KAAA,CAAAO,aAAA,CAACN,KAAK,EAAAO,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,2BAA2B,CAAE;IAC7CL,KAAK,EAAE,CAACM,MAAM,CAACC,IAAI,EAAEP,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMK,MAAM,GAAGT,UAAU,CAACW,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","BluetoothIcon","_ref","style","restProps","iconStyles","theme","tintColor","palette","on_surface_high","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Bluetooth/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAIlD,OAAO,MAAMC,aAA2C,GAAGC,IAAA,IAGrD;EAAA,IAHsD;IAC1DC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,UAAU,GAAGL,eAAe,CAAEM,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,KAAK,EAAAa,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,2BAA2B,CAAE;IAC7CV,KAAK,EAAE,CAACW,MAAM,CAACC,IAAI,EAAEV,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMU,MAAM,GAAGf,UAAU,CAACiB,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/Camera/index.js

@@ -1,15 +1,19 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { Image, StyleSheet } from 'react-native';
+import { useHMSRoomStyle } from '../../hooks-util';
 export const CameraIcon = _ref => {
   let {
     muted,
     style,
     ...restProps
   } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
   return /*#__PURE__*/React.createElement(Image, _extends({
     source: muted ? require('./assets/camera-muted.png') : require('./assets/camera-unmuted.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, iconStyles, style]
   }, restProps));
 };
 const styles = StyleSheet.create({

package/lib/module/Icons/Camera/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","CameraIcon","_ref","muted","style","restProps","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Camera/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAOhD,OAAO,MAAMC,UAAqC,GAAGC,IAAA,IAI/C;EAAA,IAJgD;IACpDC,KAAK;IACLC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,oBACEJ,KAAA,CAAAQ,aAAA,CAACP,KAAK,EAAAQ,QAAA;IACJC,MAAM,EACJL,KAAK,GACDM,OAAO,CAAC,2BAA2B,CAAC,GACpCA,OAAO,CAAC,6BAA6B,CAC1C;IACDL,KAAK,EAAE,CAACM,MAAM,CAACC,IAAI,EAAEP,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMK,MAAM,GAAGV,UAAU,CAACY,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","CameraIcon","_ref","muted","style","restProps","iconStyles","theme","tintColor","palette","on_surface_high","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Camera/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAMlD,OAAO,MAAMC,UAAqC,GAAGC,IAAA,IAI/C;EAAA,IAJgD;IACpDC,KAAK;IACLC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,MAAMI,UAAU,GAAGN,eAAe,CAAEO,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEb,KAAA,CAAAc,aAAA,CAACb,KAAK,EAAAc,QAAA;IACJC,MAAM,EACJV,KAAK,GACDW,OAAO,CAAC,2BAA2B,CAAC,GACpCA,OAAO,CAAC,6BAA6B,CAC1C;IACDV,KAAK,EAAE,CAACW,MAAM,CAACC,IAAI,EAAEV,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMU,MAAM,GAAGhB,UAAU,CAACkB,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/Chat/index.js

@@ -1,14 +1,18 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { Image, StyleSheet } from 'react-native';
+import { useHMSRoomStyle } from '../../hooks-util';
 export const ChatIcon = _ref => {
   let {
     style,
     ...restProps
   } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
   return /*#__PURE__*/React.createElement(Image, _extends({
     source: require('./assets/chat.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, iconStyles, style]
   }, restProps));
 };
 const styles = StyleSheet.create({

package/lib/module/Icons/Chat/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","ChatIcon","_ref","style","restProps","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Chat/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAKhD,OAAO,MAAMC,QAAiC,GAAGC,IAAA,IAA6B;EAAA,IAA5B;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAAF,IAAA;EACvE,oBACEJ,KAAA,CAAAO,aAAA,CAACN,KAAK,EAAAO,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,mBAAmB,CAAE;IACrCL,KAAK,EAAE,CAACM,MAAM,CAACC,IAAI,EAAEP,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMK,MAAM,GAAGT,UAAU,CAACW,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","ChatIcon","_ref","style","restProps","iconStyles","theme","tintColor","palette","on_surface_high","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Chat/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAIlD,OAAO,MAAMC,QAAiC,GAAGC,IAAA,IAA6B;EAAA,IAA5B;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAAF,IAAA;EACvE,MAAMG,UAAU,GAAGL,eAAe,CAAEM,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,KAAK,EAAAa,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,mBAAmB,CAAE;IACrCV,KAAK,EAAE,CAACW,MAAM,CAACC,IAAI,EAAEV,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMU,MAAM,GAAGf,UAAU,CAACiB,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/Check/index.js

@@ -0,0 +1,26 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { Image, StyleSheet } from 'react-native';
+import { useHMSRoomStyle } from '../../hooks-util';
+export const CheckIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
+  return /*#__PURE__*/React.createElement(Image, _extends({
+    source: require('./assets/check.png'),
+    style: [styles.icon, iconStyles, style]
+  }, restProps));
+};
+const styles = StyleSheet.create({
+  icon: {
+    width: 24,
+    height: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/Icons/Check/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","CheckIcon","_ref","style","restProps","iconStyles","theme","tintColor","palette","on_surface_high","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Check/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAIlD,OAAO,MAAMC,SAAmC,GAAGC,IAAA,IAG7C;EAAA,IAH8C;IAClDC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,UAAU,GAAGL,eAAe,CAAEM,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,KAAK,EAAAa,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,oBAAoB,CAAE;IACtCV,KAAK,EAAE,CAACW,MAAM,CAACC,IAAI,EAAEV,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMU,MAAM,GAAGf,UAAU,CAACiB,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/Chevron/index.js

@@ -1,15 +1,19 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { Image, StyleSheet } from 'react-native';
+import { useHMSRoomStyle } from '../../hooks-util';
 export const ChevronIcon = _ref => {
   let {
     direction,
     style,
     ...restProps
   } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
   return /*#__PURE__*/React.createElement(Image, _extends({
     source: direction === 'down' ? require('./assets/chevron-down.png') : require('./assets/chevron-left.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, iconStyles, style]
   }, restProps));
 };
 const styles = StyleSheet.create({

package/lib/module/Icons/Chevron/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","ChevronIcon","_ref","direction","style","restProps","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Chevron/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAOhD,OAAO,MAAMC,WAAuC,GAAGC,IAAA,IAIjD;EAAA,IAJkD;IACtDC,SAAS;IACTC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,oBACEJ,KAAA,CAAAQ,aAAA,CAACP,KAAK,EAAAQ,QAAA;IACJC,MAAM,EACJL,SAAS,KAAK,MAAM,GAChBM,OAAO,CAAC,2BAA2B,CAAC,GACpCA,OAAO,CAAC,2BAA2B,CACxC;IACDL,KAAK,EAAE,CAACM,MAAM,CAACC,IAAI,EAAEP,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMK,MAAM,GAAGV,UAAU,CAACY,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","ChevronIcon","_ref","direction","style","restProps","iconStyles","theme","tintColor","palette","on_surface_high","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Chevron/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAMlD,OAAO,MAAMC,WAAuC,GAAGC,IAAA,IAIjD;EAAA,IAJkD;IACtDC,SAAS;IACTC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,MAAMI,UAAU,GAAGN,eAAe,CAAEO,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEb,KAAA,CAAAc,aAAA,CAACb,KAAK,EAAAc,QAAA;IACJC,MAAM,EACJV,SAAS,KAAK,MAAM,GAChBW,OAAO,CAAC,2BAA2B,CAAC,GACpCA,OAAO,CAAC,2BAA2B,CACxC;IACDV,KAAK,EAAE,CAACW,MAAM,CAACC,IAAI,EAAEV,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMU,MAAM,GAAGhB,UAAU,CAACkB,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/Close/index.js

@@ -1,14 +1,18 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { Image, StyleSheet } from 'react-native';
+import { useHMSRoomStyle } from '../../hooks-util';
 export const CloseIcon = _ref => {
   let {
     style,
     ...restProps
   } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
   return /*#__PURE__*/React.createElement(Image, _extends({
     source: require('./assets/close.png'),
-    style: [styles.icon, style]
+    style: [styles.icon, iconStyles, style]
   }, restProps));
 };
 const styles = StyleSheet.create({

package/lib/module/Icons/Close/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","CloseIcon","_ref","style","restProps","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Close/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAKhD,OAAO,MAAMC,SAAmC,GAAGC,IAAA,IAG7C;EAAA,IAH8C;IAClDC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,oBACEJ,KAAA,CAAAO,aAAA,CAACN,KAAK,EAAAO,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,oBAAoB,CAAE;IACtCL,KAAK,EAAE,CAACM,MAAM,CAACC,IAAI,EAAEP,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMK,MAAM,GAAGT,UAAU,CAACW,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","CloseIcon","_ref","style","restProps","iconStyles","theme","tintColor","palette","on_surface_high","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Close/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAIlD,OAAO,MAAMC,SAAmC,GAAGC,IAAA,IAG7C;EAAA,IAH8C;IAClDC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,UAAU,GAAGL,eAAe,CAAEM,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,KAAK,EAAAa,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,oBAAoB,CAAE;IACtCV,KAAK,EAAE,CAACW,MAAM,CAACC,IAAI,EAAEV,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMU,MAAM,GAAGf,UAAU,CAACiB,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/Hamburger/index.js

@@ -0,0 +1,26 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { Image, StyleSheet } from 'react-native';
+import { useHMSRoomStyle } from '../../hooks-util';
+export const HamburgerIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  const iconStyles = useHMSRoomStyle(theme => ({
+    tintColor: theme.palette.on_surface_high
+  }));
+  return /*#__PURE__*/React.createElement(Image, _extends({
+    source: require('./assets/hamburger.png'),
+    style: [styles.icon, iconStyles, style]
+  }, restProps));
+};
+const styles = StyleSheet.create({
+  icon: {
+    width: 24,
+    height: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/Icons/Hamburger/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","StyleSheet","useHMSRoomStyle","HamburgerIcon","_ref","style","restProps","iconStyles","theme","tintColor","palette","on_surface_high","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Hamburger/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAGhD,SAASC,eAAe,QAAQ,kBAAkB;AAIlD,OAAO,MAAMC,aAA2C,GAAGC,IAAA,IAGrD;EAAA,IAHsD;IAC1DC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,MAAMG,UAAU,GAAGL,eAAe,CAAEM,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,KAAK,EAAAa,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,wBAAwB,CAAE;IAC1CV,KAAK,EAAE,CAACW,MAAM,CAACC,IAAI,EAAEV,UAAU,EAAEF,KAAK;EAAE,GACpCC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMU,MAAM,GAAGf,UAAU,CAACiB,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}