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

package/lib/module/components/AnimatedFooter.js

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import Animated, { interpolate, useAnimatedProps, useAnimatedStyle } from 'react-native-reanimated';
+export const AnimatedFooter = _ref => {
+  let {
+    offset,
+    children
+  } = _ref;
+  const animatedStyles = useAnimatedStyle(() => {
+    return {
+      opacity: interpolate(offset.value, [0, 0.7, 1], [0, 0.5, 1]),
+      transform: [{
+        translateY: interpolate(offset.value, [0, 1], [10, 0])
+      }]
+    };
+  }, []);
+  const animatedProps = useAnimatedProps(() => {
+    return {
+      pointerEvents: offset.value === 0 ? 'none' : 'auto'
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: animatedStyles,
+    animatedProps: animatedProps
+  }, children);
+};
+//# sourceMappingURL=AnimatedFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","interpolate","useAnimatedProps","useAnimatedStyle","AnimatedFooter","_ref","offset","children","animatedStyles","opacity","value","transform","translateY","animatedProps","pointerEvents","createElement","View","style"],"sourceRoot":"../../../src","sources":["components/AnimatedFooter.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,QAAQ,IACbC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAOhC,OAAO,MAAMC,cAA6C,GAAGC,IAAA,IAGvD;EAAA,IAHwD;IAC5DC,MAAM;IACNC;EACF,CAAC,GAAAF,IAAA;EACC,MAAMG,cAAc,GAAGL,gBAAgB,CAAC,MAAM;IAC5C,OAAO;MACLM,OAAO,EAAER,WAAW,CAACK,MAAM,CAACI,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;MAC5DC,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAEX,WAAW,CAACK,MAAM,CAACI,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;MAAE,CAAC;IACxE,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,aAAa,GAAGX,gBAAgB,CAAC,MAElC;IACH,OAAO;MACLY,aAAa,EAAER,MAAM,CAACI,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG;IAC/C,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEX,KAAA,CAAAgB,aAAA,CAACf,QAAQ,CAACgB,IAAI;IAACC,KAAK,EAAET,cAAe;IAACK,aAAa,EAAEA;EAAc,GAChEN,QACY,CAAC;AAEpB,CAAC"}

package/lib/module/components/AnimatedHLSFooter.js

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import Animated, { interpolate, useAnimatedProps, useAnimatedStyle } from 'react-native-reanimated';
+export const AnimatedHLSFooter = _ref => {
+  let {
+    offset,
+    children,
+    style
+  } = _ref;
+  const animatedStyles = useAnimatedStyle(() => {
+    return {
+      opacity: interpolate(offset.value, [0, 0.7, 1], [0, 0.5, 1]),
+      transform: [{
+        translateY: interpolate(offset.value, [0, 1], [10, 0])
+      }]
+    };
+  }, []);
+  const animatedProps = useAnimatedProps(() => {
+    return {
+      pointerEvents: offset.value === 0 ? 'none' : 'auto'
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: [animatedStyles, style],
+    animatedProps: animatedProps
+  }, children);
+};
+//# sourceMappingURL=AnimatedHLSFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","interpolate","useAnimatedProps","useAnimatedStyle","AnimatedHLSFooter","_ref","offset","children","style","animatedStyles","opacity","value","transform","translateY","animatedProps","pointerEvents","createElement","View"],"sourceRoot":"../../../src","sources":["components/AnimatedHLSFooter.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,QAAQ,IACbC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAQhC,OAAO,MAAMC,iBAAmD,GAAGC,IAAA,IAI7D;EAAA,IAJ8D;IAClEC,MAAM;IACNC,QAAQ;IACRC;EACF,CAAC,GAAAH,IAAA;EACC,MAAMI,cAAc,GAAGN,gBAAgB,CAAC,MAAM;IAC5C,OAAO;MACLO,OAAO,EAAET,WAAW,CAACK,MAAM,CAACK,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;MAC5DC,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAEZ,WAAW,CAACK,MAAM,CAACK,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;MAAE,CAAC;IACxE,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,aAAa,GAAGZ,gBAAgB,CAAC,MAElC;IACH,OAAO;MACLa,aAAa,EAAET,MAAM,CAACK,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG;IAC/C,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEZ,KAAA,CAAAiB,aAAA,CAAChB,QAAQ,CAACiB,IAAI;IACZT,KAAK,EAAE,CAACC,cAAc,EAAED,KAAK,CAAE;IAC/BM,aAAa,EAAEA;EAAc,GAE5BP,QACY,CAAC;AAEpB,CAAC"}

package/lib/module/components/AnimatedHeader.js

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import Animated, { useAnimatedProps, useAnimatedStyle } from 'react-native-reanimated';
+import { useIsHLSViewer } from '../hooks-util';
+export const AnimatedHeader = _ref => {
+  let {
+    children,
+    offset
+  } = _ref;
+  const isHLSViewer = useIsHLSViewer();
+  const animatedStyles = useAnimatedStyle(() => {
+    return {
+      opacity: offset.value
+      // transform: [{ translateY: interpolate(offset.value, [0, 1], [-10, 0]) }]
+    };
+  }, []);
+  const animatedProps = useAnimatedProps(() => {
+    return {
+      pointerEvents: offset.value === 0 ? 'none' : 'auto'
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: [isHLSViewer ? styles.hlsContainer : null, animatedStyles],
+    animatedProps: animatedProps
+  }, children);
+};
+const styles = StyleSheet.create({
+  hlsContainer: {
+    position: 'absolute',
+    top: 0,
+    width: '100%',
+    zIndex: 1
+  }
+});
+//# sourceMappingURL=AnimatedHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Animated","useAnimatedProps","useAnimatedStyle","useIsHLSViewer","AnimatedHeader","_ref","children","offset","isHLSViewer","animatedStyles","opacity","value","animatedProps","pointerEvents","createElement","View","style","styles","hlsContainer","create","position","top","width","zIndex"],"sourceRoot":"../../../src","sources":["components/AnimatedHeader.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAGhC,SAASC,cAAc,QAAQ,eAAe;AAM9C,OAAO,MAAMC,cAA6C,GAAGC,IAAA,IAGvD;EAAA,IAHwD;IAC5DC,QAAQ;IACRC;EACF,CAAC,GAAAF,IAAA;EACC,MAAMG,WAAW,GAAGL,cAAc,CAAC,CAAC;EAEpC,MAAMM,cAAc,GAAGP,gBAAgB,CAAC,MAAM;IAC5C,OAAO;MACLQ,OAAO,EAAEH,MAAM,CAACI;MAChB;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,aAAa,GAAGX,gBAAgB,CAAC,MAElC;IACH,OAAO;MACLY,aAAa,EAAEN,MAAM,CAACI,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG;IAC/C,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEb,KAAA,CAAAgB,aAAA,CAACd,QAAQ,CAACe,IAAI;IACZC,KAAK,EAAE,CAACR,WAAW,GAAGS,MAAM,CAACC,YAAY,GAAG,IAAI,EAAET,cAAc,CAAE;IAClEG,aAAa,EAAEA;EAAc,GAE5BN,QACY,CAAC;AAEpB,CAAC;AAED,MAAMW,MAAM,GAAGlB,UAAU,CAACoB,MAAM,CAAC;EAC/BD,YAAY,EAAE;IACZE,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}

package/lib/module/components/BottomSheet.js

@@ -66,12 +66,15 @@ const BottomSheetHeader = _ref2 => {
     hitSlop: styles.closeIconHitSlop
   }, /*#__PURE__*/React.createElement(CloseIcon, null)));
 };
-const BottomSheetDivider = () => {
+const BottomSheetDivider = _ref3 => {
+  let {
+    style
+  } = _ref3;
   const dividerStyles = useHMSRoomStyle(theme => ({
     backgroundColor: theme.palette.border_default
   }));
   return /*#__PURE__*/React.createElement(View, {
-    style: [styles.divider, dividerStyles]
+    style: [styles.divider, dividerStyles, style]
   });
 };
 BottomSheet.Header = BottomSheetHeader;
@@ -138,7 +141,7 @@ const styles = StyleSheet.create({
     top: 16
   },
   divider: {
-    height: 1,
+    height: 2,
     width: '100%',
     marginVertical: 16
   }

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

@@ -1 +1 @@
-{"version":3,"names":["React","Modal","StyleSheet","Text","TouchableOpacity","View","CloseIcon","useHMSRoomColorPalette","useHMSRoomStyle","useHMSRoomStyleSheet","BottomSheet","_ref","dismissModal","style","children","containerStyle","resetProps","background_dim","backgroundDimColor","containerStyles","theme","backgroundColor","palette","background_default","handleModalHideAction","useBottomSheetActionHandlers","createElement","_extends","animationIn","animationOut","backdropColor","backdropOpacity","onBackButtonPress","onBackdropPress","useNativeDriver","useNativeDriverForBackdrop","hideModalContentWhileAnimating","styles","modal","onModalHide","supportedOrientations","container","BottomSheetHeader","_ref2","heading","subheading","hmsRoomStyles","typography","headerText","color","on_surface_high","fontFamily","font_family","subheadingText","on_surface_medium","header","onPress","hitSlop","closeIconHitSlop","BottomSheetDivider","dividerStyles","border_default","divider","Header","Divider","onModalHideActionHandlerRef","handler","onModalHideActionRef","useRef","useCallback","current","useBottomSheetActions","registerOnModalHideAction","action","clearOnModalHideAction","create","margin","justifyContent","borderTopLeftRadius","borderTopRightRadius","paddingBottom","flexDirection","alignItems","marginTop","marginHorizontal","fontSize","lineHeight","letterSpacing","bottom","left","right","top","height","width","marginVertical"],"sourceRoot":"../../../src","sources":["components/BottomSheet.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Modal","StyleSheet","Text","TouchableOpacity","View","CloseIcon","useHMSRoomColorPalette","useHMSRoomStyle","useHMSRoomStyleSheet","BottomSheet","_ref","dismissModal","style","children","containerStyle","resetProps","background_dim","backgroundDimColor","containerStyles","theme","backgroundColor","palette","background_default","handleModalHideAction","useBottomSheetActionHandlers","createElement","_extends","animationIn","animationOut","backdropColor","backdropOpacity","onBackButtonPress","onBackdropPress","useNativeDriver","useNativeDriverForBackdrop","hideModalContentWhileAnimating","styles","modal","onModalHide","supportedOrientations","container","BottomSheetHeader","_ref2","heading","subheading","hmsRoomStyles","typography","headerText","color","on_surface_high","fontFamily","font_family","subheadingText","on_surface_medium","header","onPress","hitSlop","closeIconHitSlop","BottomSheetDivider","_ref3","dividerStyles","border_default","divider","Header","Divider","onModalHideActionHandlerRef","handler","onModalHideActionRef","useRef","useCallback","current","useBottomSheetActions","registerOnModalHideAction","action","clearOnModalHideAction","create","margin","justifyContent","borderTopLeftRadius","borderTopRightRadius","paddingBottom","flexDirection","alignItems","marginTop","marginHorizontal","fontSize","lineHeight","letterSpacing","bottom","left","right","top","height","width","marginVertical"],"sourceRoot":"../../../src","sources":["components/BottomSheet.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,KAAK,MAAM,oBAAoB;AAEtC,SAASC,UAAU,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAGvE,SAASC,SAAS,QAAQ,UAAU;AACpC,SACEC,sBAAsB,EACtBC,eAAe,EACfC,oBAAoB,QACf,eAAe;AAatB,OAAO,MAAMC,WAGZ,GAAGC,IAAA,IAAsE;EAAA,IAArE;IAAEC,YAAY;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,cAAc;IAAE,GAAGC;EAAW,CAAC,GAAAL,IAAA;EACnE,MAAM;IAAEM,cAAc,EAAEC;EAAmB,CAAC,GAAGX,sBAAsB,CAAC,CAAC;EAEvE,MAAMY,eAAe,GAAGX,eAAe,CAAEY,KAAK,KAAM;IAClDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC;EACjC,CAAC,CAAC,CAAC;EAEH,MAAM;IAAEC;EAAsB,CAAC,GAAGC,4BAA4B,CAAC,CAAC;EAEhE,oBACEzB,KAAA,CAAA0B,aAAA,CAACzB,KAAK,EAAA0B,QAAA,KACAX,UAAU;IACdY,WAAW,EAAEZ,UAAU,CAACY,WAAW,IAAI,WAAY;IACnDC,YAAY,EAAEb,UAAU,CAACa,YAAY,IAAI,cAAe;IACxDC,aAAa,EAAEd,UAAU,CAACc,aAAa,IAAIZ,kBAAmB;IAC9Da,eAAe,EAAEf,UAAU,CAACe,eAAe,IAAI,GAAI;IACnDC,iBAAiB,EAAEhB,UAAU,CAACgB,iBAAiB,IAAIpB,YAAa;IAChEqB,eAAe,EAAEjB,UAAU,CAACiB,eAAe,IAAIrB,YAAa;IAC5DsB,eAAe,EAAElB,UAAU,CAACkB,eAAe,IAAI,IAAK;IACpDC,0BAA0B,EAAEnB,UAAU,CAACmB,0BAA0B,IAAI,IAAK;IAC1EC,8BAA8B,EAC5BpB,UAAU,CAACoB,8BAA8B,IAAI,IAC9C;IACDvB,KAAK,EAAE,CAACwB,MAAM,CAACC,KAAK,EAAEzB,KAAK,CAAE;IAC7B0B,WAAW,EAAEvB,UAAU,CAACuB,WAAW,IAAIf,qBAAsB;IAC7DgB,qBAAqB,EACnBxB,UAAU,CAACwB,qBAAqB,IAAI,CAAC,UAAU,EAAE,WAAW;IAE9D;EAAA,iBAEAxC,KAAA,CAAA0B,aAAA,CAACrB,IAAI;IAACQ,KAAK,EAAE,CAACwB,MAAM,CAACI,SAAS,EAAEtB,eAAe,EAAEJ,cAAc;EAAE,GAC9DD,QACG,CACD,CAAC;AAEZ,CAAC;AAQD,MAAM4B,iBAAwC,GAAGC,KAAA,IAI3C;EAAA,IAJ4C;IAChD/B,YAAY;IACZgC,OAAO;IACPC;EACF,CAAC,GAAAF,KAAA;EACC,MAAMG,aAAa,GAAGrC,oBAAoB,CAAC,CAACW,KAAK,EAAE2B,UAAU,MAAM;IACjEC,UAAU,EAAE;MACVC,KAAK,EAAE7B,KAAK,CAACE,OAAO,CAAC4B,eAAe;MACpCC,UAAU,EAAG,GAAEJ,UAAU,CAACK,WAAY;IACxC,CAAC;IACDC,cAAc,EAAE;MACdJ,KAAK,EAAE7B,KAAK,CAACE,OAAO,CAACgC,iBAAiB;MACtCH,UAAU,EAAG,GAAEJ,UAAU,CAACK,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,oBACEpD,KAAA,CAAA0B,aAAA,CAACrB,IAAI;IAACQ,KAAK,EAAEwB,MAAM,CAACkB;EAAO,gBACzBvD,KAAA,CAAA0B,aAAA,CAACrB,IAAI,qBACHL,KAAA,CAAA0B,aAAA,CAACvB,IAAI;IAACU,KAAK,EAAE,CAACwB,MAAM,CAACW,UAAU,EAAEF,aAAa,CAACE,UAAU;EAAE,GACxDJ,OACG,CAAC,EAENC,UAAU,gBACT7C,KAAA,CAAA0B,aAAA,CAACvB,IAAI;IAACU,KAAK,EAAE,CAACwB,MAAM,CAACgB,cAAc,EAAEP,aAAa,CAACO,cAAc;EAAE,GAChER,UACG,CAAC,GACL,IACA,CAAC,eAEP7C,KAAA,CAAA0B,aAAA,CAACtB,gBAAgB;IACfoD,OAAO,EAAE5C,YAAa;IACtB6C,OAAO,EAAEpB,MAAM,CAACqB;EAAiB,gBAEjC1D,KAAA,CAAA0B,aAAA,CAACpB,SAAS,MAAE,CACI,CACd,CAAC;AAEX,CAAC;AAMD,MAAMqD,kBAAqD,GAAGC,KAAA,IAAe;EAAA,IAAd;IAAE/C;EAAM,CAAC,GAAA+C,KAAA;EACtE,MAAMC,aAAa,GAAGrD,eAAe,CAAEY,KAAK,KAAM;IAChDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACwC;EACjC,CAAC,CAAC,CAAC;EAEH,oBAAO9D,KAAA,CAAA0B,aAAA,CAACrB,IAAI;IAACQ,KAAK,EAAE,CAACwB,MAAM,CAAC0B,OAAO,EAAEF,aAAa,EAAEhD,KAAK;EAAE,CAAE,CAAC;AAChE,CAAC;AAEDH,WAAW,CAACsD,MAAM,GAAGtB,iBAAiB;AAEtChC,WAAW,CAACuD,OAAO,GAAGN,kBAAkB;AAExC,MAAMO,2BAA6D,GAAG;EACpEC,OAAO,EAAE;AACX,CAAC;AAED,MAAM1C,4BAA4B,GAAGA,CAAA,KAAM;EACzC,MAAM2C,oBAAoB,GAAGpE,KAAK,CAACqE,MAAM,CAACH,2BAA2B,CAAC;EAEtE,MAAM1C,qBAAqB,GAAGxB,KAAK,CAACsE,WAAW,CAAC,MAAM;IACpD,IAAI,OAAOF,oBAAoB,CAACG,OAAO,CAACJ,OAAO,KAAK,UAAU,EAAE;MAC9DC,oBAAoB,CAACG,OAAO,CAACJ,OAAO,CAAC,CAAC;IACxC;IACAC,oBAAoB,CAACG,OAAO,CAACJ,OAAO,GAAG,IAAI;EAC7C,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAE3C;EAAsB,CAAC;AAClC,CAAC;AAED,OAAO,MAAMgD,qBAAqB,GAAGA,CAAA,KAAM;EACzC,MAAMC,yBAAyB,GAAGzE,KAAK,CAACsE,WAAW,CAAEI,MAAkB,IAAK;IAC1ER,2BAA2B,CAACC,OAAO,GAAGO,MAAM;EAC9C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,sBAAsB,GAAG3E,KAAK,CAACsE,WAAW,CAAC,MAAM;IACrDJ,2BAA2B,CAACC,OAAO,GAAG,IAAI;EAC5C,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEM,yBAAyB;IAAEE;EAAuB,CAAC;AAC9D,CAAC;AAED,MAAMtC,MAAM,GAAGnC,UAAU,CAAC0E,MAAM,CAAC;EAC/BtC,KAAK,EAAE;IACLuC,MAAM,EAAE,CAAC;IACTC,cAAc,EAAE;EAClB,CAAC;EACDrC,SAAS,EAAE;IACTsC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,aAAa,EAAE;EACjB,CAAC;EACD1B,MAAM,EAAE;IACN2B,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBL,cAAc,EAAE,eAAe;IAC/BM,SAAS,EAAE,EAAE;IACbC,gBAAgB,EAAE;EACpB,CAAC;EACDrC,UAAU,EAAE;IACVsC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB,CAAC;EACDnC,cAAc,EAAE;IACd+B,SAAS,EAAE,CAAC;IACZE,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB,CAAC;EACD9B,gBAAgB,EAAE;IAChB+B,MAAM,EAAE,EAAE;IACVC,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE,EAAE;IACTC,GAAG,EAAE;EACP,CAAC;EACD7B,OAAO,EAAE;IACP8B,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,MAAM;IACbC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/components/ChangeNameModalContent.js

@@ -1,10 +1,9 @@
 import * as React from 'react';
 import { View, Text, StyleSheet, TouchableOpacity, Keyboard } from 'react-native';
 import { useSelector } from 'react-redux';
-import { useHMSRoomStyleSheet, useModalType } from '../hooks-util';
-import { BottomSheet, useBottomSheetActions } from './BottomSheet';
+import { useHMSRoomStyleSheet } from '../hooks-util';
+import { BottomSheet } from './BottomSheet';
 import { ChevronIcon, CloseIcon } from '../Icons';
-import { ModalTypes } from '../utils/types';
 import { HMSTextInput } from './HMSTextInput';
 import { HMSPrimaryButton } from './HMSPrimaryButton';
 import { useHMSActions } from '../hooks-sdk';
@@ -19,12 +18,6 @@ export const ChangeNameModalContent = _ref => {
   });
   const [name, setName] = React.useState(localPeerName);
   const [nameChangeLoading, setNameChangeLoading] = React.useState(false);
-  const {
-    handleModalVisibleType
-  } = useModalType();
-  const {
-    registerOnModalHideAction
-  } = useBottomSheetActions();
   const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
     headerText: {
       color: theme.palette.on_surface_high,
@@ -36,11 +29,6 @@ export const ChangeNameModalContent = _ref => {
   const handleBackPress = () => {
     Keyboard.dismiss();
 
-    // Open SETTINGS bottom sheet when current sheet is closed
-    registerOnModalHideAction(() => {
-      handleModalVisibleType(ModalTypes.SETTINGS);
-    });
-
     // Close current bottom sheet
     dismissModal();
   };

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","TouchableOpacity","Keyboard","useSelector","useHMSRoomStyleSheet","useModalType","BottomSheet","useBottomSheetActions","ChevronIcon","CloseIcon","ModalTypes","HMSTextInput","HMSPrimaryButton","useHMSActions","ChangeNameModalContent","_ref","dismissModal","hmsActions","localPeerName","state","_state$hmsStates$loca","hmsStates","localPeer","name","setName","useState","nameChangeLoading","setNameChangeLoading","handleModalVisibleType","registerOnModalHideAction","hmsRoomStyles","theme","typography","headerText","color","palette","on_surface_high","fontFamily","font_family","invalidName","trim","length","disabledButton","handleBackPress","dismiss","SETTINGS","handleClosePress","changeName","error","createElement","style","styles","header","headerControls","onPress","hitSlop","closeIconHitSlop","direction","Divider","contentContainer","textInput","value","autoFocus","onChangeText","loading","title","disabled","create","flexDirection","alignItems","justifyContent","marginTop","marginHorizontal","fontSize","lineHeight","letterSpacing","marginLeft","bottom","left","right","top","flex","undefined","marginBottom"],"sourceRoot":"../../../src","sources":["components/ChangeNameModalContent.tsx"],"mappings":"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"}
+{"version":3,"names":["React","View","Text","StyleSheet","TouchableOpacity","Keyboard","useSelector","useHMSRoomStyleSheet","BottomSheet","ChevronIcon","CloseIcon","HMSTextInput","HMSPrimaryButton","useHMSActions","ChangeNameModalContent","_ref","dismissModal","hmsActions","localPeerName","state","_state$hmsStates$loca","hmsStates","localPeer","name","setName","useState","nameChangeLoading","setNameChangeLoading","hmsRoomStyles","theme","typography","headerText","color","palette","on_surface_high","fontFamily","font_family","invalidName","trim","length","disabledButton","handleBackPress","dismiss","handleClosePress","changeName","error","createElement","style","styles","header","headerControls","onPress","hitSlop","closeIconHitSlop","direction","Divider","contentContainer","textInput","value","autoFocus","onChangeText","loading","title","disabled","create","flexDirection","alignItems","justifyContent","marginTop","marginHorizontal","fontSize","lineHeight","letterSpacing","marginLeft","bottom","left","right","top","flex","undefined","marginBottom"],"sourceRoot":"../../../src","sources":["components/ChangeNameModalContent.tsx"],"mappings":"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"}

package/lib/module/components/Chat/ChatBanner.js

@@ -1,67 +1,48 @@
 import * as React from 'react';
-import { View, StyleSheet, Text, Platform } from 'react-native';
-import Feather from 'react-native-vector-icons/Feather';
-import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
-import { COLORS } from '../../utils/theme';
-import { CustomButton } from '../CustomButton';
+import { View, StyleSheet, Text, Image } from 'react-native';
+import { useHMSRoomStyleSheet } from '../../hooks-util';
 export const ChatBanner = () => {
-  const [showBanner, setShowBanner] = React.useState(true);
-  if (!showBanner) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.banner
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.bannerIconContainer
-  }, /*#__PURE__*/React.createElement(Feather, {
-    style: styles.bannerIcon,
-    size: 16,
-    name: "info"
-  })), /*#__PURE__*/React.createElement(View, {
-    style: styles.bannerTextContainer
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.bannerText
-  }, "Messages can only be seen by people in the call and are deleted when the call ends.")), /*#__PURE__*/React.createElement(CustomButton, {
-    onPress: () => setShowBanner(false),
-    viewStyle: styles.bannerIconContainer,
-    LeftIcon: /*#__PURE__*/React.createElement(MaterialCommunityIcons, {
-      style: styles.bannerIcon,
-      size: 24,
-      name: "close"
-    })
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    title: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    subtitle: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-Regular`
+    }
   }));
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: require('../../assets/empty-chat-illustration/empty-chat.png')
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.title, hmsRoomStyles.title]
+  }, "Start a Conversation"), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.subtitle, hmsRoomStyles.subtitle]
+  }, "There are no messages here yet. Start a conversation by sending a message."));
 };
 const styles = StyleSheet.create({
-  banner: {
-    height: 80,
-    flexDirection: 'row',
-    alignItems: 'center',
-    backgroundColor: COLORS.SURFACE.LIGHT,
-    borderRadius: 8,
-    transform: [Platform.OS === 'android' ? {
-      scale: -1
-    } : {
-      scaleY: -1
-    }]
-  },
-  bannerIcon: {
-    color: COLORS.TEXT.DISABLED
-  },
-  bannerIconContainer: {
-    width: 52,
-    height: '100%',
+  container: {
+    flex: 1,
     alignItems: 'center',
     justifyContent: 'center'
+    // transform: [Platform.OS === 'android' ? { scale: -1 } : { scaleY: -1 }],
   },
-  bannerTextContainer: {
-    flex: 1
+
+  title: {
+    fontSize: 20,
+    lineHeight: 24,
+    letterSpacing: 0.15,
+    textAlign: 'center',
+    marginTop: 16
   },
-  bannerText: {
-    fontFamily: 'Inter-Regular',
-    fontSize: 12,
-    lineHeight: 16,
-    letterSpacing: 0.4,
-    color: COLORS.TEXT.MEDIUM_EMPHASIS
+  subtitle: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.25,
+    textAlign: 'center',
+    marginTop: 8
   }
 });
 //# sourceMappingURL=ChatBanner.js.map

package/lib/module/components/Chat/ChatBanner.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","Text","Platform","Feather","MaterialCommunityIcons","COLORS","CustomButton","ChatBanner","showBanner","setShowBanner","useState","createElement","style","styles","banner","bannerIconContainer","bannerIcon","size","name","bannerTextContainer","bannerText","onPress","viewStyle","LeftIcon","create","height","flexDirection","alignItems","backgroundColor","SURFACE","LIGHT","borderRadius","transform","OS","scale","scaleY","color","TEXT","DISABLED","width","justifyContent","flex","fontFamily","fontSize","lineHeight","letterSpacing","MEDIUM_EMPHASIS"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatBanner.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AAC/D,OAAOC,OAAO,MAAM,mCAAmC;AACvD,OAAOC,sBAAsB,MAAM,kDAAkD;AAErF,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC9B,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGX,KAAK,CAACY,QAAQ,CAAC,IAAI,CAAC;EAExD,IAAI,CAACF,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACEV,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACC;EAAO,gBACzBhB,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACE;EAAoB,gBACtCjB,KAAA,CAAAa,aAAA,CAACR,OAAO;IAACS,KAAK,EAAEC,MAAM,CAACG,UAAW;IAACC,IAAI,EAAE,EAAG;IAACC,IAAI,EAAC;EAAM,CAAE,CACtD,CAAC,eACPpB,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACM;EAAoB,gBACtCrB,KAAA,CAAAa,aAAA,CAACV,IAAI;IAACW,KAAK,EAAEC,MAAM,CAACO;EAAW,GAAC,qFAG1B,CACF,CAAC,eACPtB,KAAA,CAAAa,aAAA,CAACL,YAAY;IACXe,OAAO,EAAEA,CAAA,KAAMZ,aAAa,CAAC,KAAK,CAAE;IACpCa,SAAS,EAAET,MAAM,CAACE,mBAAoB;IACtCQ,QAAQ,eACNzB,KAAA,CAAAa,aAAA,CAACP,sBAAsB;MACrBQ,KAAK,EAAEC,MAAM,CAACG,UAAW;MACzBC,IAAI,EAAE,EAAG;MACTC,IAAI,EAAC;IAAO,CACb;EACF,CACF,CACG,CAAC;AAEX,CAAC;AAED,MAAML,MAAM,GAAGb,UAAU,CAACwB,MAAM,CAAC;EAC/BV,MAAM,EAAE;IACNW,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAEvB,MAAM,CAACwB,OAAO,CAACC,KAAK;IACrCC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,CAAC9B,QAAQ,CAAC+B,EAAE,KAAK,SAAS,GAAG;MAAEC,KAAK,EAAE,CAAC;IAAE,CAAC,GAAG;MAAEC,MAAM,EAAE,CAAC;IAAE,CAAC;EACxE,CAAC;EACDnB,UAAU,EAAE;IACVoB,KAAK,EAAE/B,MAAM,CAACgC,IAAI,CAACC;EACrB,CAAC;EACDvB,mBAAmB,EAAE;IACnBwB,KAAK,EAAE,EAAE;IACTd,MAAM,EAAE,MAAM;IACdE,UAAU,EAAE,QAAQ;IACpBa,cAAc,EAAE;EAClB,CAAC;EACDrB,mBAAmB,EAAE;IACnBsB,IAAI,EAAE;EACR,CAAC;EACDrB,UAAU,EAAE;IACVsB,UAAU,EAAE,eAAe;IAC3BC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBT,KAAK,EAAE/B,MAAM,CAACgC,IAAI,CAACS;EACrB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","View","StyleSheet","Text","Image","useHMSRoomStyleSheet","ChatBanner","hmsRoomStyles","theme","typography","title","color","palette","on_surface_high","fontFamily","font_family","subtitle","on_surface_medium","createElement","style","styles","container","source","require","create","flex","alignItems","justifyContent","fontSize","lineHeight","letterSpacing","textAlign","marginTop"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatBanner.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,EAAEC,IAAI,EAAEC,KAAK,QAAQ,cAAc;AAE5D,SAASC,oBAAoB,QAAQ,kBAAkB;AAEvD,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC9B,MAAMC,aAAa,GAAGF,oBAAoB,CAAC,CAACG,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,QAAQ,EAAE;MACRL,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACK,iBAAiB;MACtCH,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,oBACEf,KAAA,CAAAkB,aAAA,CAACjB,IAAI;IAACkB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BrB,KAAA,CAAAkB,aAAA,CAACd,KAAK;IACJkB,MAAM,EAAEC,OAAO,CAAC,qDAAqD;EAAE,CACxE,CAAC,eACFvB,KAAA,CAAAkB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACC,MAAM,CAACV,KAAK,EAAEH,aAAa,CAACG,KAAK;EAAE,GAAC,sBAE5C,CAAC,eACPV,KAAA,CAAAkB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACC,MAAM,CAACJ,QAAQ,EAAET,aAAa,CAACS,QAAQ;EAAE,GAAC,4EAGlD,CACF,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGlB,UAAU,CAACsB,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;IAChB;EACF,CAAC;;EACDjB,KAAK,EAAE;IACLkB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE,QAAQ;IACnBC,SAAS,EAAE;EACb,CAAC;EACDhB,QAAQ,EAAE;IACRY,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE,QAAQ;IACnBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

package/lib/module/components/Chat/ChatFilterBottomSheetOpener.js

@@ -0,0 +1,74 @@
+import * as React from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { ChevronIcon } from '../../Icons';
+import { useHMSRoomStyleSheet } from '../../hooks-util';
+import { setChatFilterSheetVisible } from '../../redux/actions';
+const _ChatFilterBottomSheetOpener = () => {
+  const dispatch = useDispatch();
+  const filter = useSelector(state => state.chatWindow.sendTo.name);
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    label: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    button: {
+      borderColor: theme.palette.border_bright
+    },
+    buttonText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    }
+  }));
+  const openChatFiltersSheet = () => {
+    dispatch(setChatFilterSheetVisible(true));
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.label, hmsRoomStyles.label]
+  }, "SEND TO"), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: openChatFiltersSheet,
+    style: [styles.button, hmsRoomStyles.button]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.buttonText, hmsRoomStyles.buttonText]
+  }, filter), /*#__PURE__*/React.createElement(ChevronIcon, {
+    direction: "down",
+    style: styles.buttonIcon
+  })));
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 8,
+    marginLeft: 16
+  },
+  label: {
+    fontSize: 10,
+    lineHeight: 16,
+    letterSpacing: 1.5
+  },
+  button: {
+    padding: 4,
+    paddingLeft: 8,
+    flexDirection: 'row',
+    marginLeft: 8,
+    borderWidth: 1,
+    borderRadius: 4,
+    alignItems: 'center'
+  },
+  buttonText: {
+    fontSize: 10,
+    textTransform: 'uppercase',
+    lineHeight: 16,
+    letterSpacing: 1.5
+  },
+  buttonIcon: {
+    width: 16,
+    height: 16,
+    marginLeft: 4
+  }
+});
+export const ChatFilterBottomSheetOpener = /*#__PURE__*/React.memo(_ChatFilterBottomSheetOpener);
+//# sourceMappingURL=ChatFilterBottomSheetOpener.js.map

package/lib/module/components/Chat/ChatFilterBottomSheetOpener.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useDispatch","useSelector","StyleSheet","Text","TouchableOpacity","View","ChevronIcon","useHMSRoomStyleSheet","setChatFilterSheetVisible","_ChatFilterBottomSheetOpener","dispatch","filter","state","chatWindow","sendTo","name","hmsRoomStyles","theme","typography","label","color","palette","on_surface_medium","fontFamily","font_family","button","borderColor","border_bright","buttonText","on_surface_high","openChatFiltersSheet","createElement","style","styles","container","onPress","direction","buttonIcon","create","flexDirection","alignItems","marginBottom","marginLeft","fontSize","lineHeight","letterSpacing","padding","paddingLeft","borderWidth","borderRadius","textTransform","width","height","ChatFilterBottomSheetOpener","memo"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatFilterBottomSheetOpener.tsx"],"mappings":"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"}

package/lib/module/components/Chat/ChatFilterBottomSheetView.js

@@ -0,0 +1,60 @@
+import * as React from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+import Animated, { SlideInDown, SlideOutDown } from 'react-native-reanimated';
+import { hexToRgbA } from '../../utils/theme';
+import { ChatFilterView } from './ChatFilterView';
+import { useHMSRoomStyleSheet } from '../../hooks-util';
+import { setChatFilterSheetVisible } from '../../redux/actions';
+const _ChatFilterBottomSheetView = _ref => {
+  let {} = _ref;
+  const dispatch = useDispatch();
+  const chatFilterSheetVisible = useSelector(state => state.app.chatFilterSheetVisible);
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    backdrop: {
+      backgroundColor: theme.palette.background_dim && hexToRgbA(theme.palette.background_dim, 0.1)
+    },
+    contentContainer: {
+      backgroundColor: theme.palette.surface_default
+    }
+  }));
+  const closeFiltersBottomSheet = () => {
+    dispatch(setChatFilterSheetVisible(false));
+  };
+  if (!chatFilterSheetVisible) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Pressable, {
+    onPress: closeFiltersBottomSheet,
+    style: [styles.backdrop, hmsRoomStyles.backdrop]
+  }), /*#__PURE__*/React.createElement(Animated.View, {
+    entering: SlideInDown,
+    exiting: SlideOutDown,
+    style: [styles.contentContainer, hmsRoomStyles.contentContainer]
+  }, /*#__PURE__*/React.createElement(ChatFilterView, null)));
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    width: '100%',
+    height: '100%',
+    zIndex: 1,
+    justifyContent: 'flex-end'
+  },
+  backdrop: {
+    position: 'absolute',
+    width: '100%',
+    height: '100%'
+  },
+  contentContainer: {
+    width: '100%',
+    minHeight: 352,
+    maxHeight: '80%',
+    borderTopLeftRadius: 16,
+    borderTopRightRadius: 16
+  }
+});
+export const ChatFilterBottomSheetView = /*#__PURE__*/React.memo(_ChatFilterBottomSheetView);
+//# sourceMappingURL=ChatFilterBottomSheetView.js.map

package/lib/module/components/Chat/ChatFilterBottomSheetView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","StyleSheet","View","useDispatch","useSelector","Animated","SlideInDown","SlideOutDown","hexToRgbA","ChatFilterView","useHMSRoomStyleSheet","setChatFilterSheetVisible","_ChatFilterBottomSheetView","_ref","dispatch","chatFilterSheetVisible","state","app","hmsRoomStyles","theme","backdrop","backgroundColor","palette","background_dim","contentContainer","surface_default","closeFiltersBottomSheet","createElement","style","styles","container","onPress","entering","exiting","create","position","width","height","zIndex","justifyContent","minHeight","maxHeight","borderTopLeftRadius","borderTopRightRadius","ChatFilterBottomSheetView","memo"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatFilterBottomSheetView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC1D,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AACtD,OAAOC,QAAQ,IAAIC,WAAW,EAAEC,YAAY,QAAQ,yBAAyB;AAE7E,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,oBAAoB,QAAQ,kBAAkB;AAEvD,SAASC,yBAAyB,QAAQ,qBAAqB;AAI/D,MAAMC,0BAEL,GAAGC,IAAA,IAAQ;EAAA,IAAP,CAAC,CAAC,GAAAA,IAAA;EACL,MAAMC,QAAQ,GAAGX,WAAW,CAAC,CAAC;EAC9B,MAAMY,sBAAsB,GAAGX,WAAW,CACvCY,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,sBAClC,CAAC;EAED,MAAMG,aAAa,GAAGR,oBAAoB,CAAES,KAAK,KAAM;IACrDC,QAAQ,EAAE;MACRC,eAAe,EACbF,KAAK,CAACG,OAAO,CAACC,cAAc,IAC5Bf,SAAS,CAACW,KAAK,CAACG,OAAO,CAACC,cAAc,EAAE,GAAG;IAC/C,CAAC;IACDC,gBAAgB,EAAE;MAChBH,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACG;IACjC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;IACpCZ,QAAQ,CAACH,yBAAyB,CAAC,KAAK,CAAC,CAAC;EAC5C,CAAC;EAED,IAAI,CAACI,sBAAsB,EAAE;IAC3B,OAAO,IAAI;EACb;EAEA,oBACEhB,KAAA,CAAA4B,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5B/B,KAAA,CAAA4B,aAAA,CAAC3B,SAAS;IACR+B,OAAO,EAAEL,uBAAwB;IACjCE,KAAK,EAAE,CAACC,MAAM,CAACT,QAAQ,EAAEF,aAAa,CAACE,QAAQ;EAAE,CAClD,CAAC,eAEFrB,KAAA,CAAA4B,aAAA,CAACtB,QAAQ,CAACH,IAAI;IACZ8B,QAAQ,EAAE1B,WAAY;IACtB2B,OAAO,EAAE1B,YAAa;IACtBqB,KAAK,EAAE,CAACC,MAAM,CAACL,gBAAgB,EAAEN,aAAa,CAACM,gBAAgB;EAAE,gBAEjEzB,KAAA,CAAA4B,aAAA,CAAClB,cAAc,MAAE,CACJ,CACX,CAAC;AAEX,CAAC;AAED,MAAMoB,MAAM,GAAG5B,UAAU,CAACiC,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,MAAM,EAAE,CAAC;IACTC,cAAc,EAAE;EAClB,CAAC;EACDnB,QAAQ,EAAE;IACRe,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV,CAAC;EACDb,gBAAgB,EAAE;IAChBY,KAAK,EAAE,MAAM;IACbI,SAAS,EAAE,GAAG;IACdC,SAAS,EAAE,KAAK;IAChBC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE;EACxB;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,yBAAyB,gBAAG7C,KAAK,CAAC8C,IAAI,CAACjC,0BAA0B,CAAC"}

package/lib/module/components/Chat/ChatFilterItem.js

@@ -0,0 +1,62 @@
+import * as React from 'react';
+import { batch, useDispatch } from 'react-redux';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { CheckIcon } from '../../Icons';
+import { useHMSRoomStyle } from '../../hooks-util';
+import { setChatFilterSheetVisible } from '../../redux/actions';
+const _ChatFilterItem = _ref => {
+  let {
+    item,
+    disabled,
+    active,
+    icon
+  } = _ref;
+  const dispatch = useDispatch();
+  const titleStyles = useHMSRoomStyle((theme, typography) => ({
+    color: theme.palette.on_surface_high,
+    fontFamily: `${typography.font_family}-SemiBold`
+  }));
+  const handleFilterSelect = () => {
+    batch(() => {
+      dispatch(setChatFilterSheetVisible(false));
+      dispatch({
+        type: 'SET_SENDTO',
+        sendTo: item
+      });
+    });
+  };
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.container,
+    onPress: handleFilterSelect,
+    disabled: disabled
+  }, icon ? /*#__PURE__*/React.createElement(View, {
+    style: styles.leftIcon
+  }, icon) : null, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.title, titleStyles]
+  }, item.name), active ? /*#__PURE__*/React.createElement(CheckIcon, {
+    style: styles.rightIcon
+  }) : null);
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 32,
+    paddingVertical: 16
+  },
+  title: {
+    flex: 1,
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.1,
+    textTransform: 'capitalize'
+  },
+  rightIcon: {
+    marginLeft: 8
+  },
+  leftIcon: {
+    marginRight: 8
+  }
+});
+export const ChatFilterItem = /*#__PURE__*/React.memo(_ChatFilterItem);
+//# sourceMappingURL=ChatFilterItem.js.map

package/lib/module/components/Chat/ChatFilterItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","batch","useDispatch","StyleSheet","Text","TouchableOpacity","View","CheckIcon","useHMSRoomStyle","setChatFilterSheetVisible","_ChatFilterItem","_ref","item","disabled","active","icon","dispatch","titleStyles","theme","typography","color","palette","on_surface_high","fontFamily","font_family","handleFilterSelect","type","sendTo","createElement","style","styles","container","onPress","leftIcon","title","name","rightIcon","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","flex","fontSize","lineHeight","letterSpacing","textTransform","marginLeft","marginRight","ChatFilterItem","memo"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatFilterItem.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,EAAEC,WAAW,QAAQ,aAAa;AAChD,SAASC,UAAU,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAGvE,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,eAAe,QAAQ,kBAAkB;AAElD,SAASC,yBAAyB,QAAQ,qBAAqB;AAS/D,MAAMC,eAA8C,GAAGC,IAAA,IAKjD;EAAA,IALkD;IACtDC,IAAI;IACJC,QAAQ;IACRC,MAAM;IACNC;EACF,CAAC,GAAAJ,IAAA;EACC,MAAMK,QAAQ,GAAGd,WAAW,CAAC,CAAC;EAE9B,MAAMe,WAAW,GAAGT,eAAe,CAAC,CAACU,KAAK,EAAEC,UAAU,MAAM;IAC1DC,KAAK,EAAEF,KAAK,CAACG,OAAO,CAACC,eAAe;IACpCC,UAAU,EAAG,GAAEJ,UAAU,CAACK,WAAY;EACxC,CAAC,CAAC,CAAC;EAEH,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;IAC/BxB,KAAK,CAAC,MAAM;MACVe,QAAQ,CAACP,yBAAyB,CAAC,KAAK,CAAC,CAAC;MAC1CO,QAAQ,CAAC;QAAEU,IAAI,EAAE,YAAY;QAAEC,MAAM,EAAEf;MAAK,CAAC,CAAC;IAChD,CAAC,CAAC;EACJ,CAAC;EAED,oBACEZ,KAAA,CAAA4B,aAAA,CAACvB,gBAAgB;IACfwB,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBC,OAAO,EAAEP,kBAAmB;IAC5BZ,QAAQ,EAAEA;EAAS,GAElBE,IAAI,gBAAGf,KAAA,CAAA4B,aAAA,CAACtB,IAAI;IAACuB,KAAK,EAAEC,MAAM,CAACG;EAAS,GAAElB,IAAW,CAAC,GAAG,IAAI,eAE1Df,KAAA,CAAA4B,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAE,CAACC,MAAM,CAACI,KAAK,EAAEjB,WAAW;EAAE,GAAEL,IAAI,CAACuB,IAAW,CAAC,EAE3DrB,MAAM,gBAAGd,KAAA,CAAA4B,aAAA,CAACrB,SAAS;IAACsB,KAAK,EAAEC,MAAM,CAACM;EAAU,CAAE,CAAC,GAAG,IACnC,CAAC;AAEvB,CAAC;AAED,MAAMN,MAAM,GAAG3B,UAAU,CAACkC,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE;EACnB,CAAC;EACDP,KAAK,EAAE;IACLQ,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBC,aAAa,EAAE;EACjB,CAAC;EACDV,SAAS,EAAE;IAAEW,UAAU,EAAE;EAAE,CAAC;EAC5Bd,QAAQ,EAAE;IAAEe,WAAW,EAAE;EAAE;AAC7B,CAAC,CAAC;AAEF,OAAO,MAAMC,cAAc,gBAAGjD,KAAK,CAACkD,IAAI,CAACxC,eAAe,CAAC"}