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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","TouchableOpacity","useHMSRoomStyleSheet","useLeaveMethods","AlertTriangleIcon","CloseIcon","HMSDangerButton","EndRoomModalContent","_ref","dismissModal","endRoom","hmsRoomStyles","theme","typography","headerText","color","palette","alert_error_default","fontFamily","font_family","text","on_surface_medium","createElement","style","styles","container","header","headerControls","onPress","hitSlop","closeIconHitSlop","loading","title","create","marginTop","marginHorizontal","flexDirection","alignItems","justifyContent","marginBottom","fontSize","lineHeight","letterSpacing","marginLeft","bottom","left","right","top"],"sourceRoot":"../../../src","sources":["components/EndRoomModalContent.tsx"],"mappings":"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"}

package/lib/module/components/Footer.js

@@ -1,9 +1,8 @@
 import React, { memo, useMemo } from 'react';
-import { View, StyleSheet } from 'react-native';
+import { View, StyleSheet, Platform } from 'react-native';
 import Animated, { interpolate, useAnimatedProps, useAnimatedStyle } from 'react-native-reanimated';
-import { COLORS } from '../utils/theme';
-import { useIsHLSViewer } from '../hooks-util';
-import { EndIcon } from '../Icons';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { useHMSRoomStyle, useIsHLSViewer } from '../hooks-util';
 import { HMSManageLeave } from './HMSManageLeave';
 import { HMSManageRaiseHand } from './HMSManageRaiseHand';
 import { HMSManageLocalAudio } from './HMSManageLocalAudio';
@@ -19,9 +18,9 @@ export const _Footer = _ref => {
   const canPublishAudio = useCanPublishAudio();
   const canPublishVideo = useCanPublishVideo();
   const footerActionButtons = useMemo(() => {
-    const actions = ['chat'];
+    const actions = ['chat', 'options'];
     if (isHLSViewer) {
-      actions.unshift('leave');
+      actions.unshift('hand-raise');
     }
     if (canPublishVideo) {
       actions.unshift('video');
@@ -29,7 +28,7 @@ export const _Footer = _ref => {
     if (canPublishAudio) {
       actions.unshift('audio');
     }
-    actions.push(isHLSViewer ? 'hand-raise' : 'options');
+    actions.unshift('leave');
     return actions;
   }, [isHLSViewer, canPublishAudio, canPublishVideo]);
   const animatedStyles = useAnimatedStyle(() => {
@@ -45,29 +44,34 @@ export const _Footer = _ref => {
       pointerEvents: offset.value === 0 ? 'none' : 'auto'
     };
   }, []);
+  const containerStyles = useHMSRoomStyle(theme => ({
+    backgroundColor: theme.palette.background_dim
+  }));
   return /*#__PURE__*/React.createElement(Animated.View, {
     style: animatedStyles,
     animatedProps: animatedProps
+  }, /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: containerStyles,
+    edges: ['bottom']
   }, /*#__PURE__*/React.createElement(View, {
-    style: styles.container
+    style: [styles.container, containerStyles]
   }, footerActionButtons.map((actionType, index) => {
     return /*#__PURE__*/React.createElement(View, {
       key: actionType,
       style: index === 0 ? null : styles.iconWrapper
-    }, actionType === 'leave' ? /*#__PURE__*/React.createElement(HMSManageLeave, {
-      leaveIconDelegate: /*#__PURE__*/React.createElement(EndIcon, null)
-    }) : actionType === 'audio' ? /*#__PURE__*/React.createElement(HMSManageLocalAudio, null) : actionType === 'video' ? /*#__PURE__*/React.createElement(HMSManageLocalVideo, null) : actionType === 'chat' ? /*#__PURE__*/React.createElement(HMSChat, null) : actionType === 'options' ? /*#__PURE__*/React.createElement(HMSRoomOptions, null) : actionType === 'hand-raise' ? /*#__PURE__*/React.createElement(HMSManageRaiseHand, null) : null);
-  })));
+    }, actionType === 'leave' ? /*#__PURE__*/React.createElement(HMSManageLeave, null) : actionType === 'audio' ? /*#__PURE__*/React.createElement(HMSManageLocalAudio, null) : actionType === 'video' ? /*#__PURE__*/React.createElement(HMSManageLocalVideo, null) : actionType === 'chat' ? /*#__PURE__*/React.createElement(HMSChat, null) : actionType === 'options' ? /*#__PURE__*/React.createElement(HMSRoomOptions, null) : actionType === 'hand-raise' ? /*#__PURE__*/React.createElement(HMSManageRaiseHand, null) : null);
+  }))));
 };
 const styles = StyleSheet.create({
   container: {
-    paddingVertical: 8,
+    paddingTop: 16,
     paddingHorizontal: 16,
-    backgroundColor: COLORS.BACKGROUND.DIM,
     flexDirection: 'row',
     alignItems: 'center',
-    justifyContent: 'center'
+    justifyContent: 'center',
+    marginBottom: Platform.OS === 'android' ? 16 : 0 // TODO: need to correct hide aimation offsets because of this change
   },
+
   iconWrapper: {
     marginLeft: 24
   }

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

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useMemo","View","StyleSheet","Animated","interpolate","useAnimatedProps","useAnimatedStyle","COLORS","useIsHLSViewer","EndIcon","HMSManageLeave","HMSManageRaiseHand","HMSManageLocalAudio","HMSManageLocalVideo","HMSChat","HMSRoomOptions","useCanPublishAudio","useCanPublishVideo","_Footer","_ref","offset","isHLSViewer","canPublishAudio","canPublishVideo","footerActionButtons","actions","unshift","push","animatedStyles","opacity","value","transform","translateY","animatedProps","pointerEvents","createElement","style","styles","container","map","actionType","index","key","iconWrapper","leaveIconDelegate","create","paddingVertical","paddingHorizontal","backgroundColor","BACKGROUND","DIM","flexDirection","alignItems","justifyContent","marginLeft","Footer"],"sourceRoot":"../../../src","sources":["components/Footer.tsx"],"mappings":"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"}
+{"version":3,"names":["React","memo","useMemo","View","StyleSheet","Platform","Animated","interpolate","useAnimatedProps","useAnimatedStyle","SafeAreaView","useHMSRoomStyle","useIsHLSViewer","HMSManageLeave","HMSManageRaiseHand","HMSManageLocalAudio","HMSManageLocalVideo","HMSChat","HMSRoomOptions","useCanPublishAudio","useCanPublishVideo","_Footer","_ref","offset","isHLSViewer","canPublishAudio","canPublishVideo","footerActionButtons","actions","unshift","animatedStyles","opacity","value","transform","translateY","animatedProps","pointerEvents","containerStyles","theme","backgroundColor","palette","background_dim","createElement","style","edges","styles","container","map","actionType","index","key","iconWrapper","create","paddingTop","paddingHorizontal","flexDirection","alignItems","justifyContent","marginBottom","OS","marginLeft","Footer"],"sourceRoot":"../../../src","sources":["components/Footer.tsx"],"mappings":"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"}

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/HMSHLSNotStarted.js

@@ -1,45 +1,53 @@
 import * as React from 'react';
 import { useSelector } from 'react-redux';
 import { View, Text, StyleSheet } from 'react-native';
-import { COLORS } from '../utils/theme';
-import { usePortraitChatViewVisible } from '../hooks-util';
-import { ClockIcon } from '../Icons';
+import { useHMSRoomStyleSheet, usePortraitChatViewVisible } from '../hooks-util';
+import { RadioIcon } from '../Icons';
 export const HMSHLSNotStarted = () => {
   const portraitChatViewVisible = usePortraitChatViewVisible();
   const hlsAspectRatio = useSelector(state => state.app.hlsAspectRatio);
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    title: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    description: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-Regular`
+    }
+  }));
   return /*#__PURE__*/React.createElement(View, {
-    style: [styles.textContainer, portraitChatViewVisible ? styles.taleLessSpaceAsYouCan : null, portraitChatViewVisible ? {
+    style: [styles.container, portraitChatViewVisible ? styles.taleLessSpaceAsYouCan : null, portraitChatViewVisible ? {
       aspectRatio: hlsAspectRatio.value
     } : null]
-  }, /*#__PURE__*/React.createElement(ClockIcon, null), /*#__PURE__*/React.createElement(Text, {
-    style: styles.title
-  }, "Class hasn't started yet"), /*#__PURE__*/React.createElement(Text, {
-    style: styles.description
-  }, "Please wait for the teacher to start the class."));
+  }, /*#__PURE__*/React.createElement(RadioIcon, {
+    size: "extra-large",
+    containerStyle: styles.icon
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.title, hmsRoomStyles.title]
+  }, "Stream yet to start"), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.description, hmsRoomStyles.description]
+  }, "Sit back and relax"));
 };
 const styles = StyleSheet.create({
-  textContainer: {
+  container: {
     flex: 1,
     paddingHorizontal: 24,
     alignItems: 'center',
     justifyContent: 'center'
   },
+  icon: {
+    marginBottom: 24
+  },
   title: {
-    color: COLORS.SURFACE.ON_SURFACE.HIGH,
-    fontFamily: 'Inter',
-    fontSize: 28,
-    fontWeight: '600',
+    fontSize: 24,
     lineHeight: 32,
-    letterSpacing: 0.25,
     textAlign: 'center'
   },
   description: {
-    color: COLORS.SURFACE.ON_SURFACE.LOW,
-    fontSize: 14,
-    fontFamily: 'Inter',
-    fontWeight: '400',
-    lineHeight: 20,
-    letterSpacing: 0.25,
+    fontSize: 16,
+    lineHeight: 24,
+    letterSpacing: 0.5,
     textAlign: 'center',
     marginTop: 8
   },

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

@@ -1 +1 @@
-{"version":3,"names":["React","useSelector","View","Text","StyleSheet","COLORS","usePortraitChatViewVisible","ClockIcon","HMSHLSNotStarted","portraitChatViewVisible","hlsAspectRatio","state","app","createElement","style","styles","textContainer","taleLessSpaceAsYouCan","aspectRatio","value","title","description","create","flex","paddingHorizontal","alignItems","justifyContent","color","SURFACE","ON_SURFACE","HIGH","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","textAlign","LOW","marginTop"],"sourceRoot":"../../../src","sources":["components/HMSHLSNotStarted.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAGrD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,0BAA0B,QAAQ,eAAe;AAC1D,SAASC,SAAS,QAAQ,UAAU;AAEpC,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,uBAAuB,GAAGH,0BAA0B,CAAC,CAAC;EAC5D,MAAMI,cAAc,GAAGT,WAAW,CAC/BU,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,cAClC,CAAC;EAED,oBACEV,KAAA,CAAAa,aAAA,CAACX,IAAI;IACHY,KAAK,EAAE,CACLC,MAAM,CAACC,aAAa,EACpBP,uBAAuB,GAAGM,MAAM,CAACE,qBAAqB,GAAG,IAAI,EAC7DR,uBAAuB,GAAG;MAAES,WAAW,EAAER,cAAc,CAACS;IAAM,CAAC,GAAG,IAAI;EACtE,gBAEFnB,KAAA,CAAAa,aAAA,CAACN,SAAS,MAAE,CAAC,eACbP,KAAA,CAAAa,aAAA,CAACV,IAAI;IAACW,KAAK,EAAEC,MAAM,CAACK;EAAM,GAAC,0BAA8B,CAAC,eAC1DpB,KAAA,CAAAa,aAAA,CAACV,IAAI;IAACW,KAAK,EAAEC,MAAM,CAACM;EAAY,GAAC,iDAE3B,CACF,CAAC;AAEX,CAAC;AAED,MAAMN,MAAM,GAAGX,UAAU,CAACkB,MAAM,CAAC;EAC/BN,aAAa,EAAE;IACbO,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDN,KAAK,EAAE;IACLO,KAAK,EAAEtB,MAAM,CAACuB,OAAO,CAACC,UAAU,CAACC,IAAI;IACrCC,UAAU,EAAE,OAAO;IACnBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE;EACb,CAAC;EACDf,WAAW,EAAE;IACXM,KAAK,EAAEtB,MAAM,CAACuB,OAAO,CAACC,UAAU,CAACQ,GAAG;IACpCL,QAAQ,EAAE,EAAE;IACZD,UAAU,EAAE,OAAO;IACnBE,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE,QAAQ;IACnBE,SAAS,EAAE;EACb,CAAC;EACDrB,qBAAqB,EAAE;IACrBM,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","useSelector","View","Text","StyleSheet","useHMSRoomStyleSheet","usePortraitChatViewVisible","RadioIcon","HMSHLSNotStarted","portraitChatViewVisible","hlsAspectRatio","state","app","hmsRoomStyles","theme","typography","title","color","palette","on_surface_high","fontFamily","font_family","description","on_surface_medium","createElement","style","styles","container","taleLessSpaceAsYouCan","aspectRatio","value","size","containerStyle","icon","create","flex","paddingHorizontal","alignItems","justifyContent","marginBottom","fontSize","lineHeight","textAlign","letterSpacing","marginTop"],"sourceRoot":"../../../src","sources":["components/HMSHLSNotStarted.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAGrD,SAASC,oBAAoB,EAAEC,0BAA0B,QAAQ,eAAe;AAChF,SAASC,SAAS,QAAQ,UAAU;AAEpC,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,uBAAuB,GAAGH,0BAA0B,CAAC,CAAC;EAC5D,MAAMI,cAAc,GAAGT,WAAW,CAC/BU,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,cAClC,CAAC;EAED,MAAMG,aAAa,GAAGR,oBAAoB,CAAC,CAACS,KAAK,EAAEC,UAAU,MAAM;IACjEC,KAAK,EAAE;MACLC,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACC,eAAe;MACpCC,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC,CAAC;IACDC,WAAW,EAAE;MACXL,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACK,iBAAiB;MACtCH,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,oBACErB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IACHuB,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChBlB,uBAAuB,GAAGiB,MAAM,CAACE,qBAAqB,GAAG,IAAI,EAC7DnB,uBAAuB,GAAG;MAAEoB,WAAW,EAAEnB,cAAc,CAACoB;IAAM,CAAC,GAAG,IAAI;EACtE,gBAEF9B,KAAA,CAAAwB,aAAA,CAACjB,SAAS;IAACwB,IAAI,EAAC,aAAa;IAACC,cAAc,EAAEN,MAAM,CAACO;EAAK,CAAE,CAAC,eAC7DjC,KAAA,CAAAwB,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAE,CAACC,MAAM,CAACV,KAAK,EAAEH,aAAa,CAACG,KAAK;EAAE,GAAC,qBAAyB,CAAC,eAC5EhB,KAAA,CAAAwB,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAE,CAACC,MAAM,CAACJ,WAAW,EAAET,aAAa,CAACS,WAAW;EAAE,GAAC,oBAExD,CACF,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGtB,UAAU,CAAC8B,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDL,IAAI,EAAE;IACJM,YAAY,EAAE;EAChB,CAAC;EACDvB,KAAK,EAAE;IACLwB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE;EACb,CAAC;EACDpB,WAAW,EAAE;IACXkB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdE,aAAa,EAAE,GAAG;IAClBD,SAAS,EAAE,QAAQ;IACnBE,SAAS,EAAE;EACb,CAAC;EACDhB,qBAAqB,EAAE;IACrBO,IAAI,EAAE;EACR;AACF,CAAC,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"}