stream-chat-react-native-core 5.40.0-rc.1 → 5.40.0

package/lib/commonjs/components/MessageOverlay/OverlayReactionList.js

@@ -0,0 +1,305 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReactionButton = exports.OverlayReactionList = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _MessageOverlayContext = require("../../contexts/messageOverlayContext/MessageOverlayContext");
+var _MessagesContext = require("../../contexts/messagesContext/MessagesContext");
+var _OverlayContext = require("../../contexts/overlayContext/OverlayContext");
+var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
+var _icons = require("../../icons");
+var _native = require("../../native");
+var _jsxRuntime = require("react/jsx-runtime");
+var _this = this,
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageOverlay/OverlayReactionList.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 AnimatedCircle = _reactNativeReanimated["default"].createAnimatedComponent ? _reactNativeReanimated["default"].createAnimatedComponent(_reactNativeSvg.Circle) : _reactNativeSvg.Circle;
+var styles = _reactNative.StyleSheet.create({
+  notLastReaction: {
+    marginRight: 16
+  },
+  reactionList: {
+    alignItems: 'center',
+    borderRadius: 24,
+    flexDirection: 'row',
+    justifyContent: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    position: 'absolute'
+  },
+  selectedIcon: {
+    position: 'absolute'
+  }
+});
+var reactionData = [{
+  Icon: _icons.LoveReaction,
+  type: 'love'
+}, {
+  Icon: _icons.ThumbsUpReaction,
+  type: 'like'
+}, {
+  Icon: _icons.ThumbsDownReaction,
+  type: 'sad'
+}, {
+  Icon: _icons.LOLReaction,
+  type: 'haha'
+}, {
+  Icon: _icons.WutReaction,
+  type: 'wow'
+}];
+var ReactionButton = function ReactionButton(props) {
+  var handleReaction = props.handleReaction,
+    Icon = props.Icon,
+    index = props.index,
+    numberOfReactions = props.numberOfReactions,
+    ownReactionTypes = props.ownReactionTypes,
+    setOverlay = props.setOverlay,
+    showScreen = props.showScreen,
+    type = props.type;
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    accent_blue = _useTheme$theme$color.accent_blue,
+    grey = _useTheme$theme$color.grey,
+    _useTheme$theme$overl = _useTheme$theme.overlay.reactionsList,
+    reaction = _useTheme$theme$overl.reaction,
+    reactionSize = _useTheme$theme$overl.reactionSize,
+    selectedIcon = _useTheme$theme$overl.selectedIcon,
+    unSelectedIcon = _useTheme$theme$overl.unSelectedIcon;
+  var selected = ownReactionTypes.includes(type);
+  var animationScale = (0, _reactNativeReanimated.useSharedValue)(0);
+  var hasShown = (0, _reactNativeReanimated.useSharedValue)(0);
+  var scale = (0, _reactNativeReanimated.useSharedValue)(1);
+  var selectedOpacity = (0, _reactNativeReanimated.useSharedValue)(selected ? 1 : 0);
+  var onTap = (0, _reactNativeReanimated.useAnimatedGestureHandler)({
+    onEnd: function onEnd() {
+      (0, _reactNativeReanimated.runOnJS)(_native.triggerHaptic)('impactLight');
+      selectedOpacity.value = (0, _reactNativeReanimated.withTiming)(selected ? 0 : 1, {
+        duration: 250
+      }, function () {
+        if (handleReaction) {
+          (0, _reactNativeReanimated.runOnJS)(handleReaction)(type);
+        }
+        (0, _reactNativeReanimated.runOnJS)(setOverlay)('none');
+      });
+    },
+    onFinish: function onFinish() {
+      (0, _reactNativeReanimated.cancelAnimation)(scale);
+      scale.value = (0, _reactNativeReanimated.withTiming)(1, {
+        duration: 100
+      });
+    },
+    onStart: function onStart() {
+      (0, _reactNativeReanimated.cancelAnimation)(scale);
+      scale.value = (0, _reactNativeReanimated.withTiming)(1.5, {
+        duration: 100
+      });
+    }
+  }, [handleReaction, selected, setOverlay, type]);
+  (0, _reactNativeReanimated.useAnimatedReaction)(function () {
+    if (showScreen.value > 0.8 && hasShown.value === 0) {
+      return 1;
+    }
+    return 0;
+  }, function (result) {
+    if (hasShown.value === 0 && result !== 0) {
+      hasShown.value = 1;
+      animationScale.value = (0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withDelay)(60 * (numberOfReactions - (index + 1)), (0, _reactNativeReanimated.withTiming)(0.1, {
+        duration: 50
+      })), (0, _reactNativeReanimated.withTiming)(1.5, {
+        duration: 250
+      }), (0, _reactNativeReanimated.withTiming)(1, {
+        duration: 250
+      }));
+    }
+  }, [index, numberOfReactions]);
+  var iconStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
+    return {
+      transform: [{
+        scale: animationScale.value
+      }, {
+        scale: scale.value
+      }]
+    };
+  }, []);
+  var selectedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
+    return {
+      opacity: selectedOpacity.value
+    };
+  });
+  return (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.TapGestureHandler, {
+    hitSlop: {
+      bottom: Number(reaction.paddingVertical || 0) || Number(reaction.paddingBottom || 0) || styles.reactionList.paddingVertical,
+      left: (Number(reaction.paddingHorizontal || 0) || Number(reaction.paddingLeft || 0) || styles.notLastReaction.marginRight) / 2,
+      right: (Number(reaction.paddingHorizontal || 0) || Number(reaction.paddingRight || 0) || styles.notLastReaction.marginRight) / 2,
+      top: Number(reaction.paddingVertical || 0) || Number(reaction.paddingTop || 0) || styles.reactionList.paddingVertical
+    },
+    maxDurationMs: 3000,
+    onHandlerStateChange: onTap,
+    children: (0, _jsxRuntime.jsxs)(_reactNativeReanimated["default"].View, {
+      style: [index !== numberOfReactions - 1 ? styles.notLastReaction : {}, reaction, iconStyle],
+      children: [(0, _jsxRuntime.jsx)(Icon, Object.assign({
+        height: reactionSize,
+        pathFill: grey,
+        width: reactionSize
+      }, unSelectedIcon)), (0, _jsxRuntime.jsx)(_reactNativeReanimated["default"].View, {
+        style: [styles.selectedIcon, selectedStyle],
+        children: (0, _jsxRuntime.jsx)(Icon, Object.assign({
+          height: reactionSize,
+          pathFill: accent_blue,
+          width: reactionSize
+        }, selectedIcon))
+      })]
+    })
+  });
+};
+exports.ReactionButton = ReactionButton;
+var OverlayReactionListWithContext = function OverlayReactionListWithContext(props) {
+  var alignment = props.alignment,
+    fill = props.fill,
+    handleReaction = props.handleReaction,
+    messageLayout = props.messageLayout,
+    ownReactionTypes = props.ownReactionTypes,
+    setOverlay = props.setOverlay,
+    setReactionListHeight = props.setReactionListHeight,
+    showScreen = props.showScreen,
+    _props$supportedReact = props.supportedReactions,
+    supportedReactions = _props$supportedReact === void 0 ? reactionData : _props$supportedReact;
+  var _useTheme2 = (0, _ThemeContext.useTheme)(),
+    _useTheme2$theme = _useTheme2.theme,
+    white_snow = _useTheme2$theme.colors.white_snow,
+    _useTheme2$theme$over = _useTheme2$theme.overlay,
+    screenPadding = _useTheme2$theme$over.padding,
+    _useTheme2$theme$over2 = _useTheme2$theme$over.reactionsList,
+    radius = _useTheme2$theme$over2.radius,
+    reactionList = _useTheme2$theme$over2.reactionList,
+    reactionListBorderRadius = _useTheme2$theme$over2.reactionListBorderRadius;
+  var reactionListHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  var reactionBubbleWidth = (0, _reactNativeReanimated.useSharedValue)(0);
+  var reactionListLayout = (0, _reactNativeReanimated.useSharedValue)({
+    height: 0,
+    width: 0
+  });
+  var _useWindowDimensions = (0, _reactNative.useWindowDimensions)(),
+    width = _useWindowDimensions.width;
+  var animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
+    var borderRadius = reactionListBorderRadius || styles.reactionList.borderRadius;
+    var insideLeftBound = messageLayout.value.x - reactionListLayout.value.width + borderRadius > screenPadding;
+    var insideRightBound = messageLayout.value.x + borderRadius < width - screenPadding;
+    var left = !insideLeftBound ? screenPadding : !insideRightBound ? width - screenPadding - reactionListLayout.value.width : messageLayout.value.x - reactionListLayout.value.width + borderRadius;
+    var top = messageLayout.value.y - reactionListLayout.value.height - radius * 2;
+    return {
+      left: left,
+      top: top
+    };
+  });
+  var animatedBigCircleProps = (0, _reactNativeReanimated.useAnimatedProps)(function () {
+    return {
+      cx: messageLayout.value.x - radius * 3,
+      cy: messageLayout.value.y - radius * 3,
+      r: radius * 2
+    };
+  });
+  var animateSmallCircleProps = (0, _reactNativeReanimated.useAnimatedProps)(function () {
+    return {
+      cx: messageLayout.value.x - radius,
+      cy: messageLayout.value.y,
+      r: radius
+    };
+  });
+  var showScreenStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
+    return {
+      transform: [{
+        translateY: (0, _reactNativeReanimated.interpolate)(showScreen.value, [0, 1], [-reactionListHeight.value / 2, 0])
+      }, {
+        translateX: (0, _reactNativeReanimated.interpolate)(showScreen.value, [0, 1], [alignment === 'left' ? -reactionBubbleWidth.value / 2 : reactionBubbleWidth.value / 2, 0])
+      }, {
+        scale: (0, _reactNativeReanimated.interpolate)(showScreen.value, [0, 0.8, 1], [0, 0, 1])
+      }]
+    };
+  }, [alignment]);
+  var numberOfReactions = supportedReactions.length;
+  return (0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: _reactNative.StyleSheet.absoluteFill,
+    testID: "overlay-reaction-list",
+    children: (0, _jsxRuntime.jsxs)(_reactNativeReanimated["default"].View, {
+      onLayout: function onLayout(_ref) {
+        var layout = _ref.nativeEvent.layout;
+        reactionBubbleWidth.value = layout.width;
+      },
+      style: showScreenStyle,
+      children: [(0, _jsxRuntime.jsxs)(_reactNativeSvg["default"], {
+        children: [(0, _jsxRuntime.jsx)(AnimatedCircle, {
+          animatedProps: animatedBigCircleProps,
+          fill: fill || white_snow
+        }), (0, _jsxRuntime.jsx)(AnimatedCircle, {
+          animatedProps: animateSmallCircleProps,
+          fill: fill || white_snow
+        })]
+      }), (0, _jsxRuntime.jsx)(_reactNativeReanimated["default"].View, {
+        onLayout: function onLayout(_ref2) {
+          var _ref2$nativeEvent$lay = _ref2.nativeEvent.layout,
+            height = _ref2$nativeEvent$lay.height,
+            layoutWidth = _ref2$nativeEvent$lay.width;
+          reactionListLayout.value = {
+            height: height,
+            width: layoutWidth
+          };
+          reactionListHeight.value = height;
+          setReactionListHeight(height);
+        },
+        style: [styles.reactionList, {
+          backgroundColor: white_snow
+        }, animatedStyle, reactionList],
+        children: supportedReactions == null ? void 0 : supportedReactions.map(function (_ref3, index) {
+          var Icon = _ref3.Icon,
+            type = _ref3.type;
+          return (0, _jsxRuntime.jsx)(ReactionButton, {
+            handleReaction: handleReaction,
+            Icon: Icon,
+            index: index,
+            numberOfReactions: numberOfReactions,
+            ownReactionTypes: ownReactionTypes,
+            setOverlay: setOverlay,
+            showScreen: showScreen,
+            type: type
+          }, "".concat(type, "_").concat(index));
+        })
+      })]
+    })
+  });
+};
+var areEqual = function areEqual(prevProps, nextProps) {
+  var prevAlignment = prevProps.alignment,
+    prevOwnReactionTypes = prevProps.ownReactionTypes;
+  var nextAlignment = nextProps.alignment,
+    nextOwnReactionTypes = nextProps.ownReactionTypes;
+  var alignmentEqual = prevAlignment === nextAlignment;
+  if (!alignmentEqual) return false;
+  var ownReactionTypesEqual = prevOwnReactionTypes.length === nextOwnReactionTypes.length;
+  if (!ownReactionTypesEqual) return false;
+  return true;
+};
+var MemoizedOverlayReactionList = _react["default"].memo(OverlayReactionListWithContext, areEqual);
+var OverlayReactionList = function OverlayReactionList(props) {
+  var _useMessageOverlayCon = (0, _MessageOverlayContext.useMessageOverlayContext)(),
+    data = _useMessageOverlayCon.data;
+  var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
+    supportedReactions = _useMessagesContext.supportedReactions;
+  var _useOverlayContext = (0, _OverlayContext.useOverlayContext)(),
+    setOverlay = _useOverlayContext.setOverlay;
+  return (0, _jsxRuntime.jsx)(MemoizedOverlayReactionList, Object.assign({}, data || {}, {
+    setOverlay: setOverlay,
+    supportedReactions: supportedReactions
+  }, props));
+};
+exports.OverlayReactionList = OverlayReactionList;
+OverlayReactionList.displayName = 'OverlayReactionList{overlay{reactionList}}';
+//# sourceMappingURL=OverlayReactionList.js.map

package/lib/commonjs/components/MessageOverlay/OverlayReactionList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_interopRequireWildcard","_reactNativeSvg","_MessageOverlayContext","_MessagesContext","_OverlayContext","_ThemeContext","_icons","_native","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AnimatedCircle","Animated","createAnimatedComponent","Circle","styles","StyleSheet","create","notLastReaction","marginRight","reactionList","alignItems","borderRadius","flexDirection","justifyContent","paddingHorizontal","paddingVertical","position","selectedIcon","reactionData","Icon","LoveReaction","type","ThumbsUpReaction","ThumbsDownReaction","LOLReaction","WutReaction","ReactionButton","props","handleReaction","index","numberOfReactions","ownReactionTypes","setOverlay","showScreen","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","accent_blue","grey","_useTheme$theme$overl","overlay","reactionsList","reaction","reactionSize","unSelectedIcon","selected","includes","animationScale","useSharedValue","hasShown","scale","selectedOpacity","onTap","useAnimatedGestureHandler","onEnd","runOnJS","triggerHaptic","value","withTiming","duration","onFinish","cancelAnimation","onStart","useAnimatedReaction","result","withSequence","withDelay","iconStyle","useAnimatedStyle","transform","selectedStyle","opacity","jsx","TapGestureHandler","hitSlop","bottom","Number","paddingBottom","left","paddingLeft","right","paddingRight","top","paddingTop","maxDurationMs","onHandlerStateChange","children","jsxs","View","style","assign","height","pathFill","width","exports","OverlayReactionListWithContext","alignment","fill","messageLayout","setReactionListHeight","_props$supportedReact","supportedReactions","_useTheme2","_useTheme2$theme","white_snow","_useTheme2$theme$over","screenPadding","padding","_useTheme2$theme$over2","radius","reactionListBorderRadius","reactionListHeight","reactionBubbleWidth","reactionListLayout","_useWindowDimensions","useWindowDimensions","animatedStyle","insideLeftBound","x","insideRightBound","y","animatedBigCircleProps","useAnimatedProps","cx","cy","animateSmallCircleProps","showScreenStyle","translateY","interpolate","translateX","length","absoluteFill","testID","onLayout","_ref","layout","nativeEvent","animatedProps","_ref2","_ref2$nativeEvent$lay","layoutWidth","backgroundColor","map","_ref3","concat","areEqual","prevProps","nextProps","prevAlignment","prevOwnReactionTypes","nextAlignment","nextOwnReactionTypes","alignmentEqual","ownReactionTypesEqual","MemoizedOverlayReactionList","React","memo","OverlayReactionList","_useMessageOverlayCon","useMessageOverlayContext","data","_useMessagesContext","useMessagesContext","_useOverlayContext","useOverlayContext","displayName"],"sourceRoot":"../../../../src","sources":["components/MessageOverlay/OverlayReactionList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/MessageOverlay/OverlayReactions.js

@@ -0,0 +1,188 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OverlayReactions = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _useFetchReactions2 = require("./hooks/useFetchReactions");
+var _OverlayReactionsItem = require("./OverlayReactionsItem");
+var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
+var _icons = require("../../icons");
+var _jsxRuntime = require("react/jsx-runtime");
+var _this = this,
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageOverlay/OverlayReactions.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 styles = _reactNative.StyleSheet.create({
+  avatarContainer: {
+    padding: 8
+  },
+  container: {
+    alignItems: 'center',
+    borderRadius: 16,
+    marginTop: 8,
+    width: '100%'
+  },
+  flatListContainer: {
+    paddingHorizontal: 12,
+    paddingVertical: 8
+  },
+  flatListContentContainer: {
+    alignItems: 'center',
+    paddingBottom: 12
+  },
+  title: {
+    fontSize: 16,
+    fontWeight: '700',
+    paddingTop: 16
+  },
+  unseenItemContainer: {
+    opacity: 0,
+    position: 'absolute'
+  }
+});
+var reactionData = [{
+  Icon: _icons.LoveReaction,
+  type: 'love'
+}, {
+  Icon: _icons.ThumbsUpReaction,
+  type: 'like'
+}, {
+  Icon: _icons.ThumbsDownReaction,
+  type: 'sad'
+}, {
+  Icon: _icons.LOLReaction,
+  type: 'haha'
+}, {
+  Icon: _icons.WutReaction,
+  type: 'wow'
+}];
+var sort = {
+  created_at: -1
+};
+var OverlayReactions = function OverlayReactions(props) {
+  var _React$useState = _react["default"].useState(0),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    itemHeight = _React$useState2[0],
+    setItemHeight = _React$useState2[1];
+  var overlayAlignment = props.alignment,
+    messageId = props.messageId,
+    OverlayReactionsAvatar = props.OverlayReactionsAvatar,
+    propReactions = props.reactions,
+    showScreen = props.showScreen,
+    _props$supportedReact = props.supportedReactions,
+    supportedReactions = _props$supportedReact === void 0 ? reactionData : _props$supportedReact,
+    title = props.title;
+  var layoutHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  var layoutWidth = (0, _reactNativeReanimated.useSharedValue)(0);
+  var _useFetchReactions = (0, _useFetchReactions2.useFetchReactions)({
+      messageId: messageId,
+      sort: sort
+    }),
+    loading = _useFetchReactions.loading,
+    loadNextPage = _useFetchReactions.loadNextPage,
+    fetchedReactions = _useFetchReactions.reactions;
+  var reactions = (0, _react.useMemo)(function () {
+    return propReactions || fetchedReactions.map(function (reaction) {
+      var _reaction$user, _reaction$user2, _reaction$user3;
+      return {
+        alignment: 'left',
+        id: (_reaction$user = reaction.user) == null ? void 0 : _reaction$user.id,
+        image: (_reaction$user2 = reaction.user) == null ? void 0 : _reaction$user2.image,
+        name: (_reaction$user3 = reaction.user) == null ? void 0 : _reaction$user3.name,
+        type: reaction.type
+      };
+    });
+  }, [propReactions, fetchedReactions]);
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    black = _useTheme$theme$color.black,
+    white = _useTheme$theme$color.white,
+    _useTheme$theme$overl = _useTheme$theme.overlay,
+    overlayPadding = _useTheme$theme$overl.padding,
+    _useTheme$theme$overl2 = _useTheme$theme$overl.reactions,
+    avatarContainer = _useTheme$theme$overl2.avatarContainer,
+    avatarSize = _useTheme$theme$overl2.avatarSize,
+    container = _useTheme$theme$overl2.container,
+    flatListContainer = _useTheme$theme$overl2.flatListContainer,
+    titleStyle = _useTheme$theme$overl2.title;
+  var width = (0, _reactNative.useWindowDimensions)().width;
+  var supportedReactionTypes = supportedReactions.map(function (supportedReaction) {
+    return supportedReaction.type;
+  });
+  var filteredReactions = reactions.filter(function (reaction) {
+    return supportedReactionTypes.includes(reaction.type);
+  });
+  var numColumns = Math.floor((width - overlayPadding * 2 - ((Number(flatListContainer.paddingHorizontal || 0) || styles.flatListContainer.paddingHorizontal) + (Number(avatarContainer.padding || 0) || styles.avatarContainer.padding)) * 2) / (avatarSize + (Number(avatarContainer.padding || 0) || styles.avatarContainer.padding) * 2));
+  var renderItem = function renderItem(_ref) {
+    var item = _ref.item;
+    return (0, _jsxRuntime.jsx)(_OverlayReactionsItem.OverlayReactionsItem, {
+      OverlayReactionsAvatar: OverlayReactionsAvatar,
+      reaction: item,
+      supportedReactions: supportedReactions
+    });
+  };
+  var showScreenStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
+    return {
+      transform: [{
+        translateY: (0, _reactNativeReanimated.interpolate)(showScreen.value, [0, 1], [-layoutHeight.value / 2, 0])
+      }, {
+        translateX: (0, _reactNativeReanimated.interpolate)(showScreen.value, [0, 1], [overlayAlignment === 'left' ? -layoutWidth.value / 2 : layoutWidth.value / 2, 0])
+      }, {
+        scale: showScreen.value
+      }]
+    };
+  }, [overlayAlignment]);
+  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: (0, _jsxRuntime.jsxs)(_reactNativeReanimated["default"].View, {
+      onLayout: function onLayout(_ref2) {
+        var layout = _ref2.nativeEvent.layout;
+        layoutWidth.value = layout.width;
+        layoutHeight.value = layout.height;
+      },
+      style: [styles.container, {
+        backgroundColor: white,
+        opacity: itemHeight ? 1 : 0
+      }, container, showScreenStyle],
+      children: [(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.title, {
+          color: black
+        }, titleStyle],
+        children: title
+      }), !loading && (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.FlatList, {
+        contentContainerStyle: styles.flatListContentContainer,
+        data: filteredReactions,
+        keyExtractor: function keyExtractor(_ref3, index) {
+          var id = _ref3.id,
+            name = _ref3.name;
+          return "".concat(name).concat(id, "_").concat(index);
+        },
+        numColumns: numColumns,
+        onEndReached: loadNextPage,
+        renderItem: renderItem,
+        scrollEnabled: filteredReactions.length / numColumns > 1,
+        style: [styles.flatListContainer, flatListContainer, {
+          maxHeight: itemHeight + (filteredReactions.length / numColumns > 1 ? itemHeight / 4 : 8)
+        }]
+      }, numColumns), !loading && (0, _jsxRuntime.jsx)(_reactNative.View, {
+        onLayout: function onLayout(_ref4) {
+          var layout = _ref4.nativeEvent.layout;
+          setItemHeight(layout.height);
+        },
+        style: [styles.unseenItemContainer, styles.flatListContentContainer],
+        children: renderItem({
+          item: filteredReactions[0]
+        })
+      })]
+    })
+  });
+};
+exports.OverlayReactions = OverlayReactions;
+OverlayReactions.displayName = 'OverlayReactions{overlay{reactions}}';
+//# sourceMappingURL=OverlayReactions.js.map

package/lib/commonjs/components/MessageOverlay/OverlayReactions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_useFetchReactions2","_OverlayReactionsItem","_ThemeContext","_icons","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","styles","StyleSheet","create","avatarContainer","padding","container","alignItems","borderRadius","marginTop","width","flatListContainer","paddingHorizontal","paddingVertical","flatListContentContainer","paddingBottom","title","fontSize","fontWeight","paddingTop","unseenItemContainer","opacity","position","reactionData","Icon","LoveReaction","type","ThumbsUpReaction","ThumbsDownReaction","LOLReaction","WutReaction","sort","created_at","OverlayReactions","props","_React$useState","React","useState","_React$useState2","_slicedToArray2","itemHeight","setItemHeight","overlayAlignment","alignment","messageId","OverlayReactionsAvatar","propReactions","reactions","showScreen","_props$supportedReact","supportedReactions","layoutHeight","useSharedValue","layoutWidth","_useFetchReactions","useFetchReactions","loading","loadNextPage","fetchedReactions","useMemo","map","reaction","_reaction$user","_reaction$user2","_reaction$user3","id","user","image","name","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","black","white","_useTheme$theme$overl","overlay","overlayPadding","_useTheme$theme$overl2","avatarSize","titleStyle","useWindowDimensions","supportedReactionTypes","supportedReaction","filteredReactions","filter","includes","numColumns","Math","floor","Number","renderItem","_ref","item","jsx","OverlayReactionsItem","showScreenStyle","useAnimatedStyle","transform","translateY","interpolate","value","translateX","scale","Fragment","children","jsxs","View","onLayout","_ref2","layout","nativeEvent","height","style","backgroundColor","Text","color","FlatList","contentContainerStyle","data","keyExtractor","_ref3","index","concat","onEndReached","scrollEnabled","length","maxHeight","_ref4","exports","displayName"],"sourceRoot":"../../../../src","sources":["components/MessageOverlay/OverlayReactions.tsx"],"mappings":"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","ignoreList":[]}

package/lib/{module/components/MessageMenu/MessageUserReactionsAvatar.js → commonjs/components/MessageOverlay/OverlayReactionsAvatar.js}

@@ -2,14 +2,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MessageUserReactionsAvatar = void 0;
+exports.OverlayReactionsAvatar = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 var _Avatar = require("../Avatar/Avatar");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
-  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageMenu/MessageUserReactionsAvatar.tsx";
-var MessageUserReactionsAvatar = function MessageUserReactionsAvatar(props) {
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageOverlay/OverlayReactionsAvatar.tsx";
+var OverlayReactionsAvatar = function OverlayReactionsAvatar(props) {
   var _props$reaction = props.reaction,
     image = _props$reaction.image,
     name = _props$reaction.name,
@@ -22,5 +22,6 @@ var MessageUserReactionsAvatar = function MessageUserReactionsAvatar(props) {
     size: size || BASE_AVATAR_SIZE
   });
 };
-exports.MessageUserReactionsAvatar = MessageUserReactionsAvatar;
-//# sourceMappingURL=MessageUserReactionsAvatar.js.map
+exports.OverlayReactionsAvatar = OverlayReactionsAvatar;
+OverlayReactionsAvatar.displayName = 'OverlayReactionsAvatar{overlay{reactionsAvatar}}';
+//# sourceMappingURL=OverlayReactionsAvatar.js.map

package/lib/commonjs/components/MessageOverlay/OverlayReactionsAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_Avatar","_jsxRuntime","_this","_jsxFileName","OverlayReactionsAvatar","props","_props$reaction","reaction","image","name","size","_useTheme","useTheme","BASE_AVATAR_SIZE","theme","avatar","jsx","Avatar","exports","displayName"],"sourceRoot":"../../../../src","sources":["components/MessageOverlay/OverlayReactionsAvatar.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAAuD,IAAAG,WAAA,GAAAH,OAAA;AAAA,IAAAI,KAAA;EAAAC,YAAA;AAMhD,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,KAAkC,EAAK;EAC5E,IAAAC,eAAA,GAGID,KAAK,CAFPE,QAAQ;IAAIC,KAAK,GAAAF,eAAA,CAALE,KAAK;IAAEC,IAAI,GAAAH,eAAA,CAAJG,IAAI;IACvBC,IAAI,GACFL,KAAK,CADPK,IAAI;EAGN,IAAAC,SAAA,GAII,IAAAC,sBAAQ,EAAC,CAAC;IAFAC,gBAAgB,GAAAF,SAAA,CAD5BG,KAAK,CACHC,MAAM,CAAIF,gBAAgB;EAI9B,OAAO,IAAAZ,WAAA,CAAAe,GAAA,EAAChB,OAAA,CAAAiB,MAAM;IAACT,KAAK,EAAEA,KAAM;IAACC,IAAI,EAAEA,IAAK;IAACC,IAAI,EAAEA,IAAI,IAAIG;EAAiB,CAAE,CAAC;AAC7E,CAAC;AAACK,OAAA,CAAAd,sBAAA,GAAAA,sBAAA;AAEFA,sBAAsB,CAACe,WAAW,GAAG,kDAAkD","ignoreList":[]}