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

package/lib/module/components/GridView.js

@@ -1,17 +1,27 @@
 import React, { useRef, useState, useImperativeHandle } from 'react';
-import { View, FlatList } from 'react-native';
+import { View, FlatList, StyleSheet } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
 import { DefaultModal } from './DefaultModal';
 import { SaveScreenshot } from './Modals';
 import { TilesContainer } from './TilesContainer';
-const GridView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+import { MiniView } from './MiniView';
+import { PaginationDots } from './PaginationDots';
+import { setGridViewActivePage } from '../redux/actions';
+const FLATLIST_VIEWABILITY_CONFIG = {
+  waitForInteraction: true,
+  itemVisiblePercentThreshold: 80
+};
+export const GridView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     pairedPeers,
     onPeerTileMorePress
   } = _ref;
-  // hooks
+  const dispatch = useDispatch();
   const [screenshotData, setScreenshotData] = useState(null);
   const hmsViewRefs = useRef({});
   const flatlistRef = useRef(null);
+  const insetTileBoundingBoxRef = useRef(null);
+  const miniviewPeerTrackNodeExists = useSelector(state => !!state.app.miniviewPeerTrackNode);
 
   // We are setting `captureViewScreenshot` method on ref passed to GridView component
   // `captureViewScreenshot` method can be called to with PeerTrackNode to capture the HmsView Snapshot
@@ -60,11 +70,26 @@ const GridView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     var _item$;
     return (_item$ = item[0]) === null || _item$ === void 0 ? void 0 : _item$.id;
   }, []);
-  return /*#__PURE__*/React.createElement(View, {
-    style: {
-      flex: 1
+  const _handleLayoutChange = React.useCallback(_ref3 => {
+    let {
+      nativeEvent
+    } = _ref3;
+    insetTileBoundingBoxRef.current = nativeEvent.layout;
+  }, []);
+  const _handleViewableItemsChanged = React.useCallback(info => {
+    const firstViewable = info.viewableItems[0];
+    if (firstViewable !== null && firstViewable !== void 0 && firstViewable.isViewable && typeof firstViewable.index === 'number') {
+      dispatch(setGridViewActivePage(firstViewable.index));
     }
-  }, /*#__PURE__*/React.createElement(FlatList, {
+  }, []);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.tilesArea
+  }, /*#__PURE__*/React.createElement(View, {
+    onLayout: _handleLayoutChange,
+    style: styles.measureLayoutView
+  }), /*#__PURE__*/React.createElement(FlatList, {
     ref: flatlistRef,
     horizontal: true,
     data: pairedPeers,
@@ -75,8 +100,15 @@ const GridView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     showsHorizontalScrollIndicator: false,
     renderItem: _renderItem,
     numColumns: 1,
-    keyExtractor: _keyExtractor
-  }), /*#__PURE__*/React.createElement(DefaultModal, {
+    keyExtractor: _keyExtractor,
+    onViewableItemsChanged: _handleViewableItemsChanged,
+    viewabilityConfig: FLATLIST_VIEWABILITY_CONFIG
+  }), pairedPeers.length > 0 && miniviewPeerTrackNodeExists ? /*#__PURE__*/React.createElement(MiniView, {
+    boundingBoxRef: insetTileBoundingBoxRef,
+    onMoreOptionsPress: onPeerTileMorePress
+  }) : null), pairedPeers.length > 1 ? /*#__PURE__*/React.createElement(PaginationDots, {
+    list: pairedPeers
+  }) : null, /*#__PURE__*/React.createElement(DefaultModal, {
     modalPosiion: "center",
     modalVisible: !!screenshotData,
     setModalVisible: () => setScreenshotData(null)
@@ -86,5 +118,18 @@ const GridView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   })));
 });
 GridView.displayName = 'GridView';
-export { GridView };
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  tilesArea: {
+    flex: 1,
+    position: 'relative'
+  },
+  measureLayoutView: {
+    position: 'absolute',
+    width: '100%',
+    height: '100%'
+  }
+});
 //# sourceMappingURL=GridView.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useState","useImperativeHandle","View","FlatList","DefaultModal","SaveScreenshot","TilesContainer","GridView","forwardRef","_ref","ref","pairedPeers","onPeerTileMorePress","screenshotData","setScreenshotData","hmsViewRefs","flatlistRef","captureViewScreenshot","node","_hmsViewRef$capture","hmsViewRef","current","id","console","warn","capture","call","then","imageBase64","log","peer","source","uri","catch","error","getFlatlistRef","setHmsViewRefs","useCallback","viewId","_renderItem","_ref2","item","createElement","peerTrackNodes","_keyExtractor","_item$","style","flex","horizontal","data","initialNumToRender","maxToRenderPerBatch","windowSize","pagingEnabled","showsHorizontalScrollIndicator","renderItem","numColumns","keyExtractor","modalPosiion","modalVisible","setModalVisible","imageSource","cancelModal","displayName"],"sourceRoot":"../../../src","sources":["components/GridView.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useRef","useState","useImperativeHandle","View","FlatList","StyleSheet","useDispatch","useSelector","DefaultModal","SaveScreenshot","TilesContainer","MiniView","PaginationDots","setGridViewActivePage","FLATLIST_VIEWABILITY_CONFIG","waitForInteraction","itemVisiblePercentThreshold","GridView","forwardRef","_ref","ref","pairedPeers","onPeerTileMorePress","dispatch","screenshotData","setScreenshotData","hmsViewRefs","flatlistRef","insetTileBoundingBoxRef","miniviewPeerTrackNodeExists","state","app","miniviewPeerTrackNode","captureViewScreenshot","node","_hmsViewRef$capture","hmsViewRef","current","id","console","warn","capture","call","then","imageBase64","log","peer","source","uri","catch","error","getFlatlistRef","setHmsViewRefs","useCallback","viewId","_renderItem","_ref2","item","createElement","peerTrackNodes","_keyExtractor","_item$","_handleLayoutChange","_ref3","nativeEvent","layout","_handleViewableItemsChanged","info","firstViewable","viewableItems","isViewable","index","style","styles","container","tilesArea","onLayout","measureLayoutView","horizontal","data","initialNumToRender","maxToRenderPerBatch","windowSize","pagingEnabled","showsHorizontalScrollIndicator","renderItem","numColumns","keyExtractor","onViewableItemsChanged","viewabilityConfig","length","boundingBoxRef","onMoreOptionsPress","list","modalPosiion","modalVisible","setModalVisible","imageSource","cancelModal","displayName","create","flex","position","width","height"],"sourceRoot":"../../../src","sources":["components/GridView.tsx"],"mappings":"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"}

package/lib/module/components/HMSBaseButton.js

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import { ActivityIndicator, StyleSheet, Text, TouchableHighlight, View } from 'react-native';
+export const HMSBaseButton = _ref => {
+  let {
+    underlayColor,
+    loaderColor,
+    title,
+    loading,
+    onPress,
+    style,
+    textStyle,
+    disabled,
+    leftComponent
+  } = _ref;
+  return /*#__PURE__*/React.createElement(TouchableHighlight, {
+    underlayColor: underlayColor,
+    style: [styles.button, style],
+    onPress: onPress,
+    disabled: disabled
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: 'small',
+    color: loaderColor,
+    style: styles.loader
+  }) : null, /*#__PURE__*/React.createElement(View, {
+    style: [styles.buttonContentWrapper, loading ? styles.hiddenView : null]
+  }, leftComponent, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.text, textStyle]
+  }, title))));
+};
+const styles = StyleSheet.create({
+  button: {
+    flexDirection: 'row',
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    borderRadius: 8,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  buttonContentWrapper: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  text: {
+    fontSize: 16,
+    lineHeight: 24,
+    letterSpacing: 0.5,
+    marginHorizontal: 8
+  },
+  loader: {
+    position: 'absolute'
+  },
+  hiddenView: {
+    opacity: 0
+  }
+});
+//# sourceMappingURL=HMSBaseButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","StyleSheet","Text","TouchableHighlight","View","HMSBaseButton","_ref","underlayColor","loaderColor","title","loading","onPress","style","textStyle","disabled","leftComponent","createElement","styles","button","Fragment","size","color","loader","buttonContentWrapper","hiddenView","text","create","flexDirection","paddingHorizontal","paddingVertical","borderRadius","alignItems","justifyContent","fontSize","lineHeight","letterSpacing","marginHorizontal","position","opacity"],"sourceRoot":"../../../src","sources":["components/HMSBaseButton.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,iBAAiB,EACjBC,UAAU,EACVC,IAAI,EACJC,kBAAkB,EAClBC,IAAI,QACC,cAAc;AAerB,OAAO,MAAMC,aAA2C,GAAGC,IAAA,IAUrD;EAAA,IAVsD;IAC1DC,aAAa;IACbC,WAAW;IACXC,KAAK;IACLC,OAAO;IACPC,OAAO;IACPC,KAAK;IACLC,SAAS;IACTC,QAAQ;IACRC;EACF,CAAC,GAAAT,IAAA;EACC,oBACEP,KAAA,CAAAiB,aAAA,CAACb,kBAAkB;IACjBI,aAAa,EAAEA,aAAc;IAC7BK,KAAK,EAAE,CAACK,MAAM,CAACC,MAAM,EAAEN,KAAK,CAAE;IAC9BD,OAAO,EAAEA,OAAQ;IACjBG,QAAQ,EAAEA;EAAS,gBAEnBf,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAAoB,QAAA,QACGT,OAAO,gBACNX,KAAA,CAAAiB,aAAA,CAAChB,iBAAiB;IAChBoB,IAAI,EAAE,OAAQ;IACdC,KAAK,EAAEb,WAAY;IACnBI,KAAK,EAAEK,MAAM,CAACK;EAAO,CACtB,CAAC,GACA,IAAI,eAERvB,KAAA,CAAAiB,aAAA,CAACZ,IAAI;IACHQ,KAAK,EAAE,CACLK,MAAM,CAACM,oBAAoB,EAC3Bb,OAAO,GAAGO,MAAM,CAACO,UAAU,GAAG,IAAI;EAClC,GAEDT,aAAa,eAEdhB,KAAA,CAAAiB,aAAA,CAACd,IAAI;IAACU,KAAK,EAAE,CAACK,MAAM,CAACQ,IAAI,EAAEZ,SAAS;EAAE,GAAEJ,KAAY,CAChD,CACN,CACgB,CAAC;AAEzB,CAAC;AAED,MAAMQ,MAAM,GAAGhB,UAAU,CAACyB,MAAM,CAAC;EAC/BR,MAAM,EAAE;IACNS,aAAa,EAAE,KAAK;IACpBC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,CAAC;IAClBC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDT,oBAAoB,EAAE;IACpBI,aAAa,EAAE,KAAK;IACpBI,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDP,IAAI,EAAE;IACJQ,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBC,gBAAgB,EAAE;EACpB,CAAC;EACDd,MAAM,EAAE;IACNe,QAAQ,EAAE;EACZ,CAAC;EACDb,UAAU,EAAE;IACVc,OAAO,EAAE;EACX;AACF,CAAC,CAAC"}

package/lib/module/components/HMSDangerButton.js

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { useHMSRoomColorPalette, useHMSRoomStyleSheet } from '../hooks-util';
+import { HMSBaseButton } from './HMSBaseButton';
+export const HMSDangerButton = _ref => {
+  let {
+    title,
+    loading,
+    onPress,
+    style,
+    disabled,
+    leftComponent
+  } = _ref;
+  const {
+    alert_error_dim: alertErrorDimColor,
+    alert_error_brighter: alertErrorBrighterColor
+  } = useHMSRoomColorPalette();
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    button: {
+      backgroundColor: theme.palette.alert_error_default
+    },
+    disabledButton: {
+      backgroundColor: theme.palette.alert_error_dim
+    },
+    buttonText: {
+      color: theme.palette.alert_error_brighter,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    disabledText: {
+      color: theme.palette.alert_error_bright
+    }
+  }));
+  return /*#__PURE__*/React.createElement(HMSBaseButton, {
+    loaderColor: alertErrorBrighterColor,
+    loading: loading,
+    onPress: onPress,
+    title: title,
+    underlayColor: alertErrorDimColor,
+    disabled: disabled,
+    leftComponent: leftComponent,
+    style: [hmsRoomStyles.button, disabled ? hmsRoomStyles.disabledButton : null, style],
+    textStyle: [hmsRoomStyles.buttonText, disabled ? hmsRoomStyles.disabledText : null]
+  });
+};
+//# sourceMappingURL=HMSDangerButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useHMSRoomColorPalette","useHMSRoomStyleSheet","HMSBaseButton","HMSDangerButton","_ref","title","loading","onPress","style","disabled","leftComponent","alert_error_dim","alertErrorDimColor","alert_error_brighter","alertErrorBrighterColor","hmsRoomStyles","theme","typography","button","backgroundColor","palette","alert_error_default","disabledButton","buttonText","color","fontFamily","font_family","disabledText","alert_error_bright","createElement","loaderColor","underlayColor","textStyle"],"sourceRoot":"../../../src","sources":["components/HMSDangerButton.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,sBAAsB,EAAEC,oBAAoB,QAAQ,eAAe;AAC5E,SAASC,aAAa,QAAQ,iBAAiB;AAW/C,OAAO,MAAMC,eAA+C,GAAGC,IAAA,IAOzD;EAAA,IAP0D;IAC9DC,KAAK;IACLC,OAAO;IACPC,OAAO;IACPC,KAAK;IACLC,QAAQ;IACRC;EACF,CAAC,GAAAN,IAAA;EACC,MAAM;IACJO,eAAe,EAAEC,kBAAkB;IACnCC,oBAAoB,EAAEC;EACxB,CAAC,GAAGd,sBAAsB,CAAC,CAAC;EAE5B,MAAMe,aAAa,GAAGd,oBAAoB,CAAC,CAACe,KAAK,EAAEC,UAAU,MAAM;IACjEC,MAAM,EAAE;MACNC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC;IACjC,CAAC;IACDC,cAAc,EAAE;MACdH,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACT;IACjC,CAAC;IACDY,UAAU,EAAE;MACVC,KAAK,EAAER,KAAK,CAACI,OAAO,CAACP,oBAAoB;MACzCY,UAAU,EAAG,GAAER,UAAU,CAACS,WAAY;IACxC,CAAC;IACDC,YAAY,EAAE;MACZH,KAAK,EAAER,KAAK,CAACI,OAAO,CAACQ;IACvB;EACF,CAAC,CAAC,CAAC;EAEH,oBACE7B,KAAA,CAAA8B,aAAA,CAAC3B,aAAa;IACZ4B,WAAW,EAAEhB,uBAAwB;IACrCR,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IACjBF,KAAK,EAAEA,KAAM;IACb0B,aAAa,EAAEnB,kBAAmB;IAClCH,QAAQ,EAAEA,QAAS;IACnBC,aAAa,EAAEA,aAAc;IAC7BF,KAAK,EAAE,CACLO,aAAa,CAACG,MAAM,EACpBT,QAAQ,GAAGM,aAAa,CAACO,cAAc,GAAG,IAAI,EAC9Cd,KAAK,CACL;IACFwB,SAAS,EAAE,CACTjB,aAAa,CAACQ,UAAU,EACxBd,QAAQ,GAAGM,aAAa,CAACY,YAAY,GAAG,IAAI;EAC5C,CACH,CAAC;AAEN,CAAC"}

package/lib/module/components/HMSHLSStreamLoading.js

@@ -3,25 +3,37 @@ import { View, ActivityIndicator, Text, StyleSheet } from 'react-native';
 import { useSelector } from 'react-redux';
 import { COLORS } from '../utils/theme';
 import { HMSLocalVideoView } from './HMSLocalVideoView';
+import { useHMSRoomColorPalette, useHMSRoomStyleSheet } from '../hooks-util';
 export const HMSHLSStreamLoading = () => {
   const isLocalVideoMuted = useSelector(state => state.hmsStates.isLocalVideoMuted);
+  const {
+    primary_default: primaryDefaultColor
+  } = useHMSRoomColorPalette();
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    container: {
+      backgroundColor: theme.palette.background_dim
+    },
+    text: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-Regular`
+    }
+  }));
   return /*#__PURE__*/React.createElement(View, {
-    style: styles.container
+    style: [styles.container, hmsRoomStyles.container]
   }, isLocalVideoMuted ? null : /*#__PURE__*/React.createElement(HMSLocalVideoView, null), /*#__PURE__*/React.createElement(View, {
     style: styles.hlsLoaderContainer
   }, /*#__PURE__*/React.createElement(ActivityIndicator, {
     style: styles.hlsLoader,
     size: 'large',
-    color: COLORS.PRIMARY.DEFAULT
+    color: primaryDefaultColor
   }), /*#__PURE__*/React.createElement(Text, {
-    style: styles.hlsLoaderText
+    style: [styles.hlsLoaderText, hmsRoomStyles.text]
   }, "Starting live stream...")));
 };
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    position: 'relative',
-    backgroundColor: COLORS.BACKGROUND.DIM
+    position: 'relative'
   },
   hlsLoaderContainer: {
     position: 'absolute',
@@ -36,10 +48,7 @@ const styles = StyleSheet.create({
     marginBottom: 30
   },
   hlsLoaderText: {
-    color: COLORS.SURFACE.ON_SURFACE.HIGH,
     fontSize: 16,
-    fontFamily: 'Inter',
-    fontWeight: '400',
     lineHeight: 24,
     letterSpacing: 0.5
   }

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","ActivityIndicator","Text","StyleSheet","useSelector","COLORS","HMSLocalVideoView","HMSHLSStreamLoading","isLocalVideoMuted","state","hmsStates","createElement","style","styles","container","hlsLoaderContainer","hlsLoader","size","color","PRIMARY","DEFAULT","hlsLoaderText","create","flex","position","backgroundColor","BACKGROUND","DIM","width","height","LOADING_BACKDROP","zIndex","alignItems","justifyContent","marginBottom","SURFACE","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSHLSStreamLoading.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,iBAAiB,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACxE,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,SAASC,iBAAiB,QAAQ,qBAAqB;AAEvD,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMC,iBAAiB,GAAGJ,WAAW,CAClCK,KAAgB,IAAKA,KAAK,CAACC,SAAS,CAACF,iBACxC,CAAC;EAED,oBACET,KAAA,CAAAY,aAAA,CAACX,IAAI;IAACY,KAAK,EAAEC,MAAM,CAACC;EAAU,GAC3BN,iBAAiB,GAAG,IAAI,gBAAGT,KAAA,CAAAY,aAAA,CAACL,iBAAiB,MAAE,CAAC,eAEjDP,KAAA,CAAAY,aAAA,CAACX,IAAI;IAACY,KAAK,EAAEC,MAAM,CAACE;EAAmB,gBACrChB,KAAA,CAAAY,aAAA,CAACV,iBAAiB;IAChBW,KAAK,EAAEC,MAAM,CAACG,SAAU;IACxBC,IAAI,EAAE,OAAQ;IACdC,KAAK,EAAEb,MAAM,CAACc,OAAO,CAACC;EAAQ,CAC/B,CAAC,eAEFrB,KAAA,CAAAY,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACQ;EAAc,GAAC,yBAA6B,CAC5D,CACF,CAAC;AAEX,CAAC;AAED,MAAMR,MAAM,GAAGV,UAAU,CAACmB,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,UAAU;IACpBC,eAAe,EAAEpB,MAAM,CAACqB,UAAU,CAACC;EACrC,CAAC;EACDZ,kBAAkB,EAAE;IAClBS,QAAQ,EAAE,UAAU;IACpBI,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdJ,eAAe,EAAEpB,MAAM,CAACyB,gBAAgB;IACxCC,MAAM,EAAE,CAAC;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDjB,SAAS,EAAE;IACTkB,YAAY,EAAE;EAChB,CAAC;EACDb,aAAa,EAAE;IACbH,KAAK,EAAEb,MAAM,CAAC8B,OAAO,CAACC,UAAU,CAACC,IAAI;IACrCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","View","ActivityIndicator","Text","StyleSheet","useSelector","COLORS","HMSLocalVideoView","useHMSRoomColorPalette","useHMSRoomStyleSheet","HMSHLSStreamLoading","isLocalVideoMuted","state","hmsStates","primary_default","primaryDefaultColor","hmsRoomStyles","theme","typography","container","backgroundColor","palette","background_dim","text","color","on_surface_high","fontFamily","font_family","createElement","style","styles","hlsLoaderContainer","hlsLoader","size","hlsLoaderText","create","flex","position","width","height","LOADING_BACKDROP","zIndex","alignItems","justifyContent","marginBottom","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSHLSStreamLoading.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,iBAAiB,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACxE,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,sBAAsB,EAAEC,oBAAoB,QAAQ,eAAe;AAE5E,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMC,iBAAiB,GAAGN,WAAW,CAClCO,KAAgB,IAAKA,KAAK,CAACC,SAAS,CAACF,iBACxC,CAAC;EAED,MAAM;IAAEG,eAAe,EAAEC;EAAoB,CAAC,GAAGP,sBAAsB,CAAC,CAAC;EAEzE,MAAMQ,aAAa,GAAGP,oBAAoB,CAAC,CAACQ,KAAK,EAAEC,UAAU,MAAM;IACjEC,SAAS,EAAE;MACTC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC;IACjC,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAEP,KAAK,CAACI,OAAO,CAACI,eAAe;MACpCC,UAAU,EAAG,GAAER,UAAU,CAACS,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,oBACE3B,KAAA,CAAA4B,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAE,CAACC,MAAM,CAACX,SAAS,EAAEH,aAAa,CAACG,SAAS;EAAE,GACtDR,iBAAiB,GAAG,IAAI,gBAAGX,KAAA,CAAA4B,aAAA,CAACrB,iBAAiB,MAAE,CAAC,eAEjDP,KAAA,CAAA4B,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAEC,MAAM,CAACC;EAAmB,gBACrC/B,KAAA,CAAA4B,aAAA,CAAC1B,iBAAiB;IAChB2B,KAAK,EAAEC,MAAM,CAACE,SAAU;IACxBC,IAAI,EAAE,OAAQ;IACdT,KAAK,EAAET;EAAoB,CAC5B,CAAC,eAEFf,KAAA,CAAA4B,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAE,CAACC,MAAM,CAACI,aAAa,EAAElB,aAAa,CAACO,IAAI;EAAE,GAAC,yBAEnD,CACF,CACF,CAAC;AAEX,CAAC;AAED,MAAMO,MAAM,GAAG1B,UAAU,CAAC+B,MAAM,CAAC;EAC/BhB,SAAS,EAAE;IACTiB,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE;EACZ,CAAC;EACDN,kBAAkB,EAAE;IAClBM,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdnB,eAAe,EAAEd,MAAM,CAACkC,gBAAgB;IACxCC,MAAM,EAAE,CAAC;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDX,SAAS,EAAE;IACTY,YAAY,EAAE;EAChB,CAAC;EACDV,aAAa,EAAE;IACbW,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}

package/lib/module/components/HMSManageAudioOutput.js

@@ -1,14 +1,12 @@
 import * as React from 'react';
-import Modal from 'react-native-modal';
 import { Platform, ScrollView, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 import Toast from 'react-native-simple-toast';
 import { useSelector } from 'react-redux';
 import { HMSUpdateListenerActions, HMSAudioDevice } from '@100mslive/react-native-hms';
 import { AnswerPhoneIcon, BluetoothIcon, CheckIcon, HeadphonesIcon, SpeakerIcon, WaveIcon } from '../Icons';
 import { PressableIcon } from './PressableIcon';
-import { COLORS } from '../utils/theme';
-import { CloseIcon } from '../Icons';
-import { useHMSInstance } from '../hooks-util';
+import { useHMSInstance, useHMSRoomStyleSheet } from '../hooks-util';
+import { BottomSheet } from './BottomSheet';
 export const HMSManageAudioOutput = () => {
   const hmsInstance = useHMSInstance();
   const [settingsModalVisible, setSettingsModalVisible] = React.useState(false);
@@ -82,85 +80,56 @@ export const HMSManageAudioOutput = () => {
     hmsInstance.switchAudioOutput(device);
     setSettingsModalVisible(false);
   };
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    headerText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-Medium`
+    },
+    text: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    divider: {
+      backgroundColor: theme.palette.border_default
+    }
+  }));
   return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(PressableIcon, {
     onPress: handleSpeakerChange
   }, Platform.OS === 'ios' ? /*#__PURE__*/React.createElement(SpeakerIcon, {
     muted: false
-  }) : getIcon(currentAudioOutputDevice || HMSAudioDevice.AUTOMATIC)), /*#__PURE__*/React.createElement(Modal, {
+  }) : getIcon(currentAudioOutputDevice || HMSAudioDevice.AUTOMATIC)), /*#__PURE__*/React.createElement(BottomSheet, {
     isVisible: settingsModalVisible,
-    animationIn: 'slideInUp',
-    animationOut: 'slideOutDown',
-    backdropColor: COLORS.BACKGROUND.DIM,
-    backdropOpacity: 0.3,
-    onBackButtonPress: dismissModal,
-    onBackdropPress: dismissModal,
-    useNativeDriver: true,
-    useNativeDriverForBackdrop: true,
-    hideModalContentWhileAnimating: true
-    // swipeDirection={['up', 'down']}
-    // swipe
-    ,
-    style: styles.modal
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.container
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.header
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.headerText
-  }, "Audio Output"), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    onPress: dismissModal,
-    hitSlop: styles.closeIconHitSlop
-  }, /*#__PURE__*/React.createElement(CloseIcon, null))), availableAudioOutputDevices.length === 0 ? /*#__PURE__*/React.createElement(View, {
+    dismissModal: dismissModal
+  }, /*#__PURE__*/React.createElement(BottomSheet.Header, {
+    dismissModal: dismissModal,
+    heading: "Audio Output"
+  }), /*#__PURE__*/React.createElement(BottomSheet.Divider, null), /*#__PURE__*/React.createElement(View, {
+    style: styles.contentContainer
+  }, availableAudioOutputDevices.length === 0 ? /*#__PURE__*/React.createElement(View, {
     style: styles.emptyView
   }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.itemText
+    style: [styles.itemText, hmsRoomStyles.text]
   }, "No other devices available!")) : /*#__PURE__*/React.createElement(ScrollView, {
     showsVerticalScrollIndicator: true
-  }, availableAudioOutputDevices.sort((a, b) => audioDeviceSortOrder[a] - audioDeviceSortOrder[b]).map(device => /*#__PURE__*/React.createElement(React.Fragment, {
-    key: device
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.divider
-  }), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.audioDeviceItem,
-    onPress: () => handleSelectAudioDevice(device)
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.itemTextWrapper
-  }, getIcon(device === HMSAudioDevice.AUTOMATIC && currentAudioOutputDevice ? currentAudioOutputDevice : device), /*#__PURE__*/React.createElement(Text, {
-    style: styles.itemText
-  }, getDescription(device, currentAudioOutputDevice))), device === currentAudioOutputDevice ? /*#__PURE__*/React.createElement(CheckIcon, null) : null)))))));
+  }, availableAudioOutputDevices.sort((a, b) => audioDeviceSortOrder[a] - audioDeviceSortOrder[b]).map((device, index) => {
+    const isFirst = index === 0;
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: device
+    }, isFirst ? null : /*#__PURE__*/React.createElement(View, {
+      style: [styles.divider, hmsRoomStyles.divider]
+    }), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: styles.audioDeviceItem,
+      onPress: () => handleSelectAudioDevice(device)
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.itemTextWrapper
+    }, getIcon(device === HMSAudioDevice.AUTOMATIC && currentAudioOutputDevice ? currentAudioOutputDevice : device), /*#__PURE__*/React.createElement(Text, {
+      style: [styles.itemText, hmsRoomStyles.text]
+    }, getDescription(device, currentAudioOutputDevice))), device === currentAudioOutputDevice ? /*#__PURE__*/React.createElement(CheckIcon, null) : null));
+  })))));
 };
 const styles = StyleSheet.create({
-  modal: {
-    margin: 0,
-    justifyContent: 'flex-end'
-  },
-  container: {
-    backgroundColor: COLORS.BACKGROUND.DEFAULT,
-    borderTopLeftRadius: 16,
-    borderTopRightRadius: 16,
-    paddingTop: 24,
-    paddingHorizontal: 16,
-    paddingBottom: 32
-  },
-  header: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    marginBottom: 16
-  },
-  headerText: {
-    color: COLORS.SURFACE.ON_SURFACE.HIGH,
-    fontSize: 16,
-    fontFamily: 'Inter',
-    fontWeight: '500',
-    lineHeight: 24,
-    letterSpacing: 0.15
-  },
-  closeIconHitSlop: {
-    bottom: 16,
-    left: 16,
-    right: 16,
-    top: 16
+  contentContainer: {
+    marginHorizontal: 24
   },
   itemTextWrapper: {
     flexDirection: 'row',
@@ -169,10 +138,7 @@ const styles = StyleSheet.create({
   },
   itemText: {
     marginHorizontal: 16,
-    color: COLORS.SURFACE.ON_SURFACE.HIGH,
     fontSize: 14,
-    fontFamily: 'Inter',
-    fontWeight: '600',
     lineHeight: 20,
     letterSpacing: 0.1
   },
@@ -188,8 +154,7 @@ const styles = StyleSheet.create({
     paddingVertical: 20
   },
   divider: {
-    height: 1,
-    backgroundColor: COLORS.BORDER.DEFAULT
+    height: 1
   }
 });
 const getIcon = ofDevice => {

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

@@ -1 +1 @@
-{"version":3,"names":["React","Modal","Platform","ScrollView","StyleSheet","Text","TouchableOpacity","View","Toast","useSelector","HMSUpdateListenerActions","HMSAudioDevice","AnswerPhoneIcon","BluetoothIcon","CheckIcon","HeadphonesIcon","SpeakerIcon","WaveIcon","PressableIcon","COLORS","CloseIcon","useHMSInstance","HMSManageAudioOutput","hmsInstance","settingsModalVisible","setSettingsModalVisible","useState","currentAudioOutputDevice","setCurrentAudioOutputDevice","availableAudioOutputDevices","setAvailableAudioOutputDevices","debugMode","state","user","useEffect","OS","ignore","getCurrentAudioOutputDevice","device","getAudioOutputRouteType","getAvailableAudioOutputDevices","devices","getAudioDevicesList","dismissModal","handleSpeakerChange","switchAudioOutputUsingIOSUI","length","then","setAudioDeviceChangeListener","data","showWithGravity","LONG","TOP","removeEventListener","ON_AUDIO_DEVICE_CHANGED","handleSelectAudioDevice","switchAudioOutput","createElement","onPress","muted","getIcon","AUTOMATIC","isVisible","animationIn","animationOut","backdropColor","BACKGROUND","DIM","backdropOpacity","onBackButtonPress","onBackdropPress","useNativeDriver","useNativeDriverForBackdrop","hideModalContentWhileAnimating","style","styles","modal","container","header","headerText","hitSlop","closeIconHitSlop","emptyView","itemText","showsVerticalScrollIndicator","sort","a","b","audioDeviceSortOrder","map","Fragment","key","divider","audioDeviceItem","itemTextWrapper","getDescription","create","margin","justifyContent","backgroundColor","DEFAULT","borderTopLeftRadius","borderTopRightRadius","paddingTop","paddingHorizontal","paddingBottom","flexDirection","alignItems","marginBottom","color","SURFACE","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight","letterSpacing","bottom","left","right","top","marginHorizontal","height","paddingVertical","BORDER","ofDevice","BLUETOOTH","EARPIECE","SPEAKER_PHONE","WIRED_HEADSET","currentDevice"],"sourceRoot":"../../../src","sources":["components/HMSManageAudioOutput.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Platform","ScrollView","StyleSheet","Text","TouchableOpacity","View","Toast","useSelector","HMSUpdateListenerActions","HMSAudioDevice","AnswerPhoneIcon","BluetoothIcon","CheckIcon","HeadphonesIcon","SpeakerIcon","WaveIcon","PressableIcon","useHMSInstance","useHMSRoomStyleSheet","BottomSheet","HMSManageAudioOutput","hmsInstance","settingsModalVisible","setSettingsModalVisible","useState","currentAudioOutputDevice","setCurrentAudioOutputDevice","availableAudioOutputDevices","setAvailableAudioOutputDevices","debugMode","state","user","useEffect","OS","ignore","getCurrentAudioOutputDevice","device","getAudioOutputRouteType","getAvailableAudioOutputDevices","devices","getAudioDevicesList","dismissModal","handleSpeakerChange","switchAudioOutputUsingIOSUI","length","then","setAudioDeviceChangeListener","data","showWithGravity","LONG","TOP","removeEventListener","ON_AUDIO_DEVICE_CHANGED","handleSelectAudioDevice","switchAudioOutput","hmsRoomStyles","theme","typography","headerText","color","palette","on_surface_high","fontFamily","font_family","text","divider","backgroundColor","border_default","createElement","onPress","muted","getIcon","AUTOMATIC","isVisible","Header","heading","Divider","style","styles","contentContainer","emptyView","itemText","showsVerticalScrollIndicator","sort","a","b","audioDeviceSortOrder","map","index","isFirst","Fragment","key","audioDeviceItem","itemTextWrapper","getDescription","create","marginHorizontal","flexDirection","alignItems","justifyContent","fontSize","lineHeight","letterSpacing","height","paddingVertical","ofDevice","BLUETOOTH","EARPIECE","SPEAKER_PHONE","WIRED_HEADSET","currentDevice"],"sourceRoot":"../../../src","sources":["components/HMSManageAudioOutput.tsx"],"mappings":"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"}

package/lib/module/components/HMSManageCameraRotation.js

@@ -2,8 +2,8 @@ import * as React from 'react';
 import { useSelector } from 'react-redux';
 import { RotateCameraIcon } from '../Icons';
 import { useCanPublishVideo, useHMSActions } from '../hooks-sdk';
-import { COLORS } from '../utils/theme';
 import { PressableIcon } from './PressableIcon';
+import { useHMSRoomStyle } from '../hooks-util';
 export const HMSManageCameraRotation = () => {
   const canPublishVideo = useCanPublishVideo();
   if (!canPublishVideo) {
@@ -21,13 +21,14 @@ const RotateCameraButton = () => {
     }
     await hmsActions.switchCamera();
   };
+  const cameraIconStyles = useHMSRoomStyle(theme => ({
+    tintColor: isLocalVideoMuted ? theme.palette.on_surface_low : theme.palette.on_surface_high
+  }), [isLocalVideoMuted]);
   return /*#__PURE__*/React.createElement(PressableIcon, {
     onPress: handleVideoMuteTogglePress,
     disabled: isLocalVideoMuted
   }, /*#__PURE__*/React.createElement(RotateCameraIcon, {
-    style: {
-      tintColor: isLocalVideoMuted ? COLORS.SURFACE.ON_SURFACE.LOW : COLORS.SURFACE.ON_SURFACE.HIGH
-    }
+    style: cameraIconStyles
   }));
 };
 //# sourceMappingURL=HMSManageCameraRotation.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useSelector","RotateCameraIcon","useCanPublishVideo","useHMSActions","COLORS","PressableIcon","HMSManageCameraRotation","canPublishVideo","createElement","RotateCameraButton","hmsActions","isLocalVideoMuted","state","hmsStates","handleVideoMuteTogglePress","switchCamera","onPress","disabled","style","tintColor","SURFACE","ON_SURFACE","LOW","HIGH"],"sourceRoot":"../../../src","sources":["components/HMSManageCameraRotation.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,gBAAgB,QAAQ,UAAU;AAC3C,SAASC,kBAAkB,EAAEC,aAAa,QAAQ,cAAc;AAEhE,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EAC3C,MAAMC,eAAe,GAAGL,kBAAkB,CAAC,CAAC;EAE5C,IAAI,CAACK,eAAe,EAAE;IACpB,OAAO,IAAI;EACb;EAEA,oBAAOR,KAAA,CAAAS,aAAA,CAACC,kBAAkB,MAAE,CAAC;AAC/B,CAAC;AAED,MAAMA,kBAAkB,GAAGA,CAAA,KAAM;EAC/B,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,IAAIH,iBAAiB,EAAE;MACrB;IACF;IACA,MAAMD,UAAU,CAACK,YAAY,CAAC,CAAC;EACjC,CAAC;EAED,oBACEhB,KAAA,CAAAS,aAAA,CAACH,aAAa;IACZW,OAAO,EAAEF,0BAA2B;IACpCG,QAAQ,EAAEN;EAAkB,gBAE5BZ,KAAA,CAAAS,aAAA,CAACP,gBAAgB;IACfiB,KAAK,EAAE;MACLC,SAAS,EAAER,iBAAiB,GACxBP,MAAM,CAACgB,OAAO,CAACC,UAAU,CAACC,GAAG,GAC7BlB,MAAM,CAACgB,OAAO,CAACC,UAAU,CAACE;IAChC;EAAE,CACH,CACY,CAAC;AAEpB,CAAC"}
+{"version":3,"names":["React","useSelector","RotateCameraIcon","useCanPublishVideo","useHMSActions","PressableIcon","useHMSRoomStyle","HMSManageCameraRotation","canPublishVideo","createElement","RotateCameraButton","hmsActions","isLocalVideoMuted","state","hmsStates","handleVideoMuteTogglePress","switchCamera","cameraIconStyles","theme","tintColor","palette","on_surface_low","on_surface_high","onPress","disabled","style"],"sourceRoot":"../../../src","sources":["components/HMSManageCameraRotation.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,gBAAgB,QAAQ,UAAU;AAC3C,SAASC,kBAAkB,EAAEC,aAAa,QAAQ,cAAc;AAEhE,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,eAAe,QAAQ,eAAe;AAE/C,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EAC3C,MAAMC,eAAe,GAAGL,kBAAkB,CAAC,CAAC;EAE5C,IAAI,CAACK,eAAe,EAAE;IACpB,OAAO,IAAI;EACb;EAEA,oBAAOR,KAAA,CAAAS,aAAA,CAACC,kBAAkB,MAAE,CAAC;AAC/B,CAAC;AAED,MAAMA,kBAAkB,GAAGA,CAAA,KAAM;EAC/B,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,IAAIH,iBAAiB,EAAE;MACrB;IACF;IACA,MAAMD,UAAU,CAACK,YAAY,CAAC,CAAC;EACjC,CAAC;EAED,MAAMC,gBAAgB,GAAGX,eAAe,CACrCY,KAAK,KAAM;IACVC,SAAS,EAAEP,iBAAiB,GACxBM,KAAK,CAACE,OAAO,CAACC,cAAc,GAC5BH,KAAK,CAACE,OAAO,CAACE;EACpB,CAAC,CAAC,EACF,CAACV,iBAAiB,CACpB,CAAC;EAED,oBACEZ,KAAA,CAAAS,aAAA,CAACJ,aAAa;IACZkB,OAAO,EAAER,0BAA2B;IACpCS,QAAQ,EAAEZ;EAAkB,gBAE5BZ,KAAA,CAAAS,aAAA,CAACP,gBAAgB;IAACuB,KAAK,EAAER;EAAiB,CAAE,CAC/B,CAAC;AAEpB,CAAC"}