stream-chat-react-native-core 8.13.7 → 9.0.0-beta.2

package/lib/module/components/MessageList/ScrollToBottomButton.js

@@ -5,102 +5,67 @@ Object.defineProperty(exports, "__esModule", {
 exports.ScrollToBottomButton = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-var _icons = require("../../icons");
+var _Down = require("../../icons/Down");
+var _theme = require("../../theme");
+var _ui = require("../ui");
+var _Button = require("../ui/Button");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/ScrollToBottomButton.tsx";
-var styles = _reactNative.StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    borderRadius: 20,
-    elevation: 5,
-    height: 40,
-    justifyContent: 'center',
-    shadowOffset: {
-      height: 2,
-      width: 0
-    },
-    shadowOpacity: 0.25,
-    shadowRadius: 4,
-    width: 40
-  },
-  touchable: {
-    bottom: 20,
-    position: 'absolute',
-    right: 20
-  },
-  unreadCountNotificationContainer: {
-    alignItems: 'center',
-    borderRadius: 10,
-    elevation: 6,
-    height: 20,
-    justifyContent: 'center',
-    minWidth: 20,
-    paddingHorizontal: 4,
-    position: 'absolute',
-    top: 0
-  },
-  unreadCountNotificationText: {
-    fontSize: 11,
-    textAlign: 'center',
-    textAlignVertical: 'center'
-  },
-  wrapper: {
-    alignItems: 'center',
-    height: 50,
-    justifyContent: 'flex-end'
-  }
-});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var ScrollToBottomButton = exports.ScrollToBottomButton = function ScrollToBottomButton(props) {
   var onPress = props.onPress,
     _props$showNotificati = props.showNotification,
     showNotification = _props$showNotificati === void 0 ? true : _props$showNotificati,
     unreadCount = props.unreadCount;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-    _useTheme$theme = _useTheme.theme,
-    _useTheme$theme$color = _useTheme$theme.colors,
-    accent_blue = _useTheme$theme$color.accent_blue,
-    black = _useTheme$theme$color.black,
-    white = _useTheme$theme$color.white,
-    _useTheme$theme$messa = _useTheme$theme.messageList.scrollToBottomButton,
-    chevronColor = _useTheme$theme$messa.chevronColor,
-    container = _useTheme$theme$messa.container,
-    touchable = _useTheme$theme$messa.touchable,
-    unreadCountNotificationContainer = _useTheme$theme$messa.unreadCountNotificationContainer,
-    unreadCountNotificationText = _useTheme$theme$messa.unreadCountNotificationText,
-    wrapper = _useTheme$theme$messa.wrapper;
+    semantics = _useTheme.theme.semantics;
   if (!showNotification) {
     return null;
   }
-  return (0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-    onPress: onPress,
-    style: [styles.touchable, touchable],
-    testID: "scroll-to-bottom-button",
-    children: (0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [styles.wrapper, wrapper],
-      children: [(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.container, {
-          backgroundColor: white,
-          shadowColor: black
-        }, container],
-        children: (0, _jsxRuntime.jsx)(_icons.Down, {
-          pathFill: chevronColor ? chevronColor : black
-        })
-      }), !!unreadCount && (0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.unreadCountNotificationContainer, {
-          backgroundColor: accent_blue
-        }, unreadCountNotificationContainer],
-        children: (0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.unreadCountNotificationText, {
-            color: white
-          }, unreadCountNotificationText],
-          testID: "unread-count",
-          children: unreadCount
-        })
-      })]
-    })
-  });
+  return (0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+    entering: _reactNativeReanimated.ZoomIn.duration(200),
+    exiting: _reactNativeReanimated.ZoomOut.duration(200),
+    style: styles.container,
+    children: [(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.floatingButtonContainer, _theme.primitives.lightElevation1, {
+        backgroundColor: semantics.backgroundCoreElevation1
+      }],
+      children: (0, _jsxRuntime.jsx)(_Button.Button, {
+        variant: "secondary",
+        type: "outline",
+        LeadingIcon: _Down.Down,
+        onPress: onPress,
+        size: "md",
+        testID: "scroll-to-bottom-button",
+        iconOnly: true
+      })
+    }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.unreadCountNotificationContainer,
+      children: unreadCount ? (0, _jsxRuntime.jsx)(_ui.BadgeNotification, {
+        count: unreadCount,
+        size: "xs",
+        type: "primary",
+        testID: "unread-count"
+      }) : null
+    })]
+  }, 'scroll-to-bottom-button');
 };
+var styles = _reactNative.StyleSheet.create({
+  unreadCountNotificationContainer: {
+    position: 'absolute',
+    right: 0,
+    top: 0
+  },
+  floatingButtonContainer: {
+    borderRadius: _theme.primitives.radiusMax
+  },
+  container: {
+    padding: _theme.primitives.spacingXxs
+  }
+});
 ScrollToBottomButton.displayName = 'ScrollToBottomButton{messageList{scrollToBottomButton}}';
 //# sourceMappingURL=ScrollToBottomButton.js.map

package/lib/module/components/MessageList/ScrollToBottomButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_icons","_jsxRuntime","_this","_jsxFileName","styles","StyleSheet","create","container","alignItems","borderRadius","elevation","height","justifyContent","shadowOffset","width","shadowOpacity","shadowRadius","touchable","bottom","position","right","unreadCountNotificationContainer","minWidth","paddingHorizontal","top","unreadCountNotificationText","fontSize","textAlign","textAlignVertical","wrapper","ScrollToBottomButton","exports","props","onPress","_props$showNotificati","showNotification","unreadCount","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","accent_blue","black","white","_useTheme$theme$messa","messageList","scrollToBottomButton","chevronColor","jsx","TouchableOpacity","style","testID","children","jsxs","View","backgroundColor","shadowColor","Down","pathFill","Text","color","displayName"],"sourceRoot":"../../../../src","sources":["components/MessageList/ScrollToBottomButton.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_ThemeContext","_Down","_theme","_ui","_Button","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ScrollToBottomButton","exports","props","onPress","_props$showNotificati","showNotification","unreadCount","_useTheme","useTheme","semantics","theme","jsxs","View","entering","ZoomIn","duration","exiting","ZoomOut","style","styles","container","children","jsx","floatingButtonContainer","primitives","lightElevation1","backgroundColor","backgroundCoreElevation1","Button","variant","type","LeadingIcon","Down","size","testID","iconOnly","unreadCountNotificationContainer","BadgeNotification","count","StyleSheet","create","position","right","top","borderRadius","radiusMax","padding","spacingXxs","displayName"],"sourceRoot":"../../../../src","sources":["components/MessageList/ScrollToBottomButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/MessageList/TypingIndicator.js

@@ -1,52 +1,70 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TypingIndicator = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _useTypingString = require("./hooks/useTypingString");
+var _useTypingUsers = require("./hooks/useTypingUsers");
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
+var _theme = require("../../theme");
 var _LoadingDots = require("../Indicators/LoadingDots");
+var _ui = require("../ui");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/TypingIndicator.tsx";
-var styles = _reactNative.StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    flexDirection: 'row',
-    height: 24,
-    justifyContent: 'flex-start'
-  },
-  loadingDots: {
-    marginLeft: 8
-  },
-  typingText: {
-    marginLeft: 8
-  }
-});
-var TypingIndicator = exports.TypingIndicator = function TypingIndicator() {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var useStyles = function useStyles() {
   var _useTheme = (0, _ThemeContext.useTheme)(),
-    _useTheme$theme = _useTheme.theme,
-    _useTheme$theme$color = _useTheme$theme.colors,
-    grey = _useTheme$theme$color.grey,
-    white_snow = _useTheme$theme$color.white_snow,
-    _useTheme$theme$typin = _useTheme$theme.typingIndicator,
-    container = _useTheme$theme$typin.container,
-    text = _useTheme$theme$typin.text;
-  var typingString = (0, _useTypingString.useTypingString)();
+    semantics = _useTheme.theme.semantics;
+  return (0, _react.useMemo)(function () {
+    return _reactNative.StyleSheet.create({
+      container: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        justifyContent: 'flex-start',
+        gap: _theme.primitives.spacingXs
+      },
+      loadingDots: {},
+      loadingDotsBubble: {
+        borderTopLeftRadius: _theme.components.messageBubbleRadiusGroupBottom,
+        borderTopRightRadius: _theme.components.messageBubbleRadiusGroupBottom,
+        borderBottomRightRadius: _theme.components.messageBubbleRadiusGroupBottom,
+        borderBottomLeftRadius: _theme.components.messageBubbleRadiusTail,
+        backgroundColor: semantics.chatBgIncoming,
+        paddingVertical: _theme.primitives.spacingMd,
+        paddingHorizontal: _theme.primitives.spacingSm
+      },
+      avatarStackContainer: {
+        paddingTop: _theme.primitives.spacingXxs
+      }
+    });
+  }, [semantics]);
+};
+var TypingIndicator = exports.TypingIndicator = function TypingIndicator() {
+  var _useTheme2 = (0, _ThemeContext.useTheme)(),
+    _useTheme2$theme$typi = _useTheme2.theme.typingIndicator,
+    container = _useTheme2$theme$typi.container,
+    loadingDotsBubble = _useTheme2$theme$typi.loadingDotsBubble,
+    avatarStackContainer = _useTheme2$theme$typi.avatarStackContainer;
+  var styles = useStyles();
+  var typingUsers = (0, _useTypingUsers.useTypingUsers)();
   return (0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.container, {
-      backgroundColor: `${white_snow}E6`
-    }, container],
+    style: [styles.container, container],
     testID: "typing-indicator",
-    children: [(0, _jsxRuntime.jsx)(_LoadingDots.LoadingDots, {
-      style: styles.loadingDots
-    }), (0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.typingText, {
-        color: grey
-      }, text],
-      children: typingString
+    children: [(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.avatarStackContainer, avatarStackContainer],
+      children: (0, _jsxRuntime.jsx)(_ui.UserAvatarStack, {
+        users: typingUsers,
+        avatarSize: "md",
+        maxVisible: 3,
+        overlap: 0.4
+      })
+    }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.loadingDotsBubble, loadingDotsBubble],
+      children: (0, _jsxRuntime.jsx)(_LoadingDots.LoadingDots, {
+        style: styles.loadingDots
+      })
     })]
   });
 };

package/lib/module/components/MessageList/TypingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_useTypingString","_ThemeContext","_LoadingDots","_jsxRuntime","_this","_jsxFileName","styles","StyleSheet","create","container","alignItems","flexDirection","height","justifyContent","loadingDots","marginLeft","typingText","TypingIndicator","exports","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","grey","white_snow","_useTheme$theme$typin","typingIndicator","text","typingString","useTypingString","jsxs","View","style","backgroundColor","testID","children","jsx","LoadingDots","Text","color","displayName"],"sourceRoot":"../../../../src","sources":["components/MessageList/TypingIndicator.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,gBAAA,GAAAF,OAAA;AAEA,IAAAG,aAAA,GAAAH,OAAA;AAEA,IAAAI,YAAA,GAAAJ,OAAA;AAAwD,IAAAK,WAAA,GAAAL,OAAA;AAAA,IAAAM,KAAA;EAAAC,YAAA;AAExD,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE;EAClB,CAAC;EACDC,WAAW,EAAE;IACXC,UAAU,EAAE;EACd,CAAC;EACDC,UAAU,EAAE;IACVD,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEK,IAAME,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAA,EAAS;EACnC,IAAAE,SAAA,GAKI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CAJZG,KAAK;IAAAC,qBAAA,GAAAF,eAAA,CACHG,MAAM;IAAIC,IAAI,GAAAF,qBAAA,CAAJE,IAAI;IAAEC,UAAU,GAAAH,qBAAA,CAAVG,UAAU;IAAAC,qBAAA,GAAAN,eAAA,CAC1BO,eAAe;IAAInB,SAAS,GAAAkB,qBAAA,CAATlB,SAAS;IAAEoB,IAAI,GAAAF,qBAAA,CAAJE,IAAI;EAGtC,IAAMC,YAAY,GAAG,IAAAC,gCAAe,EAAC,CAAC;EAEtC,OACE,IAAA5B,WAAA,CAAA6B,IAAA,EAACjC,YAAA,CAAAkC,IAAI;IACHC,KAAK,EAAE,CAAC5B,MAAM,CAACG,SAAS,EAAE;MAAE0B,eAAe,EAAE,GAAGT,UAAU;IAAK,CAAC,EAAEjB,SAAS,CAAE;IAC7E2B,MAAM,EAAC,kBAAkB;IAAAC,QAAA,GAEzB,IAAAlC,WAAA,CAAAmC,GAAA,EAACpC,YAAA,CAAAqC,WAAW;MAACL,KAAK,EAAE5B,MAAM,CAACQ;IAAY,CAAE,CAAC,EAC1C,IAAAX,WAAA,CAAAmC,GAAA,EAACvC,YAAA,CAAAyC,IAAI;MAACN,KAAK,EAAE,CAAC5B,MAAM,CAACU,UAAU,EAAE;QAAEyB,KAAK,EAAEhB;MAAK,CAAC,EAAEI,IAAI,CAAE;MAAAQ,QAAA,EAAEP;IAAY,CAAO,CAAC;EAAA,CAC1E,CAAC;AAEX,CAAC;AAEDb,eAAe,CAACyB,WAAW,GAAG,kCAAkC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useTypingUsers","_ThemeContext","_theme","_LoadingDots","_ui","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useStyles","_useTheme","useTheme","semantics","theme","useMemo","StyleSheet","create","container","alignItems","flexDirection","justifyContent","gap","primitives","spacingXs","loadingDots","loadingDotsBubble","borderTopLeftRadius","components","messageBubbleRadiusGroupBottom","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","messageBubbleRadiusTail","backgroundColor","chatBgIncoming","paddingVertical","spacingMd","paddingHorizontal","spacingSm","avatarStackContainer","paddingTop","spacingXxs","TypingIndicator","exports","_useTheme2","_useTheme2$theme$typi","typingIndicator","styles","typingUsers","useTypingUsers","jsxs","View","style","testID","children","jsx","UserAvatarStack","users","avatarSize","maxVisible","overlap","LoadingDots","displayName"],"sourceRoot":"../../../../src","sources":["components/MessageList/TypingIndicator.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/MessageList/TypingIndicatorContainer.js

@@ -10,13 +10,14 @@ var _ChatContext = require("../../contexts/chatContext/ChatContext");
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 var _ThreadContext = require("../../contexts/threadContext/ThreadContext");
 var _TypingContext = require("../../contexts/typingContext/TypingContext");
+var _theme = require("../../theme");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/TypingIndicatorContainer.tsx";
 var styles = _reactNative.StyleSheet.create({
   container: {
-    bottom: 0,
-    position: 'absolute',
+    paddingVertical: _theme.primitives.spacingXs,
+    paddingHorizontal: _theme.primitives.spacingMd,
     width: '100%'
   }
 });

package/lib/module/components/MessageList/TypingIndicatorContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_filterTypingUsers","_ChatContext","_ThemeContext","_ThreadContext","_TypingContext","_jsxRuntime","_this","_jsxFileName","styles","StyleSheet","create","container","bottom","position","width","TypingIndicatorContainerWithContext","props","children","client","thread","typing","_useTheme","useTheme","typingIndicatorContainer","theme","messageList","typingUsers","filterTypingUsers","length","jsx","View","style","testID","TypingIndicatorContainer","exports","_useTypingContext","useTypingContext","_useChatContext","useChatContext","_useThreadContext","useThreadContext","Object","assign","displayName"],"sourceRoot":"../../../../src","sources":["components/MessageList/TypingIndicatorContainer.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,kBAAA,GAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAAkG,IAAAO,WAAA,GAAAP,OAAA;AAAA,IAAAQ,KAAA;EAAAC,YAAA;AAElG,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAMF,IAAMC,mCAAmC,GAAG,SAAtCA,mCAAmCA,CACvCC,KAAkE,EAC/D;EACH,IAAQC,QAAQ,GAA6BD,KAAK,CAA1CC,QAAQ;IAAEC,MAAM,GAAqBF,KAAK,CAAhCE,MAAM;IAAEC,MAAM,GAAaH,KAAK,CAAxBG,MAAM;IAAEC,MAAM,GAAKJ,KAAK,CAAhBI,MAAM;EAExC,IAAAC,SAAA,GAII,IAAAC,sBAAQ,EAAC,CAAC;IAFKC,wBAAwB,GAAAF,SAAA,CADzCG,KAAK,CACHC,WAAW,CAAIF,wBAAwB;EAG3C,IAAMG,WAAW,GAAG,IAAAC,oCAAiB,EAAC;IAAET,MAAM,EAANA,MAAM;IAAEC,MAAM,EAANA,MAAM;IAAEC,MAAM,EAANA;EAAO,CAAC,CAAC;EAEjE,IAAI,CAACM,WAAW,CAACE,MAAM,EAAE;IACvB,OAAO,IAAI;EACb;EAEA,OACE,IAAAvB,WAAA,CAAAwB,GAAA,EAAC9B,YAAA,CAAA+B,IAAI;IAACC,KAAK,EAAE,CAACvB,MAAM,CAACG,SAAS,EAAEY,wBAAwB,CAAE;IAACS,MAAM,EAAC,4BAA4B;IAAAf,QAAA,EAC3FA;EAAQ,CACL,CAAC;AAEX,CAAC;AAMM,IAAMgB,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,SAA3BA,wBAAwBA,CAAIjB,KAAoC,EAAK;EAChF,IAAAmB,iBAAA,GAAmB,IAAAC,+BAAgB,EAAC,CAAC;IAA7BhB,MAAM,GAAAe,iBAAA,CAANf,MAAM;EACd,IAAAiB,eAAA,GAAmB,IAAAC,2BAAc,EAAC,CAAC;IAA3BpB,MAAM,GAAAmB,eAAA,CAANnB,MAAM;EACd,IAAAqB,iBAAA,GAAmB,IAAAC,+BAAgB,EAAC,CAAC;IAA7BrB,MAAM,GAAAoB,iBAAA,CAANpB,MAAM;EAEd,OAAO,IAAAd,WAAA,CAAAwB,GAAA,EAACd,mCAAmC,EAAA0B,MAAA,CAAAC,MAAA;IAAOxB,MAAM,EAANA,MAAM;IAAEC,MAAM,EAANA,MAAM;IAAEC,MAAM,EAANA;EAAM,GAAQJ,KAAK,CAAG,CAAC;AAC3F,CAAC;AAEDiB,wBAAwB,CAACU,WAAW,GAClC,iEAAiE","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_filterTypingUsers","_ChatContext","_ThemeContext","_ThreadContext","_TypingContext","_theme","_jsxRuntime","_this","_jsxFileName","styles","StyleSheet","create","container","paddingVertical","primitives","spacingXs","paddingHorizontal","spacingMd","width","TypingIndicatorContainerWithContext","props","children","client","thread","typing","_useTheme","useTheme","typingIndicatorContainer","theme","messageList","typingUsers","filterTypingUsers","length","jsx","View","style","testID","TypingIndicatorContainer","exports","_useTypingContext","useTypingContext","_useChatContext","useChatContext","_useThreadContext","useThreadContext","Object","assign","displayName"],"sourceRoot":"../../../../src","sources":["components/MessageList/TypingIndicatorContainer.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,kBAAA,GAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAAyC,IAAAQ,WAAA,GAAAR,OAAA;AAAA,IAAAS,KAAA;EAAAC,YAAA;AAEzC,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,eAAe,EAAEC,iBAAU,CAACC,SAAS;IACrCC,iBAAiB,EAAEF,iBAAU,CAACG,SAAS;IACvCC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAMF,IAAMC,mCAAmC,GAAG,SAAtCA,mCAAmCA,CACvCC,KAAkE,EAC/D;EACH,IAAQC,QAAQ,GAA6BD,KAAK,CAA1CC,QAAQ;IAAEC,MAAM,GAAqBF,KAAK,CAAhCE,MAAM;IAAEC,MAAM,GAAaH,KAAK,CAAxBG,MAAM;IAAEC,MAAM,GAAKJ,KAAK,CAAhBI,MAAM;EAExC,IAAAC,SAAA,GAII,IAAAC,sBAAQ,EAAC,CAAC;IAFKC,wBAAwB,GAAAF,SAAA,CADzCG,KAAK,CACHC,WAAW,CAAIF,wBAAwB;EAG3C,IAAMG,WAAW,GAAG,IAAAC,oCAAiB,EAAC;IAAET,MAAM,EAANA,MAAM;IAAEC,MAAM,EAANA,MAAM;IAAEC,MAAM,EAANA;EAAO,CAAC,CAAC;EAEjE,IAAI,CAACM,WAAW,CAACE,MAAM,EAAE;IACvB,OAAO,IAAI;EACb;EAEA,OACE,IAAA1B,WAAA,CAAA2B,GAAA,EAAClC,YAAA,CAAAmC,IAAI;IAACC,KAAK,EAAE,CAAC1B,MAAM,CAACG,SAAS,EAAEe,wBAAwB,CAAE;IAACS,MAAM,EAAC,4BAA4B;IAAAf,QAAA,EAC3FA;EAAQ,CACL,CAAC;AAEX,CAAC;AAMM,IAAMgB,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,SAA3BA,wBAAwBA,CAAIjB,KAAoC,EAAK;EAChF,IAAAmB,iBAAA,GAAmB,IAAAC,+BAAgB,EAAC,CAAC;IAA7BhB,MAAM,GAAAe,iBAAA,CAANf,MAAM;EACd,IAAAiB,eAAA,GAAmB,IAAAC,2BAAc,EAAC,CAAC;IAA3BpB,MAAM,GAAAmB,eAAA,CAANnB,MAAM;EACd,IAAAqB,iBAAA,GAAmB,IAAAC,+BAAgB,EAAC,CAAC;IAA7BrB,MAAM,GAAAoB,iBAAA,CAANpB,MAAM;EAEd,OAAO,IAAAjB,WAAA,CAAA2B,GAAA,EAACd,mCAAmC,EAAA0B,MAAA,CAAAC,MAAA;IAAOxB,MAAM,EAANA,MAAM;IAAEC,MAAM,EAANA,MAAM;IAAEC,MAAM,EAANA;EAAM,GAAQJ,KAAK,CAAG,CAAC;AAC3F,CAAC;AAEDiB,wBAAwB,CAACU,WAAW,GAClC,iEAAiE","ignoreList":[]}

package/lib/module/components/MessageList/UnreadMessagesNotification.js

@@ -4,26 +4,42 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.UnreadMessagesNotification = void 0;
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _ChannelContext = require("../../contexts/channelContext/ChannelContext");
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
-var _icons = require("../../icons");
+var _useStateStore2 = require("../../hooks/useStateStore");
+var _ArrowUp = require("../../icons/ArrowUp");
+var _NewClose = require("../../icons/NewClose");
+var _theme = require("../../theme");
+var _ui = require("../ui");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/UnreadMessagesNotification.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var channelUnreadStateSelector = function channelUnreadStateSelector(state) {
+  var _state$channelUnreadS;
+  return {
+    unread_messages: (_state$channelUnreadS = state.channelUnreadState) == null ? void 0 : _state$channelUnreadS.unread_messages
+  };
+};
 var UnreadMessagesNotification = exports.UnreadMessagesNotification = function UnreadMessagesNotification(props) {
   var onCloseHandler = props.onCloseHandler,
-    onPressHandler = props.onPressHandler;
+    onPressHandler = props.onPressHandler,
+    unreadCount = props.unreadCount,
+    channelUnreadStateStore = props.channelUnreadStateStore;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
     t = _useTranslationContex.t;
   var _useChannelContext = (0, _ChannelContext.useChannelContext)(),
-    channelUnreadStateStore = _useChannelContext.channelUnreadStateStore,
     loadChannelAtFirstUnreadMessage = _useChannelContext.loadChannelAtFirstUnreadMessage,
     markRead = _useChannelContext.markRead,
     setChannelUnreadState = _useChannelContext.setChannelUnreadState,
     setTargetedMessage = _useChannelContext.setTargetedMessage;
+  var _useStateStore = (0, _useStateStore2.useStateStore)(channelUnreadStateStore.state, channelUnreadStateSelector),
+    unread_messages = _useStateStore.unread_messages;
+  var count = unread_messages != null ? unread_messages : unreadCount;
   var handleOnPress = function () {
     var _ref = (0, _asyncToGenerator2.default)(function* () {
       if (onPressHandler) {
@@ -52,65 +68,61 @@ var UnreadMessagesNotification = exports.UnreadMessagesNotification = function U
       return _ref2.apply(this, arguments);
     };
   }();
+  var styles = useStyles();
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.leftButtonContainer,
+      children: (0, _jsxRuntime.jsx)(_ui.Button, {
+        variant: "secondary",
+        type: "ghost",
+        LeadingIcon: _ArrowUp.ArrowUp,
+        label: count ? t('{{count}} unread', {
+          count: count
+        }) : t('Unread Messages'),
+        onPress: handleOnPress,
+        size: "md"
+      })
+    }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.rightButtonContainer,
+      children: (0, _jsxRuntime.jsx)(_ui.Button, {
+        variant: "secondary",
+        type: "ghost",
+        iconOnly: true,
+        LeadingIcon: _NewClose.NewClose,
+        onPress: handleClose,
+        size: "md"
+      })
+    })]
+  });
+};
+var useStyles = function useStyles() {
   var _useTheme = (0, _ThemeContext.useTheme)(),
     _useTheme$theme = _useTheme.theme,
-    _useTheme$theme$color = _useTheme$theme.colors,
-    text_low_emphasis = _useTheme$theme$color.text_low_emphasis,
-    white_snow = _useTheme$theme$color.white_snow,
     _useTheme$theme$messa = _useTheme$theme.messageList.unreadMessagesNotification,
-    closeButtonContainer = _useTheme$theme$messa.closeButtonContainer,
-    closeIcon = _useTheme$theme$messa.closeIcon,
     container = _useTheme$theme$messa.container,
-    text = _useTheme$theme$messa.text;
-  return (0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-    onPress: handleOnPress,
-    style: function style(_ref3) {
-      var pressed = _ref3.pressed;
-      return [styles.container, {
-        backgroundColor: text_low_emphasis,
-        opacity: pressed ? 0.8 : 1
-      }, container];
-    },
-    children: [(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.text, {
-        color: white_snow
-      }, text],
-      children: t('Unread Messages')
-    }), (0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-      onPress: handleClose,
-      style: function style(_ref4) {
-        var pressed = _ref4.pressed;
-        return [{
-          opacity: pressed ? 0.8 : 1
-        }, closeButtonContainer];
-      },
-      children: (0, _jsxRuntime.jsx)(_icons.Close, Object.assign({
-        pathFill: white_snow
-      }, closeIcon))
-    })]
-  });
+    leftButtonContainer = _useTheme$theme$messa.leftButtonContainer,
+    rightButtonContainer = _useTheme$theme$messa.rightButtonContainer,
+    semantics = _useTheme$theme.semantics;
+  return (0, _react.useMemo)(function () {
+    return _reactNative.StyleSheet.create({
+      container: Object.assign({
+        borderRadius: _theme.primitives.radiusMax,
+        borderWidth: 1,
+        borderColor: semantics.borderCoreDefault,
+        backgroundColor: semantics.backgroundCoreApp,
+        flexDirection: 'row',
+        alignItems: 'center'
+      }, _theme.primitives.lightElevation4, container),
+      leftButtonContainer: Object.assign({
+        flexShrink: 0,
+        borderRightWidth: 1,
+        borderRightColor: semantics.borderCoreDefault
+      }, leftButtonContainer),
+      rightButtonContainer: Object.assign({
+        flexShrink: 0
+      }, rightButtonContainer)
+    });
+  }, [semantics, container, leftButtonContainer, rightButtonContainer]);
 };
-var styles = _reactNative.StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    borderRadius: 20,
-    elevation: 4,
-    flexDirection: 'row',
-    paddingHorizontal: 16,
-    paddingVertical: 8,
-    position: 'absolute',
-    shadowColor: '#000',
-    shadowOffset: {
-      height: 2,
-      width: 0
-    },
-    shadowOpacity: 0.23,
-    shadowRadius: 2.62,
-    top: 8
-  },
-  text: {
-    fontWeight: '500',
-    marginRight: 8
-  }
-});
 //# sourceMappingURL=UnreadMessagesNotification.js.map

package/lib/module/components/MessageList/UnreadMessagesNotification.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ChannelContext","_ThemeContext","_TranslationContext","_icons","_jsxRuntime","_this","_jsxFileName","UnreadMessagesNotification","exports","props","onCloseHandler","onPressHandler","_useTranslationContex","useTranslationContext","t","_useChannelContext","useChannelContext","channelUnreadStateStore","loadChannelAtFirstUnreadMessage","markRead","setChannelUnreadState","setTargetedMessage","handleOnPress","_ref","_asyncToGenerator2","default","channelUnreadState","apply","arguments","handleClose","_ref2","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","text_low_emphasis","white_snow","_useTheme$theme$messa","messageList","unreadMessagesNotification","closeButtonContainer","closeIcon","container","text","jsxs","Pressable","onPress","style","_ref3","pressed","styles","backgroundColor","opacity","children","jsx","Text","color","_ref4","Close","Object","assign","pathFill","StyleSheet","create","alignItems","borderRadius","elevation","flexDirection","paddingHorizontal","paddingVertical","position","shadowColor","shadowOffset","height","width","shadowOpacity","shadowRadius","top","fontWeight","marginRight"],"sourceRoot":"../../../../src","sources":["components/MessageList/UnreadMessagesNotification.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ChannelContext","_ThemeContext","_TranslationContext","_useStateStore2","_ArrowUp","_NewClose","_theme","_ui","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","channelUnreadStateSelector","state","_state$channelUnreadS","unread_messages","channelUnreadState","UnreadMessagesNotification","exports","props","onCloseHandler","onPressHandler","unreadCount","channelUnreadStateStore","_useTranslationContex","useTranslationContext","_useChannelContext","useChannelContext","loadChannelAtFirstUnreadMessage","markRead","setChannelUnreadState","setTargetedMessage","_useStateStore","useStateStore","count","handleOnPress","_ref","_asyncToGenerator2","apply","arguments","handleClose","_ref2","styles","useStyles","jsxs","View","style","container","children","jsx","leftButtonContainer","Button","variant","type","LeadingIcon","ArrowUp","label","onPress","size","rightButtonContainer","iconOnly","NewClose","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$messa","messageList","unreadMessagesNotification","semantics","useMemo","StyleSheet","create","assign","borderRadius","primitives","radiusMax","borderWidth","borderColor","borderCoreDefault","backgroundColor","backgroundCoreApp","flexDirection","alignItems","lightElevation4","flexShrink","borderRightWidth","borderRightColor"],"sourceRoot":"../../../../src","sources":["components/MessageList/UnreadMessagesNotification.tsx"],"mappings":"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","ignoreList":[]}