@droppii-org/chat-mobile 0.2.80 → 0.2.82

package/lib/module/components/ThreadCard/MentionBadge.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import { memo } from 'react';
+import { KLabel, KColors } from '@droppii/libs';
+import { GroupAtType } from '@droppii/openim-rn-client-sdk';
+import { jsx as _jsx } from "react/jsx-runtime";
+// Figma (node 15177-302069): "@" renders as a standalone bold glyph, no
+// background — same color token as the composer/bubble mention highlight
+// (KColors.palette.primary.w400), not a new one-off value.
+export const MentionBadge = /*#__PURE__*/memo(({
+  groupAtType
+}) => {
+  if (groupAtType === undefined || groupAtType === GroupAtType.AtNormal) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(KLabel.Text, {
+    typo: "TextNmBold",
+    color: KColors.palette.primary.w400,
+    marginL: "0.5rem",
+    children: "@"
+  });
+});
+MentionBadge.displayName = 'MentionBadge';
+//# sourceMappingURL=MentionBadge.js.map

package/lib/module/components/ThreadCard/MentionBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","KLabel","KColors","GroupAtType","jsx","_jsx","MentionBadge","groupAtType","undefined","AtNormal","Text","typo","color","palette","primary","w400","marginL","children","displayName"],"sourceRoot":"../../../../src","sources":["components/ThreadCard/MentionBadge.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,MAAM,EAAEC,OAAO,QAAQ,eAAe;AAC/C,SAASC,WAAW,QAAQ,+BAA+B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM5D;AACA;AACA;AACA,OAAO,MAAMC,YAAY,gBAAGN,IAAI,CAAC,CAAC;EAAEO;AAA+B,CAAC,KAAK;EACvE,IAAIA,WAAW,KAAKC,SAAS,IAAID,WAAW,KAAKJ,WAAW,CAACM,QAAQ,EAAE;IACrE,OAAO,IAAI;EACb;EAEA,oBACEJ,IAAA,CAACJ,MAAM,CAACS,IAAI;IACVC,IAAI,EAAC,YAAY;IACjBC,KAAK,EAAEV,OAAO,CAACW,OAAO,CAACC,OAAO,CAACC,IAAK;IACpCC,OAAO,EAAC,QAAQ;IAAAC,QAAA,EACjB;EAED,CAAa,CAAC;AAElB,CAAC,CAAC;AAEFX,YAAY,CAACY,WAAW,GAAG,cAAc","ignoreList":[]}

package/lib/module/components/ThreadCard/ThreadCard.js

@@ -6,6 +6,7 @@ import { KContainer, KImage, KLabel, KColors } from '@droppii/libs';
 import { AvatarSection } from "./AvatarSection.js";
 import { NamePrefixIcon } from "./NamePrefixIcon.js";
 import { UnreadBadge } from "./UnreadBadge.js";
+import { MentionBadge } from "./MentionBadge.js";
 import { formatTimestamp } from "../../utils/dateTimeUtils.js";
 import { getLastMessageText, getMessagePreviewTextProps } from "../../utils/messageUtils.js";
 import { useConversation, useUserStore } from "../../store/index.js";
@@ -30,7 +31,8 @@ const ThreadCard = /*#__PURE__*/memo(({
     isPinned,
     latestMsgSendTime,
     latestMsg,
-    groupID
+    groupID,
+    groupAtType
   } = conversation || {};
   const {
     data: isJoinedGroup
@@ -151,6 +153,8 @@ const ThreadCard = /*#__PURE__*/memo(({
                 color: KColors.primary.normal
               })
             })
+          }), /*#__PURE__*/_jsx(MentionBadge, {
+            groupAtType: groupAtType
           }), /*#__PURE__*/_jsx(UnreadBadge, {
             count: unreadCount
           })]

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

@@ -1 +1 @@
-{"version":3,"names":["memo","useCallback","useMemo","ReanimatedSwipeable","KContainer","KImage","KLabel","KColors","AvatarSection","NamePrefixIcon","UnreadBadge","formatTimestamp","getLastMessageText","getMessagePreviewTextProps","useConversation","useUserStore","MessageReceiveOptType","MuteThread","PinThread","useIsJoinedGroup","isEmpty","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ThreadCard","item","onPress","conversation","peerType","showName","faceURL","members","unreadCount","recvMsgOpt","Normal","isPinned","latestMsgSendTime","latestMsg","groupID","data","isJoinedGroup","isNotInGroup","latestMsgData","result","JSON","parse","error","console","fullName","hasUnread","isMuted","timestamp","sendTime","currentUserId","s","user","userID","lastMessageText","message","handlePress","event","renderRightActions","_progress","_translation","swipeableMethods","children","VisibleView","visible","Boolean","friction","rightThreshold","Touchable","row","alignItems","paddingH","paddingV","activeOpacity","background","white","avatar","View","flex","marginL","paddingB","Text","typo","numberOfLines","color","black","VectorIcons","name","provider","size","palette","gray","w500","w400","normal","primary","count","displayName"],"sourceRoot":"../../../../src","sources":["components/ThreadCard/ThreadCard.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["memo","useCallback","useMemo","ReanimatedSwipeable","KContainer","KImage","KLabel","KColors","AvatarSection","NamePrefixIcon","UnreadBadge","MentionBadge","formatTimestamp","getLastMessageText","getMessagePreviewTextProps","useConversation","useUserStore","MessageReceiveOptType","MuteThread","PinThread","useIsJoinedGroup","isEmpty","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ThreadCard","item","onPress","conversation","peerType","showName","faceURL","members","unreadCount","recvMsgOpt","Normal","isPinned","latestMsgSendTime","latestMsg","groupID","groupAtType","data","isJoinedGroup","isNotInGroup","latestMsgData","result","JSON","parse","error","console","fullName","hasUnread","isMuted","timestamp","sendTime","currentUserId","s","user","userID","lastMessageText","message","handlePress","event","renderRightActions","_progress","_translation","swipeableMethods","children","VisibleView","visible","Boolean","friction","rightThreshold","Touchable","row","alignItems","paddingH","paddingV","activeOpacity","background","white","avatar","View","flex","marginL","paddingB","Text","typo","numberOfLines","color","black","VectorIcons","name","provider","size","palette","gray","w500","w400","normal","primary","count","displayName"],"sourceRoot":"../../../../src","sources":["components/ThreadCard/ThreadCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/messages/linkMessage/LinkPreviewCard.js

@@ -0,0 +1,67 @@
+"use strict";
+
+import { memo } from 'react';
+import { StyleSheet } from 'react-native';
+import { KContainer, KImage, KLabel, KColors, KSpacingValue } from '@droppii/libs';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The rich link-preview card (thumbnail/title/url/description) — shared by
+ * LinkMessage (message.urlTextElem, a plain URL message) and TextMessage
+ * (mention+URL combo: message.ex.urlMetadata attached to an AtTextMessage,
+ * since OpenIM's AtTextMessage/UrlTextMessage content types are mutually
+ * exclusive — see useSendMessage.ts's doc comment for why the mention wins
+ * the content type and the URL card rides along in `ex` instead).
+ */
+export const LinkPreviewCard = /*#__PURE__*/memo(({
+  metadata,
+  onPressUrl
+}) => /*#__PURE__*/_jsxs(KContainer.Touchable, {
+  style: styles.card,
+  onPress: () => metadata.url && onPressUrl?.(metadata.url),
+  children: [!!metadata.image && /*#__PURE__*/_jsx(KContainer.View, {
+    style: styles.cardThumb,
+    children: /*#__PURE__*/_jsx(KImage.Base, {
+      uri: metadata.image,
+      style: StyleSheet.absoluteFill,
+      resizeMode: "cover"
+    })
+  }), /*#__PURE__*/_jsxs(KContainer.View, {
+    style: styles.cardBody,
+    children: [!!metadata.title && /*#__PURE__*/_jsx(KLabel.Text, {
+      typo: "TextNmMedium",
+      color: KColors.palette.gray.w900,
+      numberOfLines: 1,
+      children: metadata.title
+    }), !!metadata.url && /*#__PURE__*/_jsx(KLabel.Text, {
+      typo: "TextXsMedium",
+      color: KColors.palette.primary.w400,
+      numberOfLines: 1,
+      children: metadata.url
+    }), !!metadata.description && /*#__PURE__*/_jsx(KLabel.Text, {
+      typo: "TextXsNormal",
+      color: KColors.gray.normal,
+      numberOfLines: 2,
+      children: metadata.description
+    })]
+  })]
+}));
+LinkPreviewCard.displayName = 'LinkPreviewCard';
+const styles = StyleSheet.create({
+  card: {
+    borderRadius: KSpacingValue['0.75rem'],
+    borderWidth: 1,
+    borderColor: 'rgba(57,62,64,0.1)',
+    backgroundColor: KColors.white,
+    overflow: 'hidden'
+  },
+  cardThumb: {
+    width: '100%',
+    aspectRatio: 16 / 9
+  },
+  cardBody: {
+    paddingHorizontal: KSpacingValue['0.75rem'],
+    paddingVertical: KSpacingValue['0.5rem'],
+    gap: 2
+  }
+});
+//# sourceMappingURL=LinkPreviewCard.js.map

package/lib/module/components/messages/linkMessage/LinkPreviewCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","StyleSheet","KContainer","KImage","KLabel","KColors","KSpacingValue","jsx","_jsx","jsxs","_jsxs","LinkPreviewCard","metadata","onPressUrl","Touchable","style","styles","card","onPress","url","children","image","View","cardThumb","Base","uri","absoluteFill","resizeMode","cardBody","title","Text","typo","color","palette","gray","w900","numberOfLines","primary","w400","description","normal","displayName","create","borderRadius","borderWidth","borderColor","backgroundColor","white","overflow","width","aspectRatio","paddingHorizontal","paddingVertical","gap"],"sourceRoot":"../../../../../src","sources":["components/messages/linkMessage/LinkPreviewCard.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,QAAQ,cAAc;AACzC,SACEC,UAAU,EACVC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,aAAa,QACR,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,gBAAGX,IAAI,CACjC,CAAC;EAAEY,QAAQ;EAAEC;AAAiC,CAAC,kBAC7CH,KAAA,CAACR,UAAU,CAACY,SAAS;EACnBC,KAAK,EAAEC,MAAM,CAACC,IAAK;EACnBC,OAAO,EAAEA,CAAA,KAAMN,QAAQ,CAACO,GAAG,IAAIN,UAAU,GAAGD,QAAQ,CAACO,GAAG,CAAE;EAAAC,QAAA,GAEzD,CAAC,CAACR,QAAQ,CAACS,KAAK,iBACfb,IAAA,CAACN,UAAU,CAACoB,IAAI;IAACP,KAAK,EAAEC,MAAM,CAACO,SAAU;IAAAH,QAAA,eACvCZ,IAAA,CAACL,MAAM,CAACqB,IAAI;MACVC,GAAG,EAAEb,QAAQ,CAACS,KAAM;MACpBN,KAAK,EAAEd,UAAU,CAACyB,YAAa;MAC/BC,UAAU,EAAC;IAAO,CACnB;EAAC,CACa,CAClB,eACDjB,KAAA,CAACR,UAAU,CAACoB,IAAI;IAACP,KAAK,EAAEC,MAAM,CAACY,QAAS;IAAAR,QAAA,GACrC,CAAC,CAACR,QAAQ,CAACiB,KAAK,iBACfrB,IAAA,CAACJ,MAAM,CAAC0B,IAAI;MACVC,IAAI,EAAC,cAAc;MACnBC,KAAK,EAAE3B,OAAO,CAAC4B,OAAO,CAACC,IAAI,CAACC,IAAK;MACjCC,aAAa,EAAE,CAAE;MAAAhB,QAAA,EAEhBR,QAAQ,CAACiB;IAAK,CACJ,CACd,EACA,CAAC,CAACjB,QAAQ,CAACO,GAAG,iBACbX,IAAA,CAACJ,MAAM,CAAC0B,IAAI;MACVC,IAAI,EAAC,cAAc;MACnBC,KAAK,EAAE3B,OAAO,CAAC4B,OAAO,CAACI,OAAO,CAACC,IAAK;MACpCF,aAAa,EAAE,CAAE;MAAAhB,QAAA,EAEhBR,QAAQ,CAACO;IAAG,CACF,CACd,EACA,CAAC,CAACP,QAAQ,CAAC2B,WAAW,iBACrB/B,IAAA,CAACJ,MAAM,CAAC0B,IAAI;MACVC,IAAI,EAAC,cAAc;MACnBC,KAAK,EAAE3B,OAAO,CAAC6B,IAAI,CAACM,MAAO;MAC3BJ,aAAa,EAAE,CAAE;MAAAhB,QAAA,EAEhBR,QAAQ,CAAC2B;IAAW,CACV,CACd;EAAA,CACc,CAAC;AAAA,CACE,CAE1B,CAAC;AAED5B,eAAe,CAAC8B,WAAW,GAAG,iBAAiB;AAE/C,MAAMzB,MAAM,GAAGf,UAAU,CAACyC,MAAM,CAAC;EAC/BzB,IAAI,EAAE;IACJ0B,YAAY,EAAErC,aAAa,CAAC,SAAS,CAAC;IACtCsC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,oBAAoB;IACjCC,eAAe,EAAEzC,OAAO,CAAC0C,KAAK;IAC9BC,QAAQ,EAAE;EACZ,CAAC;EACDzB,SAAS,EAAE;IACT0B,KAAK,EAAE,MAAM;IACbC,WAAW,EAAE,EAAE,GAAG;EACpB,CAAC;EACDtB,QAAQ,EAAE;IACRuB,iBAAiB,EAAE7C,aAAa,CAAC,SAAS,CAAC;IAC3C8C,eAAe,EAAE9C,aAAa,CAAC,QAAQ,CAAC;IACxC+C,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/messages/linkMessage/index.js

@@ -2,52 +2,27 @@
 
 import { memo } from 'react';
 import { StyleSheet } from 'react-native';
-import { KContainer, KImage, KLabel, KColors, KSpacingValue } from '@droppii/libs';
+import { KContainer, KLabel, KColors, KSpacingValue } from '@droppii/libs';
 import { CHAT_BUBBLE_COLORS } from "../../../screens/chat-detail/constants.js";
 import { parseUrlMetadata } from "../../../utils/messageUtils.js";
+import { splitTextByUrls } from "../../../utils/url.js";
 import { messageStyles } from "../styles.js";
+import { LinkPreviewCard } from "./LinkPreviewCard.js";
 import { getTailCornerStyle } from "../bubbleTail.utils.js";
 import { BubbleTailRow } from "../BubbleTailRow.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const renderTextWithLinks = (content, urls, onPressUrl) => {
-  if (!urls.length) {
-    return /*#__PURE__*/_jsx(KLabel.Text, {
-      typo: "TextMdNormal",
-      children: content
-    });
-  }
-  const parts = [];
-  let remaining = content;
-  for (const url of urls) {
-    const idx = remaining.indexOf(url);
-    if (idx === -1) continue;
-    if (idx > 0) parts.push({
-      text: remaining.slice(0, idx),
-      isUrl: false
-    });
-    parts.push({
-      text: url,
-      isUrl: true
-    });
-    remaining = remaining.slice(idx + url.length);
-  }
-  if (remaining) parts.push({
-    text: remaining,
-    isUrl: false
-  });
-  return /*#__PURE__*/_jsx(KLabel.Text, {
+const renderTextWithLinks = (content, urls, onPressUrl) => /*#__PURE__*/_jsx(KLabel.Text, {
+  typo: "TextMdNormal",
+  children: splitTextByUrls(content, urls).map((part, i) => part.isUrl ? /*#__PURE__*/_jsx(KLabel.Text, {
+    onPress: () => onPressUrl?.(part.text),
+    color: KColors.primary.normal,
+    typo: "TextMdMedium",
+    children: part.text
+  }, i) : /*#__PURE__*/_jsx(KLabel.Text, {
     typo: "TextMdNormal",
-    children: parts.map((part, i) => part.isUrl ? /*#__PURE__*/_jsx(KLabel.Text, {
-      onPress: () => onPressUrl?.(part.text),
-      color: KColors.primary.normal,
-      typo: "TextMdMedium",
-      children: part.text
-    }, i) : /*#__PURE__*/_jsx(KLabel.Text, {
-      typo: "TextMdNormal",
-      children: part.text
-    }, i))
-  });
-};
+    children: part.text
+  }, i))
+});
 export const LinkMessage = /*#__PURE__*/memo(({
   message,
   isOutgoing,
@@ -66,35 +41,9 @@ export const LinkMessage = /*#__PURE__*/memo(({
       children: [!!content?.trim() && /*#__PURE__*/_jsx(KContainer.View, {
         style: styles.textRow,
         children: renderTextWithLinks(content, urls, onPressUrl)
-      }), !!metadata && /*#__PURE__*/_jsxs(KContainer.Touchable, {
-        style: styles.card,
-        onPress: () => metadata.url && onPressUrl?.(metadata.url),
-        children: [!!metadata.image && /*#__PURE__*/_jsx(KContainer.View, {
-          style: styles.cardThumb,
-          children: /*#__PURE__*/_jsx(KImage.Base, {
-            uri: metadata.image,
-            style: StyleSheet.absoluteFill,
-            resizeMode: "cover"
-          })
-        }), /*#__PURE__*/_jsxs(KContainer.View, {
-          style: styles.cardBody,
-          children: [!!metadata.title && /*#__PURE__*/_jsx(KLabel.Text, {
-            typo: "TextNmMedium",
-            color: KColors.palette.gray.w900,
-            numberOfLines: 1,
-            children: metadata.title
-          }), !!metadata.url && /*#__PURE__*/_jsx(KLabel.Text, {
-            typo: "TextXsMedium",
-            color: KColors.palette.primary.w400,
-            numberOfLines: 1,
-            children: metadata.url
-          }), !!metadata.description && /*#__PURE__*/_jsx(KLabel.Text, {
-            typo: "TextXsNormal",
-            color: KColors.gray.normal,
-            numberOfLines: 2,
-            children: metadata.description
-          })]
-        })]
+      }), !!metadata && /*#__PURE__*/_jsx(LinkPreviewCard, {
+        metadata: metadata,
+        onPressUrl: onPressUrl
       })]
     })
   });
@@ -118,6 +67,10 @@ const styles = StyleSheet.create({
   textRow: {
     paddingHorizontal: KSpacingValue['0.25rem']
   },
+  timeLabel: {
+    gap: 4,
+    marginTop: 2
+  },
   card: {
     borderRadius: KSpacingValue['0.75rem'],
     borderWidth: 1,

package/lib/module/components/messages/linkMessage/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["memo","StyleSheet","KContainer","KImage","KLabel","KColors","KSpacingValue","CHAT_BUBBLE_COLORS","parseUrlMetadata","messageStyles","getTailCornerStyle","BubbleTailRow","jsx","_jsx","jsxs","_jsxs","renderTextWithLinks","content","urls","onPressUrl","length","Text","typo","children","parts","remaining","url","idx","indexOf","push","text","slice","isUrl","map","part","i","onPress","color","primary","normal","LinkMessage","message","isOutgoing","isHighlighted","groupPosition","urlTextElem","metadata","ex","View","style","styles","bubble","bubbleSent","bubbleReceived","bubbleHighlighted","trim","textRow","Touchable","card","image","cardThumb","Base","uri","absoluteFill","resizeMode","cardBody","title","palette","gray","w900","numberOfLines","w400","description","displayName","create","wrapper","maxWidth","paddingHorizontal","paddingVertical","borderRadius","backgroundColor","received","sent","borderWidth","borderColor","white","overflow","width","aspectRatio","gap"],"sourceRoot":"../../../../../src","sources":["components/messages/linkMessage/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["memo","StyleSheet","KContainer","KLabel","KColors","KSpacingValue","CHAT_BUBBLE_COLORS","parseUrlMetadata","splitTextByUrls","messageStyles","LinkPreviewCard","getTailCornerStyle","BubbleTailRow","jsx","_jsx","jsxs","_jsxs","renderTextWithLinks","content","urls","onPressUrl","Text","typo","children","map","part","i","isUrl","onPress","text","color","primary","normal","LinkMessage","message","isOutgoing","isHighlighted","groupPosition","urlTextElem","metadata","ex","View","style","styles","bubble","bubbleSent","bubbleReceived","bubbleHighlighted","trim","textRow","displayName","create","wrapper","maxWidth","paddingHorizontal","paddingVertical","borderRadius","backgroundColor","received","sent","timeLabel","gap","marginTop","card","borderWidth","borderColor","white","overflow","cardThumb","width","aspectRatio","cardBody"],"sourceRoot":"../../../../../src","sources":["components/messages/linkMessage/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/messages/quotedMessage/QuotedMessagePreviewStrip.js

@@ -0,0 +1,152 @@
+"use strict";
+
+import { memo, useCallback, useMemo } from 'react';
+import { DeviceEventEmitter, StyleSheet } from 'react-native';
+import { KColors, KContainer, KImage, KLabel, KRadiusValue, KSpacingValue } from '@droppii/libs';
+import { MessageType } from '@droppii/openim-rn-client-sdk';
+import { getMessagePreviewParts, getReplySenderName, parseUrlMetadata } from "../../../utils/messageUtils.js";
+import { getFileIcon, getMimeType } from "../../../utils/imageUtils.js";
+import { useUserStore } from "../../../store/index.js";
+import { useChatDetailContext } from "../../../context/index.js";
+import { ChatEvent } from "../../../types/events.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The "replying to ..." strip — shared by QuotedMessage (message.quoteElem)
+ * and TextMessage (message.atTextElem?.quoteMessage, for the mention+quote
+ * combo). Extracted so both content types render the exact same preview
+ * instead of two copies drifting apart.
+ */
+export const QuotedMessagePreviewStrip = /*#__PURE__*/memo(({
+  quotedMessage
+}) => {
+  const {
+    conversation
+  } = useChatDetailContext();
+  const currentUserId = useUserStore(s => s.user?.userID);
+  const messagePreview = getMessagePreviewParts(quotedMessage);
+  const imageUrl = useMemo(() => {
+    switch (quotedMessage?.contentType) {
+      case MessageType.PictureMessage:
+        return quotedMessage?.pictureElem?.snapshotPicture?.url || '';
+      case MessageType.VideoMessage:
+        return quotedMessage?.videoElem?.snapshotUrl || '';
+      case MessageType.UrlTextMessage:
+        {
+          const metadata = parseUrlMetadata(quotedMessage?.ex);
+          return metadata?.image || '';
+        }
+      default:
+        return '';
+    }
+  }, [quotedMessage]);
+  const iconSource = useMemo(() => {
+    if (quotedMessage?.contentType !== MessageType.FileMessage) return '';
+    const mimeType = getMimeType(quotedMessage?.fileElem?.fileName || '');
+    return getFileIcon(mimeType);
+  }, [quotedMessage]);
+  const handlePress = useCallback(() => {
+    DeviceEventEmitter.emit(ChatEvent.ScrollToMessage, {
+      clientMessageId: quotedMessage?.clientMsgID || ''
+    });
+  }, [quotedMessage]);
+  return /*#__PURE__*/_jsxs(KContainer.Touchable, {
+    style: styles.quotedContainer,
+    onPress: handlePress,
+    children: [/*#__PURE__*/_jsx(KContainer.View, {
+      style: styles.dot
+    }), /*#__PURE__*/_jsx(KContainer.VisibleView, {
+      visible: !!imageUrl,
+      children: /*#__PURE__*/_jsxs(KContainer.View, {
+        style: styles.imageContainer,
+        children: [/*#__PURE__*/_jsx(KImage.Base, {
+          uri: imageUrl,
+          style: styles.imageContainer
+        }), /*#__PURE__*/_jsx(KContainer.VisibleView, {
+          visible: quotedMessage?.contentType === MessageType.VideoMessage,
+          children: /*#__PURE__*/_jsx(KContainer.View, {
+            style: styles.playIconContainer,
+            children: /*#__PURE__*/_jsx(KContainer.View, {
+              style: styles.playIcon,
+              children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+                name: "play-b",
+                size: 12,
+                color: KColors.white
+              })
+            })
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsx(KContainer.VisibleView, {
+      visible: !!iconSource,
+      children: /*#__PURE__*/_jsx(KImage.Base, {
+        uri: iconSource,
+        style: styles.icon,
+        resizeMode: "contain"
+      })
+    }), /*#__PURE__*/_jsxs(KContainer.View, {
+      flexS: 1,
+      style: styles.content,
+      children: [/*#__PURE__*/_jsx(KLabel.Text, {
+        typo: "TextNmMedium",
+        numberOfLines: 1,
+        children: getReplySenderName(quotedMessage, currentUserId, conversation, true)
+      }), /*#__PURE__*/_jsx(KLabel.Text, {
+        typo: "TextSmNormal",
+        color: KColors.gray.light,
+        numberOfLines: 1,
+        ...messagePreview.textProps,
+        children: messagePreview.text
+      })]
+    })]
+  });
+});
+QuotedMessagePreviewStrip.displayName = 'QuotedMessagePreviewStrip';
+const styles = StyleSheet.create({
+  quotedContainer: {
+    backgroundColor: KColors.white,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: KSpacingValue['0.5rem'],
+    borderTopRightRadius: KRadiusValue['3x'],
+    borderBottomRightRadius: KRadiusValue['3x'],
+    paddingRight: KSpacingValue['0.5rem'],
+    maxWidth: '100%'
+  },
+  dot: {
+    width: 3,
+    height: '100%',
+    backgroundColor: KColors.palette.grayCool.w200,
+    borderRadius: KRadiusValue.x,
+    marginRight: -2
+  },
+  content: {
+    paddingHorizontal: KSpacingValue['0.25rem'],
+    paddingVertical: KSpacingValue['0.25rem']
+  },
+  icon: {
+    width: 24,
+    height: 24
+  },
+  imageContainer: {
+    width: 42,
+    height: 42,
+    borderRadius: KRadiusValue['2x']
+  },
+  playIconContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  playIcon: {
+    borderRadius: 8,
+    padding: KSpacingValue['0.25rem'],
+    backgroundColor: KColors.hexToRgba(KColors.black, 0.6),
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=QuotedMessagePreviewStrip.js.map

package/lib/module/components/messages/quotedMessage/QuotedMessagePreviewStrip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","useMemo","DeviceEventEmitter","StyleSheet","KColors","KContainer","KImage","KLabel","KRadiusValue","KSpacingValue","MessageType","getMessagePreviewParts","getReplySenderName","parseUrlMetadata","getFileIcon","getMimeType","useUserStore","useChatDetailContext","ChatEvent","jsx","_jsx","jsxs","_jsxs","QuotedMessagePreviewStrip","quotedMessage","conversation","currentUserId","s","user","userID","messagePreview","imageUrl","contentType","PictureMessage","pictureElem","snapshotPicture","url","VideoMessage","videoElem","snapshotUrl","UrlTextMessage","metadata","ex","image","iconSource","FileMessage","mimeType","fileElem","fileName","handlePress","emit","ScrollToMessage","clientMessageId","clientMsgID","Touchable","style","styles","quotedContainer","onPress","children","View","dot","VisibleView","visible","imageContainer","Base","uri","playIconContainer","playIcon","VectorIcons","name","size","color","white","icon","resizeMode","flexS","content","Text","typo","numberOfLines","gray","light","textProps","text","displayName","create","backgroundColor","flexDirection","alignItems","gap","borderTopRightRadius","borderBottomRightRadius","paddingRight","maxWidth","width","height","palette","grayCool","w200","borderRadius","x","marginRight","paddingHorizontal","paddingVertical","position","top","left","right","bottom","justifyContent","padding","hexToRgba","black"],"sourceRoot":"../../../../../src","sources":["components/messages/quotedMessage/QuotedMessagePreviewStrip.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/messages/textMessage/index.js

@@ -1,35 +1,129 @@
 "use strict";
 
-import { memo } from 'react';
-import { KContainer, KLabel } from '@droppii/libs';
+import { memo, useMemo } from 'react';
+import { Text } from 'react-native';
+import { MessageType } from '@droppii/openim-rn-client-sdk';
+import { KContainer, KLabel, KColors } from '@droppii/libs';
 import { getMessageText } from "../../../utils/legendListMessage.js";
 import { CHAT_BUBBLE_COLORS } from "../../../screens/chat-detail/constants.js";
 import { messageStyles } from "../styles.js";
 import { getTailCornerStyle } from "../bubbleTail.utils.js";
 import { BubbleTailRow } from "../BubbleTailRow.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { StyleSheet } from 'react-native';
+import { tokenize } from "../../../utils/mentions/index.js";
+import { deserializeMentionRanges } from "../../../utils/mentionSerializer.js";
+import { QuotedMessagePreviewStrip } from "../quotedMessage/QuotedMessagePreviewStrip.js";
+import { LinkPreviewCard } from "../linkMessage/LinkPreviewCard.js";
+import { extractUrls, splitTextByUrls } from "../../../utils/url.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const parseMessageEx = ex => {
+  if (!ex) return undefined;
+  try {
+    return JSON.parse(ex);
+  } catch {
+    return undefined;
+  }
+};
 export const TextMessage = /*#__PURE__*/memo(({
   message,
   isOutgoing,
   isHighlighted,
+  onPressUrl,
   groupPosition
 }) => {
   const messageText = getMessageText(message);
+  const isAtTextMessage = message.contentType === MessageType.AtTextMessage;
+
+  // Both the reply-preview strip and the link-preview card below piggyback
+  // on an AtTextMessage instead of getting their own content type — OpenIM
+  // content types are mutually exclusive (AtText vs Quote vs UrlText), so
+  // once mention picks AtText (to keep native tag/notify semantics — see
+  // useSendMessage.ts), quote rides along via the native
+  // AtTextElem.quoteMessage field and the URL card rides along via our own
+  // ex.urlMetadata channel (already attached unconditionally on send).
+  const quotedMessage = isAtTextMessage ? message.atTextElem?.quoteMessage : undefined;
+  const parsedEx = useMemo(() => isAtTextMessage ? parseMessageEx(message.ex) : undefined, [isAtTextMessage, message.ex]);
+  const urlMetadata = parsedEx?.urlMetadata;
+  const mentions = useMemo(() => {
+    if (!isAtTextMessage || !message.atTextElem) return [];
+    // Wrapped under `offsets` — matches the wire shape other Droppii
+    // clients (e.g. the web/CRM app) already send (see
+    // IMessageItemEx.mentions doc comment for how this was confirmed).
+    return deserializeMentionRanges(message.atTextElem, parsedEx?.mentions?.offsets);
+  }, [isAtTextMessage, message.atTextElem, parsedEx]);
+  const segments = useMemo(() => mentions.length > 0 ? tokenize(messageText, mentions) : null, [mentions, messageText]);
+
+  // Scoped to the mention+URL combo only (`segments` implies mentions are
+  // present) — a plain TextMessage with no mention falls through to
+  // `messageText` unchanged below, same as before this feature existed.
+  // Widening this to auto-linkify every TextMessage is a separate,
+  // deliberate product decision, not a side effect of this fix.
+  const urls = useMemo(() => segments ? extractUrls(messageText) : [], [segments, messageText]);
   if (!messageText?.trim()) {
     return null;
   }
+
+  // A plain-text run (the space between two mentions) may itself contain
+  // a URL — split further so it gets the same tappable/colored treatment
+  // LinkMessage gives a pure URL message, instead of sitting there as
+  // unstyled black text next to a colored mention.
+  const renderTextRun = (text, keyPrefix) => {
+    if (!urls.length) return /*#__PURE__*/_jsx(Text, {
+      children: text
+    }, keyPrefix);
+    return splitTextByUrls(text, urls).map((part, i) => part.isUrl ? /*#__PURE__*/_jsx(Text, {
+      style: urlTextStyle,
+      onPress: () => onPressUrl?.(part.text),
+      children: part.text
+    }, `${keyPrefix}-url-${i}`) : /*#__PURE__*/_jsx(Text, {
+      children: part.text
+    }, `${keyPrefix}-text-${i}`));
+  };
   return /*#__PURE__*/_jsx(BubbleTailRow, {
     isOutgoing: isOutgoing,
     groupPosition: groupPosition,
-    children: /*#__PURE__*/_jsx(KContainer.View, {
-      style: [messageStyles.bubble, isOutgoing ? messageStyles.bubbleSent : messageStyles.bubbleReceived, isHighlighted && messageStyles.bubbleHighlighted, getTailCornerStyle(isOutgoing, groupPosition)],
-      children: /*#__PURE__*/_jsx(KLabel.Text, {
+    children: /*#__PURE__*/_jsxs(KContainer.View, {
+      style: [messageStyles.bubble, styles.bubbleContent, isOutgoing ? messageStyles.bubbleSent : messageStyles.bubbleReceived, isHighlighted && messageStyles.bubbleHighlighted, getTailCornerStyle(isOutgoing, groupPosition)],
+      children: [quotedMessage && /*#__PURE__*/_jsx(QuotedMessagePreviewStrip, {
+        quotedMessage: quotedMessage
+      }), /*#__PURE__*/_jsx(KLabel.Text, {
         typo: "TextMdNormal",
         color: CHAT_BUBBLE_COLORS.text,
-        children: messageText
-      })
+        children: segments ? segments.map((segment, index) => segment.type === 'mention' ? /*#__PURE__*/_jsx(Text, {
+          style: mentionTextStyle,
+          children: `@${segment.mention.displayName}`
+        }, segment.mention.id) : renderTextRun(segment.text, `seg-${index}`)) : messageText
+      }), !!urlMetadata && /*#__PURE__*/_jsx(LinkPreviewCard, {
+        metadata: urlMetadata,
+        onPressUrl: onPressUrl
+      })]
     })
   });
 });
 TextMessage.displayName = 'TextMessage';
+const styles = StyleSheet.create({
+  bubbleContent: {
+    gap: 4
+  },
+  timeLabel: {
+    gap: 4,
+    marginTop: 2
+  }
+});
+
+// Same highlight color as the composer (MentionHighlightAdapter) and the
+// Figma screenshots. This is a read-only <Text>, not an editable
+// TextInput, so none of the nested-Text-in-TextInput bug class applies —
+// nesting styled Text here is unconditionally safe.
+const mentionTextStyle = {
+  color: KColors.palette.primary.w400
+};
+
+// Same color LinkMessage uses for a URL substring — a mention message's
+// plain-text run can contain a URL too (mention+URL combo, see
+// useSendMessage.ts's doc comment), and it should look tappable/colored
+// the same way there as it does in a pure UrlTextMessage.
+const urlTextStyle = {
+  color: KColors.primary.normal
+};
 //# sourceMappingURL=index.js.map