stream-chat-react-native-core 5.39.5 → 5.40.0-rc.2

package/lib/module/components/MessageMenu/MessageUserReactions.js

@@ -0,0 +1,171 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageUserReactions = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useFetchReactions2 = require("./hooks/useFetchReactions");
+var _ReactionButton = require("./ReactionButton");
+var _MessagesContext = require("../../contexts/messagesContext/MessagesContext");
+var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
+var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
+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/MessageUserReactions.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 sort = {
+  created_at: -1
+};
+var renderSelectorItem = function renderSelectorItem(_ref) {
+  var index = _ref.index,
+    item = _ref.item;
+  return (0, _jsxRuntime.jsx)(_ReactionButton.ReactionButton, {
+    Icon: item.Icon,
+    onPress: item.onSelectReaction,
+    selected: item.selectedReaction === item.type,
+    type: item.type
+  }, "".concat(item.type, "_").concat(index));
+};
+var MessageUserReactions = function MessageUserReactions(props) {
+  var _message$reaction_gro;
+  var message = props.message,
+    propMessageUserReactionsAvatar = props.MessageUserReactionsAvatar,
+    propMessageUserReactionsItem = props.MessageUserReactionsItem,
+    propReactions = props.reactions,
+    propSupportedReactions = props.supportedReactions;
+  var reactionTypes = Object.keys((_message$reaction_gro = message == null ? void 0 : message.reaction_groups) != null ? _message$reaction_gro : {});
+  var _React$useState = _react["default"].useState(reactionTypes[0]),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    selectedReaction = _React$useState2[0],
+    setSelectedReaction = _React$useState2[1];
+  var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
+    contextMessageUserReactionsAvatar = _useMessagesContext.MessageUserReactionsAvatar,
+    contextMessageUserReactionsItem = _useMessagesContext.MessageUserReactionsItem,
+    contextSupportedReactions = _useMessagesContext.supportedReactions;
+  var supportedReactions = propSupportedReactions != null ? propSupportedReactions : contextSupportedReactions;
+  var MessageUserReactionsAvatar = propMessageUserReactionsAvatar != null ? propMessageUserReactionsAvatar : contextMessageUserReactionsAvatar;
+  var MessageUserReactionsItem = propMessageUserReactionsItem != null ? propMessageUserReactionsItem : contextMessageUserReactionsItem;
+  var onSelectReaction = function onSelectReaction(reactionType) {
+    setSelectedReaction(reactionType);
+  };
+  var messageReactions = (0, _react.useMemo)(function () {
+    return reactionTypes.reduce(function (acc, reaction) {
+      var reactionData = supportedReactions == null ? void 0 : supportedReactions.find(function (supportedReaction) {
+        return supportedReaction.type === reaction;
+      });
+      if (reactionData) {
+        acc.push(reactionData);
+      }
+      return acc;
+    }, []);
+  }, [reactionTypes, supportedReactions]);
+  var _useFetchReactions = (0, _useFetchReactions2.useFetchReactions)({
+      messageId: message == null ? void 0 : message.id,
+      reactionType: selectedReaction,
+      sort: sort
+    }),
+    loading = _useFetchReactions.loading,
+    loadNextPage = _useFetchReactions.loadNextPage,
+    fetchedReactions = _useFetchReactions.reactions;
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme$messa = _useTheme.theme.messageMenu.userReactions,
+    container = _useTheme$theme$messa.container,
+    contentContainer = _useTheme$theme$messa.contentContainer,
+    flatlistColumnContainer = _useTheme$theme$messa.flatlistColumnContainer,
+    flatlistContainer = _useTheme$theme$messa.flatlistContainer,
+    reactionSelectorContainer = _useTheme$theme$messa.reactionSelectorContainer,
+    reactionsText = _useTheme$theme$messa.reactionsText;
+  var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
+    t = _useTranslationContex.t;
+  var reactions = (0, _react.useMemo)(function () {
+    return propReactions || fetchedReactions.map(function (reaction) {
+      var _reaction$user, _reaction$user2, _reaction$user3;
+      return {
+        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 renderItem = function renderItem(_ref2) {
+    var item = _ref2.item;
+    return (0, _jsxRuntime.jsx)(MessageUserReactionsItem, {
+      MessageUserReactionsAvatar: MessageUserReactionsAvatar,
+      reaction: item,
+      supportedReactions: supportedReactions != null ? supportedReactions : []
+    });
+  };
+  var renderHeader = function renderHeader() {
+    return (0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.reactionsText, reactionsText],
+      children: t('Message Reactions')
+    });
+  };
+  var selectorReactions = messageReactions.map(function (reaction) {
+    return Object.assign({}, reaction, {
+      onSelectReaction: onSelectReaction,
+      selectedReaction: selectedReaction
+    });
+  });
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
+    accessibilityLabel: "User Reactions on long press message",
+    style: [styles.container, container],
+    children: [(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.reactionSelectorContainer, reactionSelectorContainer],
+      children: (0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+        contentContainerStyle: [styles.contentContainer, contentContainer],
+        data: selectorReactions,
+        horizontal: true,
+        keyExtractor: function keyExtractor(item) {
+          return item.type;
+        },
+        renderItem: renderSelectorItem
+      })
+    }), !loading ? (0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+      accessibilityLabel: "reaction-flat-list",
+      columnWrapperStyle: [styles.flatListColumnContainer, flatlistColumnContainer],
+      contentContainerStyle: [styles.flatListContainer, flatlistContainer],
+      data: reactions,
+      keyExtractor: function keyExtractor(item) {
+        return item.id;
+      },
+      ListHeaderComponent: renderHeader,
+      numColumns: 4,
+      onEndReached: loadNextPage,
+      renderItem: renderItem
+    }) : null]
+  });
+};
+exports.MessageUserReactions = MessageUserReactions;
+var styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  contentContainer: {
+    flexGrow: 1,
+    justifyContent: 'space-around',
+    marginVertical: 16
+  },
+  flatListColumnContainer: {
+    justifyContent: 'space-evenly'
+  },
+  flatListContainer: {
+    justifyContent: 'center'
+  },
+  reactionSelectorContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-evenly'
+  },
+  reactionsText: {
+    fontSize: 16,
+    fontWeight: 'bold',
+    marginVertical: 16,
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=MessageUserReactions.js.map

package/lib/module/components/MessageMenu/MessageUserReactions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useFetchReactions2","_ReactionButton","_MessagesContext","_ThemeContext","_TranslationContext","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","sort","created_at","renderSelectorItem","_ref","index","item","jsx","ReactionButton","Icon","onPress","onSelectReaction","selected","selectedReaction","type","concat","MessageUserReactions","props","_message$reaction_gro","message","propMessageUserReactionsAvatar","MessageUserReactionsAvatar","propMessageUserReactionsItem","MessageUserReactionsItem","propReactions","reactions","propSupportedReactions","supportedReactions","reactionTypes","keys","reaction_groups","_React$useState","React","useState","_React$useState2","_slicedToArray2","setSelectedReaction","_useMessagesContext","useMessagesContext","contextMessageUserReactionsAvatar","contextMessageUserReactionsItem","contextSupportedReactions","reactionType","messageReactions","useMemo","reduce","acc","reaction","reactionData","find","supportedReaction","push","_useFetchReactions","useFetchReactions","messageId","id","loading","loadNextPage","fetchedReactions","_useTheme","useTheme","_useTheme$theme$messa","theme","messageMenu","userReactions","container","contentContainer","flatlistColumnContainer","flatlistContainer","reactionSelectorContainer","reactionsText","_useTranslationContex","useTranslationContext","map","_reaction$user","_reaction$user2","_reaction$user3","user","image","name","renderItem","_ref2","renderHeader","Text","style","styles","children","selectorReactions","assign","jsxs","View","accessibilityLabel","FlatList","contentContainerStyle","data","horizontal","keyExtractor","columnWrapperStyle","flatListColumnContainer","flatListContainer","ListHeaderComponent","numColumns","onEndReached","exports","StyleSheet","create","flex","flexGrow","justifyContent","marginVertical","flexDirection","fontSize","fontWeight","textAlign"],"sourceRoot":"../../../../src","sources":["components/MessageMenu/MessageUserReactions.tsx"],"mappings":"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","ignoreList":[]}

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

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

package/lib/module/components/MessageMenu/MessageUserReactionsAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_Avatar","_jsxRuntime","_this","_jsxFileName","MessageUserReactionsAvatar","props","_props$reaction","reaction","image","name","size","_useTheme","useTheme","BASE_AVATAR_SIZE","theme","avatar","jsx","Avatar","exports"],"sourceRoot":"../../../../src","sources":["components/MessageMenu/MessageUserReactionsAvatar.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAAuD,IAAAG,WAAA,GAAAH,OAAA;AAAA,IAAAI,KAAA;EAAAC,YAAA;AAShD,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAIC,KAAsC,EAAK;EACpF,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,0BAAA,GAAAA,0BAAA","ignoreList":[]}

package/lib/module/components/MessageMenu/MessageUserReactionsItem.js

@@ -0,0 +1,110 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageUserReactionsItem = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _ChatContext = require("../../contexts/chatContext/ChatContext");
+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/MessageMenu/MessageUserReactionsItem.tsx";
+var MessageUserReactionsItem = function MessageUserReactionsItem(_ref) {
+  var _supportedReactions$f, _supportedReactions$f2;
+  var MessageUserReactionsAvatar = _ref.MessageUserReactionsAvatar,
+    reaction = _ref.reaction,
+    supportedReactions = _ref.supportedReactions;
+  var id = reaction.id,
+    name = reaction.name,
+    type = reaction.type;
+  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,
+    grey = _useTheme$theme$color.grey,
+    grey_gainsboro = _useTheme$theme$color.grey_gainsboro,
+    white = _useTheme$theme$color.white,
+    _useTheme$theme$messa = _useTheme$theme.messageMenu.userReactions,
+    avatarContainer = _useTheme$theme$messa.avatarContainer,
+    avatarName = _useTheme$theme$messa.avatarName,
+    avatarSize = _useTheme$theme$messa.avatarSize,
+    radius = _useTheme$theme$messa.radius,
+    reactionBubbleBackground = _useTheme$theme$messa.reactionBubbleBackground,
+    reactionBubbleBorderRadius = _useTheme$theme$messa.reactionBubbleBorderRadius;
+  var _useChatContext = (0, _ChatContext.useChatContext)(),
+    client = _useChatContext.client;
+  var alignment = client.userID && client.userID === id ? 'left' : 'right';
+  var x = avatarSize / 2 - avatarSize / (radius * 4) * (alignment === 'left' ? 1 : -1);
+  var y = avatarSize - radius;
+  var left = alignment === 'left' ? x - (Number(reactionBubbleBackground.width || 0) || styles.reactionBubbleBackground.width) + radius : x - radius;
+  var top = y - radius - (Number(reactionBubbleBackground.height || 0) || styles.reactionBubbleBackground.height);
+  var Icon = (_supportedReactions$f = (_supportedReactions$f2 = supportedReactions.find(function (reaction) {
+    return reaction.type === type;
+  })) == null ? void 0 : _supportedReactions$f2.Icon) != null ? _supportedReactions$f : _icons.Unknown;
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
+    accessibilityLabel: "Individual User Reaction on long press message",
+    style: [styles.avatarContainer, avatarContainer],
+    children: [(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.avatarInnerContainer,
+      children: [(0, _jsxRuntime.jsx)(MessageUserReactionsAvatar, {
+        reaction: reaction,
+        size: avatarSize
+      }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.reactionBubbleBackground, {
+          backgroundColor: grey_gainsboro,
+          borderColor: alignment === 'left' ? white : grey_gainsboro,
+          borderWidth: radius / 2,
+          left: left,
+          top: top
+        }, reactionBubbleBackground],
+        children: (0, _jsxRuntime.jsx)(Icon, {
+          height: reactionBubbleBorderRadius / 2,
+          pathFill: alignment === 'left' ? accent_blue : grey,
+          width: reactionBubbleBorderRadius / 2
+        })
+      })]
+    }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.avatarNameContainer,
+      children: (0, _jsxRuntime.jsx)(_reactNative.Text, {
+        numberOfLines: 2,
+        style: [styles.avatarName, {
+          color: black
+        }, avatarName],
+        children: name
+      })
+    })]
+  });
+};
+exports.MessageUserReactionsItem = MessageUserReactionsItem;
+var styles = _reactNative.StyleSheet.create({
+  avatarContainer: {
+    marginBottom: 8
+  },
+  avatarInnerContainer: {
+    alignSelf: 'center'
+  },
+  avatarName: {
+    flex: 1,
+    fontSize: 12,
+    fontWeight: '700',
+    paddingTop: 6,
+    textAlign: 'center'
+  },
+  avatarNameContainer: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    flexGrow: 1
+  },
+  reactionBubbleBackground: {
+    alignItems: 'center',
+    borderRadius: 24,
+    height: 24,
+    justifyContent: 'center',
+    position: 'absolute',
+    width: 24
+  }
+});
+//# sourceMappingURL=MessageUserReactionsItem.js.map

package/lib/module/components/MessageMenu/MessageUserReactionsItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ChatContext","_ThemeContext","_icons","_jsxRuntime","_this","_jsxFileName","MessageUserReactionsItem","_ref","_supportedReactions$f","_supportedReactions$f2","MessageUserReactionsAvatar","reaction","supportedReactions","id","name","type","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","accent_blue","black","grey","grey_gainsboro","white","_useTheme$theme$messa","messageMenu","userReactions","avatarContainer","avatarName","avatarSize","radius","reactionBubbleBackground","reactionBubbleBorderRadius","_useChatContext","useChatContext","client","alignment","userID","x","y","left","Number","width","styles","top","height","Icon","find","Unknown","jsxs","View","accessibilityLabel","style","children","avatarInnerContainer","jsx","size","backgroundColor","borderColor","borderWidth","pathFill","avatarNameContainer","Text","numberOfLines","color","exports","StyleSheet","create","marginBottom","alignSelf","flex","fontSize","fontWeight","paddingTop","textAlign","alignItems","flexDirection","flexGrow","borderRadius","justifyContent","position"],"sourceRoot":"../../../../src","sources":["components/MessageMenu/MessageUserReactionsItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/MessageMenu/ReactionButton.js

@@ -0,0 +1,59 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReactionButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
+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/ReactionButton.tsx";
+var ReactionButton = function ReactionButton(props) {
+  var Icon = props.Icon,
+    onPress = props.onPress,
+    selected = props.selected,
+    type = props.type;
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    light_blue = _useTheme$theme$color.light_blue,
+    white = _useTheme$theme$color.white,
+    _useTheme$theme$messa = _useTheme$theme.messageMenu,
+    _useTheme$theme$messa2 = _useTheme$theme$messa.reactionButton,
+    filledColor = _useTheme$theme$messa2.filledColor,
+    unfilledColor = _useTheme$theme$messa2.unfilledColor,
+    _useTheme$theme$messa3 = _useTheme$theme$messa.reactionPicker,
+    buttonContainer = _useTheme$theme$messa3.buttonContainer,
+    reactionIconSize = _useTheme$theme$messa3.reactionIconSize;
+  var onPressHandler = function onPressHandler() {
+    if (onPress) {
+      onPress(type);
+    }
+  };
+  return (0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    accessibilityLabel: "reaction-button-".concat(type, "-").concat(selected ? 'selected' : 'unselected'),
+    onPress: onPressHandler,
+    style: function style(_ref) {
+      var pressed = _ref.pressed;
+      return [styles.reactionButton, {
+        backgroundColor: pressed || selected ? light_blue : white
+      }, buttonContainer];
+    },
+    children: (0, _jsxRuntime.jsx)(Icon, {
+      height: reactionIconSize,
+      pathFill: selected ? filledColor : unfilledColor,
+      width: reactionIconSize
+    })
+  });
+};
+exports.ReactionButton = ReactionButton;
+var styles = _reactNative.StyleSheet.create({
+  reactionButton: {
+    alignItems: 'center',
+    borderRadius: 8,
+    justifyContent: 'center',
+    padding: 8
+  }
+});
+//# sourceMappingURL=ReactionButton.js.map

package/lib/module/components/MessageMenu/ReactionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_jsxRuntime","_this","_jsxFileName","ReactionButton","props","Icon","onPress","selected","type","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","light_blue","white","_useTheme$theme$messa","messageMenu","_useTheme$theme$messa2","reactionButton","filledColor","unfilledColor","_useTheme$theme$messa3","reactionPicker","buttonContainer","reactionIconSize","onPressHandler","jsx","Pressable","accessibilityLabel","concat","style","_ref","pressed","styles","backgroundColor","children","height","pathFill","width","exports","StyleSheet","create","alignItems","borderRadius","justifyContent","padding"],"sourceRoot":"../../../../src","sources":["components/MessageMenu/ReactionButton.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAAoE,IAAAG,WAAA,GAAAH,OAAA;AAAA,IAAAI,KAAA;EAAAC,YAAA;AAwB7D,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAA0B,EAAK;EAC5D,IAAQC,IAAI,GAA8BD,KAAK,CAAvCC,IAAI;IAAEC,OAAO,GAAqBF,KAAK,CAAjCE,OAAO;IAAEC,QAAQ,GAAWH,KAAK,CAAxBG,QAAQ;IAAEC,IAAI,GAAKJ,KAAK,CAAdI,IAAI;EACrC,IAAAC,SAAA,GAQI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CAPZG,KAAK;IAAAC,qBAAA,GAAAF,eAAA,CACHG,MAAM;IAAIC,UAAU,GAAAF,qBAAA,CAAVE,UAAU;IAAEC,KAAK,GAAAH,qBAAA,CAALG,KAAK;IAAAC,qBAAA,GAAAN,eAAA,CAC3BO,WAAW;IAAAC,sBAAA,GAAAF,qBAAA,CACTG,cAAc;IAAIC,WAAW,GAAAF,sBAAA,CAAXE,WAAW;IAAEC,aAAa,GAAAH,sBAAA,CAAbG,aAAa;IAAAC,sBAAA,GAAAN,qBAAA,CAC5CO,cAAc;IAAIC,eAAe,GAAAF,sBAAA,CAAfE,eAAe;IAAEC,gBAAgB,GAAAH,sBAAA,CAAhBG,gBAAgB;EAKzD,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;IAC3B,IAAIrB,OAAO,EAAE;MACXA,OAAO,CAACE,IAAI,CAAC;IACf;EACF,CAAC;EAED,OACE,IAAAR,WAAA,CAAA4B,GAAA,EAAC9B,YAAA,CAAA+B,SAAS;IACRC,kBAAkB,qBAAAC,MAAA,CAAqBvB,IAAI,OAAAuB,MAAA,CAAIxB,QAAQ,GAAG,UAAU,GAAG,YAAY,CAAG;IACtFD,OAAO,EAAEqB,cAAe;IACxBK,KAAK,EAAE,SAAAA,MAAAC,IAAA;MAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;MAAA,OAAO,CACtBC,MAAM,CAACf,cAAc,EACrB;QAAEgB,eAAe,EAAEF,OAAO,IAAI3B,QAAQ,GAAGQ,UAAU,GAAGC;MAAM,CAAC,EAC7DS,eAAe,CAChB;IAAA,CAAC;IAAAY,QAAA,EAEF,IAAArC,WAAA,CAAA4B,GAAA,EAACvB,IAAI;MACHiC,MAAM,EAAEZ,gBAAiB;MACzBa,QAAQ,EAAEhC,QAAQ,GAAGc,WAAW,GAAGC,aAAc;MACjDkB,KAAK,EAAEd;IAAiB,CACzB;EAAC,CACO,CAAC;AAEhB,CAAC;AAACe,OAAA,CAAAtC,cAAA,GAAAA,cAAA;AAEF,IAAMgC,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BvB,cAAc,EAAE;IACdwB,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,CAAC;IACfC,cAAc,EAAE,QAAQ;IACxBC,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/{MessageOverlay → MessageMenu}/hooks/useFetchReactions.js

@@ -132,6 +132,8 @@ var useFetchReactions = function useFetchReactions(_ref) {
     }, _callee3);
   })), [fetchReactions]);
   (0, _react.useEffect)(function () {
+    setReactions([]);
+    setNext(undefined);
     fetchReactions();
   }, [messageId, reactionType, sortString]);
   return {

package/lib/module/components/MessageMenu/hooks/useFetchReactions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_ChatContext","_getReactionsforFilterSort","useFetchReactions","_ref","_ref$limit","limit","messageId","reactionType","sort","_useState","useState","_useState2","_slicedToArray2","reactions","setReactions","_useState3","_useState4","loading","setLoading","_useState5","undefined","_useState6","next","setNext","_useChatContext","useChatContext","client","enableOfflineSupport","sortString","useMemo","JSON","stringify","fetchReactions","useCallback","_asyncToGenerator2","_regenerator","mark","_callee2","loadOfflineReactions","loadOnlineReactions","wrap","_callee2$","_context2","prev","reactionsFromDB","getReactionsForFilterSort","currentMessageId","filters","type","_ref3","_callee","response","_callee$","_context","abrupt","queryReactions","sent","prevReactions","concat","_toConsumableArray2","stop","apply","arguments","t0","console","log","loadNextPage","_callee3","_callee3$","_context3","useEffect","exports"],"sourceRoot":"../../../../../src","sources":["components/MessageMenu/hooks/useFetchReactions.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ProgressControl/ProgressControl.js

@@ -36,6 +36,8 @@ var ProgressControl = _react["default"].memo(function (props) {
     progress = props.progress,
     testID = props.testID,
     width = props.width;
+  var state = (0, _reactNativeReanimated.useSharedValue)(0);
+  var translateX = (0, _reactNativeReanimated.useSharedValue)(0);
   var _Dimensions$get = _reactNative.Dimensions.get('screen'),
     windowWidth = _Dimensions$get.width;
   var widthInNumbers = width ? typeof width === 'string' ? windowWidth * Number(width == null ? void 0 : width.substring(0, width.length - 1)) / 100 : width : 0;
@@ -47,8 +49,19 @@ var ProgressControl = _react["default"].memo(function (props) {
     filledColorFromTheme = _useTheme2$theme$prog.filledColor,
     filledStyles = _useTheme2$theme$prog.filledStyles,
     thumb = _useTheme2$theme$prog.thumb;
-  var state = (0, _reactNativeReanimated.useSharedValue)(0);
-  var translateX = (0, _reactNativeReanimated.useSharedValue)(0);
+  var pan = _reactNativeGestureHandler.Gesture.Pan().maxPointers(1).onStart(function () {
+    if (onPlayPause) (0, _reactNativeReanimated.runOnJS)(onPlayPause)(true);
+    (0, _reactNativeReanimated.cancelAnimation)(translateX);
+    state.value = translateX.value;
+  }).onChange(function (event) {
+    state.value = translateX.value + event.translationX;
+    if (state.value > widthInNumbers) state.value = widthInNumbers;else if (state.value < 0) state.value = 0;
+  }).onEnd(function () {
+    translateX.value = state.value;
+    var dragFinishLocationInSeconds = state.value / widthInNumbers * duration;
+    if (onProgressDrag) (0, _reactNativeReanimated.runOnJS)(onProgressDrag)(dragFinishLocationInSeconds);
+    if (onPlayPause) (0, _reactNativeReanimated.runOnJS)(onPlayPause)(false);
+  }).withTestId(testID);
   var filledColor = filledColorFromProp || filledColorFromTheme;
   (0, _react.useEffect)(function () {
     if (progress <= 1) {
@@ -69,23 +82,6 @@ var ProgressControl = _react["default"].memo(function (props) {
       }]
     };
   });
-  var onGestureEvent = (0, _reactNativeReanimated.useAnimatedGestureHandler)({
-    onActive: function onActive(event) {
-      state.value = translateX.value + event.translationX;
-      if (state.value > widthInNumbers) state.value = widthInNumbers;else if (state.value < 0) state.value = 0;
-    },
-    onFinish: function onFinish() {
-      translateX.value = state.value;
-      var dragFinishLocationInSeconds = state.value / widthInNumbers * duration;
-      if (onProgressDrag) (0, _reactNativeReanimated.runOnJS)(onProgressDrag)(dragFinishLocationInSeconds);
-      if (onPlayPause) (0, _reactNativeReanimated.runOnJS)(onPlayPause)(false);
-    },
-    onStart: function onStart() {
-      if (onPlayPause) (0, _reactNativeReanimated.runOnJS)(onPlayPause)(true);
-      (0, _reactNativeReanimated.cancelAnimation)(translateX);
-      state.value = translateX.value;
-    }
-  }, [duration, widthInNumbers]);
   return (0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [styles.container, {
       backgroundColor: grey_dark,
@@ -93,13 +89,11 @@ var ProgressControl = _react["default"].memo(function (props) {
     }, container],
     children: [(0, _jsxRuntime.jsx)(_reactNativeReanimated["default"].View, {
       style: [styles.filledStyle, animatedStyles, filledStyles]
-    }), (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.PanGestureHandler, {
-      maxPointers: 1,
-      onGestureEvent: onProgressDrag ? onGestureEvent : undefined,
-      testID: testID,
+    }), (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+      gesture: pan,
       children: (0, _jsxRuntime.jsx)(_reactNativeReanimated["default"].View, {
         style: [thumbStyles, thumb],
-        children: onProgressDrag && (0, _jsxRuntime.jsx)(ProgressControlThumb, {})
+        children: onProgressDrag ? (0, _jsxRuntime.jsx)(ProgressControlThumb, {}) : null
       })
     })]
   });
@@ -109,7 +103,6 @@ var ProgressControl = _react["default"].memo(function (props) {
 exports.ProgressControl = ProgressControl;
 var styles = _reactNative.StyleSheet.create({
   container: {
-    borderRadius: 50,
     height: height
   },
   filledStyle: {
@@ -119,15 +112,15 @@ var styles = _reactNative.StyleSheet.create({
     borderRadius: 5,
     borderWidth: 0.2,
     elevation: 6,
-    height: 20,
+    height: 30,
     shadowOffset: {
       height: 3,
       width: 0
     },
     shadowOpacity: 0.27,
     shadowRadius: 4.65,
-    top: -11,
-    width: 5
+    top: -15,
+    width: 6
   }
 });
 ProgressControl.displayName = 'ProgressControl';

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_ThemeContext","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","height","ProgressControlThumb","_useTheme","useTheme","_useTheme$theme$color","theme","colors","black","grey_dark","static_white","jsx","View","style","styles","progressControlThumbStyle","backgroundColor","borderColor","shadowColor","ProgressControl","React","memo","props","duration","filledColorFromProp","filledColor","onPlayPause","onProgressDrag","progress","testID","width","_Dimensions$get","Dimensions","windowWidth","widthInNumbers","Number","substring","length","_useTheme2","_useTheme2$theme","_useTheme2$theme$prog","progressControl","container","filledColorFromTheme","filledStyles","thumb","state","useSharedValue","translateX","useEffect","value","animatedStyles","useAnimatedStyle","thumbStyles","transform","onGestureEvent","useAnimatedGestureHandler","onActive","event","translationX","onFinish","dragFinishLocationInSeconds","runOnJS","onStart","cancelAnimation","jsxs","children","filledStyle","PanGestureHandler","maxPointers","undefined","prevProps","nextProps","exports","StyleSheet","create","borderRadius","borderWidth","elevation","shadowOffset","shadowOpacity","shadowRadius","top","displayName"],"sourceRoot":"../../../../src","sources":["components/ProgressControl/ProgressControl.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_ThemeContext","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","height","ProgressControlThumb","_useTheme","useTheme","_useTheme$theme$color","theme","colors","black","grey_dark","static_white","jsx","View","style","styles","progressControlThumbStyle","backgroundColor","borderColor","shadowColor","ProgressControl","React","memo","props","duration","filledColorFromProp","filledColor","onPlayPause","onProgressDrag","progress","testID","width","state","useSharedValue","translateX","_Dimensions$get","Dimensions","windowWidth","widthInNumbers","Number","substring","length","_useTheme2","_useTheme2$theme","_useTheme2$theme$prog","progressControl","container","filledColorFromTheme","filledStyles","thumb","pan","Gesture","Pan","maxPointers","onStart","runOnJS","cancelAnimation","value","onChange","event","translationX","onEnd","dragFinishLocationInSeconds","withTestId","useEffect","animatedStyles","useAnimatedStyle","thumbStyles","transform","jsxs","children","filledStyle","GestureDetector","gesture","prevProps","nextProps","exports","StyleSheet","create","borderRadius","borderWidth","elevation","shadowOffset","shadowOpacity","shadowRadius","top","displayName"],"sourceRoot":"../../../../src","sources":["components/ProgressControl/ProgressControl.tsx"],"mappings":"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","ignoreList":[]}