stream-chat-react-native-core 4.3.1 → 4.4.0

package/lib/module/icons/Share.js

@@ -14,7 +14,7 @@ var _reactNativeSvg = require("react-native-svg");
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/Share.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/Share.tsx";
 
 var Share = function Share(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/ShareRightArrow.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/ShareRightArrow.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/ShareRightArrow.tsx";
 
 var ShareRightArrow = function ShareRightArrow(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/Smile.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/Smile.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/Smile.tsx";
 
 var Smile = function Smile(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/Sound.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/Sound.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/Sound.tsx";
 
 var Sound = function Sound(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/TAR.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/TAR.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/TAR.tsx";
 
 var TAR = function TAR(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({

package/lib/module/icons/TXT.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/TXT.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/TXT.tsx";
 
 var TXT = function TXT(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({

package/lib/module/icons/ThreadReply.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/ThreadReply.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/ThreadReply.tsx";
 
 var ThreadReply = function ThreadReply(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/ThumbsDownReaction.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/ThumbsDownReaction.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/ThumbsDownReaction.tsx";
 
 var ThumbsDownReaction = function ThumbsDownReaction(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/ThumbsUpReaction.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/ThumbsUpReaction.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/ThumbsUpReaction.tsx";
 
 var ThumbsUpReaction = function ThumbsUpReaction(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/Time.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/Time.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/Time.tsx";
 
 var Time = function Time(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/Unknown.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/Unknown.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/Unknown.tsx";
 
 var Unknown = function Unknown(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/Unpin.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/Unpin.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/Unpin.tsx";
 
 var Unpin = function Unpin(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/User.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/User.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/User.tsx";
 
 var User = function User(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/UserAdd.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/UserAdd.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/UserAdd.tsx";
 
 var UserAdd = function UserAdd(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/UserAdmin.js

@@ -16,7 +16,7 @@ var _base = require("./utils/base");
 var _excluded = ["height", "width"];
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/UserAdmin.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/UserAdmin.tsx";
 
 var UserAdmin = function UserAdmin(props) {
   var height = props.height,

package/lib/module/icons/UserDelete.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/UserDelete.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/UserDelete.tsx";
 
 var UserDelete = function UserDelete(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/UserMinus.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/UserMinus.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/UserMinus.tsx";
 
 var UserMinus = function UserMinus(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/WutReaction.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/WutReaction.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/WutReaction.tsx";
 
 var WutReaction = function WutReaction(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({}, props, {

package/lib/module/icons/XLS.js

@@ -14,7 +14,7 @@ var _reactNativeSvg = require("react-native-svg");
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/XLS.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/XLS.tsx";
 
 var XLS = function XLS(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({

package/lib/module/icons/XLSX.js

@@ -14,7 +14,7 @@ var _reactNativeSvg = require("react-native-svg");
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/XLSX.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/XLSX.tsx";
 
 var XLSX = function XLSX(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({

package/lib/module/icons/ZIP.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _base = require("./utils/base");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/ZIP.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/ZIP.tsx";
 
 var ZIP = function ZIP(props) {
   return _react["default"].createElement(_base.RootSvg, (0, _extends2["default"])({

package/lib/module/icons/utils/base.js

@@ -16,7 +16,7 @@ var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/icons/utils/base.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/icons/utils/base.tsx";
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 

package/lib/module/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "4.3.1"
+  "version": "4.4.0"
 }

package/lib/typescript/contexts/themeContext/utils/theme.d.ts

@@ -330,6 +330,7 @@ export declare type Theme = {
             unreadCountNotificationContainer: ViewStyle;
             unreadCountNotificationText: TextStyle;
             wrapper: ViewStyle;
+            chevronColor?: Color;
         };
         typingIndicatorContainer: ViewStyle;
     };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native-core",
   "description": "The official React Native and Expo components for Stream Chat, a service for building chat applications",
-  "version": "4.3.1",
+  "version": "4.4.0",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"
@@ -126,7 +126,7 @@
     "eslint-plugin-sort-destructure-keys": "1.3.5",
     "eslint-plugin-typescript-sort-keys": "1.6.0",
     "jest": "26.6.3",
-    "moment": "2.29.1",
+    "moment": "2.29.2",
     "prettier": "2.3.0",
     "react": "17.0.2",
     "react-docgen-typescript": "1.22.0",

package/src/components/Attachment/Giphy.tsx

@@ -65,6 +65,7 @@ const styles = StyleSheet.create({
   },
   giphyHeaderTitle: {
     fontSize: 14,
+    marginLeft: 8,
   },
   giphyMask: {
     bottom: 8,
@@ -84,7 +85,8 @@ const styles = StyleSheet.create({
     width: '60%',
   },
   selectionContainer: {
-    borderBottomLeftRadius: 8,
+    borderBottomRightRadius: 0,
+    borderRadius: 16,
     borderWidth: 1,
     overflow: 'hidden',
     width: 272,

package/src/components/AttachmentPicker/AttachmentPicker.tsx

@@ -34,7 +34,7 @@ const styles = StyleSheet.create({
 });
 
 const screenHeight = vh(100);
-const fullScreenHeight = Dimensions.get('screen').height;
+const fullScreenHeight = Dimensions.get('window').height;
 
 type AttachmentImageProps = {
   ImageOverlaySelectedComponent: React.ComponentType;
@@ -326,26 +326,36 @@ export const AttachmentPicker = React.forwardRef(
           : statusBarHeight
         : 0;
 
-    /**
-     * Snap points changing cause a rerender of the position,
-     * this is an issue if you are calling close on the bottom sheet.
-     */
-    const snapPoints = useMemo(
-      () => [
-        attachmentPickerBottomSheetHeight ??
-          308 + (fullScreenHeight - screenHeight + androidBottomBarHeightAdjustment) - handleHeight,
-        fullScreenHeight - topInset - handleHeight,
-      ],
+    const initialSnapPoint = useMemo(
+      () =>
+        attachmentPickerBottomSheetHeight ?? Platform.OS === 'android'
+          ? 308 +
+            (fullScreenHeight - screenHeight + androidBottomBarHeightAdjustment) -
+            handleHeight
+          : 308 + (fullScreenHeight - screenHeight + androidBottomBarHeightAdjustment),
       [
-        androidBottomBarHeightAdjustment,
         attachmentPickerBottomSheetHeight,
+        androidBottomBarHeightAdjustment,
         fullScreenHeight,
         handleHeight,
         screenHeight,
-        topInset,
       ],
     );
 
+    const finalSnapPoint = useMemo(
+      () =>
+        Platform.OS === 'android'
+          ? fullScreenHeight - topInset - handleHeight
+          : fullScreenHeight - topInset,
+      [fullScreenHeight, handleHeight, topInset],
+    );
+
+    /**
+     * Snap points changing cause a rerender of the position,
+     * this is an issue if you are calling close on the bottom sheet.
+     */
+    const snapPoints = [initialSnapPoint, finalSnapPoint];
+
     return (
       <>
         <BottomSheet

package/src/components/MessageInput/__tests__/__snapshots__/FileUploadPreview.test.js.snap

@@ -1059,8 +1059,8 @@ Array [
     onChange={[Function]}
     snapPoints={
       Array [
-        288,
-        1314,
+        308,
+        1334,
       ]
     }
   >
@@ -2316,8 +2316,8 @@ Array [
     onChange={[Function]}
     snapPoints={
       Array [
-        288,
-        1314,
+        308,
+        1334,
       ]
     }
   >
@@ -3261,8 +3261,8 @@ Array [
     onChange={[Function]}
     snapPoints={
       Array [
-        288,
-        1314,
+        308,
+        1334,
       ]
     }
   >
@@ -4368,8 +4368,8 @@ Array [
     onChange={[Function]}
     snapPoints={
       Array [
-        288,
-        1314,
+        308,
+        1334,
       ]
     }
   >

package/src/components/MessageInput/__tests__/__snapshots__/MessageInput.test.js.snap

@@ -703,8 +703,8 @@ Array [
     onChange={[Function]}
     snapPoints={
       Array [
-        288,
-        1314,
+        308,
+        1334,
       ]
     }
   >

package/src/components/MessageList/ScrollToBottomButton.tsx

@@ -63,6 +63,7 @@ export const ScrollToBottomButton: React.FC<ScrollToBottomButtonProps> = (props)
       colors: { accent_blue, black, white },
       messageList: {
         scrollToBottomButton: {
+          chevronColor,
           container,
           touchable,
           unreadCountNotificationContainer,
@@ -83,7 +84,7 @@ export const ScrollToBottomButton: React.FC<ScrollToBottomButtonProps> = (props)
     >
       <View style={[styles.wrapper, wrapper]}>
         <View style={[styles.container, { backgroundColor: white, shadowColor: black }, container]}>
-          <Down />
+          <Down pathFill={chevronColor ? chevronColor : black} />
         </View>
         {!!unreadCount && (
           <View

package/src/components/MessageList/__tests__/__snapshots__/ScrollToBottomButton.test.js.snap

@@ -68,6 +68,7 @@ exports[`ScrollToBottomButton should render the message notification and match s
         meetOrSlice={0}
         minX={0}
         minY={0}
+        pathFill="#000000"
         style={
           Array [
             Object {

package/src/contexts/themeContext/utils/theme.ts

@@ -334,6 +334,7 @@ export type Theme = {
       unreadCountNotificationContainer: ViewStyle;
       unreadCountNotificationText: TextStyle;
       wrapper: ViewStyle;
+      chevronColor?: Color;
     };
     typingIndicatorContainer: ViewStyle;
   };

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "4.3.1"
+  "version": "4.4.0"
 }