stream-chat-react-native-core 4.0.0-beta.1 → 4.0.0-beta.5

package/lib/module/components/Message/MessageSimple/MessageRepliesAvatars.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MessageRepliesAvatars.tsx"],"names":["styles","StyleSheet","create","avatarContainer","alignItems","flexDirection","paddingTop","topAvatar","position","MessageRepliesAvatars","props","alignment","message","theme","white_snow","colors","messageSimple","replies","avatar","avatarContainerMultiple","avatarContainerSingle","avatarSize","leftAvatarsContainer","rightAvatarsContainer","avatars","thread_participants","slice","hasMoreThanOneReply","length","marginLeft","map","user","i","id","paddingLeft","borderColor","borderWidth","image","name"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;;AAcA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,eAAe,EAAE;AACfC,IAAAA,UAAU,EAAE,QADG;AAEfC,IAAAA,aAAa,EAAE,KAFA;AAGfC,IAAAA,UAAU,EAAE;AAHG,GADc;AAM/BC,EAAAA,SAAS,EAAE;AACTD,IAAAA,UAAU,EAAE,CADH;AAETE,IAAAA,QAAQ,EAAE;AAFD;AANoB,CAAlB,CAAf;;AAsBO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CASnCC,KATmC,EAUhC;AAAA;;AACH,MAAQC,SAAR,GAA+BD,KAA/B,CAAQC,SAAR;AAAA,MAAmBC,OAAnB,GAA+BF,KAA/B,CAAmBE,OAAnB;;AAEA,kBAcI,6BAdJ;AAAA,kCACEC,KADF;AAAA,MAEcC,UAFd,mBAEIC,MAFJ,CAEcD,UAFd;AAAA,8CAGIE,aAHJ,CAIMC,OAJN;AAAA,MAKQC,MALR,yBAKQA,MALR;AAAA,MAMQC,uBANR,yBAMQA,uBANR;AAAA,MAOQC,qBAPR,yBAOQA,qBAPR;AAAA,MAQQC,UARR,yBAQQA,UARR;AAAA,MASQC,oBATR,yBASQA,oBATR;AAAA,MAUQC,qBAVR,yBAUQA,qBAVR;;AAgBA,MAAMC,OAAO,GAAG,0BAAAZ,OAAO,CAACa,mBAAR,2CAA6BC,KAA7B,CAAmC,CAAC,CAApC,MAA0C,EAA1D;AACA,MAAMC,mBAAmB,GAAGH,OAAO,CAACI,MAAR,GAAiB,CAA7C;AAEA,SACE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL5B,MAAM,CAACG,eADF,EAELQ,SAAS,KAAK,OAAd;AAA0BkB,MAAAA,UAAU,EAAE;AAAtC,OAA4CN,qBAA5C,IAAsED,oBAFjE,CADT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMGE,OAAO,CAACM,GAAR,CAAY,UAACC,IAAD,EAAOC,CAAP;AAAA,WACX,gCAAC,iBAAD;AACE,MAAA,GAAG,EAAED,IAAI,CAACE,EADZ;AAEE,MAAA,KAAK,EACHD,CAAC,KAAK,CAAN,iCACShC,MAAM,CAACO,SADhB,EAC8Ba,qBAD9B;AAGMc,QAAAA,WAAW,EAAEP,mBAAmB,GAAG,CAAH,GAAO;AAH7C,SAISR,uBAJT,CAHJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAWE,gCAAC,cAAD;AACE,MAAA,cAAc,EAAE,CACda,CAAC,KAAK,CAAN,IAAW;AACTG,QAAAA,WAAW,EAAErB,UADJ;AAETsB,QAAAA,WAAW,EAAE;AAFJ,OADG,EAKdlB,MALc,CADlB;AAQE,MAAA,KAAK,EAAEa,IAAI,CAACM,KARd;AASE,MAAA,IAAI,EAAEN,IAAI,CAACO,IATb;AAUE,MAAA,IAAI,EAAEjB,UAAU,GAAGA,UAAH,GAAgBW,CAAC,KAAK,CAAN,GAAU,EAAV,GAAe,EAVjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAXF,CADW;AAAA,GAAZ,CANH,CADF;AAmCD,CAnEM","sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { Avatar } from '../../Avatar/Avatar';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nimport type { MessageContextValue } from '../../../contexts/messageContext/MessageContext';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../types/types';\n\nconst styles = StyleSheet.create({\n  avatarContainer: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingTop: 2,\n  },\n  topAvatar: {\n    paddingTop: 2,\n    position: 'absolute',\n  },\n});\n\nexport type MessageRepliesAvatarsProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'alignment' | 'message'>;\n\nexport const MessageRepliesAvatars = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends DefaultUserType = DefaultUserType,\n>(\n  props: MessageRepliesAvatarsProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { alignment, message } = props;\n\n  const {\n    theme: {\n      colors: { white_snow },\n      messageSimple: {\n        replies: {\n          avatar,\n          avatarContainerMultiple,\n          avatarContainerSingle,\n          avatarSize,\n          leftAvatarsContainer,\n          rightAvatarsContainer,\n        },\n      },\n    },\n  } = useTheme();\n\n  const avatars = message.thread_participants?.slice(-2) || [];\n  const hasMoreThanOneReply = avatars.length > 1;\n\n  return (\n    <View\n      style={[\n        styles.avatarContainer,\n        alignment === 'right' ? { marginLeft: 8, ...rightAvatarsContainer } : leftAvatarsContainer,\n      ]}\n    >\n      {avatars.map((user, i) => (\n        <View\n          key={user.id}\n          style={\n            i === 1\n              ? { ...styles.topAvatar, ...avatarContainerSingle }\n              : {\n                  paddingLeft: hasMoreThanOneReply ? 8 : 0,\n                  ...avatarContainerMultiple,\n                }\n          }\n        >\n          <Avatar\n            containerStyle={[\n              i === 1 && {\n                borderColor: white_snow,\n                borderWidth: 1,\n              },\n              avatar,\n            ]}\n            image={user.image}\n            name={user.name}\n            size={avatarSize ? avatarSize : i === 1 ? 18 : 16}\n          />\n        </View>\n      ))}\n    </View>\n  );\n};\n"]}
+{"version":3,"sources":["MessageRepliesAvatars.tsx"],"names":["styles","StyleSheet","create","avatarContainer","alignItems","flexDirection","paddingTop","topAvatar","position","MessageRepliesAvatars","props","alignment","message","theme","white_snow","colors","messageSimple","replies","avatar","avatarContainerMultiple","avatarContainerSingle","avatarSize","leftAvatarsContainer","rightAvatarsContainer","avatars","thread_participants","slice","hasMoreThanOneReply","length","marginLeft","map","user","i","id","paddingLeft","borderColor","borderWidth","image","name"],"mappings":";;;;;;;;;AAAA;;AACA;;AAGA;;AAYA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,eAAe,EAAE;AACfC,IAAAA,UAAU,EAAE,QADG;AAEfC,IAAAA,aAAa,EAAE,KAFA;AAGfC,IAAAA,UAAU,EAAE;AAHG,GADc;AAM/BC,EAAAA,SAAS,EAAE;AACTD,IAAAA,UAAU,EAAE,CADH;AAETE,IAAAA,QAAQ,EAAE;AAFD;AANoB,CAAlB,CAAf;;AAsBO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CASnCC,KATmC,EAUhC;AAAA;;AACH,MAAQC,SAAR,GAA+BD,KAA/B,CAAQC,SAAR;AAAA,MAAmBC,OAAnB,GAA+BF,KAA/B,CAAmBE,OAAnB;;AAEA,kBAcI,6BAdJ;AAAA,kCACEC,KADF;AAAA,MAEcC,UAFd,mBAEIC,MAFJ,CAEcD,UAFd;AAAA,8CAGIE,aAHJ,CAIMC,OAJN;AAAA,MAKQC,MALR,yBAKQA,MALR;AAAA,MAMQC,uBANR,yBAMQA,uBANR;AAAA,MAOQC,qBAPR,yBAOQA,qBAPR;AAAA,MAQQC,UARR,yBAQQA,UARR;AAAA,MASQC,oBATR,yBASQA,oBATR;AAAA,MAUQC,qBAVR,yBAUQA,qBAVR;;AAgBA,MAAMC,OAAO,GAAG,0BAAAZ,OAAO,CAACa,mBAAR,2CAA6BC,KAA7B,CAAmC,CAAC,CAApC,MAA0C,EAA1D;AACA,MAAMC,mBAAmB,GAAGH,OAAO,CAACI,MAAR,GAAiB,CAA7C;AAEA,SACE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACL5B,MAAM,CAACG,eADF,EAELQ,SAAS,KAAK,OAAd;AAA0BkB,MAAAA,UAAU,EAAE;AAAtC,OAA4CN,qBAA5C,IAAsED,oBAFjE,CADT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMGE,OAAO,CAACM,GAAR,CAAY,UAACC,IAAD,EAAOC,CAAP;AAAA,WACX,gCAAC,iBAAD;AACE,MAAA,GAAG,EAAED,IAAI,CAACE,EADZ;AAEE,MAAA,KAAK,EACHD,CAAC,KAAK,CAAN,iCACShC,MAAM,CAACO,SADhB,EAC8Ba,qBAD9B;AAGMc,QAAAA,WAAW,EAAEP,mBAAmB,GAAG,CAAH,GAAO;AAH7C,SAISR,uBAJT,CAHJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAWE,gCAAC,cAAD;AACE,MAAA,cAAc,EAAE,CACda,CAAC,KAAK,CAAN,IAAW;AACTG,QAAAA,WAAW,EAAErB,UADJ;AAETsB,QAAAA,WAAW,EAAE;AAFJ,OADG,EAKdlB,MALc,CADlB;AAQE,MAAA,KAAK,EAAEa,IAAI,CAACM,KARd;AASE,MAAA,IAAI,EAAEN,IAAI,CAACO,IATb;AAUE,MAAA,IAAI,EAAEjB,UAAU,GAAGA,UAAH,GAAgBW,CAAC,KAAK,CAAN,GAAU,EAAV,GAAe,EAVjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAXF,CADW;AAAA,GAAZ,CANH,CADF;AAmCD,CAnEM","sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport type { MessageContextValue } from '../../../contexts/messageContext/MessageContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../types/types';\nimport { Avatar } from '../../Avatar/Avatar';\n\nconst styles = StyleSheet.create({\n  avatarContainer: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingTop: 2,\n  },\n  topAvatar: {\n    paddingTop: 2,\n    position: 'absolute',\n  },\n});\n\nexport type MessageRepliesAvatarsProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'alignment' | 'message'>;\n\nexport const MessageRepliesAvatars = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends DefaultUserType = DefaultUserType,\n>(\n  props: MessageRepliesAvatarsProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { alignment, message } = props;\n\n  const {\n    theme: {\n      colors: { white_snow },\n      messageSimple: {\n        replies: {\n          avatar,\n          avatarContainerMultiple,\n          avatarContainerSingle,\n          avatarSize,\n          leftAvatarsContainer,\n          rightAvatarsContainer,\n        },\n      },\n    },\n  } = useTheme();\n\n  const avatars = message.thread_participants?.slice(-2) || [];\n  const hasMoreThanOneReply = avatars.length > 1;\n\n  return (\n    <View\n      style={[\n        styles.avatarContainer,\n        alignment === 'right' ? { marginLeft: 8, ...rightAvatarsContainer } : leftAvatarsContainer,\n      ]}\n    >\n      {avatars.map((user, i) => (\n        <View\n          key={user.id}\n          style={\n            i === 1\n              ? { ...styles.topAvatar, ...avatarContainerSingle }\n              : {\n                  paddingLeft: hasMoreThanOneReply ? 8 : 0,\n                  ...avatarContainerMultiple,\n                }\n          }\n        >\n          <Avatar\n            containerStyle={[\n              i === 1 && {\n                borderColor: white_snow,\n                borderWidth: 1,\n              },\n              avatar,\n            ]}\n            image={user.image}\n            name={user.name}\n            size={avatarSize ? avatarSize : i === 1 ? 18 : 16}\n          />\n        </View>\n      ))}\n    </View>\n  );\n};\n"]}

package/lib/module/components/Message/MessageSimple/MessageStatus.js

@@ -11,8 +11,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactNative = require("react-native");
 
-var _useMessageList = require("../../MessageList/hooks/useMessageList");
-
 var _MessageContext = require("../../../contexts/messageContext/MessageContext");
 
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
@@ -23,6 +21,10 @@ var _CheckAll = require("../../../icons/CheckAll");
 
 var _Time = require("../../../icons/Time");
 
+var _utils = require("../../../utils/utils");
+
+var _useMessageList = require("../../MessageList/hooks/useMessageList");
+
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageStatus.tsx";
 
@@ -56,7 +58,7 @@ var MessageStatusWithContext = function MessageStatusWithContext(props) {
       statusContainer = _useTheme$theme$messa.statusContainer,
       timeIcon = _useTheme$theme$messa.timeIcon;
 
-  if (message.status === 'sending') {
+  if (message.status === _utils.MessageStatusTypes.SENDING) {
     return _react["default"].createElement(_reactNative.View, {
       style: [styles.statusContainer, statusContainer],
       testID: "sending-container",
@@ -117,14 +119,14 @@ var MessageStatusWithContext = function MessageStatusWithContext(props) {
     })));
   }
 
-  if (message.status === 'received' && message.type !== 'ephemeral' && !threadList) {
+  if (message.status === _utils.MessageStatusTypes.RECEIVED && message.type !== 'ephemeral' && !threadList) {
     return _react["default"].createElement(_reactNative.View, {
       style: [styles.statusContainer, statusContainer],
       testID: "delivered-container",
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 102,
+        lineNumber: 106,
         columnNumber: 7
       }
     }, _react["default"].createElement(_Check.Check, (0, _extends2["default"])({
@@ -133,7 +135,7 @@ var MessageStatusWithContext = function MessageStatusWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 103,
+        lineNumber: 107,
         columnNumber: 9
       }
     })));
@@ -168,7 +170,7 @@ var MessageStatus = function MessageStatus(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 167,
+      lineNumber: 171,
       columnNumber: 10
     }
   }));

package/lib/module/components/Message/MessageSimple/MessageStatus.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MessageStatus.tsx"],"names":["styles","StyleSheet","create","readByCount","fontSize","fontWeight","paddingRight","statusContainer","alignItems","flexDirection","justifyContent","MessageStatusWithContext","props","message","threadList","theme","colors","accent_blue","grey_dark","messageSimple","status","checkAllIcon","checkIcon","timeIcon","readBy","color","type","areEqual","prevProps","nextProps","prevMessage","prevThreadList","nextMessage","nextThreadList","threadListEqual","messageEqual","MemoizedMessageStatus","React","memo","MessageStatus","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { isMessageWithStylesReadByAndDateSeparator } from '../../MessageList/hooks/useMessageList';\n\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../../contexts/messageContext/MessageContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { Check } from '../../../icons/Check';\nimport { CheckAll } from '../../../icons/CheckAll';\nimport { Time } from '../../../icons/Time';\n\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../types/types';\n\nconst styles = StyleSheet.create({\n  readByCount: {\n    fontSize: 11,\n    fontWeight: '700',\n    paddingRight: 3,\n  },\n  statusContainer: {\n    alignItems: 'flex-end',\n    flexDirection: 'row',\n    justifyContent: 'center',\n    paddingRight: 3,\n  },\n});\n\nexport type MessageStatusPropsWithContext<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends DefaultUserType = DefaultUserType,\n> = Pick<MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'message' | 'threadList'>;\n\nconst MessageStatusWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends DefaultUserType = DefaultUserType,\n>(\n  props: MessageStatusPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { message, threadList } = props;\n\n  const {\n    theme: {\n      colors: { accent_blue, grey_dark },\n      messageSimple: {\n        status: { checkAllIcon, checkIcon, readByCount, statusContainer, timeIcon },\n      },\n    },\n  } = useTheme();\n\n  if (message.status === 'sending') {\n    return (\n      <View style={[styles.statusContainer, statusContainer]} testID='sending-container'>\n        <Time {...timeIcon} />\n      </View>\n    );\n  }\n\n  if (isMessageWithStylesReadByAndDateSeparator(message) && !threadList) {\n    return (\n      <View style={[styles.statusContainer, statusContainer]}>\n        {typeof message.readBy === 'number' ? (\n          <Text\n            style={[styles.readByCount, { color: accent_blue }, readByCount]}\n            testID='read-by-container'\n          >\n            {message.readBy}\n          </Text>\n        ) : null}\n        {typeof message.readBy === 'number' || message.readBy === true ? (\n          <CheckAll pathFill={accent_blue} {...checkAllIcon} />\n        ) : (\n          <Check pathFill={grey_dark} {...checkIcon} />\n        )}\n      </View>\n    );\n  }\n\n  if (message.status === 'received' && message.type !== 'ephemeral' && !threadList) {\n    return (\n      <View style={[styles.statusContainer, statusContainer]} testID='delivered-container'>\n        <Check pathFill={grey_dark} {...checkIcon} />\n      </View>\n    );\n  }\n\n  return null;\n};\n\nconst areEqual = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: MessageStatusPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: MessageStatusPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { message: prevMessage, threadList: prevThreadList } = prevProps;\n  const { message: nextMessage, threadList: nextThreadList } = nextProps;\n\n  const threadListEqual = prevThreadList === nextThreadList;\n  if (!threadListEqual) return false;\n\n  const messageEqual =\n    prevMessage.status === nextMessage.status &&\n    prevMessage.type === nextMessage.type &&\n    (isMessageWithStylesReadByAndDateSeparator(prevMessage) && prevMessage.readBy) ===\n      (isMessageWithStylesReadByAndDateSeparator(nextMessage) && nextMessage.readBy);\n  if (!messageEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageStatus = React.memo(\n  MessageStatusWithContext,\n  areEqual,\n) as typeof MessageStatusWithContext;\n\nexport type MessageStatusProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends DefaultUserType = DefaultUserType,\n> = Partial<MessageStatusPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\nexport const MessageStatus = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends DefaultUserType = DefaultUserType,\n>(\n  props: MessageStatusProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { message, threadList } = useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return <MemoizedMessageStatus {...{ message, threadList }} {...props} />;\n};\n\nMessageStatus.displayName = 'MessageStatus{messageSimple{status}}';\n"]}
+{"version":3,"sources":["MessageStatus.tsx"],"names":["styles","StyleSheet","create","readByCount","fontSize","fontWeight","paddingRight","statusContainer","alignItems","flexDirection","justifyContent","MessageStatusWithContext","props","message","threadList","theme","colors","accent_blue","grey_dark","messageSimple","status","checkAllIcon","checkIcon","timeIcon","MessageStatusTypes","SENDING","readBy","color","RECEIVED","type","areEqual","prevProps","nextProps","prevMessage","prevThreadList","nextMessage","nextThreadList","threadListEqual","messageEqual","MemoizedMessageStatus","React","memo","MessageStatus","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport {\n  MessageContextValue,\n  useMessageContext,\n} from '../../../contexts/messageContext/MessageContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { Check } from '../../../icons/Check';\nimport { CheckAll } from '../../../icons/CheckAll';\nimport { Time } from '../../../icons/Time';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../types/types';\nimport { MessageStatusTypes } from '../../../utils/utils';\n\nimport { isMessageWithStylesReadByAndDateSeparator } from '../../MessageList/hooks/useMessageList';\n\nconst styles = StyleSheet.create({\n  readByCount: {\n    fontSize: 11,\n    fontWeight: '700',\n    paddingRight: 3,\n  },\n  statusContainer: {\n    alignItems: 'flex-end',\n    flexDirection: 'row',\n    justifyContent: 'center',\n    paddingRight: 3,\n  },\n});\n\nexport type MessageStatusPropsWithContext<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends DefaultUserType = DefaultUserType,\n> = Pick<MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'message' | 'threadList'>;\n\nconst MessageStatusWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends DefaultUserType = DefaultUserType,\n>(\n  props: MessageStatusPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { message, threadList } = props;\n\n  const {\n    theme: {\n      colors: { accent_blue, grey_dark },\n      messageSimple: {\n        status: { checkAllIcon, checkIcon, readByCount, statusContainer, timeIcon },\n      },\n    },\n  } = useTheme();\n\n  if (message.status === MessageStatusTypes.SENDING) {\n    return (\n      <View style={[styles.statusContainer, statusContainer]} testID='sending-container'>\n        <Time {...timeIcon} />\n      </View>\n    );\n  }\n\n  if (isMessageWithStylesReadByAndDateSeparator(message) && !threadList) {\n    return (\n      <View style={[styles.statusContainer, statusContainer]}>\n        {typeof message.readBy === 'number' ? (\n          <Text\n            style={[styles.readByCount, { color: accent_blue }, readByCount]}\n            testID='read-by-container'\n          >\n            {message.readBy}\n          </Text>\n        ) : null}\n        {typeof message.readBy === 'number' || message.readBy === true ? (\n          <CheckAll pathFill={accent_blue} {...checkAllIcon} />\n        ) : (\n          <Check pathFill={grey_dark} {...checkIcon} />\n        )}\n      </View>\n    );\n  }\n\n  if (\n    message.status === MessageStatusTypes.RECEIVED &&\n    message.type !== 'ephemeral' &&\n    !threadList\n  ) {\n    return (\n      <View style={[styles.statusContainer, statusContainer]} testID='delivered-container'>\n        <Check pathFill={grey_dark} {...checkIcon} />\n      </View>\n    );\n  }\n\n  return null;\n};\n\nconst areEqual = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: MessageStatusPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: MessageStatusPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { message: prevMessage, threadList: prevThreadList } = prevProps;\n  const { message: nextMessage, threadList: nextThreadList } = nextProps;\n\n  const threadListEqual = prevThreadList === nextThreadList;\n  if (!threadListEqual) return false;\n\n  const messageEqual =\n    prevMessage.status === nextMessage.status &&\n    prevMessage.type === nextMessage.type &&\n    (isMessageWithStylesReadByAndDateSeparator(prevMessage) && prevMessage.readBy) ===\n      (isMessageWithStylesReadByAndDateSeparator(nextMessage) && nextMessage.readBy);\n  if (!messageEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageStatus = React.memo(\n  MessageStatusWithContext,\n  areEqual,\n) as typeof MessageStatusWithContext;\n\nexport type MessageStatusProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends DefaultUserType = DefaultUserType,\n> = Partial<MessageStatusPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;\n\nexport const MessageStatus = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends DefaultUserType = DefaultUserType,\n>(\n  props: MessageStatusProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const { message, threadList } = useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return <MemoizedMessageStatus {...{ message, threadList }} {...props} />;\n};\n\nMessageStatus.displayName = 'MessageStatus{messageSimple{status}}';\n"]}

package/lib/module/components/Message/MessageSimple/ReactionList.js

@@ -147,38 +147,7 @@ var ReactionListWithContext = function ReactionListWithContext(props) {
   var insideLeftBound = x2 - reactionSize * reactions.length / 2 > screenPadding;
   var insideRightBound = x2 + strokeSize + reactionSize * reactions.length / 2 < width - screenPadding * 2;
   var left = reactions.length === 1 ? x1 + (alignmentLeft ? -radius : radius - reactionSize) : !insideLeftBound ? screenPadding : !insideRightBound ? width - screenPadding * 2 - reactionSize * reactions.length - strokeSize : x2 - reactionSize * reactions.length / 2 - strokeSize;
-  return _react["default"].createElement(_reactNative.TouchableOpacity, {
-    disabled: preventPress,
-    onLongPress: function onLongPress(event) {
-      if (_onLongPress) {
-        _onLongPress({
-          emitter: 'reactionList',
-          event: event
-        });
-      }
-    },
-    onPress: function onPress(event) {
-      if (_onPress) {
-        _onPress({
-          defaultHandler: function defaultHandler() {
-            return showMessageOverlay(true);
-          },
-          emitter: 'reactionList',
-          event: event
-        });
-      }
-    },
-    onPressIn: function onPressIn(event) {
-      if (_onPressIn) {
-        _onPressIn({
-          defaultHandler: function defaultHandler() {
-            return showMessageOverlay(true);
-          },
-          emitter: 'reactionList',
-          event: event
-        });
-      }
-    },
+  return _react["default"].createElement(_reactNative.View, {
     style: [styles.container, {
       height: reactionSize + radius * 5,
       width: width
@@ -195,14 +164,14 @@ var ReactionListWithContext = function ReactionListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 240,
+      lineNumber: 213,
       columnNumber: 9
     }
   }, _react["default"].createElement(_reactNativeSvg["default"], {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 241,
+      lineNumber: 214,
       columnNumber: 11
     }
   }, _react["default"].createElement(_reactNativeSvg.Circle, {
@@ -213,7 +182,7 @@ var ReactionListWithContext = function ReactionListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 242,
+      lineNumber: 215,
       columnNumber: 13
     }
   }), _react["default"].createElement(_reactNativeSvg.Circle, {
@@ -224,7 +193,7 @@ var ReactionListWithContext = function ReactionListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 243,
+      lineNumber: 216,
       columnNumber: 13
     }
   }), _react["default"].createElement(_reactNativeSvg.Circle, {
@@ -235,7 +204,7 @@ var ReactionListWithContext = function ReactionListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 244,
+      lineNumber: 217,
       columnNumber: 13
     }
   }), _react["default"].createElement(_reactNativeSvg.Circle, {
@@ -246,7 +215,7 @@ var ReactionListWithContext = function ReactionListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 245,
+      lineNumber: 218,
       columnNumber: 13
     }
   }), _react["default"].createElement(_reactNativeSvg.Circle, {
@@ -257,7 +226,7 @@ var ReactionListWithContext = function ReactionListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 246,
+      lineNumber: 219,
       columnNumber: 13
     }
   }), _react["default"].createElement(_reactNativeSvg.Circle, {
@@ -268,7 +237,7 @@ var ReactionListWithContext = function ReactionListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 247,
+      lineNumber: 220,
       columnNumber: 13
     }
   })), _react["default"].createElement(_reactNative.View, {
@@ -284,7 +253,7 @@ var ReactionListWithContext = function ReactionListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 249,
+      lineNumber: 222,
       columnNumber: 11
     }
   }), _react["default"].createElement(_reactNative.View, {
@@ -292,14 +261,14 @@ var ReactionListWithContext = function ReactionListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 264,
+      lineNumber: 237,
       columnNumber: 11
     }
   }, _react["default"].createElement(_reactNativeSvg["default"], {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 265,
+      lineNumber: 238,
       columnNumber: 13
     }
   }, _react["default"].createElement(_reactNativeSvg.Circle, {
@@ -310,10 +279,41 @@ var ReactionListWithContext = function ReactionListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 266,
+      lineNumber: 239,
       columnNumber: 15
     }
-  }))), _react["default"].createElement(_reactNative.View, {
+  }))), _react["default"].createElement(_reactNative.TouchableOpacity, {
+    disabled: preventPress,
+    onLongPress: function onLongPress(event) {
+      if (_onLongPress) {
+        _onLongPress({
+          emitter: 'reactionList',
+          event: event
+        });
+      }
+    },
+    onPress: function onPress(event) {
+      if (_onPress) {
+        _onPress({
+          defaultHandler: function defaultHandler() {
+            return showMessageOverlay(true);
+          },
+          emitter: 'reactionList',
+          event: event
+        });
+      }
+    },
+    onPressIn: function onPressIn(event) {
+      if (_onPressIn) {
+        _onPressIn({
+          defaultHandler: function defaultHandler() {
+            return showMessageOverlay(true);
+          },
+          emitter: 'reactionList',
+          event: event
+        });
+      }
+    },
     style: [styles.reactionBubble, {
       backgroundColor: alignmentLeft ? fill : white,
       borderRadius: reactionSize - strokeSize * 2,
@@ -325,7 +325,7 @@ var ReactionListWithContext = function ReactionListWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 269,
+      lineNumber: 242,
       columnNumber: 11
     }
   }, reactions.map(function (reaction) {

package/lib/module/components/Message/MessageSimple/ReactionList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ReactionList.tsx"],"names":["styles","StyleSheet","create","container","left","position","top","reactionBubble","alignItems","flexDirection","justifyContent","reactionBubbleBackground","Icon","pathFill","size","style","supportedReactions","type","ReactionIcon","find","reaction","Unknown","ReactionListWithContext","props","alignment","propFill","fill","message","messageContentWidth","onLongPress","onPress","onPressIn","preventPress","propRadius","radius","reactions","propReactionSize","reactionSize","showMessageOverlay","propStroke","stroke","propStrokeSize","strokeSize","targetedMessage","theme","colors","accent_blue","grey","grey_gainsboro","grey_whisper","targetedMessageBackground","white","white_snow","messageSimple","avatarWrapper","leftAlign","spacer","reactionList","middleIcon","themeRadius","themeReactionSize","themeStrokeSize","screenPadding","width","supportedReactionTypes","map","supportedReaction","hasSupportedReactions","some","includes","alignmentLeft","highlighted","pinned","id","x1","Number","marginRight","x2","y1","y2","insideLeftBound","length","insideRightBound","event","emitter","defaultHandler","height","absoluteFill","backgroundColor","borderColor","borderRadius","borderWidth","own","areEqual","prevProps","nextProps","prevMessage","prevMessageContentWidth","prevReactions","prevTargetedMessage","nextMessage","nextMessageContentWidth","nextReactions","nextTargetedMessage","messageContentWidthEqual","messagePinnedEqual","targetedMessageEqual","reactionsEqual","every","latestReaction","index","MemoizedReactionList","React","memo","ReactionList"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, TouchableOpacity, useWindowDimensions, View } from 'react-native';\n\nimport Svg, { Circle } from 'react-native-svg';\n\nimport {\n  MessageContextValue,\n  Reactions,\n  useMessageContext,\n} from '../../../contexts/messageContext/MessageContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nimport { Unknown } from '../../../icons/Unknown';\n\nimport type { IconProps } from '../../../icons/utils/base';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../types/types';\nimport type { ReactionData } from '../../../utils/utils';\n\nconst styles = StyleSheet.create({\n  container: {\n    left: 0,\n    position: 'absolute',\n    top: 0,\n  },\n  reactionBubble: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'space-evenly',\n    position: 'absolute',\n  },\n  reactionBubbleBackground: {\n    position: 'absolute',\n  },\n});\n\nexport type MessageReactions = {\n  reactions: Reactions;\n  supportedReactions?: ReactionData[];\n};\n\nconst Icon: React.FC<\n  Pick<IconProps, 'pathFill' | 'style'> & {\n    size: number;\n    supportedReactions: ReactionData[];\n    type: string;\n  }\n> = ({ pathFill, size, style, supportedReactions, type }) => {\n  const ReactionIcon =\n    supportedReactions.find((reaction) => reaction.type === type)?.Icon || Unknown;\n\n  return (\n    <View>\n      <ReactionIcon height={size} pathFill={pathFill} style={style} width={size} />\n    </View>\n  );\n};\n\nexport type ReactionListPropsWithContext<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<\n  MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n  | 'alignment'\n  | 'message'\n  | 'onLongPress'\n  | 'onPress'\n  | 'onPressIn'\n  | 'preventPress'\n  | 'reactions'\n  | 'showMessageOverlay'\n> &\n  Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'targetedMessage'> & {\n    messageContentWidth: number;\n    supportedReactions: ReactionData[];\n    fill?: string;\n    radius?: number; // not recommended to change this\n    reactionSize?: number;\n    stroke?: string;\n    strokeSize?: number; // not recommended to change this\n  };\n\nconst ReactionListWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: ReactionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    alignment,\n    fill: propFill,\n    message,\n    messageContentWidth,\n    onLongPress,\n    onPress,\n    onPressIn,\n    preventPress,\n    radius: propRadius,\n    reactions,\n    reactionSize: propReactionSize,\n    showMessageOverlay,\n    stroke: propStroke,\n    strokeSize: propStrokeSize,\n    supportedReactions,\n    targetedMessage,\n  } = props;\n\n  const {\n    theme: {\n      colors: {\n        accent_blue,\n        grey,\n        grey_gainsboro,\n        grey_whisper,\n        targetedMessageBackground,\n        white,\n        white_snow,\n      },\n      messageSimple: {\n        avatarWrapper: { leftAlign, spacer },\n        reactionList: {\n          container,\n          middleIcon,\n          radius: themeRadius,\n          reactionBubble,\n          reactionBubbleBackground,\n          reactionSize: themeReactionSize,\n          strokeSize: themeStrokeSize,\n        },\n      },\n      screenPadding,\n    },\n  } = useTheme();\n\n  const width = useWindowDimensions().width;\n\n  const supportedReactionTypes = supportedReactions.map(\n    (supportedReaction) => supportedReaction.type,\n  );\n  const hasSupportedReactions = reactions.some((reaction) =>\n    supportedReactionTypes.includes(reaction.type),\n  );\n\n  if (!hasSupportedReactions || messageContentWidth === 0) {\n    return null;\n  }\n\n  const alignmentLeft = alignment === 'left';\n  const fill = propFill || alignmentLeft ? grey_gainsboro : grey_whisper;\n  const radius = propRadius || themeRadius;\n  const reactionSize = propReactionSize || themeReactionSize;\n  const highlighted = message.pinned || targetedMessage === message.id;\n  const stroke = propStroke || (highlighted ? targetedMessageBackground : white_snow);\n  const strokeSize = propStrokeSize || themeStrokeSize;\n\n  const x1 = alignmentLeft\n    ? messageContentWidth +\n      (Number(leftAlign.marginRight) || 0) +\n      (Number(spacer.width) || 0) -\n      radius * 0.5\n    : width - screenPadding * 2 - messageContentWidth;\n  const x2 = x1 + radius * 2 * (alignmentLeft ? 1 : -1);\n  const y1 = reactionSize + radius * 2;\n  const y2 = reactionSize - radius;\n\n  const insideLeftBound = x2 - (reactionSize * reactions.length) / 2 > screenPadding;\n  const insideRightBound =\n    x2 + strokeSize + (reactionSize * reactions.length) / 2 < width - screenPadding * 2;\n  const left =\n    reactions.length === 1\n      ? x1 + (alignmentLeft ? -radius : radius - reactionSize)\n      : !insideLeftBound\n      ? screenPadding\n      : !insideRightBound\n      ? width - screenPadding * 2 - reactionSize * reactions.length - strokeSize\n      : x2 - (reactionSize * reactions.length) / 2 - strokeSize;\n\n  return (\n    <TouchableOpacity\n      disabled={preventPress}\n      onLongPress={(event) => {\n        if (onLongPress) {\n          onLongPress({\n            emitter: 'reactionList',\n            event,\n          });\n        }\n      }}\n      onPress={(event) => {\n        if (onPress) {\n          onPress({\n            defaultHandler: () => showMessageOverlay(true),\n            emitter: 'reactionList',\n            event,\n          });\n        }\n      }}\n      onPressIn={(event) => {\n        if (onPressIn) {\n          onPressIn({\n            defaultHandler: () => showMessageOverlay(true),\n            emitter: 'reactionList',\n            event,\n          });\n        }\n      }}\n      style={[\n        styles.container,\n        {\n          height: reactionSize + radius * 5,\n          width,\n        },\n        container,\n      ]}\n      testID='reaction-list'\n    >\n      {reactions.length ? (\n        <View style={[StyleSheet.absoluteFill]}>\n          <Svg>\n            <Circle cx={x1} cy={y1} fill={stroke} r={radius + strokeSize * 3} />\n            <Circle cx={x2} cy={y2} fill={stroke} r={radius * 2 + strokeSize * 3} />\n            <Circle cx={x1} cy={y1} fill={fill} r={radius + strokeSize} />\n            <Circle cx={x2} cy={y2} fill={fill} r={radius * 2 + strokeSize} />\n            <Circle cx={x1} cy={y1} fill={alignmentLeft ? fill : white} r={radius} />\n            <Circle cx={x2} cy={y2} fill={alignmentLeft ? fill : white} r={radius * 2} />\n          </Svg>\n          <View\n            style={[\n              styles.reactionBubbleBackground,\n              {\n                backgroundColor: alignmentLeft ? fill : white,\n                borderColor: fill,\n                borderRadius: reactionSize,\n                borderWidth: strokeSize,\n                height: reactionSize,\n                left,\n                width: reactionSize * reactions.length,\n              },\n              reactionBubbleBackground,\n            ]}\n          />\n          <View style={[StyleSheet.absoluteFill]}>\n            <Svg>\n              <Circle cx={x2} cy={y2} fill={alignmentLeft ? fill : white} r={radius * 2} />\n            </Svg>\n          </View>\n          <View\n            style={[\n              styles.reactionBubble,\n              {\n                backgroundColor: alignmentLeft ? fill : white,\n                borderRadius: reactionSize - strokeSize * 2,\n                height: reactionSize - strokeSize * 2,\n                left: left + strokeSize,\n                top: strokeSize,\n                width: reactionSize * reactions.length - strokeSize * 2,\n              },\n              reactionBubble,\n            ]}\n          >\n            {reactions.map((reaction) => (\n              <Icon\n                key={reaction.type}\n                pathFill={reaction.own ? accent_blue : grey}\n                size={reactionSize / 2}\n                style={middleIcon}\n                supportedReactions={supportedReactions}\n                type={reaction.type}\n              />\n            ))}\n          </View>\n        </View>\n      ) : null}\n    </TouchableOpacity>\n  );\n};\n\nconst areEqual = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: ReactionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: ReactionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    message: prevMessage,\n    messageContentWidth: prevMessageContentWidth,\n    reactions: prevReactions,\n    targetedMessage: prevTargetedMessage,\n  } = prevProps;\n  const {\n    message: nextMessage,\n    messageContentWidth: nextMessageContentWidth,\n    reactions: nextReactions,\n    targetedMessage: nextTargetedMessage,\n  } = nextProps;\n\n  const messageContentWidthEqual = prevMessageContentWidth === nextMessageContentWidth;\n  if (!messageContentWidthEqual) return false;\n\n  const messagePinnedEqual = prevMessage.pinned === nextMessage.pinned;\n\n  if (!messagePinnedEqual) return false;\n\n  const targetedMessageEqual = prevTargetedMessage === nextTargetedMessage;\n\n  if (!targetedMessageEqual) return false;\n\n  const reactionsEqual =\n    prevReactions.length === nextReactions.length &&\n    prevReactions.every(\n      (latestReaction, index) =>\n        nextReactions[index].own === latestReaction.own &&\n        nextReactions[index].type === latestReaction.type,\n    );\n  if (!reactionsEqual) return false;\n\n  return true;\n};\n\nconst MemoizedReactionList = React.memo(\n  ReactionListWithContext,\n  areEqual,\n) as typeof ReactionListWithContext;\n\nexport type ReactionListProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Partial<Omit<ReactionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>, 'messageContentWidth'>> &\n  Pick<ReactionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>, 'messageContentWidth'>;\n\n/**\n * ReactionList - A high level component which implements all the logic required for a message reaction list\n */\nexport const ReactionList = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: ReactionListProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    alignment,\n    message,\n    onLongPress,\n    onPress,\n    onPressIn,\n    preventPress,\n    reactions,\n    showMessageOverlay,\n  } = useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { supportedReactions, targetedMessage } = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return (\n    <MemoizedReactionList\n      {...{\n        alignment,\n        message,\n        onLongPress,\n        onPress,\n        onPressIn,\n        preventPress,\n        reactions,\n        showMessageOverlay,\n        supportedReactions,\n        targetedMessage,\n      }}\n      {...props}\n    />\n  );\n};\n"]}
+{"version":3,"sources":["ReactionList.tsx"],"names":["styles","StyleSheet","create","container","left","position","top","reactionBubble","alignItems","flexDirection","justifyContent","reactionBubbleBackground","Icon","pathFill","size","style","supportedReactions","type","ReactionIcon","find","reaction","Unknown","ReactionListWithContext","props","alignment","propFill","fill","message","messageContentWidth","onLongPress","onPress","onPressIn","preventPress","propRadius","radius","reactions","propReactionSize","reactionSize","showMessageOverlay","propStroke","stroke","propStrokeSize","strokeSize","targetedMessage","theme","colors","accent_blue","grey","grey_gainsboro","grey_whisper","targetedMessageBackground","white","white_snow","messageSimple","avatarWrapper","leftAlign","spacer","reactionList","middleIcon","themeRadius","themeReactionSize","themeStrokeSize","screenPadding","width","supportedReactionTypes","map","supportedReaction","hasSupportedReactions","some","includes","alignmentLeft","highlighted","pinned","id","x1","Number","marginRight","x2","y1","y2","insideLeftBound","length","insideRightBound","height","absoluteFill","backgroundColor","borderColor","borderRadius","borderWidth","event","emitter","defaultHandler","own","areEqual","prevProps","nextProps","prevMessage","prevMessageContentWidth","prevReactions","prevTargetedMessage","nextMessage","nextMessageContentWidth","nextReactions","nextTargetedMessage","messageContentWidthEqual","messagePinnedEqual","targetedMessageEqual","reactionsEqual","every","latestReaction","index","MemoizedReactionList","React","memo","ReactionList"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, TouchableOpacity, useWindowDimensions, View } from 'react-native';\n\nimport Svg, { Circle } from 'react-native-svg';\n\nimport {\n  MessageContextValue,\n  Reactions,\n  useMessageContext,\n} from '../../../contexts/messageContext/MessageContext';\nimport {\n  MessagesContextValue,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nimport { Unknown } from '../../../icons/Unknown';\n\nimport type { IconProps } from '../../../icons/utils/base';\nimport type {\n  DefaultAttachmentType,\n  DefaultChannelType,\n  DefaultCommandType,\n  DefaultEventType,\n  DefaultMessageType,\n  DefaultReactionType,\n  DefaultUserType,\n  UnknownType,\n} from '../../../types/types';\nimport type { ReactionData } from '../../../utils/utils';\n\nconst styles = StyleSheet.create({\n  container: {\n    left: 0,\n    position: 'absolute',\n    top: 0,\n  },\n  reactionBubble: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'space-evenly',\n    position: 'absolute',\n  },\n  reactionBubbleBackground: {\n    position: 'absolute',\n  },\n});\n\nexport type MessageReactions = {\n  reactions: Reactions;\n  supportedReactions?: ReactionData[];\n};\n\nconst Icon: React.FC<\n  Pick<IconProps, 'pathFill' | 'style'> & {\n    size: number;\n    supportedReactions: ReactionData[];\n    type: string;\n  }\n> = ({ pathFill, size, style, supportedReactions, type }) => {\n  const ReactionIcon =\n    supportedReactions.find((reaction) => reaction.type === type)?.Icon || Unknown;\n\n  return (\n    <View>\n      <ReactionIcon height={size} pathFill={pathFill} style={style} width={size} />\n    </View>\n  );\n};\n\nexport type ReactionListPropsWithContext<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Pick<\n  MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>,\n  | 'alignment'\n  | 'message'\n  | 'onLongPress'\n  | 'onPress'\n  | 'onPressIn'\n  | 'preventPress'\n  | 'reactions'\n  | 'showMessageOverlay'\n> &\n  Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'targetedMessage'> & {\n    messageContentWidth: number;\n    supportedReactions: ReactionData[];\n    fill?: string;\n    radius?: number; // not recommended to change this\n    reactionSize?: number;\n    stroke?: string;\n    strokeSize?: number; // not recommended to change this\n  };\n\nconst ReactionListWithContext = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: ReactionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    alignment,\n    fill: propFill,\n    message,\n    messageContentWidth,\n    onLongPress,\n    onPress,\n    onPressIn,\n    preventPress,\n    radius: propRadius,\n    reactions,\n    reactionSize: propReactionSize,\n    showMessageOverlay,\n    stroke: propStroke,\n    strokeSize: propStrokeSize,\n    supportedReactions,\n    targetedMessage,\n  } = props;\n\n  const {\n    theme: {\n      colors: {\n        accent_blue,\n        grey,\n        grey_gainsboro,\n        grey_whisper,\n        targetedMessageBackground,\n        white,\n        white_snow,\n      },\n      messageSimple: {\n        avatarWrapper: { leftAlign, spacer },\n        reactionList: {\n          container,\n          middleIcon,\n          radius: themeRadius,\n          reactionBubble,\n          reactionBubbleBackground,\n          reactionSize: themeReactionSize,\n          strokeSize: themeStrokeSize,\n        },\n      },\n      screenPadding,\n    },\n  } = useTheme();\n\n  const width = useWindowDimensions().width;\n\n  const supportedReactionTypes = supportedReactions.map(\n    (supportedReaction) => supportedReaction.type,\n  );\n  const hasSupportedReactions = reactions.some((reaction) =>\n    supportedReactionTypes.includes(reaction.type),\n  );\n\n  if (!hasSupportedReactions || messageContentWidth === 0) {\n    return null;\n  }\n\n  const alignmentLeft = alignment === 'left';\n  const fill = propFill || alignmentLeft ? grey_gainsboro : grey_whisper;\n  const radius = propRadius || themeRadius;\n  const reactionSize = propReactionSize || themeReactionSize;\n  const highlighted = message.pinned || targetedMessage === message.id;\n  const stroke = propStroke || (highlighted ? targetedMessageBackground : white_snow);\n  const strokeSize = propStrokeSize || themeStrokeSize;\n\n  const x1 = alignmentLeft\n    ? messageContentWidth +\n      (Number(leftAlign.marginRight) || 0) +\n      (Number(spacer.width) || 0) -\n      radius * 0.5\n    : width - screenPadding * 2 - messageContentWidth;\n  const x2 = x1 + radius * 2 * (alignmentLeft ? 1 : -1);\n  const y1 = reactionSize + radius * 2;\n  const y2 = reactionSize - radius;\n\n  const insideLeftBound = x2 - (reactionSize * reactions.length) / 2 > screenPadding;\n  const insideRightBound =\n    x2 + strokeSize + (reactionSize * reactions.length) / 2 < width - screenPadding * 2;\n  const left =\n    reactions.length === 1\n      ? x1 + (alignmentLeft ? -radius : radius - reactionSize)\n      : !insideLeftBound\n      ? screenPadding\n      : !insideRightBound\n      ? width - screenPadding * 2 - reactionSize * reactions.length - strokeSize\n      : x2 - (reactionSize * reactions.length) / 2 - strokeSize;\n\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          height: reactionSize + radius * 5,\n          width,\n        },\n        container,\n      ]}\n      testID='reaction-list'\n    >\n      {reactions.length ? (\n        <View style={[StyleSheet.absoluteFill]}>\n          <Svg>\n            <Circle cx={x1} cy={y1} fill={stroke} r={radius + strokeSize * 3} />\n            <Circle cx={x2} cy={y2} fill={stroke} r={radius * 2 + strokeSize * 3} />\n            <Circle cx={x1} cy={y1} fill={fill} r={radius + strokeSize} />\n            <Circle cx={x2} cy={y2} fill={fill} r={radius * 2 + strokeSize} />\n            <Circle cx={x1} cy={y1} fill={alignmentLeft ? fill : white} r={radius} />\n            <Circle cx={x2} cy={y2} fill={alignmentLeft ? fill : white} r={radius * 2} />\n          </Svg>\n          <View\n            style={[\n              styles.reactionBubbleBackground,\n              {\n                backgroundColor: alignmentLeft ? fill : white,\n                borderColor: fill,\n                borderRadius: reactionSize,\n                borderWidth: strokeSize,\n                height: reactionSize,\n                left,\n                width: reactionSize * reactions.length,\n              },\n              reactionBubbleBackground,\n            ]}\n          />\n          <View style={[StyleSheet.absoluteFill]}>\n            <Svg>\n              <Circle cx={x2} cy={y2} fill={alignmentLeft ? fill : white} r={radius * 2} />\n            </Svg>\n          </View>\n          <TouchableOpacity\n            disabled={preventPress}\n            onLongPress={(event) => {\n              if (onLongPress) {\n                onLongPress({\n                  emitter: 'reactionList',\n                  event,\n                });\n              }\n            }}\n            onPress={(event) => {\n              if (onPress) {\n                onPress({\n                  defaultHandler: () => showMessageOverlay(true),\n                  emitter: 'reactionList',\n                  event,\n                });\n              }\n            }}\n            onPressIn={(event) => {\n              if (onPressIn) {\n                onPressIn({\n                  defaultHandler: () => showMessageOverlay(true),\n                  emitter: 'reactionList',\n                  event,\n                });\n              }\n            }}\n            style={[\n              styles.reactionBubble,\n              {\n                backgroundColor: alignmentLeft ? fill : white,\n                borderRadius: reactionSize - strokeSize * 2,\n                height: reactionSize - strokeSize * 2,\n                left: left + strokeSize,\n                top: strokeSize,\n                width: reactionSize * reactions.length - strokeSize * 2,\n              },\n              reactionBubble,\n            ]}\n          >\n            {reactions.map((reaction) => (\n              <Icon\n                key={reaction.type}\n                pathFill={reaction.own ? accent_blue : grey}\n                size={reactionSize / 2}\n                style={middleIcon}\n                supportedReactions={supportedReactions}\n                type={reaction.type}\n              />\n            ))}\n          </TouchableOpacity>\n        </View>\n      ) : null}\n    </View>\n  );\n};\n\nconst areEqual = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  prevProps: ReactionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n  nextProps: ReactionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    message: prevMessage,\n    messageContentWidth: prevMessageContentWidth,\n    reactions: prevReactions,\n    targetedMessage: prevTargetedMessage,\n  } = prevProps;\n  const {\n    message: nextMessage,\n    messageContentWidth: nextMessageContentWidth,\n    reactions: nextReactions,\n    targetedMessage: nextTargetedMessage,\n  } = nextProps;\n\n  const messageContentWidthEqual = prevMessageContentWidth === nextMessageContentWidth;\n  if (!messageContentWidthEqual) return false;\n\n  const messagePinnedEqual = prevMessage.pinned === nextMessage.pinned;\n\n  if (!messagePinnedEqual) return false;\n\n  const targetedMessageEqual = prevTargetedMessage === nextTargetedMessage;\n\n  if (!targetedMessageEqual) return false;\n\n  const reactionsEqual =\n    prevReactions.length === nextReactions.length &&\n    prevReactions.every(\n      (latestReaction, index) =>\n        nextReactions[index].own === latestReaction.own &&\n        nextReactions[index].type === latestReaction.type,\n    );\n  if (!reactionsEqual) return false;\n\n  return true;\n};\n\nconst MemoizedReactionList = React.memo(\n  ReactionListWithContext,\n  areEqual,\n) as typeof ReactionListWithContext;\n\nexport type ReactionListProps<\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n> = Partial<Omit<ReactionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>, 'messageContentWidth'>> &\n  Pick<ReactionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>, 'messageContentWidth'>;\n\n/**\n * ReactionList - A high level component which implements all the logic required for a message reaction list\n */\nexport const ReactionList = <\n  At extends UnknownType = DefaultAttachmentType,\n  Ch extends UnknownType = DefaultChannelType,\n  Co extends string = DefaultCommandType,\n  Ev extends UnknownType = DefaultEventType,\n  Me extends UnknownType = DefaultMessageType,\n  Re extends UnknownType = DefaultReactionType,\n  Us extends UnknownType = DefaultUserType,\n>(\n  props: ReactionListProps<At, Ch, Co, Ev, Me, Re, Us>,\n) => {\n  const {\n    alignment,\n    message,\n    onLongPress,\n    onPress,\n    onPressIn,\n    preventPress,\n    reactions,\n    showMessageOverlay,\n  } = useMessageContext<At, Ch, Co, Ev, Me, Re, Us>();\n  const { supportedReactions, targetedMessage } = useMessagesContext<At, Ch, Co, Ev, Me, Re, Us>();\n\n  return (\n    <MemoizedReactionList\n      {...{\n        alignment,\n        message,\n        onLongPress,\n        onPress,\n        onPressIn,\n        preventPress,\n        reactions,\n        showMessageOverlay,\n        supportedReactions,\n        targetedMessage,\n      }}\n      {...props}\n    />\n  );\n};\n"]}

package/lib/module/components/Message/MessageSimple/utils/parseLinks.js

@@ -0,0 +1,89 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parseLinksFromText = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var emailUserName = '[\\w+\\.~$_-]+';
+var schema = "(\\w{2,15}:\\/\\/)";
+var domain = "((?:\\w+\\.\\w+)+(?:[^:\\/\\s]+))";
+var port = "(:[0-9]{1,5})";
+var path = "((?:\\/)?[^?#\\s]+)";
+var queryString = "(\\?[^#\\s]+)";
+var fragment = "(#[\\w_-]+)";
+var emailPattern = "(mailto:)?((?:" + emailUserName + ")@(?:" + domain + "))";
+var schemePrefixedLinkPattern = schema + "(\\S+)";
+var fqdnLinkPattern = schema + "?" + domain + port + "?" + path + "?" + queryString + "?" + fragment + "?";
+
+var removeMarkdownLinksFromText = function removeMarkdownLinksFromText(input) {
+  return input.replace(/\[[\w\s]+\]\(.*\)/g, '');
+};
+
+var parseLinksFromText = function parseLinksFromText(input) {
+  var matches;
+  var inputWithoutMarkdownLinks = removeMarkdownLinksFromText(input);
+  var results = [];
+  var emailRegExp = new RegExp(emailPattern, 'gi');
+
+  while ((matches = emailRegExp.exec(input)) !== null) {
+    var _matches = matches,
+        _matches2 = (0, _slicedToArray2["default"])(_matches, 3),
+        raw = _matches2[0],
+        _matches2$ = _matches2[1],
+        scheme = _matches2$ === void 0 ? 'mailto:' : _matches2$,
+        displayValue = _matches2[2];
+
+    results.push({
+      encoded: encodeURI(displayValue),
+      raw: raw,
+      scheme: scheme
+    });
+  }
+
+  var linkRegex = new RegExp(fqdnLinkPattern + "|" + schemePrefixedLinkPattern, 'gi');
+
+  while ((matches = linkRegex.exec(inputWithoutMarkdownLinks)) !== null) {
+    var _matches3 = matches,
+        _matches4 = (0, _slicedToArray2["default"])(_matches3, 9),
+        _raw = _matches4[0],
+        _matches4$ = _matches4[1],
+        fqdnScheme = _matches4$ === void 0 ? '' : _matches4$,
+        _matches4$2 = _matches4[2],
+        fqdnDomainName = _matches4$2 === void 0 ? '' : _matches4$2,
+        _matches4$3 = _matches4[3],
+        fqdnPort = _matches4$3 === void 0 ? '' : _matches4$3,
+        _matches4$4 = _matches4[4],
+        fqdnPath = _matches4$4 === void 0 ? '' : _matches4$4,
+        _matches4$5 = _matches4[5],
+        fqdnQueryStraing = _matches4$5 === void 0 ? '' : _matches4$5,
+        _matches4$6 = _matches4[6],
+        fqdnFragment = _matches4$6 === void 0 ? '' : _matches4$6,
+        _matches4$7 = _matches4[7],
+        schemePrefixedScheme = _matches4$7 === void 0 ? '' : _matches4$7,
+        _matches4$8 = _matches4[8],
+        schemePrefixedPath = _matches4$8 === void 0 ? '' : _matches4$8;
+
+    if (schemePrefixedScheme !== '') {
+      results.push({
+        encoded: encodeURI(schemePrefixedPath),
+        raw: _raw,
+        scheme: schemePrefixedScheme
+      });
+      continue;
+    }
+
+    results.push({
+      encoded: encodeURI([fqdnDomainName, fqdnPort, fqdnPath, fqdnQueryStraing, fqdnFragment].join('')),
+      raw: _raw,
+      scheme: fqdnScheme
+    });
+  }
+
+  return results;
+};
+
+exports.parseLinksFromText = parseLinksFromText;
+//# sourceMappingURL=parseLinks.js.map

package/lib/module/components/Message/MessageSimple/utils/parseLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["parseLinks.ts"],"names":["emailUserName","schema","domain","port","path","queryString","fragment","emailPattern","schemePrefixedLinkPattern","fqdnLinkPattern","removeMarkdownLinksFromText","input","replace","parseLinksFromText","matches","inputWithoutMarkdownLinks","results","emailRegExp","RegExp","exec","raw","scheme","displayValue","push","encoded","encodeURI","linkRegex","fqdnScheme","fqdnDomainName","fqdnPort","fqdnPath","fqdnQueryStraing","fqdnFragment","schemePrefixedScheme","schemePrefixedPath","join"],"mappings":";;;;;;;;;AAQA,IAAMA,aAAa,GAAG,gBAAtB;AACA,IAAMC,MAAM,uBAAZ;AACA,IAAMC,MAAM,sCAAZ;AACA,IAAMC,IAAI,kBAAV;AACA,IAAMC,IAAI,wBAAV;AACA,IAAMC,WAAW,kBAAjB;AACA,IAAMC,QAAQ,gBAAd;AAKA,IAAMC,YAAY,sBAAoBP,aAApB,aAAyCE,MAAzC,OAAlB;AAKA,IAAMM,yBAAyB,GAAMP,MAAN,WAA/B;AAMA,IAAMQ,eAAe,GAAMR,MAAN,SAAgBC,MAAhB,GAAyBC,IAAzB,SAAiCC,IAAjC,SAAyCC,WAAzC,SAAwDC,QAAxD,MAArB;;AAYA,IAAMI,2BAA2B,GAAG,SAA9BA,2BAA8B,CAACC,KAAD;AAAA,SAAmBA,KAAK,CAACC,OAAN,CAAc,oBAAd,EAAoC,EAApC,CAAnB;AAAA,CAApC;;AAEO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACF,KAAD,EAA2B;AAC3D,MAAIG,OAAJ;AAEA,MAAMC,yBAAyB,GAAGL,2BAA2B,CAACC,KAAD,CAA7D;AAEA,MAAMK,OAAe,GAAG,EAAxB;AAEA,MAAMC,WAAW,GAAG,IAAIC,MAAJ,CAAWX,YAAX,EAAyB,IAAzB,CAApB;;AACA,SAAO,CAACO,OAAO,GAAGG,WAAW,CAACE,IAAZ,CAAiBR,KAAjB,CAAX,MAAwC,IAA/C,EAAqD;AACnD,mBAAgDG,OAAhD;AAAA;AAAA,QAAOM,GAAP;AAAA;AAAA,QAAYC,MAAZ,2BAAqB,SAArB;AAAA,QAAgCC,YAAhC;;AACAN,IAAAA,OAAO,CAACO,IAAR,CAAa;AAAEC,MAAAA,OAAO,EAAEC,SAAS,CAACH,YAAD,CAApB;AAAoCF,MAAAA,GAAG,EAAHA,GAApC;AAAyCC,MAAAA,MAAM,EAANA;AAAzC,KAAb;AACD;;AAMD,MAAMK,SAAS,GAAG,IAAIR,MAAJ,CAAcT,eAAd,SAAiCD,yBAAjC,EAA8D,IAA9D,CAAlB;;AACA,SAAO,CAACM,OAAO,GAAGY,SAAS,CAACP,IAAV,CAAeJ,yBAAf,CAAX,MAA0D,IAAjE,EAAuE;AACrE,oBAUID,OAVJ;AAAA;AAAA,QACEM,IADF;AAAA;AAAA,QAEEO,UAFF,2BAEe,EAFf;AAAA;AAAA,QAGEC,cAHF,4BAGmB,EAHnB;AAAA;AAAA,QAIEC,QAJF,4BAIa,EAJb;AAAA;AAAA,QAKEC,QALF,4BAKa,EALb;AAAA;AAAA,QAMEC,gBANF,4BAMqB,EANrB;AAAA;AAAA,QAOEC,YAPF,4BAOiB,EAPjB;AAAA;AAAA,QAQEC,oBARF,4BAQyB,EARzB;AAAA;AAAA,QASEC,kBATF,4BASuB,EATvB;;AAYA,QAAID,oBAAoB,KAAK,EAA7B,EAAiC;AAC/BjB,MAAAA,OAAO,CAACO,IAAR,CAAa;AACXC,QAAAA,OAAO,EAAEC,SAAS,CAACS,kBAAD,CADP;AAEXd,QAAAA,GAAG,EAAHA,IAFW;AAGXC,QAAAA,MAAM,EAAEY;AAHG,OAAb;AAKA;AACD;;AAEDjB,IAAAA,OAAO,CAACO,IAAR,CAAa;AACXC,MAAAA,OAAO,EAAEC,SAAS,CAChB,CAACG,cAAD,EAAiBC,QAAjB,EAA2BC,QAA3B,EAAqCC,gBAArC,EAAuDC,YAAvD,EAAqEG,IAArE,CAA0E,EAA1E,CADgB,CADP;AAIXf,MAAAA,GAAG,EAAHA,IAJW;AAKXC,MAAAA,MAAM,EAAEM;AALG,KAAb;AAOD;;AAED,SAAOX,OAAP;AACD,CAlDM","sourcesContent":["/**\n * 📣 Note: Do not use named capture groups, as\n *          it is not yet available in Hermes.\n *\n * These helpers indend to make it easier to skim read\n * the patterns below, but note that some are optional,\n * specified in the patterns these are added to.\n * */\nconst emailUserName = '[\\\\w+\\\\.~$_-]+';\nconst schema = `(\\\\w{2,15}:\\\\/\\\\/)`;\nconst domain = `((?:\\\\w+\\\\.\\\\w+)+(?:[^:\\\\/\\\\s]+))`;\nconst port = `(:[0-9]{1,5})`;\nconst path = `((?:\\\\/)?[^?#\\\\s]+)`;\nconst queryString = `(\\\\?[^#\\\\s]+)`;\nconst fragment = `(#[\\\\w_-]+)`;\n\n/**\n * Match any email address, with and without `mailto:`\n */\nconst emailPattern = `(mailto:)?((?:${emailUserName})@(?:${domain}))`;\n\n/**\n * Match any string starting with something that seems like it's a schema.\n * */\nconst schemePrefixedLinkPattern = `${schema}(\\\\S+)`;\n\n/**\n * Match as much as possible of a fqdn, at least with a domain name formed as\n * something.tld\n */\nconst fqdnLinkPattern = `${schema}?${domain}${port}?${path}?${queryString}?${fragment}?`;\n\ninterface Link {\n  encoded: string;\n  raw: string;\n  scheme: string;\n}\n\n/**\n * This is done separately because of the version of javascript run\n * for expo\n * */\nconst removeMarkdownLinksFromText = (input: string) => input.replace(/\\[[\\w\\s]+\\]\\(.*\\)/g, '');\n\nexport const parseLinksFromText = (input: string): Link[] => {\n  let matches;\n\n  const inputWithoutMarkdownLinks = removeMarkdownLinksFromText(input);\n\n  const results: Link[] = [];\n\n  const emailRegExp = new RegExp(emailPattern, 'gi');\n  while ((matches = emailRegExp.exec(input)) !== null) {\n    const [raw, scheme = 'mailto:', displayValue] = matches;\n    results.push({ encoded: encodeURI(displayValue), raw, scheme });\n  }\n\n  /**\n   * The two link patterns are checked with an \"or\" (`|`)\n   * to avoid overlapping matches being duplicated in the output.\n   * */\n  const linkRegex = new RegExp(`${fqdnLinkPattern}|${schemePrefixedLinkPattern}`, 'gi');\n  while ((matches = linkRegex.exec(inputWithoutMarkdownLinks)) !== null) {\n    const [\n      raw,\n      fqdnScheme = '',\n      fqdnDomainName = '',\n      fqdnPort = '',\n      fqdnPath = '',\n      fqdnQueryStraing = '',\n      fqdnFragment = '',\n      schemePrefixedScheme = '',\n      schemePrefixedPath = '',\n    ] = matches;\n\n    if (schemePrefixedScheme !== '') {\n      results.push({\n        encoded: encodeURI(schemePrefixedPath),\n        raw,\n        scheme: schemePrefixedScheme,\n      });\n      continue;\n    }\n\n    results.push({\n      encoded: encodeURI(\n        [fqdnDomainName, fqdnPort, fqdnPath, fqdnQueryStraing, fqdnFragment].join(''),\n      ),\n      raw,\n      scheme: fqdnScheme,\n    });\n  }\n\n  return results;\n};\n"]}

package/lib/module/components/Message/MessageSimple/utils/parseLinks.test.js

@@ -0,0 +1,46 @@
+var _parseLinks = require("./parseLinks");
+
+describe('parseLinksFromText', function () {
+  it.each([['www.getstream.io', 'www.getstream.io'], ['getstream.io', 'getstream.io'], ['scrn://team-chat', 'team-chat'], ['https://localhost', 'localhost'], ['https://localhost/with/path?and=query&multiple=params', 'localhost/with/path?and=query&multiple=params'], ['https://localhost/with/path?and=query#fragment', 'localhost/with/path?and=query#fragment'], ['reactnative.stream', 'reactnative.stream'], ['https://zh.wikipedia.org/wiki/挪威牛油危機', 'zh.wikipedia.org/wiki/%E6%8C%AA%E5%A8%81%E7%89%9B%E6%B2%B9%E5%8D%B1%E6%A9%9F'], ['https://getstream.io/chat/docs/react-native/?language=javascript', 'getstream.io/chat/docs/react-native/?language=javascript'], ['127.0.0.1/local_(development)_server', '127.0.0.1/local_(development)_server'], ['https://a.co:8999/ab.php?p=12', 'a.co:8999/ab.php?p=12']])('Returns the encoded value of %p as %p', function (link, expected) {
+    var result = (0, _parseLinks.parseLinksFromText)(link);
+    expect(result[0].encoded).toBe(expected);
+  });
+  it('parses fqdn', function () {
+    var input = "We have put the apim bol,\ntemporarily so :sj: we can later put the monitors on my grasp\non reality right now is\nhttps://www.contrived-example.com:8080/sub/page.php?p1=1\uD83C\uDDF3\uD83C\uDDF4&p2=2#fragment-identifier\n:)";
+    var result = (0, _parseLinks.parseLinksFromText)(input);
+    expect(result).toEqual([{
+      encoded: 'www.contrived-example.com:8080/sub/page.php?p1=1%F0%9F%87%B3%F0%9F%87%B4&p2=2#fragment-identifier',
+      raw: 'https://www.contrived-example.com:8080/sub/page.php?p1=1🇳🇴&p2=2#fragment-identifier',
+      scheme: 'https://'
+    }]);
+  });
+  it.each([['support+rn@getstream.io'], ['support.rn@getstream.io'], ['support-rn@getstream.io'], ['support_rn@getstream.io']])('Can parse the email address %p', function (email) {
+    var result = (0, _parseLinks.parseLinksFromText)(email);
+    expect(result[0].encoded).toBe(email);
+    expect(result[0].scheme).toBe('mailto:');
+  });
+  it("doesn't double the mailto prefix", function () {
+    var input = 'mailto:support@getstream.io';
+    var result = (0, _parseLinks.parseLinksFromText)(input);
+    expect(result[0]).toEqual({
+      encoded: 'support@getstream.io',
+      raw: input,
+      scheme: 'mailto:'
+    });
+  });
+  it('Does not falsely parse LINKs from text content', function () {
+    var input = "#This string exists to test that we don't produce false positives\n\nExisting links:\n[already a parsed link](https://getstream.io/blog/react-native-how-to-build-bidirectional-infinite-scroll/)\n[even a bogus one]( should not match )\n\n## These should, however, be parsed:\nwww.getstream.io\ngetstream.io\n";
+    var result = (0, _parseLinks.parseLinksFromText)(input);
+    expect(result).toHaveLength(2);
+  });
+  it('Encodes incomplete emoji unicode', function () {
+    var input = 'https://getstream.io/�';
+    var result = (0, _parseLinks.parseLinksFromText)(input);
+    expect(result[0]).toEqual({
+      encoded: 'getstream.io/%EF%BF%BD',
+      raw: 'https://getstream.io/�',
+      scheme: 'https://'
+    });
+  });
+});
+//# sourceMappingURL=parseLinks.test.js.map

package/lib/module/components/Message/MessageSimple/utils/parseLinks.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["parseLinks.test.ts"],"names":["describe","it","each","link","expected","result","expect","encoded","toBe","input","toEqual","raw","scheme","email","toHaveLength"],"mappings":"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","sourcesContent":["import { parseLinksFromText } from './parseLinks';\n\ndescribe('parseLinksFromText', () => {\n  it.each([\n    ['www.getstream.io', 'www.getstream.io'],\n    ['getstream.io', 'getstream.io'],\n    ['scrn://team-chat', 'team-chat'],\n    ['https://localhost', 'localhost'],\n    [\n      'https://localhost/with/path?and=query&multiple=params',\n      'localhost/with/path?and=query&multiple=params',\n    ],\n    ['https://localhost/with/path?and=query#fragment', 'localhost/with/path?and=query#fragment'],\n    ['reactnative.stream', 'reactnative.stream'],\n    [\n      'https://zh.wikipedia.org/wiki/挪威牛油危機',\n      'zh.wikipedia.org/wiki/%E6%8C%AA%E5%A8%81%E7%89%9B%E6%B2%B9%E5%8D%B1%E6%A9%9F',\n    ],\n    [\n      'https://getstream.io/chat/docs/react-native/?language=javascript',\n      'getstream.io/chat/docs/react-native/?language=javascript',\n    ],\n    ['127.0.0.1/local_(development)_server', '127.0.0.1/local_(development)_server'],\n    ['https://a.co:8999/ab.php?p=12', 'a.co:8999/ab.php?p=12'],\n  ])('Returns the encoded value of %p as %p', (link, expected) => {\n    const result = parseLinksFromText(link);\n\n    expect(result[0].encoded).toBe(expected);\n  });\n\n  it('parses fqdn', () => {\n    const input = `We have put the apim bol,\ntemporarily so :sj: we can later put the monitors on my grasp\non reality right now is\nhttps://www.contrived-example.com:8080/sub/page.php?p1=1🇳🇴&p2=2#fragment-identifier\n:)`;\n\n    const result = parseLinksFromText(input);\n\n    expect(result).toEqual([\n      {\n        encoded:\n          'www.contrived-example.com:8080/sub/page.php?p1=1%F0%9F%87%B3%F0%9F%87%B4&p2=2#fragment-identifier',\n        raw: 'https://www.contrived-example.com:8080/sub/page.php?p1=1🇳🇴&p2=2#fragment-identifier',\n        scheme: 'https://',\n      },\n    ]);\n  });\n\n  it.each([\n    ['support+rn@getstream.io'],\n    ['support.rn@getstream.io'],\n    ['support-rn@getstream.io'],\n    ['support_rn@getstream.io'],\n  ])('Can parse the email address %p', (email) => {\n    const result = parseLinksFromText(email);\n\n    expect(result[0].encoded).toBe(email);\n    expect(result[0].scheme).toBe('mailto:');\n  });\n\n  it(\"doesn't double the mailto prefix\", () => {\n    const input = 'mailto:support@getstream.io';\n\n    const result = parseLinksFromText(input);\n\n    expect(result[0]).toEqual({\n      encoded: 'support@getstream.io',\n      raw: input,\n      scheme: 'mailto:',\n    });\n  });\n\n  it('Does not falsely parse LINKs from text content', () => {\n    const input = `#This string exists to test that we don't produce false positives\n\nExisting links:\n[already a parsed link](https://getstream.io/blog/react-native-how-to-build-bidirectional-infinite-scroll/)\n[even a bogus one]( should not match )\n\n## These should, however, be parsed:\nwww.getstream.io\ngetstream.io\n`;\n    const result = parseLinksFromText(input);\n\n    expect(result).toHaveLength(2);\n  });\n\n  it('Encodes incomplete emoji unicode', () => {\n    const input = 'https://getstream.io/�';\n    const result = parseLinksFromText(input);\n\n    expect(result[0]).toEqual({\n      encoded: 'getstream.io/%EF%BF%BD',\n      raw: 'https://getstream.io/�',\n      scheme: 'https://',\n    });\n  });\n});\n"]}