stream-chat-react-native-core 9.3.1-beta.3 → 9.3.1-beta.4

package/lib/module/components/Message/hooks/useMessageReadData.js

@@ -7,6 +7,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _ChannelContext = require("../../../contexts/channelContext/ChannelContext");
 var _ChatContext = require("../../../contexts/chatContext/ChatContext");
+var _hooks = require("../../../hooks");
 var useMessageReadData = exports.useMessageReadData = function useMessageReadData(_ref) {
   var _client$user2;
   var message = _ref.message;
@@ -14,7 +15,8 @@ var useMessageReadData = exports.useMessageReadData = function useMessageReadDat
     channel = _useChannelContext.channel;
   var _useChatContext = (0, _ChatContext.useChatContext)(),
     client = _useChatContext.client;
-  var calculate = (0, _react.useCallback)(function () {
+  var messageIdRef = (0, _react.useRef)(message == null ? void 0 : message.id);
+  var calculate = (0, _hooks.useStableCallback)(function () {
     if (!(message != null && message.created_at)) {
       return [];
     }
@@ -23,14 +25,17 @@ var useMessageReadData = exports.useMessageReadData = function useMessageReadDat
       timestampMs: new Date(message.created_at).getTime()
     };
     return channel.messageReceiptsTracker.readersForMessage(messageRef);
-  }, [channel, message]);
-  var _useState = (0, _react.useState)([]),
+  });
+  var _useState = (0, _react.useState)(function () {
+      return calculate();
+    }),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     readBy = _useState2[0],
     setReadBy = _useState2[1];
-  (0, _react.useEffect)(function () {
+  if (!!messageIdRef.current && !!(message != null && message.id) && messageIdRef.current !== message.id) {
     setReadBy(calculate());
-  }, [calculate]);
+    messageIdRef.current = message.id;
+  }
   (0, _react.useEffect)(function () {
     var _channel$on = channel.on('message.read', function (event) {
         var _event$user, _client$user;

package/lib/module/components/Message/hooks/useMessageReadData.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_ChannelContext","_ChatContext","useMessageReadData","exports","_ref","_client$user2","message","_useChannelContext","useChannelContext","channel","_useChatContext","useChatContext","client","calculate","useCallback","created_at","messageRef","msgId","id","timestampMs","Date","getTime","messageReceiptsTracker","readersForMessage","_useState","useState","_useState2","_slicedToArray2","default","readBy","setReadBy","useEffect","_channel$on","on","event","_event$user","_client$user","user","unsubscribe"],"sourceRoot":"../../../../../src","sources":["components/Message/hooks/useMessageReadData.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEO,IAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,SAArBA,kBAAkBA,CAAAE,IAAA,EAAgD;EAAA,IAAAC,aAAA;EAAA,IAA1CC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAC1C,IAAAC,kBAAA,GAAoB,IAAAC,iCAAiB,EAAC,CAAC;IAA/BC,OAAO,GAAAF,kBAAA,CAAPE,OAAO;EACf,IAAAC,eAAA,GAAmB,IAAAC,2BAAc,EAAC,CAAC;IAA3BC,MAAM,GAAAF,eAAA,CAANE,MAAM;EACd,IAAMC,SAAS,GAAG,IAAAC,kBAAW,EAAC,YAAM;IAClC,IAAI,EAACR,OAAO,YAAPA,OAAO,CAAES,UAAU,GAAE;MACxB,OAAO,EAAE;IACX;IACA,IAAMC,UAAU,GAAG;MACjBC,KAAK,EAAEX,OAAO,CAACY,EAAE;MACjBC,WAAW,EAAE,IAAIC,IAAI,CAACd,OAAO,CAACS,UAAU,CAAC,CAACM,OAAO,CAAC;IACpD,CAAC;IAED,OAAOZ,OAAO,CAACa,sBAAsB,CAACC,iBAAiB,CAACP,UAAU,CAAC;EACrE,CAAC,EAAE,CAACP,OAAO,EAAEH,OAAO,CAAC,CAAC;EAEtB,IAAAkB,SAAA,GAA4B,IAAAC,eAAQ,EAAiB,EAAE,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAAjDK,MAAM,GAAAH,UAAA;IAAEI,SAAS,GAAAJ,UAAA;EAExB,IAAAK,gBAAS,EAAC,YAAM;IACdD,SAAS,CAACjB,SAAS,CAAC,CAAC,CAAC;EACxB,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,IAAAkB,gBAAS,EAAC,YAAM;IACd,IAAAC,WAAA,GAAwBvB,OAAO,CAACwB,EAAE,CAAC,cAAc,EAAE,UAACC,KAAY,EAAK;QAAA,IAAAC,WAAA,EAAAC,YAAA;QAInE,IAAI,EAAAD,WAAA,GAAAD,KAAK,CAACG,IAAI,qBAAVF,WAAA,CAAYjB,EAAE,QAAAkB,YAAA,GAAKxB,MAAM,CAACyB,IAAI,qBAAXD,YAAA,CAAalB,EAAE,GAAE;UACtCY,SAAS,CAACjB,SAAS,CAAC,CAAC,CAAC;QACxB;MACF,CAAC,CAAC;MAPMyB,WAAW,GAAAN,WAAA,CAAXM,WAAW;IAQnB,OAAOA,WAAW;EACpB,CAAC,EAAE,CAAC7B,OAAO,EAAEI,SAAS,GAAAR,aAAA,GAAEO,MAAM,CAACyB,IAAI,qBAAXhC,aAAA,CAAaa,EAAE,CAAC,CAAC;EAEzC,OAAOW,MAAM;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","_ChannelContext","_ChatContext","_hooks","useMessageReadData","exports","_ref","_client$user2","message","_useChannelContext","useChannelContext","channel","_useChatContext","useChatContext","client","messageIdRef","useRef","id","calculate","useStableCallback","created_at","messageRef","msgId","timestampMs","Date","getTime","messageReceiptsTracker","readersForMessage","_useState","useState","_useState2","_slicedToArray2","default","readBy","setReadBy","current","useEffect","_channel$on","on","event","_event$user","_client$user","user","unsubscribe"],"sourceRoot":"../../../../../src","sources":["components/Message/hooks/useMessageReadData.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEO,IAAMI,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,SAArBA,kBAAkBA,CAAAE,IAAA,EAAgD;EAAA,IAAAC,aAAA;EAAA,IAA1CC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAC1C,IAAAC,kBAAA,GAAoB,IAAAC,iCAAiB,EAAC,CAAC;IAA/BC,OAAO,GAAAF,kBAAA,CAAPE,OAAO;EACf,IAAAC,eAAA,GAAmB,IAAAC,2BAAc,EAAC,CAAC;IAA3BC,MAAM,GAAAF,eAAA,CAANE,MAAM;EAEd,IAAMC,YAAY,GAAG,IAAAC,aAAM,EAASR,OAAO,oBAAPA,OAAO,CAAES,EAAE,CAAC;EAEhD,IAAMC,SAAS,GAAG,IAAAC,wBAAiB,EAAC,YAAM;IACxC,IAAI,EAACX,OAAO,YAAPA,OAAO,CAAEY,UAAU,GAAE;MACxB,OAAO,EAAE;IACX;IACA,IAAMC,UAAU,GAAG;MACjBC,KAAK,EAAEd,OAAO,CAACS,EAAE;MACjBM,WAAW,EAAE,IAAIC,IAAI,CAAChB,OAAO,CAACY,UAAU,CAAC,CAACK,OAAO,CAAC;IACpD,CAAC;IAED,OAAOd,OAAO,CAACe,sBAAsB,CAACC,iBAAiB,CAACN,UAAU,CAAC;EACrE,CAAC,CAAC;EAEF,IAAAO,SAAA,GAA4B,IAAAC,eAAQ,EAAiB;MAAA,OAAMX,SAAS,CAAC,CAAC;IAAA,EAAC;IAAAY,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAAhEK,MAAM,GAAAH,UAAA;IAAEI,SAAS,GAAAJ,UAAA;EAExB,IAAI,CAAC,CAACf,YAAY,CAACoB,OAAO,IAAI,CAAC,EAAC3B,OAAO,YAAPA,OAAO,CAAES,EAAE,KAAIF,YAAY,CAACoB,OAAO,KAAK3B,OAAO,CAACS,EAAE,EAAE;IAClFiB,SAAS,CAAChB,SAAS,CAAC,CAAC,CAAC;IACtBH,YAAY,CAACoB,OAAO,GAAG3B,OAAO,CAACS,EAAE;EACnC;EAEA,IAAAmB,gBAAS,EAAC,YAAM;IACd,IAAAC,WAAA,GAAwB1B,OAAO,CAAC2B,EAAE,CAAC,cAAc,EAAE,UAACC,KAAY,EAAK;QAAA,IAAAC,WAAA,EAAAC,YAAA;QAInE,IAAI,EAAAD,WAAA,GAAAD,KAAK,CAACG,IAAI,qBAAVF,WAAA,CAAYvB,EAAE,QAAAwB,YAAA,GAAK3B,MAAM,CAAC4B,IAAI,qBAAXD,YAAA,CAAaxB,EAAE,GAAE;UACtCiB,SAAS,CAAChB,SAAS,CAAC,CAAC,CAAC;QACxB;MACF,CAAC,CAAC;MAPMyB,WAAW,GAAAN,WAAA,CAAXM,WAAW;IAQnB,OAAOA,WAAW;EACpB,CAAC,EAAE,CAAChC,OAAO,EAAEO,SAAS,GAAAX,aAAA,GAAEO,MAAM,CAAC4B,IAAI,qBAAXnC,aAAA,CAAaU,EAAE,CAAC,CAAC;EAEzC,OAAOgB,MAAM;AACf,CAAC","ignoreList":[]}

package/lib/module/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "9.3.1-beta.3"
+  "version": "9.3.1-beta.4"
 }

package/lib/typescript/components/Message/MessageItemView/MessageBubble.d.ts

@@ -4,6 +4,6 @@ type SwipableMessageWrapperProps = Pick<MessageItemViewPropsWithContext, 'messag
     children: ReactNode;
     onSwipe: () => void;
 };
-export declare const SwipableMessageWrapper: React.MemoExoticComponent<(props: SwipableMessageWrapperProps) => React.JSX.Element>;
+export declare const SwipableMessageWrapper: React.NamedExoticComponent<SwipableMessageWrapperProps>;
 export {};
 //# sourceMappingURL=MessageBubble.d.ts.map

package/lib/typescript/components/Message/MessageItemView/MessageBubble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageBubble.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/MessageItemView/MessageBubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAY5D,OAAO,EAAE,+BAA+B,EAAE,MAAM,mBAAmB,CAAC;AASpE,KAAK,2BAA2B,GAAG,IAAI,CACrC,+BAA+B,EAC/B,4BAA4B,CAC7B,GAAG;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,oCAAsB,2BAA2B,uBA6GlF,CAAC"}
+{"version":3,"file":"MessageBubble.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/MessageItemView/MessageBubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAY5D,OAAO,EAAE,+BAA+B,EAAE,MAAM,mBAAmB,CAAC;AASpE,KAAK,2BAA2B,GAAG,IAAI,CACrC,+BAA+B,EAC/B,4BAA4B,CAC7B,GAAG;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,yDA+GjC,CAAC"}

package/lib/typescript/components/Message/MessageItemView/MessageContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/MessageItemView/MessageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAA0B,UAAU,EAA+B,MAAM,cAAc,CAAC;AAM/F,OAAO,EACL,mBAAmB,EAEpB,MAAM,iDAAiD,CAAC;AAEzD,OAAO,EACL,oBAAoB,EAErB,MAAM,mDAAmD,CAAC;AAE3D,OAAO,EACL,uBAAuB,EAExB,MAAM,yDAAyD,CAAC;AA+BjE,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAC/C,mBAAmB,EACjB,WAAW,GACX,aAAa,GACb,aAAa,GACb,aAAa,GACb,SAAS,GACT,qBAAqB,GACrB,aAAa,GACb,SAAS,GACT,WAAW,GACX,kBAAkB,GAClB,cAAc,GACd,YAAY,GACZ,sBAAsB,CACzB,GACC,IAAI,CACF,oBAAoB,EAClB,0BAA0B,GAC1B,6BAA6B,GAC7B,mBAAmB,GACnB,gBAAgB,CACnB,GACD,IAAI,CAAC,uBAAuB,EAAE,GAAG,CAAC,GAAG;IACnC;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAC;IAEvC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAscJ,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC,8BAA8B,CAAC,CAAC;AAE1E;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,sBA2FxD,CAAC"}
+{"version":3,"file":"MessageContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/MessageItemView/MessageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,UAAU,EAA0C,MAAM,cAAc,CAAC;AAMlF,OAAO,EACL,mBAAmB,EAEpB,MAAM,iDAAiD,CAAC;AAEzD,OAAO,EACL,oBAAoB,EAErB,MAAM,mDAAmD,CAAC;AAE3D,OAAO,EACL,uBAAuB,EAExB,MAAM,yDAAyD,CAAC;AA+BjE,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAC/C,mBAAmB,EACjB,WAAW,GACX,aAAa,GACb,aAAa,GACb,aAAa,GACb,SAAS,GACT,qBAAqB,GACrB,aAAa,GACb,SAAS,GACT,WAAW,GACX,kBAAkB,GAClB,cAAc,GACd,YAAY,GACZ,sBAAsB,CACzB,GACC,IAAI,CACF,oBAAoB,EAClB,0BAA0B,GAC1B,6BAA6B,GAC7B,mBAAmB,GACnB,gBAAgB,CACnB,GACD,IAAI,CAAC,uBAAuB,EAAE,GAAG,CAAC,GAAG;IACnC;;OAEG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAC;IAEvC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAicJ,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC,8BAA8B,CAAC,CAAC;AAE1E;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,sBA2FxD,CAAC"}

package/lib/typescript/components/Message/MessageItemView/MessageWrapper.d.ts

@@ -5,5 +5,5 @@ export type MessageWrapperProps = {
     previousMessage?: LocalMessage;
     nextMessage?: LocalMessage;
 };
-export declare const MessageWrapper: React.MemoExoticComponent<(props: MessageWrapperProps) => React.JSX.Element | null>;
+export declare const MessageWrapper: React.NamedExoticComponent<MessageWrapperProps>;
 //# sourceMappingURL=MessageWrapper.d.ts.map

package/lib/typescript/components/Message/MessageItemView/MessageWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/MessageItemView/MessageWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAsB3C,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,YAAY,CAAC;IACtB,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,WAAW,CAAC,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,cAAc,oCAAsB,mBAAmB,8BAoGlE,CAAC"}
+{"version":3,"file":"MessageWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/MessageItemView/MessageWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAsB3C,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,YAAY,CAAC;IACtB,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,WAAW,CAAC,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,cAAc,iDAoGzB,CAAC"}

package/lib/typescript/components/Message/MessageItemView/utils/renderText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderText.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Message/MessageItemView/utils/renderText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqB,SAAS,EAAwB,MAAM,OAAO,CAAC;AAiBlF,OAAO,EACL,YAAY,EAIZ,MAAM,EAGN,aAAa,EACb,KAAK,EACN,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,YAAY,EAAgB,MAAM,aAAa,CAAC;AAI9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AAC9F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAGnF,OAAO,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAI1E,KAAK,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;AAE3C,eAAO,MAAM,0BAA0B,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,sBAkD/E,CAAC;AA0EF,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG,OAAO,CACpC,IAAI,CAAC,mBAAmB,EAAE,aAAa,GAAG,SAAS,GAAG,cAAc,CAAC,CACtE,GAAG;IACF,SAAS,EAAE,OAAO,SAAS,CAAC;IAC5B,OAAO,EAAE,YAAY,CAAC;IACtB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,QAAQ,gBAAgB,sBAoTlD,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;CACjC;AAED;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,GAAI,iCAAiC,eAAe,sBAsC1E,CAAC;AAoBF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;CAChC,CAAC;AA2BF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;CAChC,CAAC"}
+{"version":3,"file":"renderText.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Message/MessageItemView/utils/renderText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqB,SAAS,EAAwB,MAAM,OAAO,CAAC;AAiBlF,OAAO,EACL,YAAY,EAIZ,MAAM,EAGN,aAAa,EACb,KAAK,EACN,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,YAAY,EAAgB,MAAM,aAAa,CAAC;AAI9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AAC9F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAGnF,OAAO,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAI1E,KAAK,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;AAE3C,eAAO,MAAM,0BAA0B,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,sBAkD/E,CAAC;AAyGF,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG,OAAO,CACpC,IAAI,CAAC,mBAAmB,EAAE,aAAa,GAAG,SAAS,GAAG,cAAc,CAAC,CACtE,GAAG;IACF,SAAS,EAAE,OAAO,SAAS,CAAC;IAC5B,OAAO,EAAE,YAAY,CAAC;IACtB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,QAAQ,gBAAgB,sBAoTlD,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;CACjC;AAED;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,GAAI,iCAAiC,eAAe,sBAsC1E,CAAC;AAoBF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;CAChC,CAAC;AA2BF,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;CAChC,CAAC"}

package/lib/typescript/components/Message/hooks/useMessageDeliveryData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMessageDeliveryData.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/hooks/useMessageDeliveryData.ts"],"names":[],"mappings":"AAEA,OAAO,EAAS,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAKhE,eAAO,MAAM,uBAAuB,GAAI,aAAa;IAAE,OAAO,CAAC,EAAE,YAAY,CAAA;CAAE,mBAiC9E,CAAC"}
+{"version":3,"file":"useMessageDeliveryData.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/hooks/useMessageDeliveryData.ts"],"names":[],"mappings":"AAEA,OAAO,EAAS,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAMhE,eAAO,MAAM,uBAAuB,GAAI,aAAa;IAAE,OAAO,CAAC,EAAE,YAAY,CAAA;CAAE,mBAqC9E,CAAC"}

package/lib/typescript/components/Message/hooks/useMessageReadData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMessageReadData.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/hooks/useMessageReadData.ts"],"names":[],"mappings":"AAEA,OAAO,EAAS,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAKhE,eAAO,MAAM,kBAAkB,GAAI,aAAa;IAAE,OAAO,CAAC,EAAE,YAAY,CAAA;CAAE,mBAkCzE,CAAC"}
+{"version":3,"file":"useMessageReadData.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/hooks/useMessageReadData.ts"],"names":[],"mappings":"AAEA,OAAO,EAAS,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAMhE,eAAO,MAAM,kBAAkB,GAAI,aAAa;IAAE,OAAO,CAAC,EAAE,YAAY,CAAA;CAAE,mBAsCzE,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native-core",
   "description": "The official React Native and Expo components for Stream Chat, a service for building chat applications",
-  "version": "9.3.1-beta.3",
+  "version": "9.3.1-beta.4",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"

package/src/components/Message/MessageItemView/MessageBubble.tsx

@@ -27,7 +27,9 @@ type SwipableMessageWrapperProps = Pick<
   onSwipe: () => void;
 };
 
-export const SwipableMessageWrapper = React.memo((props: SwipableMessageWrapperProps) => {
+export const SwipableMessageWrapper = React.memo(function SwipableMessageWrapper(
+  props: SwipableMessageWrapperProps,
+) {
   const { children, messageSwipeToReplyHitSlop, onSwipe } = props;
   const { MessageSwipeContent } = useComponentsContext();
   const isRTL = I18nManager.isRTL;

package/src/components/Message/MessageItemView/MessageContent.tsx

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import { AnimatableNumericValue, ColorValue, Pressable, StyleSheet, View } from 'react-native';
+import { ColorValue, Pressable, StyleSheet, View, ViewStyle } from 'react-native';
 
 import { MessageTextContainer } from './MessageTextContainer';
 
@@ -169,47 +169,46 @@ const MessageContentWithContext = (props: MessageContentPropsWithContext) => {
     [message, isMessageAIGenerated],
   );
 
-  const getBorderRadius = () => {
+  // Merged background-color + border-radius object passed directly into the
+  // bubble's style array (no spread at the call site). Theme-defined radii
+  // override the group-position-computed defaults; theme-undefined radii are
+  // omitted so they don't override the computed defaults.
+  const bubbleColorAndRadius = useMemo<ViewStyle>(() => {
     // enum('top', 'middle', 'bottom', 'single')
     const groupPosition = groupStyles?.[0];
-
     const isBottomOrSingle = groupPosition === 'single' || groupPosition === 'bottom';
-    let borderBottomLeftRadius = components.messageBubbleRadiusGroupBottom;
-    let borderBottomRightRadius = components.messageBubbleRadiusGroupBottom;
 
+    let computedBottomLeftRadius = components.messageBubbleRadiusGroupBottom;
+    let computedBottomRightRadius = components.messageBubbleRadiusGroupBottom;
     if (isBottomOrSingle) {
-      // add relevant sharp corner
+      // add relevant sharp corner (the "tail")
       if (isMyMessage) {
-        borderBottomRightRadius = components.messageBubbleRadiusTail;
+        computedBottomRightRadius = components.messageBubbleRadiusTail;
       } else {
-        borderBottomLeftRadius = components.messageBubbleRadiusTail;
+        computedBottomLeftRadius = components.messageBubbleRadiusTail;
       }
     }
 
-    return {
-      borderBottomLeftRadius,
-      borderBottomRightRadius,
-    };
-  };
-
-  const getBorderRadiusFromTheme = () => {
-    const bordersFromTheme: Record<string, string | AnimatableNumericValue | undefined> = {
-      borderBottomLeftRadius,
-      borderBottomRightRadius,
-      borderRadius,
-      borderTopLeftRadius,
-      borderTopRightRadius,
+    const style: ViewStyle = {
+      backgroundColor,
+      borderBottomLeftRadius: borderBottomLeftRadius ?? computedBottomLeftRadius,
+      borderBottomRightRadius: borderBottomRightRadius ?? computedBottomRightRadius,
     };
+    if (borderRadius !== undefined) style.borderRadius = borderRadius;
+    if (borderTopLeftRadius !== undefined) style.borderTopLeftRadius = borderTopLeftRadius;
+    if (borderTopRightRadius !== undefined) style.borderTopRightRadius = borderTopRightRadius;
 
-    // filter out undefined values
-    for (const key in bordersFromTheme) {
-      if (bordersFromTheme[key] === undefined) {
-        delete bordersFromTheme[key];
-      }
-    }
-
-    return bordersFromTheme;
-  };
+    return style;
+  }, [
+    backgroundColor,
+    borderBottomLeftRadius,
+    borderBottomRightRadius,
+    borderRadius,
+    borderTopLeftRadius,
+    borderTopRightRadius,
+    groupStyles,
+    isMyMessage,
+  ]);
 
   const { setNativeScrollability } = useMessageListItemContext();
   const hasContentSideViews = !!(MessageContentLeadingView || MessageContentTrailingView);
@@ -357,12 +356,8 @@ const MessageContentWithContext = (props: MessageContentPropsWithContext) => {
       <View
         style={[
           styles.containerInner,
-          {
-            backgroundColor,
-            ...getBorderRadius(),
-            ...getBorderRadiusFromTheme(),
-          },
-          noBorder ? { borderWidth: 0 } : {},
+          bubbleColorAndRadius,
+          noBorder ? styles.noBorder : null,
           containerInner,
           messageGroupedSingleOrBottom
             ? isVeryLastMessage && enableMessageGroupingByUser
@@ -684,6 +679,7 @@ const styles = StyleSheet.create({
     alignSelf: 'center',
   },
   galleryContainer: {},
+  noBorder: { borderWidth: 0 },
   rightAlignContent: {
     justifyContent: 'flex-end',
   },

package/src/components/Message/MessageItemView/MessageWrapper.tsx

@@ -30,7 +30,7 @@ export type MessageWrapperProps = {
   nextMessage?: LocalMessage;
 };
 
-export const MessageWrapper = React.memo((props: MessageWrapperProps) => {
+export const MessageWrapper = React.memo(function MessageWrapper(props: MessageWrapperProps) {
   const { message, previousMessage, nextMessage } = props;
   const { client } = useChatContext();
   const {

package/src/components/Message/MessageItemView/utils/renderText.tsx

@@ -101,6 +101,37 @@ const defaultMarkdownStyles: MarkdownStyle = {
     fontSize: primitives.typographyFontSizeMd,
     lineHeight: primitives.typographyLineHeightNormal,
   },
+  // Heading sizes are derived from the body font size (`typographyFontSizeMd`) so they
+  // scale with the integrator's typography settings. lineHeight = fontSize × 1.25 to
+  // give headings room to breathe. Both fields are required here: without lineHeight,
+  // the inherited `lineHeight: typographyLineHeightNormal` (20) from `styles.text` (set
+  // in renderText below) leaks into the heading's inner Text via the markdown library's
+  // text rule (`{...styles.text, ...state.style}`) and squishes larger heading fontSizes
+  // into a 20px line box.
+  heading1: {
+    fontSize: primitives.typographyFontSizeMd * 2,
+    lineHeight: primitives.typographyFontSizeMd * 2 * 1.25,
+  },
+  heading2: {
+    fontSize: primitives.typographyFontSizeMd * 1.5,
+    lineHeight: primitives.typographyFontSizeMd * 1.5 * 1.25,
+  },
+  heading3: {
+    fontSize: primitives.typographyFontSizeMd * 1.25,
+    lineHeight: primitives.typographyFontSizeMd * 1.25 * 1.25,
+  },
+  heading4: {
+    fontSize: primitives.typographyFontSizeMd,
+    lineHeight: primitives.typographyFontSizeMd * 1.25,
+  },
+  heading5: {
+    fontSize: primitives.typographyFontSizeMd * 0.875,
+    lineHeight: primitives.typographyFontSizeMd * 0.875 * 1.25,
+  },
+  heading6: {
+    fontSize: primitives.typographyFontSizeMd * 0.75,
+    lineHeight: primitives.typographyFontSizeMd * 0.75 * 1.25,
+  },
   inlineCode: {
     padding: primitives.spacingXxs,
     paddingHorizontal: primitives.spacingXxs,

package/src/components/Message/hooks/useMessageDeliveryData.ts

@@ -1,14 +1,18 @@
-import { useCallback, useEffect, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 
 import { Event, LocalMessage, UserResponse } from 'stream-chat';
 
 import { useChannelContext } from '../../../contexts/channelContext/ChannelContext';
 import { useChatContext } from '../../../contexts/chatContext/ChatContext';
+import { useStableCallback } from '../../../hooks';
 
 export const useMessageDeliveredData = ({ message }: { message?: LocalMessage }) => {
   const { channel } = useChannelContext();
   const { client } = useChatContext();
-  const calculate = useCallback(() => {
+
+  const messageIdRef = useRef<string>(message?.id);
+
+  const calculate = useStableCallback(() => {
     if (!message?.created_at) {
       return [];
     }
@@ -17,13 +21,14 @@ export const useMessageDeliveredData = ({ message }: { message?: LocalMessage })
       timestampMs: new Date(message.created_at).getTime(),
     };
     return channel.messageReceiptsTracker.deliveredForMessage(messageRef);
-  }, [channel, message]);
+  });
 
-  const [deliveredTo, setDeliveredTo] = useState<UserResponse[]>([]);
+  const [deliveredTo, setDeliveredTo] = useState<UserResponse[]>(() => calculate());
 
-  useEffect(() => {
+  if (!!messageIdRef.current && !!message?.id && messageIdRef.current !== message.id) {
     setDeliveredTo(calculate());
-  }, [calculate]);
+    messageIdRef.current = message.id;
+  }
 
   useEffect(() => {
     const { unsubscribe } = channel.on('message.delivered', (event: Event) => {

package/src/components/Message/hooks/useMessageReadData.ts

@@ -1,14 +1,18 @@
-import { useCallback, useEffect, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 
 import { Event, LocalMessage, UserResponse } from 'stream-chat';
 
 import { useChannelContext } from '../../../contexts/channelContext/ChannelContext';
 import { useChatContext } from '../../../contexts/chatContext/ChatContext';
+import { useStableCallback } from '../../../hooks';
 
 export const useMessageReadData = ({ message }: { message?: LocalMessage }) => {
   const { channel } = useChannelContext();
   const { client } = useChatContext();
-  const calculate = useCallback(() => {
+
+  const messageIdRef = useRef<string>(message?.id);
+
+  const calculate = useStableCallback(() => {
     if (!message?.created_at) {
       return [];
     }
@@ -18,13 +22,14 @@ export const useMessageReadData = ({ message }: { message?: LocalMessage }) => {
     };
 
     return channel.messageReceiptsTracker.readersForMessage(messageRef);
-  }, [channel, message]);
+  });
 
-  const [readBy, setReadBy] = useState<UserResponse[]>([]);
+  const [readBy, setReadBy] = useState<UserResponse[]>(() => calculate());
 
-  useEffect(() => {
+  if (!!messageIdRef.current && !!message?.id && messageIdRef.current !== message.id) {
     setReadBy(calculate());
-  }, [calculate]);
+    messageIdRef.current = message.id;
+  }
 
   useEffect(() => {
     const { unsubscribe } = channel.on('message.read', (event: Event) => {

package/src/components/Thread/__tests__/__snapshots__/Thread.test.tsx.snap

@@ -511,7 +511,7 @@ exports[`Thread should match thread snapshot 1`] = `
                                         "borderBottomLeftRadius": 0,
                                         "borderBottomRightRadius": 20,
                                       },
-                                      {},
+                                      null,
                                       {},
                                       {},
                                     ]
@@ -843,7 +843,7 @@ exports[`Thread should match thread snapshot 1`] = `
                                         "borderBottomLeftRadius": 0,
                                         "borderBottomRightRadius": 20,
                                       },
-                                      {},
+                                      null,
                                       {},
                                       {},
                                     ]
@@ -1208,7 +1208,7 @@ exports[`Thread should match thread snapshot 1`] = `
                                         "borderBottomLeftRadius": 0,
                                         "borderBottomRightRadius": 20,
                                       },
-                                      {},
+                                      null,
                                       {},
                                       {},
                                     ]
@@ -1534,7 +1534,7 @@ exports[`Thread should match thread snapshot 1`] = `
                                         "borderBottomLeftRadius": 0,
                                         "borderBottomRightRadius": 20,
                                       },
-                                      {},
+                                      null,
                                       {},
                                       {},
                                     ]

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "9.3.1-beta.3"
+  "version": "9.3.1-beta.4"
 }