stream-chat-react-native-core 5.8.0-beta.5 → 5.8.0-beta.7

package/lib/module/components/MessageList/utils/getGroupStyles.js

@@ -2,44 +2,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getGroupStyles = void 0;
-
 var getGroupStyles = function getGroupStyles(params) {
   var dateSeparators = params.dateSeparators,
-      hideDateSeparators = params.hideDateSeparators,
-      maxTimeBetweenGroupedMessages = params.maxTimeBetweenGroupedMessages,
-      messages = params.messages,
-      noGroupByUser = params.noGroupByUser,
-      userId = params.userId;
+    hideDateSeparators = params.hideDateSeparators,
+    maxTimeBetweenGroupedMessages = params.maxTimeBetweenGroupedMessages,
+    messages = params.messages,
+    noGroupByUser = params.noGroupByUser,
+    userId = params.userId;
   if (noGroupByUser) return {};
   var messageGroupStyles = {};
   var messagesFilteredForNonUser = messages.filter(function (message) {
     var _message$user;
-
     var isMessageTypeDeleted = message.type === 'deleted';
     return !isMessageTypeDeleted || userId === ((_message$user = message.user) == null ? void 0 : _message$user.id);
   });
-
   for (var i = 0; i < messagesFilteredForNonUser.length; i++) {
     var _message$user2, _previousMessage$user, _messageGroupStyles$p, _nextMessage$user;
-
     var previousMessage = messagesFilteredForNonUser[i - 1];
     var message = messagesFilteredForNonUser[i];
     var nextMessage = messagesFilteredForNonUser[i + 1];
     var groupStyles = [];
     var isPrevMessageTypeDeleted = (previousMessage == null ? void 0 : previousMessage.type) === 'deleted';
     var isNextMessageTypeDeleted = (nextMessage == null ? void 0 : nextMessage.type) === 'deleted';
-
     var _userId = (message == null ? void 0 : (_message$user2 = message.user) == null ? void 0 : _message$user2.id) || null;
-
     var isTopMessage = !previousMessage || previousMessage.type === 'system' || _userId !== (previousMessage == null ? void 0 : (_previousMessage$user = previousMessage.user) == null ? void 0 : _previousMessage$user.id) || previousMessage.type === 'error' || !!isPrevMessageTypeDeleted || !hideDateSeparators && dateSeparators[message.id] || ((_messageGroupStyles$p = messageGroupStyles[previousMessage.id]) == null ? void 0 : _messageGroupStyles$p.includes('bottom'));
     var isBottomMessage = !nextMessage || nextMessage.type === 'system' || _userId !== (nextMessage == null ? void 0 : (_nextMessage$user = nextMessage.user) == null ? void 0 : _nextMessage$user.id) || nextMessage.type === 'error' || !!isNextMessageTypeDeleted || !hideDateSeparators && dateSeparators[nextMessage.id] || maxTimeBetweenGroupedMessages !== undefined && nextMessage.created_at.getTime() - message.created_at.getTime() > maxTimeBetweenGroupedMessages;
-
     if (isTopMessage) {
       groupStyles.push('top');
     }
-
     var isMessageTypeDeleted = message.type === 'deleted';
-
     if (isBottomMessage) {
       if (isTopMessage || isMessageTypeDeleted || message.type === 'error') {
         groupStyles.splice(0, groupStyles.length);
@@ -48,7 +39,6 @@ var getGroupStyles = function getGroupStyles(params) {
         groupStyles.push('bottom');
       }
     }
-
     if (!isTopMessage && !isBottomMessage) {
       if (isMessageTypeDeleted || message.type === 'error') {
         groupStyles.splice(0, groupStyles.length);
@@ -58,14 +48,11 @@ var getGroupStyles = function getGroupStyles(params) {
         groupStyles.push('middle');
       }
     }
-
     if (message.id) {
       messageGroupStyles[message.id] = groupStyles;
     }
   }
-
   return messageGroupStyles;
 };
-
 exports.getGroupStyles = getGroupStyles;
 //# sourceMappingURL=getGroupStyles.js.map

package/lib/module/components/MessageList/utils/getGroupStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["getGroupStyles.ts"],"names":["getGroupStyles","params","dateSeparators","hideDateSeparators","maxTimeBetweenGroupedMessages","messages","noGroupByUser","userId","messageGroupStyles","messagesFilteredForNonUser","filter","message","isMessageTypeDeleted","type","user","id","i","length","previousMessage","nextMessage","groupStyles","isPrevMessageTypeDeleted","isNextMessageTypeDeleted","isTopMessage","includes","isBottomMessage","undefined","created_at","getTime","push","splice"],"mappings":"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","sourcesContent":["import type { DateSeparators } from './getDateSeparators';\n\nimport type { PaginatedMessageListContextValue } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport type { ThreadContextValue } from '../../../contexts/threadContext/ThreadContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport type { GroupType } from '../hooks/useMessageList';\n\nexport type GetGroupStylesParams<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  dateSeparators: DateSeparators;\n  messages:\n    | PaginatedMessageListContextValue<StreamChatGenerics>['messages']\n    | ThreadContextValue<StreamChatGenerics>['threadMessages'];\n  hideDateSeparators?: boolean;\n  maxTimeBetweenGroupedMessages?: number;\n  noGroupByUser?: boolean;\n  userId?: string;\n};\n\nexport const getGroupStyles = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  params: GetGroupStylesParams<StreamChatGenerics>,\n) => {\n  const {\n    dateSeparators,\n    hideDateSeparators,\n    maxTimeBetweenGroupedMessages,\n    messages,\n    noGroupByUser,\n    userId,\n  } = params;\n\n  if (noGroupByUser) return {};\n\n  const messageGroupStyles: { [key: string]: GroupType[] } = {};\n\n  const messagesFilteredForNonUser = messages.filter((message) => {\n    const isMessageTypeDeleted = message.type === 'deleted';\n    return !isMessageTypeDeleted || userId === message.user?.id;\n  });\n\n  for (let i = 0; i < messagesFilteredForNonUser.length; i++) {\n    const previousMessage = messagesFilteredForNonUser[i - 1] as\n      | typeof messagesFilteredForNonUser[0]\n      | undefined;\n    const message = messagesFilteredForNonUser[i];\n    const nextMessage = messagesFilteredForNonUser[i + 1] as\n      | typeof messagesFilteredForNonUser[0]\n      | undefined;\n    const groupStyles: GroupType[] = [];\n\n    const isPrevMessageTypeDeleted = previousMessage?.type === 'deleted';\n    const isNextMessageTypeDeleted = nextMessage?.type === 'deleted';\n\n    const userId = message?.user?.id || null;\n\n    const isTopMessage =\n      !previousMessage ||\n      previousMessage.type === 'system' ||\n      userId !== previousMessage?.user?.id ||\n      previousMessage.type === 'error' ||\n      !!isPrevMessageTypeDeleted ||\n      (!hideDateSeparators && dateSeparators[message.id]) ||\n      messageGroupStyles[previousMessage.id]?.includes('bottom');\n\n    const isBottomMessage =\n      !nextMessage ||\n      nextMessage.type === 'system' ||\n      userId !== nextMessage?.user?.id ||\n      nextMessage.type === 'error' ||\n      !!isNextMessageTypeDeleted ||\n      (!hideDateSeparators && dateSeparators[nextMessage.id]) ||\n      (maxTimeBetweenGroupedMessages !== undefined &&\n        nextMessage.created_at.getTime() - message.created_at.getTime() >\n          maxTimeBetweenGroupedMessages);\n\n    /**\n     * Add group styles key for top message\n     */\n    if (isTopMessage) {\n      groupStyles.push('top');\n    }\n\n    /**\n     * Add group styles key for bottom message\n     */\n\n    const isMessageTypeDeleted = message.type === 'deleted';\n    if (isBottomMessage) {\n      /**\n       * If the bottom message is also the top, or deleted, or an error,\n       * add the key for single message instead of bottom\n       */\n      if (isTopMessage || isMessageTypeDeleted || message.type === 'error') {\n        groupStyles.splice(0, groupStyles.length);\n        groupStyles.push('single');\n      } else {\n        groupStyles.push('bottom');\n      }\n    }\n\n    /**\n     * Add the key for all non top or bottom messages, if the message is\n     * deleted or an error add the key for single otherwise middle\n     */\n    if (!isTopMessage && !isBottomMessage) {\n      if (isMessageTypeDeleted || message.type === 'error') {\n        groupStyles.splice(0, groupStyles.length);\n        groupStyles.push('single');\n      } else {\n        groupStyles.splice(0, groupStyles.length);\n        groupStyles.push('middle');\n      }\n    }\n\n    if (message.id) {\n      messageGroupStyles[message.id] = groupStyles;\n    }\n  }\n\n  return messageGroupStyles;\n};\n"]}
+{"version":3,"names":["getGroupStyles","params","dateSeparators","hideDateSeparators","maxTimeBetweenGroupedMessages","messages","noGroupByUser","userId","messageGroupStyles","messagesFilteredForNonUser","filter","message","isMessageTypeDeleted","type","user","id","i","length","previousMessage","nextMessage","groupStyles","isPrevMessageTypeDeleted","isNextMessageTypeDeleted","isTopMessage","includes","isBottomMessage","undefined","created_at","getTime","push","splice"],"sources":["getGroupStyles.ts"],"sourcesContent":["import type { DateSeparators } from './getDateSeparators';\n\nimport type { PaginatedMessageListContextValue } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport type { ThreadContextValue } from '../../../contexts/threadContext/ThreadContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport type { GroupType } from '../hooks/useMessageList';\n\nexport type GetGroupStylesParams<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  dateSeparators: DateSeparators;\n  messages:\n    | PaginatedMessageListContextValue<StreamChatGenerics>['messages']\n    | ThreadContextValue<StreamChatGenerics>['threadMessages'];\n  hideDateSeparators?: boolean;\n  maxTimeBetweenGroupedMessages?: number;\n  noGroupByUser?: boolean;\n  userId?: string;\n};\n\nexport const getGroupStyles = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  params: GetGroupStylesParams<StreamChatGenerics>,\n) => {\n  const {\n    dateSeparators,\n    hideDateSeparators,\n    maxTimeBetweenGroupedMessages,\n    messages,\n    noGroupByUser,\n    userId,\n  } = params;\n\n  if (noGroupByUser) return {};\n\n  const messageGroupStyles: { [key: string]: GroupType[] } = {};\n\n  const messagesFilteredForNonUser = messages.filter((message) => {\n    const isMessageTypeDeleted = message.type === 'deleted';\n    return !isMessageTypeDeleted || userId === message.user?.id;\n  });\n\n  for (let i = 0; i < messagesFilteredForNonUser.length; i++) {\n    const previousMessage = messagesFilteredForNonUser[i - 1] as\n      | typeof messagesFilteredForNonUser[0]\n      | undefined;\n    const message = messagesFilteredForNonUser[i];\n    const nextMessage = messagesFilteredForNonUser[i + 1] as\n      | typeof messagesFilteredForNonUser[0]\n      | undefined;\n    const groupStyles: GroupType[] = [];\n\n    const isPrevMessageTypeDeleted = previousMessage?.type === 'deleted';\n    const isNextMessageTypeDeleted = nextMessage?.type === 'deleted';\n\n    const userId = message?.user?.id || null;\n\n    const isTopMessage =\n      !previousMessage ||\n      previousMessage.type === 'system' ||\n      userId !== previousMessage?.user?.id ||\n      previousMessage.type === 'error' ||\n      !!isPrevMessageTypeDeleted ||\n      (!hideDateSeparators && dateSeparators[message.id]) ||\n      messageGroupStyles[previousMessage.id]?.includes('bottom');\n\n    const isBottomMessage =\n      !nextMessage ||\n      nextMessage.type === 'system' ||\n      userId !== nextMessage?.user?.id ||\n      nextMessage.type === 'error' ||\n      !!isNextMessageTypeDeleted ||\n      (!hideDateSeparators && dateSeparators[nextMessage.id]) ||\n      (maxTimeBetweenGroupedMessages !== undefined &&\n        nextMessage.created_at.getTime() - message.created_at.getTime() >\n          maxTimeBetweenGroupedMessages);\n\n    /**\n     * Add group styles key for top message\n     */\n    if (isTopMessage) {\n      groupStyles.push('top');\n    }\n\n    /**\n     * Add group styles key for bottom message\n     */\n\n    const isMessageTypeDeleted = message.type === 'deleted';\n    if (isBottomMessage) {\n      /**\n       * If the bottom message is also the top, or deleted, or an error,\n       * add the key for single message instead of bottom\n       */\n      if (isTopMessage || isMessageTypeDeleted || message.type === 'error') {\n        groupStyles.splice(0, groupStyles.length);\n        groupStyles.push('single');\n      } else {\n        groupStyles.push('bottom');\n      }\n    }\n\n    /**\n     * Add the key for all non top or bottom messages, if the message is\n     * deleted or an error add the key for single otherwise middle\n     */\n    if (!isTopMessage && !isBottomMessage) {\n      if (isMessageTypeDeleted || message.type === 'error') {\n        groupStyles.splice(0, groupStyles.length);\n        groupStyles.push('single');\n      } else {\n        groupStyles.splice(0, groupStyles.length);\n        groupStyles.push('middle');\n      }\n    }\n\n    if (message.id) {\n      messageGroupStyles[message.id] = groupStyles;\n    }\n  }\n\n  return messageGroupStyles;\n};\n"],"mappings":"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"}

package/lib/module/components/MessageList/utils/getLastReceivedMessage.js

@@ -2,26 +2,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getLastReceivedMessage = void 0;
-
 var _utils = require("../../../utils/utils");
-
 function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var getLastReceivedMessage = function getLastReceivedMessage(messages) {
   for (var _iterator = _createForOfIteratorHelperLoose(messages), _step; !(_step = _iterator()).done;) {
     var message = _step.value;
-
     if ((message == null ? void 0 : message.status) === _utils.MessageStatusTypes.RECEIVED || (message == null ? void 0 : message.status) === _utils.MessageStatusTypes.SENDING) {
       return message;
     }
   }
-
   return;
 };
-
 exports.getLastReceivedMessage = getLastReceivedMessage;
 //# sourceMappingURL=getLastReceivedMessage.js.map

package/lib/module/components/MessageList/utils/getLastReceivedMessage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["getLastReceivedMessage.ts"],"names":["getLastReceivedMessage","messages","message","status","MessageStatusTypes","RECEIVED","SENDING"],"mappings":";;;;;AACA;;;;;;;;AAIO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,CAGpCC,QAHoC,EAIjC;AAIH,uDAAsBA,QAAtB,wCAAgC;AAAA,QAArBC,OAAqB;;AAC9B,QACE,CAAAA,OAAO,QAAP,YAAAA,OAAO,CAAEC,MAAT,MAAoBC,0BAAmBC,QAAvC,IACA,CAAAH,OAAO,QAAP,YAAAA,OAAO,CAAEC,MAAT,MAAoBC,0BAAmBE,OAFzC,EAGE;AACA,aAAOJ,OAAP;AACD;AACF;;AAED;AACD,CAlBM","sourcesContent":["import type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { MessageStatusTypes } from '../../../utils/utils';\n\nimport type { MessageType } from '../hooks/useMessageList';\n\nexport const getLastReceivedMessage = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  messages: MessageType<StreamChatGenerics>[],\n) => {\n  /**\n   * There are no status on dates so they will be skipped\n   */\n  for (const message of messages) {\n    if (\n      message?.status === MessageStatusTypes.RECEIVED ||\n      message?.status === MessageStatusTypes.SENDING\n    ) {\n      return message;\n    }\n  }\n\n  return;\n};\n"]}
+{"version":3,"names":["getLastReceivedMessage","messages","message","status","MessageStatusTypes","RECEIVED","SENDING"],"sources":["getLastReceivedMessage.ts"],"sourcesContent":["import type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { MessageStatusTypes } from '../../../utils/utils';\n\nimport type { MessageType } from '../hooks/useMessageList';\n\nexport const getLastReceivedMessage = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  messages: MessageType<StreamChatGenerics>[],\n) => {\n  /**\n   * There are no status on dates so they will be skipped\n   */\n  for (const message of messages) {\n    if (\n      message?.status === MessageStatusTypes.RECEIVED ||\n      message?.status === MessageStatusTypes.SENDING\n    ) {\n      return message;\n    }\n  }\n\n  return;\n};\n"],"mappings":";;;;AACA;AAA0D;AAAA;AAAA;AAInD,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsB,CAGjCC,QAA2C,EACxC;EAIH,qDAAsBA,QAAQ,wCAAE;IAAA,IAArBC,OAAO;IAChB,IACE,CAAAA,OAAO,oBAAPA,OAAO,CAAEC,MAAM,MAAKC,yBAAkB,CAACC,QAAQ,IAC/C,CAAAH,OAAO,oBAAPA,OAAO,CAAEC,MAAM,MAAKC,yBAAkB,CAACE,OAAO,EAC9C;MACA,OAAOJ,OAAO;IAChB;EACF;EAEA;AACF,CAAC;AAAC"}

package/lib/module/components/MessageList/utils/getReadStates.js

@@ -2,36 +2,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getReadStates = void 0;
-
 function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var getReadStates = function getReadStates(clientUserId, messages, read) {
   var readData = messages.reduce(function (acc, cur) {
     if (cur.id) {
       acc[cur.id] = false;
     }
-
     return acc;
   }, {});
   var filteredMessagesReversed = messages.filter(function (msg) {
     return msg.updated_at;
   }).reverse();
-
   if (read) {
     if (clientUserId) {
       delete read[clientUserId];
     }
-
     var members = Object.values(read);
     var memberReadCount = 0;
-
     for (var _iterator = _createForOfIteratorHelperLoose(filteredMessagesReversed), _step; !(_step = _iterator()).done;) {
       var message = _step.value;
-
       if (!members.length) {
         readData[message.id] = memberReadCount || true;
       } else {
@@ -39,51 +30,39 @@ var getReadStates = function getReadStates(clientUserId, messages, read) {
           if (!member.last_read) {
             return "continue";
           }
-
           if (message.created_at < member.last_read) {
             var numberOfReads = Object.keys(read).length;
-
             if (numberOfReads === 1) {
               readData[message.id] = true;
             } else {
               var currentMessageReadData = readData[message.id];
               readData[message.id] = typeof currentMessageReadData === 'boolean' ? memberReadCount + 1 : currentMessageReadData + 1;
             }
-
             var userIndex = members.findIndex(function (_ref) {
               var _member$user;
-
               var user = _ref.user;
               return user.id === ((_member$user = member.user) == null ? void 0 : _member$user.id);
             });
-
             if (userIndex !== -1) {
               members.splice(userIndex, 1);
-
               if (numberOfReads > 1) {
                 memberReadCount += 1;
               }
             }
           }
         };
-
         for (var _iterator2 = _createForOfIteratorHelperLoose(members), _step2; !(_step2 = _iterator2()).done;) {
           var member = _step2.value;
-
           var _ret = _loop(member);
-
           if (_ret === "continue") continue;
         }
-
         if (readData[message.id] === false) {
           readData[message.id] = memberReadCount || false;
         }
       }
     }
   }
-
   return readData;
 };
-
 exports.getReadStates = getReadStates;
 //# sourceMappingURL=getReadStates.js.map

package/lib/module/components/MessageList/utils/getReadStates.js.map

@@ -1 +1 @@
-{"version":3,"sources":["getReadStates.ts"],"names":["getReadStates","clientUserId","messages","read","readData","reduce","acc","cur","id","filteredMessagesReversed","filter","msg","updated_at","reverse","members","Object","values","memberReadCount","message","length","member","last_read","created_at","numberOfReads","keys","currentMessageReadData","userIndex","findIndex","user","splice"],"mappings":";;;;;;;;;;;AAKO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAG3BC,YAH2B,EAI3BC,QAJ2B,EAO3BC,IAP2B,EAQxB;AACH,MAAMC,QAAQ,GAAGF,QAAQ,CAACG,MAAT,CAAgB,UAACC,GAAD,EAAMC,GAAN,EAAc;AAC7C,QAAIA,GAAG,CAACC,EAAR,EAAY;AACVF,MAAAA,GAAG,CAACC,GAAG,CAACC,EAAL,CAAH,GAAc,KAAd;AACD;;AACD,WAAOF,GAAP;AACD,GALgB,EAKd,EALc,CAAjB;AAOA,MAAMG,wBAAwB,GAAGP,QAAQ,CAACQ,MAAT,CAAgB,UAACC,GAAD;AAAA,WAASA,GAAG,CAACC,UAAb;AAAA,GAAhB,EAAyCC,OAAzC,EAAjC;;AAEA,MAAIV,IAAJ,EAAU;AAIR,QAAIF,YAAJ,EAAkB;AAChB,aAAOE,IAAI,CAACF,YAAD,CAAX;AACD;;AACD,QAAMa,OAAO,GAAGC,MAAM,CAACC,MAAP,CAAcb,IAAd,CAAhB;AAKA,QAAIc,eAAe,GAAG,CAAtB;;AASA,yDAAsBR,wBAAtB,wCAAgD;AAAA,UAArCS,OAAqC;;AAM9C,UAAI,CAACJ,OAAO,CAACK,MAAb,EAAqB;AACnBf,QAAAA,QAAQ,CAACc,OAAO,CAACV,EAAT,CAAR,GAAuBS,eAAe,IAAI,IAA1C;AACD,OAFD,MAEO;AAAA,mCACMG,MADN;AAOH,cAAI,CAACA,MAAM,CAACC,SAAZ,EAAuB;AACrB;AACD;;AAOD,cAAIH,OAAO,CAACI,UAAR,GAAqBF,MAAM,CAACC,SAAhC,EAA2C;AAKzC,gBAAME,aAAa,GAAGR,MAAM,CAACS,IAAP,CAAYrB,IAAZ,EAAkBgB,MAAxC;;AACA,gBAAII,aAAa,KAAK,CAAtB,EAAyB;AACvBnB,cAAAA,QAAQ,CAACc,OAAO,CAACV,EAAT,CAAR,GAAuB,IAAvB;AACD,aAFD,MAEO;AACL,kBAAMiB,sBAAsB,GAAGrB,QAAQ,CAACc,OAAO,CAACV,EAAT,CAAvC;AACAJ,cAAAA,QAAQ,CAACc,OAAO,CAACV,EAAT,CAAR,GACE,OAAOiB,sBAAP,KAAkC,SAAlC,GACIR,eAAe,GAAG,CADtB,GAEIQ,sBAAsB,GAAG,CAH/B;AAID;;AACD,gBAAMC,SAAS,GAAGZ,OAAO,CAACa,SAAR,CAAkB;AAAA;;AAAA,kBAAGC,IAAH,QAAGA,IAAH;AAAA,qBAAcA,IAAI,CAACpB,EAAL,sBAAYY,MAAM,CAACQ,IAAnB,qBAAY,aAAapB,EAAzB,CAAd;AAAA,aAAlB,CAAlB;;AACA,gBAAIkB,SAAS,KAAK,CAAC,CAAnB,EAAsB;AACpBZ,cAAAA,OAAO,CAACe,MAAR,CAAeH,SAAf,EAA0B,CAA1B;;AACA,kBAAIH,aAAa,GAAG,CAApB,EAAuB;AACrBN,gBAAAA,eAAe,IAAI,CAAnB;AACD;AACF;AACF;AAtCE;;AACL,8DAAqBH,OAArB,2CAA8B;AAAA,cAAnBM,MAAmB;;AAAA,2BAAnBA,MAAmB;;AAAA,mCAO1B;AA+BH;;AAOD,YAAIhB,QAAQ,CAACc,OAAO,CAACV,EAAT,CAAR,KAAyB,KAA7B,EAAoC;AAClCJ,UAAAA,QAAQ,CAACc,OAAO,CAACV,EAAT,CAAR,GAAuBS,eAAe,IAAI,KAA1C;AACD;AACF;AACF;AACF;;AAED,SAAOb,QAAP;AACD,CArGM","sourcesContent":["import type { ChannelContextValue } from '../../../contexts/channelContext/ChannelContext';\nimport type { PaginatedMessageListContextValue } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport type { ThreadContextValue } from '../../../contexts/threadContext/ThreadContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nexport const getReadStates = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  clientUserId: string | undefined,\n  messages:\n    | PaginatedMessageListContextValue<StreamChatGenerics>['messages']\n    | ThreadContextValue<StreamChatGenerics>['threadMessages'],\n  read?: ChannelContextValue<StreamChatGenerics>['read'],\n) => {\n  const readData = messages.reduce((acc, cur) => {\n    if (cur.id) {\n      acc[cur.id] = false;\n    }\n    return acc;\n  }, {} as { [key: string]: boolean | number });\n\n  const filteredMessagesReversed = messages.filter((msg) => msg.updated_at).reverse();\n\n  if (read) {\n    /**\n     * Channel read state is stored by user and we only care about users who aren't the client\n     */\n    if (clientUserId) {\n      delete read[clientUserId];\n    }\n    const members = Object.values(read);\n\n    /**\n     * Track number of members who have read previous messages\n     */\n    let memberReadCount = 0;\n\n    /**\n     * Array is in reverse order so newest message is at 0,\n     * we find the index of the first message that is older\n     * than the last read and then set last read to that, or\n     * if there are no newer messages, the first message is\n     * last read message.\n     */\n    for (const message of filteredMessagesReversed) {\n      /**\n       * If all members are removed then they have read these\n       * messages. We do not increment memberReadCount for 1:1\n       * chats, so this should be true, not a number in that case.\n       */\n      if (!members.length) {\n        readData[message.id] = memberReadCount || true;\n      } else {\n        for (const member of members) {\n          /**\n           * If no last read continue, we can't remove the user\n           * because this would mark all messages in a new channel\n           * true until at least one other user reads a message.\n           */\n          if (!member.last_read) {\n            continue;\n          }\n\n          /**\n           * If there there is a last read message add the user\n           * to the array of last reads for that message and remove\n           * the user from the list of users being checked\n           */\n          if (message.created_at < member.last_read) {\n            /**\n             * if this is a direct message the length will be 1\n             * as we already deleted the current user from the object\n             */\n            const numberOfReads = Object.keys(read).length;\n            if (numberOfReads === 1) {\n              readData[message.id] = true;\n            } else {\n              const currentMessageReadData = readData[message.id];\n              readData[message.id] =\n                typeof currentMessageReadData === 'boolean'\n                  ? memberReadCount + 1\n                  : currentMessageReadData + 1;\n            }\n            const userIndex = members.findIndex(({ user }) => user.id === member.user?.id);\n            if (userIndex !== -1) {\n              members.splice(userIndex, 1);\n              if (numberOfReads > 1) {\n                memberReadCount += 1;\n              }\n            }\n          }\n        }\n\n        /**\n         * If this is not the last message for a user this will still be\n         * set to false. But if other users have read further the number\n         * should be how many have read beyond this message.\n         */\n        if (readData[message.id] === false) {\n          readData[message.id] = memberReadCount || false;\n        }\n      }\n    }\n  }\n\n  return readData;\n};\n"]}
+{"version":3,"names":["getReadStates","clientUserId","messages","read","readData","reduce","acc","cur","id","filteredMessagesReversed","filter","msg","updated_at","reverse","members","Object","values","memberReadCount","message","length","member","last_read","created_at","numberOfReads","keys","currentMessageReadData","userIndex","findIndex","user","splice"],"sources":["getReadStates.ts"],"sourcesContent":["import type { ChannelContextValue } from '../../../contexts/channelContext/ChannelContext';\nimport type { PaginatedMessageListContextValue } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport type { ThreadContextValue } from '../../../contexts/threadContext/ThreadContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nexport const getReadStates = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  clientUserId: string | undefined,\n  messages:\n    | PaginatedMessageListContextValue<StreamChatGenerics>['messages']\n    | ThreadContextValue<StreamChatGenerics>['threadMessages'],\n  read?: ChannelContextValue<StreamChatGenerics>['read'],\n) => {\n  const readData = messages.reduce((acc, cur) => {\n    if (cur.id) {\n      acc[cur.id] = false;\n    }\n    return acc;\n  }, {} as { [key: string]: boolean | number });\n\n  const filteredMessagesReversed = messages.filter((msg) => msg.updated_at).reverse();\n\n  if (read) {\n    /**\n     * Channel read state is stored by user and we only care about users who aren't the client\n     */\n    if (clientUserId) {\n      delete read[clientUserId];\n    }\n    const members = Object.values(read);\n\n    /**\n     * Track number of members who have read previous messages\n     */\n    let memberReadCount = 0;\n\n    /**\n     * Array is in reverse order so newest message is at 0,\n     * we find the index of the first message that is older\n     * than the last read and then set last read to that, or\n     * if there are no newer messages, the first message is\n     * last read message.\n     */\n    for (const message of filteredMessagesReversed) {\n      /**\n       * If all members are removed then they have read these\n       * messages. We do not increment memberReadCount for 1:1\n       * chats, so this should be true, not a number in that case.\n       */\n      if (!members.length) {\n        readData[message.id] = memberReadCount || true;\n      } else {\n        for (const member of members) {\n          /**\n           * If no last read continue, we can't remove the user\n           * because this would mark all messages in a new channel\n           * true until at least one other user reads a message.\n           */\n          if (!member.last_read) {\n            continue;\n          }\n\n          /**\n           * If there there is a last read message add the user\n           * to the array of last reads for that message and remove\n           * the user from the list of users being checked\n           */\n          if (message.created_at < member.last_read) {\n            /**\n             * if this is a direct message the length will be 1\n             * as we already deleted the current user from the object\n             */\n            const numberOfReads = Object.keys(read).length;\n            if (numberOfReads === 1) {\n              readData[message.id] = true;\n            } else {\n              const currentMessageReadData = readData[message.id];\n              readData[message.id] =\n                typeof currentMessageReadData === 'boolean'\n                  ? memberReadCount + 1\n                  : currentMessageReadData + 1;\n            }\n            const userIndex = members.findIndex(({ user }) => user.id === member.user?.id);\n            if (userIndex !== -1) {\n              members.splice(userIndex, 1);\n              if (numberOfReads > 1) {\n                memberReadCount += 1;\n              }\n            }\n          }\n        }\n\n        /**\n         * If this is not the last message for a user this will still be\n         * set to false. But if other users have read further the number\n         * should be how many have read beyond this message.\n         */\n        if (readData[message.id] === false) {\n          readData[message.id] = memberReadCount || false;\n        }\n      }\n    }\n  }\n\n  return readData;\n};\n"],"mappings":";;;;;;;AAKO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,CAGxBC,YAAgC,EAChCC,QAE4D,EAC5DC,IAAsD,EACnD;EACH,IAAMC,QAAQ,GAAGF,QAAQ,CAACG,MAAM,CAAC,UAACC,GAAG,EAAEC,GAAG,EAAK;IAC7C,IAAIA,GAAG,CAACC,EAAE,EAAE;MACVF,GAAG,CAACC,GAAG,CAACC,EAAE,CAAC,GAAG,KAAK;IACrB;IACA,OAAOF,GAAG;EACZ,CAAC,EAAE,CAAC,CAAC,CAAwC;EAE7C,IAAMG,wBAAwB,GAAGP,QAAQ,CAACQ,MAAM,CAAC,UAACC,GAAG;IAAA,OAAKA,GAAG,CAACC,UAAU;EAAA,EAAC,CAACC,OAAO,EAAE;EAEnF,IAAIV,IAAI,EAAE;IAIR,IAAIF,YAAY,EAAE;MAChB,OAAOE,IAAI,CAACF,YAAY,CAAC;IAC3B;IACA,IAAMa,OAAO,GAAGC,MAAM,CAACC,MAAM,CAACb,IAAI,CAAC;IAKnC,IAAIc,eAAe,GAAG,CAAC;IASvB,qDAAsBR,wBAAwB,wCAAE;MAAA,IAArCS,OAAO;MAMhB,IAAI,CAACJ,OAAO,CAACK,MAAM,EAAE;QACnBf,QAAQ,CAACc,OAAO,CAACV,EAAE,CAAC,GAAGS,eAAe,IAAI,IAAI;MAChD,CAAC,MAAM;QAAA,mCACyB;UAM5B,IAAI,CAACG,MAAM,CAACC,SAAS,EAAE;YAAA;UAEvB;UAOA,IAAIH,OAAO,CAACI,UAAU,GAAGF,MAAM,CAACC,SAAS,EAAE;YAKzC,IAAME,aAAa,GAAGR,MAAM,CAACS,IAAI,CAACrB,IAAI,CAAC,CAACgB,MAAM;YAC9C,IAAII,aAAa,KAAK,CAAC,EAAE;cACvBnB,QAAQ,CAACc,OAAO,CAACV,EAAE,CAAC,GAAG,IAAI;YAC7B,CAAC,MAAM;cACL,IAAMiB,sBAAsB,GAAGrB,QAAQ,CAACc,OAAO,CAACV,EAAE,CAAC;cACnDJ,QAAQ,CAACc,OAAO,CAACV,EAAE,CAAC,GAClB,OAAOiB,sBAAsB,KAAK,SAAS,GACvCR,eAAe,GAAG,CAAC,GACnBQ,sBAAsB,GAAG,CAAC;YAClC;YACA,IAAMC,SAAS,GAAGZ,OAAO,CAACa,SAAS,CAAC;cAAA;cAAA,IAAGC,IAAI,QAAJA,IAAI;cAAA,OAAOA,IAAI,CAACpB,EAAE,sBAAKY,MAAM,CAACQ,IAAI,qBAAX,aAAapB,EAAE;YAAA,EAAC;YAC9E,IAAIkB,SAAS,KAAK,CAAC,CAAC,EAAE;cACpBZ,OAAO,CAACe,MAAM,CAACH,SAAS,EAAE,CAAC,CAAC;cAC5B,IAAIH,aAAa,GAAG,CAAC,EAAE;gBACrBN,eAAe,IAAI,CAAC;cACtB;YACF;UACF;QACF,CAAC;QAtCD,sDAAqBH,OAAO;UAAA,IAAjBM,MAAM;UAAA;UAAA,yBAOb;QAAS;QAsCb,IAAIhB,QAAQ,CAACc,OAAO,CAACV,EAAE,CAAC,KAAK,KAAK,EAAE;UAClCJ,QAAQ,CAACc,OAAO,CAACV,EAAE,CAAC,GAAGS,eAAe,IAAI,KAAK;QACjD;MACF;IACF;EACF;EAEA,OAAOb,QAAQ;AACjB,CAAC;AAAC"}

package/lib/module/components/MessageOverlay/MessageActionList.js

@@ -1,35 +1,21 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MessageActionList = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-
 var _MessageActionListItem = require("./MessageActionListItem");
-
 var _MessageOverlayContext = require("../../contexts/messageOverlayContext/MessageOverlayContext");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _utils = require("../../utils/utils");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageOverlay/MessageActionList.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageOverlay/MessageActionList.tsx";
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var styles = _reactNative.StyleSheet.create({
   bottomBorder: {
     borderBottomWidth: 1
@@ -51,18 +37,17 @@ var styles = _reactNative.StyleSheet.create({
     paddingLeft: 20
   }
 });
-
 var MessageActionListWithContext = function MessageActionListWithContext(props) {
   var alignment = props.alignment,
-      messageActions = props.messageActions,
-      showScreen = props.showScreen,
-      _props$MessageActionL = props.MessageActionListItem,
-      MessageActionListItem = _props$MessageActionL === void 0 ? _MessageActionListItem.MessageActionListItem : _props$MessageActionL,
-      isMyMessage = props.isMyMessage,
-      message = props.message,
-      messageReactions = props.messageReactions,
-      error = props.error,
-      isThreadMessage = props.isThreadMessage;
+    messageActions = props.messageActions,
+    showScreen = props.showScreen,
+    _props$MessageActionL = props.MessageActionListItem,
+    MessageActionListItem = _props$MessageActionL === void 0 ? _MessageActionListItem.MessageActionListItem : _props$MessageActionL,
+    isMyMessage = props.isMyMessage,
+    message = props.message,
+    messageReactions = props.messageReactions,
+    error = props.error,
+    isThreadMessage = props.isThreadMessage;
   var messageActionProps = {
     error: error,
     isMyMessage: isMyMessage,
@@ -70,10 +55,8 @@ var MessageActionListWithContext = function MessageActionListWithContext(props)
     message: message,
     messageReactions: messageReactions
   };
-
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      white_snow = _useTheme.theme.colors.white_snow;
-
+    white_snow = _useTheme.theme.colors.white_snow;
   var height = (0, _reactNativeReanimated.useSharedValue)(0);
   var width = (0, _reactNativeReanimated.useSharedValue)(0);
   var showScreenStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
@@ -119,29 +102,24 @@ var MessageActionListWithContext = function MessageActionListWithContext(props)
     }));
   }));
 };
-
 var areEqual = function areEqual(prevProps, nextProps) {
   var prevAlignment = prevProps.alignment,
-      prevMessageActions = prevProps.messageActions;
+    prevMessageActions = prevProps.messageActions;
   var nextAlignment = nextProps.alignment,
-      nextMessageActions = nextProps.messageActions;
+    nextMessageActions = nextProps.messageActions;
   var messageActionsEqual = (prevMessageActions == null ? void 0 : prevMessageActions.length) === (nextMessageActions == null ? void 0 : nextMessageActions.length);
   if (!messageActionsEqual) return false;
   var alignmentEqual = prevAlignment === nextAlignment;
   if (!alignmentEqual) return false;
   return true;
 };
-
 var MemoizedMessageActionList = _react["default"].memo(MessageActionListWithContext, areEqual);
-
 var MessageActionList = function MessageActionList(props) {
   var _useMessageOverlayCon = (0, _MessageOverlayContext.useMessageOverlayContext)(),
-      data = _useMessageOverlayCon.data;
-
+    data = _useMessageOverlayCon.data;
   var _ref2 = data || {},
-      alignment = _ref2.alignment,
-      messageActions = _ref2.messageActions;
-
+    alignment = _ref2.alignment,
+    messageActions = _ref2.messageActions;
   return _react["default"].createElement(MemoizedMessageActionList, (0, _extends2["default"])({
     alignment: alignment,
     messageActions: messageActions
@@ -154,6 +132,5 @@ var MessageActionList = function MessageActionList(props) {
     }
   }));
 };
-
 exports.MessageActionList = MessageActionList;
 //# sourceMappingURL=MessageActionList.js.map

package/lib/module/components/MessageOverlay/MessageActionList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MessageActionList.tsx"],"names":["styles","StyleSheet","create","bottomBorder","borderBottomWidth","container","borderRadius","marginTop","maxWidth","row","alignItems","flexDirection","justifyContent","minWidth","paddingHorizontal","paddingVertical","titleStyle","paddingLeft","MessageActionListWithContext","props","alignment","messageActions","showScreen","MessageActionListItem","DefaultMessageActionListItem","isMyMessage","message","messageReactions","error","isThreadMessage","messageActionProps","white_snow","theme","colors","height","width","showScreenStyle","transform","translateY","value","translateX","scale","layout","nativeEvent","backgroundColor","map","messageAction","index","title","length","areEqual","prevProps","nextProps","prevAlignment","prevMessageActions","nextAlignment","nextMessageActions","messageActionsEqual","alignmentEqual","MemoizedMessageActionList","React","memo","MessageActionList","data"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, ViewStyle } from 'react-native';\nimport Animated, { interpolate, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';\n\nimport { MessageActionListItem as DefaultMessageActionListItem } from './MessageActionListItem';\n\nimport {\n  MessageOverlayData,\n  useMessageOverlayContext,\n} from '../../contexts/messageOverlayContext/MessageOverlayContext';\nimport type { OverlayProviderProps } from '../../contexts/overlayContext/OverlayContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { vw } from '../../utils/utils';\n\nconst styles = StyleSheet.create({\n  bottomBorder: {\n    borderBottomWidth: 1,\n  },\n  container: {\n    borderRadius: 16,\n    marginTop: 8,\n    maxWidth: 275,\n  },\n  row: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'flex-start',\n    minWidth: vw(65),\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n  },\n  titleStyle: {\n    paddingLeft: 20,\n  },\n});\n\nexport type MessageActionListPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  OverlayProviderProps<StreamChatGenerics>,\n  | 'MessageActionListItem'\n  | 'error'\n  | 'isMyMessage'\n  | 'isThreadMessage'\n  | 'message'\n  | 'messageReactions'\n> &\n  Pick<MessageOverlayData<StreamChatGenerics>, 'alignment' | 'messageActions'> & {\n    showScreen: Animated.SharedValue<number>;\n  };\n\nconst MessageActionListWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageActionListPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    alignment,\n    messageActions,\n    showScreen,\n    MessageActionListItem = DefaultMessageActionListItem,\n    isMyMessage,\n    message,\n    messageReactions,\n    error,\n    isThreadMessage,\n  } = props;\n\n  const messageActionProps = {\n    error,\n    isMyMessage,\n    isThreadMessage,\n    message,\n    messageReactions,\n  };\n\n  const {\n    theme: {\n      colors: { white_snow },\n    },\n  } = useTheme();\n\n  const height = useSharedValue(0);\n  const width = useSharedValue(0);\n\n  const showScreenStyle = useAnimatedStyle<ViewStyle>(\n    () => ({\n      transform: [\n        {\n          translateY: interpolate(showScreen.value, [0, 1], [-height.value / 2, 0]),\n        },\n        {\n          translateX: interpolate(\n            showScreen.value,\n            [0, 1],\n            [alignment === 'left' ? -width.value / 2 : width.value / 2, 0],\n          ),\n        },\n        {\n          scale: showScreen.value,\n        },\n      ],\n    }),\n    [alignment],\n  );\n\n  return (\n    <Animated.View\n      onLayout={({ nativeEvent: { layout } }) => {\n        width.value = layout.width;\n        height.value = layout.height;\n      }}\n      style={[styles.container, { backgroundColor: white_snow }, showScreenStyle]}\n      testID='message-action-list'\n    >\n      {messageActions?.map((messageAction, index) => (\n        <MessageActionListItem\n          key={messageAction.title}\n          {...messageActionProps}\n          {...{ ...messageAction, index, length: messageActions.length }}\n        />\n      ))}\n    </Animated.View>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: MessageActionListPropsWithContext<StreamChatGenerics>,\n  nextProps: MessageActionListPropsWithContext<StreamChatGenerics>,\n) => {\n  const { alignment: prevAlignment, messageActions: prevMessageActions } = prevProps;\n  const { alignment: nextAlignment, messageActions: nextMessageActions } = nextProps;\n\n  const messageActionsEqual = prevMessageActions?.length === nextMessageActions?.length;\n  if (!messageActionsEqual) return false;\n\n  const alignmentEqual = prevAlignment === nextAlignment;\n  if (!alignmentEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageActionList = React.memo(\n  MessageActionListWithContext,\n  areEqual,\n) as typeof MessageActionListWithContext;\n\nexport type MessageActionListProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<Omit<MessageActionListPropsWithContext<StreamChatGenerics>, 'showScreen'>> &\n  Pick<\n    MessageActionListPropsWithContext<StreamChatGenerics>,\n    'showScreen' | 'message' | 'isMyMessage' | 'error' | 'isThreadMessage' | 'messageReactions'\n  >;\n\n/**\n * MessageActionList - A high level component which implements all the logic required for MessageActions\n */\nexport const MessageActionList = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageActionListProps<StreamChatGenerics>,\n) => {\n  const { data } = useMessageOverlayContext<StreamChatGenerics>();\n\n  const { alignment, messageActions } = data || {};\n\n  return <MemoizedMessageActionList {...{ alignment, messageActions }} {...props} />;\n};\n"]}
+{"version":3,"names":["styles","StyleSheet","create","bottomBorder","borderBottomWidth","container","borderRadius","marginTop","maxWidth","row","alignItems","flexDirection","justifyContent","minWidth","vw","paddingHorizontal","paddingVertical","titleStyle","paddingLeft","MessageActionListWithContext","props","alignment","messageActions","showScreen","MessageActionListItem","DefaultMessageActionListItem","isMyMessage","message","messageReactions","error","isThreadMessage","messageActionProps","useTheme","white_snow","theme","colors","height","useSharedValue","width","showScreenStyle","useAnimatedStyle","transform","translateY","interpolate","value","translateX","scale","layout","nativeEvent","backgroundColor","map","messageAction","index","title","length","areEqual","prevProps","nextProps","prevAlignment","prevMessageActions","nextAlignment","nextMessageActions","messageActionsEqual","alignmentEqual","MemoizedMessageActionList","React","memo","MessageActionList","useMessageOverlayContext","data"],"sources":["MessageActionList.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, ViewStyle } from 'react-native';\nimport Animated, { interpolate, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';\n\nimport { MessageActionListItem as DefaultMessageActionListItem } from './MessageActionListItem';\n\nimport {\n  MessageOverlayData,\n  useMessageOverlayContext,\n} from '../../contexts/messageOverlayContext/MessageOverlayContext';\nimport type { OverlayProviderProps } from '../../contexts/overlayContext/OverlayContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { vw } from '../../utils/utils';\n\nconst styles = StyleSheet.create({\n  bottomBorder: {\n    borderBottomWidth: 1,\n  },\n  container: {\n    borderRadius: 16,\n    marginTop: 8,\n    maxWidth: 275,\n  },\n  row: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'flex-start',\n    minWidth: vw(65),\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n  },\n  titleStyle: {\n    paddingLeft: 20,\n  },\n});\n\nexport type MessageActionListPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n  OverlayProviderProps<StreamChatGenerics>,\n  | 'MessageActionListItem'\n  | 'error'\n  | 'isMyMessage'\n  | 'isThreadMessage'\n  | 'message'\n  | 'messageReactions'\n> &\n  Pick<MessageOverlayData<StreamChatGenerics>, 'alignment' | 'messageActions'> & {\n    showScreen: Animated.SharedValue<number>;\n  };\n\nconst MessageActionListWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageActionListPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    alignment,\n    messageActions,\n    showScreen,\n    MessageActionListItem = DefaultMessageActionListItem,\n    isMyMessage,\n    message,\n    messageReactions,\n    error,\n    isThreadMessage,\n  } = props;\n\n  const messageActionProps = {\n    error,\n    isMyMessage,\n    isThreadMessage,\n    message,\n    messageReactions,\n  };\n\n  const {\n    theme: {\n      colors: { white_snow },\n    },\n  } = useTheme();\n\n  const height = useSharedValue(0);\n  const width = useSharedValue(0);\n\n  const showScreenStyle = useAnimatedStyle<ViewStyle>(\n    () => ({\n      transform: [\n        {\n          translateY: interpolate(showScreen.value, [0, 1], [-height.value / 2, 0]),\n        },\n        {\n          translateX: interpolate(\n            showScreen.value,\n            [0, 1],\n            [alignment === 'left' ? -width.value / 2 : width.value / 2, 0],\n          ),\n        },\n        {\n          scale: showScreen.value,\n        },\n      ],\n    }),\n    [alignment],\n  );\n\n  return (\n    <Animated.View\n      onLayout={({ nativeEvent: { layout } }) => {\n        width.value = layout.width;\n        height.value = layout.height;\n      }}\n      style={[styles.container, { backgroundColor: white_snow }, showScreenStyle]}\n      testID='message-action-list'\n    >\n      {messageActions?.map((messageAction, index) => (\n        <MessageActionListItem\n          key={messageAction.title}\n          {...messageActionProps}\n          {...{ ...messageAction, index, length: messageActions.length }}\n        />\n      ))}\n    </Animated.View>\n  );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n  prevProps: MessageActionListPropsWithContext<StreamChatGenerics>,\n  nextProps: MessageActionListPropsWithContext<StreamChatGenerics>,\n) => {\n  const { alignment: prevAlignment, messageActions: prevMessageActions } = prevProps;\n  const { alignment: nextAlignment, messageActions: nextMessageActions } = nextProps;\n\n  const messageActionsEqual = prevMessageActions?.length === nextMessageActions?.length;\n  if (!messageActionsEqual) return false;\n\n  const alignmentEqual = prevAlignment === nextAlignment;\n  if (!alignmentEqual) return false;\n\n  return true;\n};\n\nconst MemoizedMessageActionList = React.memo(\n  MessageActionListWithContext,\n  areEqual,\n) as typeof MessageActionListWithContext;\n\nexport type MessageActionListProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<Omit<MessageActionListPropsWithContext<StreamChatGenerics>, 'showScreen'>> &\n  Pick<\n    MessageActionListPropsWithContext<StreamChatGenerics>,\n    'showScreen' | 'message' | 'isMyMessage' | 'error' | 'isThreadMessage' | 'messageReactions'\n  >;\n\n/**\n * MessageActionList - A high level component which implements all the logic required for MessageActions\n */\nexport const MessageActionList = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageActionListProps<StreamChatGenerics>,\n) => {\n  const { data } = useMessageOverlayContext<StreamChatGenerics>();\n\n  const { alignment, messageActions } = data || {};\n\n  return <MemoizedMessageActionList {...{ alignment, messageActions }} {...props} />;\n};\n"],"mappings":"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"}

package/lib/module/components/MessageOverlay/MessageActionListItem.js

@@ -1,29 +1,18 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MessageActionListItem = exports.MemoizedMessageActionListItem = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeGestureHandler = require("react-native-gesture-handler");
-
 var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
-
 var _useMessageActionAnimation = require("./hooks/useMessageActionAnimation");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _utils = require("../../utils/utils");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageOverlay/MessageActionListItem.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageOverlay/MessageActionListItem.tsx";
 var styles = _reactNative.StyleSheet.create({
   bottomBorder: {
     borderBottomWidth: 1
@@ -45,29 +34,25 @@ var styles = _reactNative.StyleSheet.create({
     paddingLeft: 20
   }
 });
-
 var MessageActionListItemWithContext = function MessageActionListItemWithContext(props) {
   var action = props.action,
-      actionType = props.actionType,
-      icon = props.icon,
-      index = props.index,
-      length = props.length,
-      title = props.title,
-      titleStyle = props.titleStyle;
-
+    actionType = props.actionType,
+    icon = props.icon,
+    index = props.index,
+    length = props.length,
+    title = props.title,
+    titleStyle = props.titleStyle;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      black = _useTheme$theme$color.black,
-      border = _useTheme$theme$color.border,
-      messageActions = _useTheme$theme.overlay.messageActions;
-
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    black = _useTheme$theme$color.black,
+    border = _useTheme$theme$color.border,
+    messageActions = _useTheme$theme.overlay.messageActions;
   var _useMessageActionAnim = (0, _useMessageActionAnimation.useMessageActionAnimation)({
-    action: action
-  }),
-      animatedStyle = _useMessageActionAnim.animatedStyle,
-      onTap = _useMessageActionAnim.onTap;
-
+      action: action
+    }),
+    animatedStyle = _useMessageActionAnim.animatedStyle,
+    onTap = _useMessageActionAnim.onTap;
   return _react["default"].createElement(_reactNativeGestureHandler.TapGestureHandler, {
     onHandlerStateChange: onTap,
     __self: _this,
@@ -107,15 +92,11 @@ var MessageActionListItemWithContext = function MessageActionListItemWithContext
     }
   }, title)));
 };
-
 var messageActionIsEqual = function messageActionIsEqual(prevProps, nextProps) {
   return prevProps.length === nextProps.length;
 };
-
 var MemoizedMessageActionListItem = _react["default"].memo(MessageActionListItemWithContext, messageActionIsEqual);
-
 exports.MemoizedMessageActionListItem = MemoizedMessageActionListItem;
-
 var MessageActionListItem = function MessageActionListItem(props) {
   return _react["default"].createElement(MemoizedMessageActionListItem, (0, _extends2["default"])({}, props, {
     __self: _this,
@@ -126,6 +107,5 @@ var MessageActionListItem = function MessageActionListItem(props) {
     }
   }));
 };
-
 exports.MessageActionListItem = MessageActionListItem;
 //# sourceMappingURL=MessageActionListItem.js.map

package/lib/module/components/MessageOverlay/MessageActionListItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MessageActionListItem.tsx"],"names":["styles","StyleSheet","create","bottomBorder","borderBottomWidth","container","borderRadius","marginTop","maxWidth","row","alignItems","flexDirection","justifyContent","minWidth","paddingHorizontal","paddingVertical","titleStyle","paddingLeft","MessageActionListItemWithContext","props","action","actionType","icon","index","length","title","theme","colors","black","border","messageActions","overlay","animatedStyle","onTap","borderBottomColor","actionContainer","color","messageActionIsEqual","prevProps","nextProps","MemoizedMessageActionListItem","React","memo","MessageActionListItem"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleProp, StyleSheet, Text, TextStyle, View } from 'react-native';\nimport { TapGestureHandler } from 'react-native-gesture-handler';\nimport Animated from 'react-native-reanimated';\n\nimport { useMessageActionAnimation } from './hooks/useMessageActionAnimation';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { vw } from '../../utils/utils';\nimport type { MessageOverlayPropsWithContext } from '../MessageOverlay/MessageOverlay';\n\nconst styles = StyleSheet.create({\n  bottomBorder: {\n    borderBottomWidth: 1,\n  },\n  container: {\n    borderRadius: 16,\n    marginTop: 8,\n    maxWidth: 275,\n  },\n  row: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'flex-start',\n    minWidth: vw(65),\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n  },\n  titleStyle: {\n    paddingLeft: 20,\n  },\n});\n\nexport type ActionType =\n  | 'blockUser'\n  | 'copyMessage'\n  | 'deleteMessage'\n  | 'editMessage'\n  | 'flagMessage'\n  | 'muteUser'\n  | 'pinMessage'\n  | 'selectReaction'\n  | 'reply'\n  | 'retry'\n  | 'quotedReply'\n  | 'threadReply'\n  | 'unpinMessage';\n\nexport type MessageActionType = {\n  action: () => void;\n  actionType: ActionType;\n  title: string;\n  icon?: React.ReactElement;\n  titleStyle?: StyleProp<TextStyle>;\n};\n\nexport type MessageActionListItemProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = MessageActionType &\n  Pick<\n    MessageOverlayPropsWithContext<StreamChatGenerics>,\n    'error' | 'isMyMessage' | 'isThreadMessage' | 'message' | 'messageReactions'\n  > & {\n    index: number;\n    length: number;\n  };\n\nconst MessageActionListItemWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageActionListItemProps<StreamChatGenerics>,\n) => {\n  const { action, actionType, icon, index, length, title, titleStyle } = props;\n\n  const {\n    theme: {\n      colors: { black, border },\n      overlay: { messageActions },\n    },\n  } = useTheme();\n\n  const { animatedStyle, onTap } = useMessageActionAnimation({ action });\n\n  return (\n    <TapGestureHandler onHandlerStateChange={onTap}>\n      <Animated.View\n        style={[\n          styles.row,\n          index !== length - 1 ? { ...styles.bottomBorder, borderBottomColor: border } : {},\n          animatedStyle,\n          messageActions.actionContainer,\n        ]}\n        testID={`${actionType}-list-item`}\n      >\n        <View style={messageActions.icon}>{icon}</View>\n        <Text style={[styles.titleStyle, messageActions.title, { color: black }, titleStyle]}>\n          {title}\n        </Text>\n      </Animated.View>\n    </TapGestureHandler>\n  );\n};\n\nconst messageActionIsEqual = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  prevProps: MessageActionListItemProps<StreamChatGenerics>,\n  nextProps: MessageActionListItemProps<StreamChatGenerics>,\n) => prevProps.length === nextProps.length;\n\nexport const MemoizedMessageActionListItem = React.memo(\n  MessageActionListItemWithContext,\n  messageActionIsEqual,\n) as typeof MessageActionListItemWithContext;\n\n/**\n * MessageActionListItem - A high-level component that implements all the logic required for a `MessageAction` in a `MessageActionList`\n */\nexport const MessageActionListItem = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageActionListItemProps<StreamChatGenerics>,\n) => <MemoizedMessageActionListItem {...props} />;\n"]}
+{"version":3,"names":["styles","StyleSheet","create","bottomBorder","borderBottomWidth","container","borderRadius","marginTop","maxWidth","row","alignItems","flexDirection","justifyContent","minWidth","vw","paddingHorizontal","paddingVertical","titleStyle","paddingLeft","MessageActionListItemWithContext","props","action","actionType","icon","index","length","title","useTheme","theme","colors","black","border","messageActions","overlay","useMessageActionAnimation","animatedStyle","onTap","borderBottomColor","actionContainer","color","messageActionIsEqual","prevProps","nextProps","MemoizedMessageActionListItem","React","memo","MessageActionListItem"],"sources":["MessageActionListItem.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, StyleSheet, Text, TextStyle, View } from 'react-native';\nimport { TapGestureHandler } from 'react-native-gesture-handler';\nimport Animated from 'react-native-reanimated';\n\nimport { useMessageActionAnimation } from './hooks/useMessageActionAnimation';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { vw } from '../../utils/utils';\nimport type { MessageOverlayPropsWithContext } from '../MessageOverlay/MessageOverlay';\n\nconst styles = StyleSheet.create({\n  bottomBorder: {\n    borderBottomWidth: 1,\n  },\n  container: {\n    borderRadius: 16,\n    marginTop: 8,\n    maxWidth: 275,\n  },\n  row: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'flex-start',\n    minWidth: vw(65),\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n  },\n  titleStyle: {\n    paddingLeft: 20,\n  },\n});\n\nexport type ActionType =\n  | 'blockUser'\n  | 'copyMessage'\n  | 'deleteMessage'\n  | 'editMessage'\n  | 'flagMessage'\n  | 'muteUser'\n  | 'pinMessage'\n  | 'selectReaction'\n  | 'reply'\n  | 'retry'\n  | 'quotedReply'\n  | 'threadReply'\n  | 'unpinMessage';\n\nexport type MessageActionType = {\n  action: () => void;\n  actionType: ActionType;\n  title: string;\n  icon?: React.ReactElement;\n  titleStyle?: StyleProp<TextStyle>;\n};\n\nexport type MessageActionListItemProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = MessageActionType &\n  Pick<\n    MessageOverlayPropsWithContext<StreamChatGenerics>,\n    'error' | 'isMyMessage' | 'isThreadMessage' | 'message' | 'messageReactions'\n  > & {\n    index: number;\n    length: number;\n  };\n\nconst MessageActionListItemWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageActionListItemProps<StreamChatGenerics>,\n) => {\n  const { action, actionType, icon, index, length, title, titleStyle } = props;\n\n  const {\n    theme: {\n      colors: { black, border },\n      overlay: { messageActions },\n    },\n  } = useTheme();\n\n  const { animatedStyle, onTap } = useMessageActionAnimation({ action });\n\n  return (\n    <TapGestureHandler onHandlerStateChange={onTap}>\n      <Animated.View\n        style={[\n          styles.row,\n          index !== length - 1 ? { ...styles.bottomBorder, borderBottomColor: border } : {},\n          animatedStyle,\n          messageActions.actionContainer,\n        ]}\n        testID={`${actionType}-list-item`}\n      >\n        <View style={messageActions.icon}>{icon}</View>\n        <Text style={[styles.titleStyle, messageActions.title, { color: black }, titleStyle]}>\n          {title}\n        </Text>\n      </Animated.View>\n    </TapGestureHandler>\n  );\n};\n\nconst messageActionIsEqual = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  prevProps: MessageActionListItemProps<StreamChatGenerics>,\n  nextProps: MessageActionListItemProps<StreamChatGenerics>,\n) => prevProps.length === nextProps.length;\n\nexport const MemoizedMessageActionListItem = React.memo(\n  MessageActionListItemWithContext,\n  messageActionIsEqual,\n) as typeof MessageActionListItemWithContext;\n\n/**\n * MessageActionListItem - A high-level component that implements all the logic required for a `MessageAction` in a `MessageActionList`\n */\nexport const MessageActionListItem = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: MessageActionListItemProps<StreamChatGenerics>,\n) => <MemoizedMessageActionListItem {...props} />;\n"],"mappings":"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"}