@droppii-org/chat-mobile 0.2.82 → 0.2.84

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

@@ -3,6 +3,7 @@
 import { memo } from 'react';
 import { StyleSheet } from 'react-native';
 import { KContainer, KLabel, KColors, KSpacingValue } from '@droppii/libs';
+import { formatMessageTime } from "../types.js";
 import { CHAT_BUBBLE_COLORS } from "../../../screens/chat-detail/constants.js";
 import { parseUrlMetadata } from "../../../utils/messageUtils.js";
 import { splitTextByUrls } from "../../../utils/url.js";
@@ -10,7 +11,7 @@ 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";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const renderTextWithLinks = (content, urls, onPressUrl) => /*#__PURE__*/_jsx(KLabel.Text, {
   typo: "TextMdNormal",
   children: splitTextByUrls(content, urls).map((part, i) => part.isUrl ? /*#__PURE__*/_jsx(KLabel.Text, {
@@ -26,26 +27,42 @@ const renderTextWithLinks = (content, urls, onPressUrl) => /*#__PURE__*/_jsx(KLa
 export const LinkMessage = /*#__PURE__*/memo(({
   message,
   isOutgoing,
+  createdAtTime,
   onPressUrl,
   isHighlighted,
+  isTimeRevealed,
   groupPosition
 }) => {
   const content = message?.urlTextElem?.content;
   const urls = message?.urlTextElem?.urls ?? [];
   const metadata = parseUrlMetadata(message.ex);
-  return /*#__PURE__*/_jsx(BubbleTailRow, {
-    isOutgoing: isOutgoing,
-    groupPosition: groupPosition,
-    children: /*#__PURE__*/_jsxs(KContainer.View, {
-      style: [styles.bubble, isOutgoing ? styles.bubbleSent : styles.bubbleReceived, isHighlighted && messageStyles.bubbleHighlighted, getTailCornerStyle(isOutgoing, groupPosition)],
-      children: [!!content?.trim() && /*#__PURE__*/_jsx(KContainer.View, {
-        style: styles.textRow,
-        children: renderTextWithLinks(content, urls, onPressUrl)
-      }), !!metadata && /*#__PURE__*/_jsx(LinkPreviewCard, {
-        metadata: metadata,
-        onPressUrl: onPressUrl
-      })]
-    })
+  const timeLabel = formatMessageTime(createdAtTime);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(BubbleTailRow, {
+      isOutgoing: isOutgoing,
+      groupPosition: groupPosition,
+      children: /*#__PURE__*/_jsxs(KContainer.View, {
+        style: [styles.bubble, isOutgoing ? styles.bubbleSent : styles.bubbleReceived, isHighlighted && messageStyles.bubbleHighlighted, getTailCornerStyle(isOutgoing, groupPosition)],
+        children: [!!content?.trim() && /*#__PURE__*/_jsx(KContainer.View, {
+          style: styles.textRow,
+          children: renderTextWithLinks(content, urls, onPressUrl)
+        }), !!metadata && /*#__PURE__*/_jsx(LinkPreviewCard, {
+          metadata: metadata,
+          onPressUrl: onPressUrl
+        })]
+      })
+    }), /*#__PURE__*/_jsx(KContainer.View, {
+      row: true,
+      alignItems: true,
+      style: [styles.timeLabel, isOutgoing && styles.timeLabelRight],
+      children: isTimeRevealed && timeLabel ? /*#__PURE__*/_jsx(KLabel.Text, {
+        typo: "TextXsNormal",
+        color: CHAT_BUBBLE_COLORS.timestamp,
+        marginL: isOutgoing ? undefined : '0.25rem',
+        marginR: isOutgoing ? '0.25rem' : undefined,
+        children: timeLabel
+      }) : null
+    })]
   });
 });
 LinkMessage.displayName = 'LinkMessage';
@@ -71,21 +88,8 @@ const styles = StyleSheet.create({
     gap: 4,
     marginTop: 2
   },
-  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
+  timeLabelRight: {
+    justifyContent: 'flex-end'
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,UAAU,EAAEC,MAAM,EAAEC,OAAO,EAAEC,aAAa,QAAQ,eAAe;AAE1E,SAASC,kBAAkB,QAAQ,2CAAwC;AAC3E,SAASC,gBAAgB,QAAQ,gCAA6B;AAC9D,SAASC,eAAe,QAAQ,uBAAoB;AACpD,SAASC,aAAa,QAAQ,cAAW;AACzC,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,kBAAkB,QAAQ,wBAAqB;AACxD,SAASC,aAAa,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjD,MAAMC,mBAAmB,GAAGA,CAC1BC,OAAe,EACfC,IAAc,EACdC,UAAkC,kBAElCN,IAAA,CAACX,MAAM,CAACkB,IAAI;EAACC,IAAI,EAAC,cAAc;EAAAC,QAAA,EAC7Bf,eAAe,CAACU,OAAO,EAAEC,IAAI,CAAC,CAACK,GAAG,CAAC,CAACC,IAAI,EAAEC,CAAC,KAC1CD,IAAI,CAACE,KAAK,gBACRb,IAAA,CAACX,MAAM,CAACkB,IAAI;IAEVO,OAAO,EAAEA,CAAA,KAAMR,UAAU,GAAGK,IAAI,CAACI,IAAI,CAAE;IACvCC,KAAK,EAAE1B,OAAO,CAAC2B,OAAO,CAACC,MAAO;IAC9BV,IAAI,EAAC,cAAc;IAAAC,QAAA,EAElBE,IAAI,CAACI;EAAI,GALLH,CAMM,CAAC,gBAEdZ,IAAA,CAACX,MAAM,CAACkB,IAAI;IAACC,IAAI,EAAC,cAAc;IAAAC,QAAA,EAC7BE,IAAI,CAACI;EAAI,GAD0BH,CAEzB,CAEjB;AAAC,CACU,CACd;AAED,OAAO,MAAMO,WAAW,gBAAGjC,IAAI,CAC7B,CAAC;EACCkC,OAAO;EACPC,UAAU;EACVf,UAAU;EACVgB,aAAa;EACbC;AAC+D,CAAC,KAAK;EACrE,MAAMnB,OAAO,GAAGgB,OAAO,EAAEI,WAAW,EAAEpB,OAAO;EAC7C,MAAMC,IAAI,GAAGe,OAAO,EAAEI,WAAW,EAAEnB,IAAI,IAAI,EAAE;EAC7C,MAAMoB,QAAQ,GAAGhC,gBAAgB,CAAC2B,OAAO,CAACM,EAAE,CAAC;EAE7C,oBACE1B,IAAA,CAACF,aAAa;IAACuB,UAAU,EAAEA,UAAW;IAACE,aAAa,EAAEA,aAAc;IAAAd,QAAA,eAClEP,KAAA,CAACd,UAAU,CAACuC,IAAI;MACdC,KAAK,EAAE,CACLC,MAAM,CAACC,MAAM,EACbT,UAAU,GAAGQ,MAAM,CAACE,UAAU,GAAGF,MAAM,CAACG,cAAc,EACtDV,aAAa,IAAI3B,aAAa,CAACsC,iBAAiB,EAChDpC,kBAAkB,CAACwB,UAAU,EAAEE,aAAa,CAAC,CAC7C;MAAAd,QAAA,GAED,CAAC,CAACL,OAAO,EAAE8B,IAAI,CAAC,CAAC,iBAChBlC,IAAA,CAACZ,UAAU,CAACuC,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACM,OAAQ;QAAA1B,QAAA,EACpCN,mBAAmB,CAACC,OAAO,EAAEC,IAAI,EAAEC,UAAU;MAAC,CAChC,CAClB,EAEA,CAAC,CAACmB,QAAQ,iBACTzB,IAAA,CAACJ,eAAe;QAAC6B,QAAQ,EAAEA,QAAS;QAACnB,UAAU,EAAEA;MAAW,CAAE,CAC/D;IAAA,CACc;EAAC,CACL,CAAC;AAEpB,CACF,CAAC;AAEDa,WAAW,CAACiB,WAAW,GAAG,aAAa;AAEvC,MAAMP,MAAM,GAAG1C,UAAU,CAACkD,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,QAAQ,EAAE;EACZ,CAAC;EACDT,MAAM,EAAE;IACNU,iBAAiB,EAAEjD,aAAa,CAAC,SAAS,CAAC;IAC3CkD,eAAe,EAAElD,aAAa,CAAC,QAAQ,CAAC;IACxCmD,YAAY,EAAEnD,aAAa,CAAC,SAAS;EACvC,CAAC;EACDyC,cAAc,EAAE;IACdW,eAAe,EAAEnD,kBAAkB,CAACoD;EACtC,CAAC;EACDb,UAAU,EAAE;IACVY,eAAe,EAAEnD,kBAAkB,CAACqD;EACtC,CAAC;EACDV,OAAO,EAAE;IACPK,iBAAiB,EAAEjD,aAAa,CAAC,SAAS;EAC5C,CAAC;EACDuD,SAAS,EAAE;IAAEC,GAAG,EAAE,CAAC;IAAEC,SAAS,EAAE;EAAE,CAAC;EACnCC,IAAI,EAAE;IACJP,YAAY,EAAEnD,aAAa,CAAC,SAAS,CAAC;IACtC2D,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,oBAAoB;IACjCR,eAAe,EAAErD,OAAO,CAAC8D,KAAK;IAC9BC,QAAQ,EAAE;EACZ,CAAC;EACDC,SAAS,EAAE;IACTC,KAAK,EAAE,MAAM;IACbC,WAAW,EAAE,EAAE,GAAG;EACpB,CAAC;EACDC,QAAQ,EAAE;IACRjB,iBAAiB,EAAEjD,aAAa,CAAC,SAAS,CAAC;IAC3CkD,eAAe,EAAElD,aAAa,CAAC,QAAQ,CAAC;IACxCwD,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["memo","StyleSheet","KContainer","KLabel","KColors","KSpacingValue","formatMessageTime","CHAT_BUBBLE_COLORS","parseUrlMetadata","splitTextByUrls","messageStyles","LinkPreviewCard","getTailCornerStyle","BubbleTailRow","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","renderTextWithLinks","content","urls","onPressUrl","Text","typo","children","map","part","i","isUrl","onPress","text","color","primary","normal","LinkMessage","message","isOutgoing","createdAtTime","isHighlighted","isTimeRevealed","groupPosition","urlTextElem","metadata","ex","timeLabel","View","style","styles","bubble","bubbleSent","bubbleReceived","bubbleHighlighted","trim","textRow","row","alignItems","timeLabelRight","timestamp","marginL","undefined","marginR","displayName","create","wrapper","maxWidth","paddingHorizontal","paddingVertical","borderRadius","backgroundColor","received","sent","gap","marginTop","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/messages/linkMessage/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -4,6 +4,7 @@ import { memo, useCallback, useMemo } from 'react';
 import { messageStyles } from "../styles.js";
 import { getTailCornerStyle } from "../bubbleTail.utils.js";
 import { BubbleTailRow } from "../BubbleTailRow.js";
+import { formatMessageTime } from "../types.js";
 import { KColors, KContainer, KImage, KLabel, KRadiusValue, KSpacingValue } from '@droppii/libs';
 import { DeviceEventEmitter, StyleSheet } from 'react-native';
 import { CHAT_BUBBLE_COLORS } from "../../../screens/chat-detail/constants.js";
@@ -13,12 +14,14 @@ 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";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const QuotedMessage = /*#__PURE__*/memo(props => {
   const {
     message,
     isOutgoing,
+    createdAtTime,
     isHighlighted,
+    isTimeRevealed,
     groupPosition
   } = props || {};
   const {
@@ -27,6 +30,7 @@ const QuotedMessage = /*#__PURE__*/memo(props => {
   const currentUserId = useUserStore(s => s.user?.userID);
   const quotedMessage = message?.quoteElem?.quoteMessage;
   const messagePreview = getMessagePreviewParts(quotedMessage);
+  const timeLabel = formatMessageTime(createdAtTime);
   const imageUrl = useMemo(() => {
     switch (quotedMessage?.contentType) {
       case MessageType.PictureMessage:
@@ -50,66 +54,79 @@ const QuotedMessage = /*#__PURE__*/memo(props => {
       clientMessageId: quotedMessage?.clientMsgID || ''
     });
   }, [quotedMessage]);
-  return /*#__PURE__*/_jsx(BubbleTailRow, {
-    isOutgoing: isOutgoing,
-    groupPosition: groupPosition,
-    children: /*#__PURE__*/_jsxs(KContainer.View, {
-      style: [messageStyles.bubble, styles.container, isOutgoing ? messageStyles.bubbleSent : messageStyles.bubbleReceived, isHighlighted && messageStyles.bubbleHighlighted, getTailCornerStyle(isOutgoing, groupPosition)],
-      children: [/*#__PURE__*/_jsxs(KContainer.Touchable, {
-        style: styles.quotedContainer,
-        onPress: handlePressQuotedMessage,
-        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,
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(BubbleTailRow, {
+      isOutgoing: isOutgoing,
+      groupPosition: groupPosition,
+      children: /*#__PURE__*/_jsxs(KContainer.View, {
+        style: [messageStyles.bubble, styles.container, isOutgoing ? messageStyles.bubbleSent : messageStyles.bubbleReceived, isHighlighted && messageStyles.bubbleHighlighted, getTailCornerStyle(isOutgoing, groupPosition)],
+        children: [/*#__PURE__*/_jsxs(KContainer.Touchable, {
+          style: styles.quotedContainer,
+          onPress: handlePressQuotedMessage,
+          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.playIcon,
-                  children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
-                    name: "play-b",
-                    size: 12,
-                    color: KColors.white
+                  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
             })]
-          })
-        }), /*#__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
           })]
+        }), /*#__PURE__*/_jsx(KLabel.Text, {
+          typo: "TextMdNormal",
+          color: CHAT_BUBBLE_COLORS.text,
+          children: message?.quoteElem?.text || ''
         })]
-      }), /*#__PURE__*/_jsx(KLabel.Text, {
-        typo: "TextMdNormal",
-        color: CHAT_BUBBLE_COLORS.text,
-        children: message?.quoteElem?.text || ''
-      })]
-    })
+      })
+    }), /*#__PURE__*/_jsx(KContainer.View, {
+      row: true,
+      alignItems: true,
+      style: [styles.timeLabel, isOutgoing && styles.timeLabelRight],
+      children: isTimeRevealed && timeLabel ? /*#__PURE__*/_jsx(KLabel.Text, {
+        typo: "TextXsNormal",
+        color: CHAT_BUBBLE_COLORS.timestamp,
+        marginL: isOutgoing ? undefined : '0.25rem',
+        marginR: isOutgoing ? '0.25rem' : undefined,
+        children: timeLabel
+      }) : null
+    })]
   });
 });
 QuotedMessage.displayName = 'QuotedMessage';
@@ -163,6 +180,13 @@ const styles = StyleSheet.create({
     backgroundColor: KColors.hexToRgba(KColors.black, 0.6),
     justifyContent: 'center',
     alignItems: 'center'
+  },
+  timeLabel: {
+    gap: 4,
+    marginTop: 2
+  },
+  timeLabelRight: {
+    justifyContent: 'flex-end'
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["memo","useCallback","useMemo","messageStyles","getTailCornerStyle","BubbleTailRow","KColors","KContainer","KImage","KLabel","KRadiusValue","KSpacingValue","DeviceEventEmitter","StyleSheet","CHAT_BUBBLE_COLORS","MessageType","getMessagePreviewParts","getReplySenderName","parseUrlMetadata","getFileIcon","getMimeType","useUserStore","useChatDetailContext","ChatEvent","jsx","_jsx","jsxs","_jsxs","QuotedMessage","props","message","isOutgoing","isHighlighted","groupPosition","conversation","currentUserId","s","user","userID","quotedMessage","quoteElem","quoteMessage","messagePreview","imageUrl","contentType","PictureMessage","pictureElem","snapshotPicture","url","VideoMessage","videoElem","snapshotUrl","UrlTextMessage","metadata","ex","image","iconSource","FileMessage","mimeType","fileElem","fileName","handlePressQuotedMessage","emit","ScrollToMessage","clientMessageId","clientMsgID","children","View","style","bubble","styles","container","bubbleSent","bubbleReceived","bubbleHighlighted","Touchable","quotedContainer","onPress","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","gap","backgroundColor","flexDirection","alignItems","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/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["memo","useCallback","useMemo","messageStyles","getTailCornerStyle","BubbleTailRow","formatMessageTime","KColors","KContainer","KImage","KLabel","KRadiusValue","KSpacingValue","DeviceEventEmitter","StyleSheet","CHAT_BUBBLE_COLORS","MessageType","getMessagePreviewParts","getReplySenderName","parseUrlMetadata","getFileIcon","getMimeType","useUserStore","useChatDetailContext","ChatEvent","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","QuotedMessage","props","message","isOutgoing","createdAtTime","isHighlighted","isTimeRevealed","groupPosition","conversation","currentUserId","s","user","userID","quotedMessage","quoteElem","quoteMessage","messagePreview","timeLabel","imageUrl","contentType","PictureMessage","pictureElem","snapshotPicture","url","VideoMessage","videoElem","snapshotUrl","UrlTextMessage","metadata","ex","image","iconSource","FileMessage","mimeType","fileElem","fileName","handlePressQuotedMessage","emit","ScrollToMessage","clientMessageId","clientMsgID","children","View","style","bubble","styles","container","bubbleSent","bubbleReceived","bubbleHighlighted","Touchable","quotedContainer","onPress","dot","VisibleView","visible","imageContainer","Base","uri","playIconContainer","playIcon","VectorIcons","name","size","color","white","icon","resizeMode","flexS","content","Text","typo","numberOfLines","gray","light","textProps","text","row","alignItems","timeLabelRight","timestamp","marginL","undefined","marginR","displayName","create","gap","backgroundColor","flexDirection","borderTopRightRadius","borderBottomRightRadius","paddingRight","maxWidth","width","height","palette","grayCool","w200","borderRadius","x","marginRight","paddingHorizontal","paddingVertical","position","top","left","right","bottom","justifyContent","padding","hexToRgba","black","marginTop"],"sourceRoot":"../../../../../src","sources":["components/messages/quotedMessage/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAClD,SAASC,aAAa,QAAQ,cAAW;AACzC,SAASC,kBAAkB,QAAQ,wBAAqB;AACxD,SAASC,aAAa,QAAQ,qBAAkB;AAChD,SAASC,iBAAiB,QAAqC,aAAU;AACzE,SACEC,OAAO,EACPC,UAAU,EACVC,MAAM,EACNC,MAAM,EACNC,YAAY,EACZC,aAAa,QACR,eAAe;AACtB,SAASC,kBAAkB,EAAEC,UAAU,QAAQ,cAAc;AAC7D,SAASC,kBAAkB,QAAQ,2CAAwC;AAC3E,SAASC,WAAW,QAAQ,+BAA+B;AAC3D,SACEC,sBAAsB,EACtBC,kBAAkB,EAClBC,gBAAgB,QACX,gCAA6B;AACpC,SAASC,WAAW,EAAEC,WAAW,QAAQ,8BAA2B;AACpE,SAASC,YAAY,QAAQ,yBAAgB;AAC7C,SAASC,oBAAoB,QAAQ,2BAAkB;AACvD,SAASC,SAAS,QAAQ,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAIlD,MAAMC,aAAa,gBAAG/B,IAAI,CAAEgC,KAAyB,IAAK;EACxD,MAAM;IACJC,OAAO;IACPC,UAAU;IACVC,aAAa;IACbC,aAAa;IACbC,cAAc;IACdC;EACF,CAAC,GAAGN,KAAK,IAAI,CAAC,CAAC;EAEf,MAAM;IAAEO;EAAa,CAAC,GAAGhB,oBAAoB,CAAC,CAAC;EAE/C,MAAMiB,aAAa,GAAGlB,YAAY,CAAEmB,CAAC,IAAKA,CAAC,CAACC,IAAI,EAAEC,MAAM,CAAC;EAEzD,MAAMC,aAAa,GAAGX,OAAO,EAAEY,SAAS,EAAEC,YAAY;EAEtD,MAAMC,cAAc,GAAG9B,sBAAsB,CAAC2B,aAAa,CAAC;EAC5D,MAAMI,SAAS,GAAG1C,iBAAiB,CAAC6B,aAAa,CAAC;EAElD,MAAMc,QAAQ,GAAG/C,OAAO,CAAC,MAAM;IAC7B,QAAQ0C,aAAa,EAAEM,WAAW;MAChC,KAAKlC,WAAW,CAACmC,cAAc;QAC7B,OAAOP,aAAa,EAAEQ,WAAW,EAAEC,eAAe,EAAEC,GAAG,IAAI,EAAE;MAC/D,KAAKtC,WAAW,CAACuC,YAAY;QAC3B,OAAOX,aAAa,EAAEY,SAAS,EAAEC,WAAW,IAAI,EAAE;MACpD,KAAKzC,WAAW,CAAC0C,cAAc;QAC7B,MAAMC,QAAQ,GAAGxC,gBAAgB,CAACyB,aAAa,EAAEgB,EAAE,CAAC;QACpD,OAAOD,QAAQ,EAAEE,KAAK,IAAI,EAAE;MAC9B;QACE,OAAO,EAAE;IACb;EACF,CAAC,EAAE,CAACjB,aAAa,CAAC,CAAC;EAEnB,MAAMkB,UAAU,GAAG5D,OAAO,CAAC,MAAM;IAC/B,IAAI0C,aAAa,EAAEM,WAAW,KAAKlC,WAAW,CAAC+C,WAAW,EAAE,OAAO,EAAE;IACrE,MAAMC,QAAQ,GAAG3C,WAAW,CAACuB,aAAa,EAAEqB,QAAQ,EAAEC,QAAQ,IAAI,EAAE,CAAC;IACrE,OAAO9C,WAAW,CAAC4C,QAAQ,CAAC;EAC9B,CAAC,EAAE,CAACpB,aAAa,CAAC,CAAC;EAEnB,MAAMuB,wBAAwB,GAAGlE,WAAW,CAAC,MAAM;IACjDY,kBAAkB,CAACuD,IAAI,CAAC5C,SAAS,CAAC6C,eAAe,EAAE;MACjDC,eAAe,EAAE1B,aAAa,EAAE2B,WAAW,IAAI;IACjD,CAAC,CAAC;EACJ,CAAC,EAAE,CAAC3B,aAAa,CAAC,CAAC;EAEnB,oBACEhB,KAAA,CAAAE,SAAA;IAAA0C,QAAA,gBACE9C,IAAA,CAACrB,aAAa;MAAC6B,UAAU,EAAEA,UAAW;MAACI,aAAa,EAAEA,aAAc;MAAAkC,QAAA,eAClE5C,KAAA,CAACpB,UAAU,CAACiE,IAAI;QACdC,KAAK,EAAE,CACLvE,aAAa,CAACwE,MAAM,EACpBC,MAAM,CAACC,SAAS,EAChB3C,UAAU,GACN/B,aAAa,CAAC2E,UAAU,GACxB3E,aAAa,CAAC4E,cAAc,EAChC3C,aAAa,IAAIjC,aAAa,CAAC6E,iBAAiB,EAChD5E,kBAAkB,CAAC8B,UAAU,EAAEI,aAAa,CAAC,CAC7C;QAAAkC,QAAA,gBAEF5C,KAAA,CAACpB,UAAU,CAACyE,SAAS;UACnBP,KAAK,EAAEE,MAAM,CAACM,eAAgB;UAC9BC,OAAO,EAAEhB,wBAAyB;UAAAK,QAAA,gBAElC9C,IAAA,CAAClB,UAAU,CAACiE,IAAI;YAACC,KAAK,EAAEE,MAAM,CAACQ;UAAI,CAAE,CAAC,eACtC1D,IAAA,CAAClB,UAAU,CAAC6E,WAAW;YAACC,OAAO,EAAE,CAAC,CAACrC,QAAS;YAAAuB,QAAA,eAC1C5C,KAAA,CAACpB,UAAU,CAACiE,IAAI;cAACC,KAAK,EAAEE,MAAM,CAACW,cAAe;cAAAf,QAAA,gBAC5C9C,IAAA,CAACjB,MAAM,CAAC+E,IAAI;gBAACC,GAAG,EAAExC,QAAS;gBAACyB,KAAK,EAAEE,MAAM,CAACW;cAAe,CAAE,CAAC,eAC5D7D,IAAA,CAAClB,UAAU,CAAC6E,WAAW;gBACrBC,OAAO,EACL1C,aAAa,EAAEM,WAAW,KAAKlC,WAAW,CAACuC,YAC5C;gBAAAiB,QAAA,eAED9C,IAAA,CAAClB,UAAU,CAACiE,IAAI;kBAACC,KAAK,EAAEE,MAAM,CAACc,iBAAkB;kBAAAlB,QAAA,eAC/C9C,IAAA,CAAClB,UAAU,CAACiE,IAAI;oBAACC,KAAK,EAAEE,MAAM,CAACe,QAAS;oBAAAnB,QAAA,eACtC9C,IAAA,CAACjB,MAAM,CAACmF,WAAW;sBACjBC,IAAI,EAAC,QAAQ;sBACbC,IAAI,EAAE,EAAG;sBACTC,KAAK,EAAExF,OAAO,CAACyF;oBAAM,CACtB;kBAAC,CACa;gBAAC,CACH;cAAC,CACI,CAAC;YAAA,CACV;UAAC,CACI,CAAC,eACzBtE,IAAA,CAAClB,UAAU,CAAC6E,WAAW;YAACC,OAAO,EAAE,CAAC,CAACxB,UAAW;YAAAU,QAAA,eAC5C9C,IAAA,CAACjB,MAAM,CAAC+E,IAAI;cACVC,GAAG,EAAE3B,UAAW;cAChBY,KAAK,EAAEE,MAAM,CAACqB,IAAK;cACnBC,UAAU,EAAC;YAAS,CACrB;UAAC,CACoB,CAAC,eACzBtE,KAAA,CAACpB,UAAU,CAACiE,IAAI;YAAC0B,KAAK,EAAE,CAAE;YAACzB,KAAK,EAAEE,MAAM,CAACwB,OAAQ;YAAA5B,QAAA,gBAC/C9C,IAAA,CAAChB,MAAM,CAAC2F,IAAI;cAACC,IAAI,EAAC,cAAc;cAACC,aAAa,EAAE,CAAE;cAAA/B,QAAA,EAC/CtD,kBAAkB,CACjB0B,aAAa,EACbJ,aAAa,EACbD,YAAY,EACZ,IACF;YAAC,CACU,CAAC,eACdb,IAAA,CAAChB,MAAM,CAAC2F,IAAI;cACVC,IAAI,EAAC,cAAc;cACnBP,KAAK,EAAExF,OAAO,CAACiG,IAAI,CAACC,KAAM;cAC1BF,aAAa,EAAE,CAAE;cAAA,GACbxD,cAAc,CAAC2D,SAAS;cAAAlC,QAAA,EAE3BzB,cAAc,CAAC4D;YAAI,CACT,CAAC;UAAA,CACC,CAAC;QAAA,CACE,CAAC,eACvBjF,IAAA,CAAChB,MAAM,CAAC2F,IAAI;UAACC,IAAI,EAAC,cAAc;UAACP,KAAK,EAAEhF,kBAAkB,CAAC4F,IAAK;UAAAnC,QAAA,EAC7DvC,OAAO,EAAEY,SAAS,EAAE8D,IAAI,IAAI;QAAE,CACpB,CAAC;MAAA,CACC;IAAC,CACL,CAAC,eAEhBjF,IAAA,CAAClB,UAAU,CAACiE,IAAI;MACdmC,GAAG;MACHC,UAAU;MACVnC,KAAK,EAAE,CAACE,MAAM,CAAC5B,SAAS,EAAEd,UAAU,IAAI0C,MAAM,CAACkC,cAAc,CAAE;MAAAtC,QAAA,EAE9DnC,cAAc,IAAIW,SAAS,gBAC1BtB,IAAA,CAAChB,MAAM,CAAC2F,IAAI;QACVC,IAAI,EAAC,cAAc;QACnBP,KAAK,EAAEhF,kBAAkB,CAACgG,SAAU;QACpCC,OAAO,EAAE9E,UAAU,GAAG+E,SAAS,GAAG,SAAU;QAC5CC,OAAO,EAAEhF,UAAU,GAAG,SAAS,GAAG+E,SAAU;QAAAzC,QAAA,EAE3CxB;MAAS,CACC,CAAC,GACZ;IAAI,CACO,CAAC;EAAA,CAClB,CAAC;AAEP,CAAC,CAAC;AAEFjB,aAAa,CAACoF,WAAW,GAAG,eAAe;AAE3C,eAAepF,aAAa;AAE5B,MAAM6C,MAAM,GAAG9D,UAAU,CAACsG,MAAM,CAAC;EAC/BvC,SAAS,EAAE;IACTwC,GAAG,EAAEzG,aAAa,CAAC,SAAS;EAC9B,CAAC;EACDsE,eAAe,EAAE;IACfoC,eAAe,EAAE/G,OAAO,CAACyF,KAAK;IAC9BuB,aAAa,EAAE,KAAK;IACpBV,UAAU,EAAE,QAAQ;IACpBQ,GAAG,EAAEzG,aAAa,CAAC,QAAQ,CAAC;IAC5B4G,oBAAoB,EAAE7G,YAAY,CAAC,IAAI,CAAC;IACxC8G,uBAAuB,EAAE9G,YAAY,CAAC,IAAI,CAAC;IAC3C+G,YAAY,EAAE9G,aAAa,CAAC,QAAQ,CAAC;IACrC+G,QAAQ,EAAE;EACZ,CAAC;EACDvC,GAAG,EAAE;IACHwC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,MAAM;IACdP,eAAe,EAAE/G,OAAO,CAACuH,OAAO,CAACC,QAAQ,CAACC,IAAI;IAC9CC,YAAY,EAAEtH,YAAY,CAACuH,CAAC;IAC5BC,WAAW,EAAE,CAAC;EAChB,CAAC;EACD/B,OAAO,EAAE;IACPgC,iBAAiB,EAAExH,aAAa,CAAC,SAAS,CAAC;IAC3CyH,eAAe,EAAEzH,aAAa,CAAC,SAAS;EAC1C,CAAC;EACDqF,IAAI,EAAE;IACJ2B,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDtC,cAAc,EAAE;IACdqC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVI,YAAY,EAAEtH,YAAY,CAAC,IAAI;EACjC,CAAC;EACD+E,iBAAiB,EAAE;IACjB4C,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,cAAc,EAAE,QAAQ;IACxB9B,UAAU,EAAE;EACd,CAAC;EACDlB,QAAQ,EAAE;IACRsC,YAAY,EAAE,CAAC;IACfW,OAAO,EAAEhI,aAAa,CAAC,SAAS,CAAC;IACjC0G,eAAe,EAAE/G,OAAO,CAACsI,SAAS,CAACtI,OAAO,CAACuI,KAAK,EAAE,GAAG,CAAC;IACtDH,cAAc,EAAE,QAAQ;IACxB9B,UAAU,EAAE;EACd,CAAC;EACD7D,SAAS,EAAE;IAAEqE,GAAG,EAAE,CAAC;IAAE0B,SAAS,EAAE;EAAE,CAAC;EACnCjC,cAAc,EAAE;IAAE6B,cAAc,EAAE;EAAW;AAC/C,CAAC,CAAC","ignoreList":[]}

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

@@ -1,26 +1,44 @@
 "use strict";
 
 import { memo } from 'react';
-import { KContainer, KImage } from '@droppii/libs';
+import { formatMessageTime } from "../types.js";
+import { KContainer, KImage, KLabel } from '@droppii/libs';
 import { StyleSheet } from 'react-native';
 import { BubbleTailRow } from "../BubbleTailRow.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { CHAT_BUBBLE_COLORS } from "../../../screens/chat-detail/constants.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export const STICKER_SIZE = 120;
 export const StickerMessage = /*#__PURE__*/memo(({
   message,
-  isOutgoing
+  isOutgoing,
+  createdAtTime,
+  isTimeRevealed
 }) => {
-  return /*#__PURE__*/_jsx(BubbleTailRow, {
-    isOutgoing: isOutgoing,
-    withTail: false,
-    children: /*#__PURE__*/_jsx(KContainer.View, {
-      style: styles.message,
-      children: /*#__PURE__*/_jsx(KImage.Base, {
-        uri: message?.stickerElem?.content || '',
-        width: STICKER_SIZE,
-        height: STICKER_SIZE
+  const timeLabel = formatMessageTime(createdAtTime);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(BubbleTailRow, {
+      isOutgoing: isOutgoing,
+      withTail: false,
+      children: /*#__PURE__*/_jsx(KContainer.View, {
+        style: styles.message,
+        children: /*#__PURE__*/_jsx(KImage.Base, {
+          uri: message?.stickerElem?.content || '',
+          width: STICKER_SIZE,
+          height: STICKER_SIZE
+        })
       })
-    })
+    }), /*#__PURE__*/_jsx(KContainer.View, {
+      row: true,
+      alignItems: true,
+      style: [styles.timeLabel, isOutgoing && styles.timeLabelRight],
+      children: isTimeRevealed && timeLabel ? /*#__PURE__*/_jsx(KLabel.Text, {
+        typo: "TextXsNormal",
+        color: CHAT_BUBBLE_COLORS.timestamp,
+        marginL: isOutgoing ? undefined : '0.25rem',
+        marginR: isOutgoing ? '0.25rem' : undefined,
+        children: timeLabel
+      }) : null
+    })]
   });
 });
 const styles = StyleSheet.create({
@@ -29,6 +47,13 @@ const styles = StyleSheet.create({
     height: STICKER_SIZE,
     justifyContent: 'center',
     alignItems: 'center'
+  },
+  timeLabel: {
+    gap: 4,
+    marginTop: 2
+  },
+  timeLabelRight: {
+    justifyContent: 'flex-end'
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["memo","KContainer","KImage","StyleSheet","BubbleTailRow","jsx","_jsx","STICKER_SIZE","StickerMessage","message","isOutgoing","withTail","children","View","style","styles","Base","uri","stickerElem","content","width","height","create","justifyContent","alignItems"],"sourceRoot":"../../../../../src","sources":["components/messages/stickerMessage/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAE5B,SAASC,UAAU,EAAEC,MAAM,QAAQ,eAAe;AAClD,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjD,OAAO,MAAMC,YAAY,GAAG,GAAG;AAC/B,OAAO,MAAMC,cAAc,gBAAGR,IAAI,CAChC,CAAC;EAAES,OAAO;EAAEC;AAAmC,CAAC,KAAK;EACnD,oBACEJ,IAAA,CAACF,aAAa;IAACM,UAAU,EAAEA,UAAW;IAACC,QAAQ,EAAE,KAAM;IAAAC,QAAA,eACrDN,IAAA,CAACL,UAAU,CAACY,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACN,OAAQ;MAAAG,QAAA,eACrCN,IAAA,CAACJ,MAAM,CAACc,IAAI;QACVC,GAAG,EAAER,OAAO,EAAES,WAAW,EAAEC,OAAO,IAAI,EAAG;QACzCC,KAAK,EAAEb,YAAa;QACpBc,MAAM,EAAEd;MAAa,CACtB;IAAC,CACa;EAAC,CACL,CAAC;AAEpB,CACF,CAAC;AAED,MAAMQ,MAAM,GAAGZ,UAAU,CAACmB,MAAM,CAAC;EAC/Bb,OAAO,EAAE;IACPW,KAAK,EAAEb,YAAY;IACnBc,MAAM,EAAEd,YAAY;IACpBgB,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["memo","formatMessageTime","KContainer","KImage","KLabel","StyleSheet","BubbleTailRow","CHAT_BUBBLE_COLORS","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","STICKER_SIZE","StickerMessage","message","isOutgoing","createdAtTime","isTimeRevealed","timeLabel","children","withTail","View","style","styles","Base","uri","stickerElem","content","width","height","row","alignItems","timeLabelRight","Text","typo","color","timestamp","marginL","undefined","marginR","create","justifyContent","gap","marginTop"],"sourceRoot":"../../../../../src","sources":["components/messages/stickerMessage/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,iBAAiB,QAAqC,aAAU;AACzE,SAASC,UAAU,EAAEC,MAAM,EAAEC,MAAM,QAAQ,eAAe;AAC1D,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,QAAQ,qBAAkB;AAChD,SAASC,kBAAkB,QAAQ,2CAAwC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAE5E,OAAO,MAAMC,YAAY,GAAG,GAAG;AAC/B,OAAO,MAAMC,cAAc,gBAAGf,IAAI,CAChC,CAAC;EACCgB,OAAO;EACPC,UAAU;EACVC,aAAa;EACbC;AACsB,CAAC,KAAK;EAC5B,MAAMC,SAAS,GAAGnB,iBAAiB,CAACiB,aAAa,CAAC;EAElD,oBACEL,KAAA,CAAAF,SAAA;IAAAU,QAAA,gBACEZ,IAAA,CAACH,aAAa;MAACW,UAAU,EAAEA,UAAW;MAACK,QAAQ,EAAE,KAAM;MAAAD,QAAA,eACrDZ,IAAA,CAACP,UAAU,CAACqB,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACT,OAAQ;QAAAK,QAAA,eACrCZ,IAAA,CAACN,MAAM,CAACuB,IAAI;UACVC,GAAG,EAAEX,OAAO,EAAEY,WAAW,EAAEC,OAAO,IAAI,EAAG;UACzCC,KAAK,EAAEhB,YAAa;UACpBiB,MAAM,EAAEjB;QAAa,CACtB;MAAC,CACa;IAAC,CACL,CAAC,eAEhBL,IAAA,CAACP,UAAU,CAACqB,IAAI;MACdS,GAAG;MACHC,UAAU;MACVT,KAAK,EAAE,CAACC,MAAM,CAACL,SAAS,EAAEH,UAAU,IAAIQ,MAAM,CAACS,cAAc,CAAE;MAAAb,QAAA,EAE9DF,cAAc,IAAIC,SAAS,gBAC1BX,IAAA,CAACL,MAAM,CAAC+B,IAAI;QACVC,IAAI,EAAC,cAAc;QACnBC,KAAK,EAAE9B,kBAAkB,CAAC+B,SAAU;QACpCC,OAAO,EAAEtB,UAAU,GAAGuB,SAAS,GAAG,SAAU;QAC5CC,OAAO,EAAExB,UAAU,GAAG,SAAS,GAAGuB,SAAU;QAAAnB,QAAA,EAE3CD;MAAS,CACC,CAAC,GACZ;IAAI,CACO,CAAC;EAAA,CAClB,CAAC;AAEP,CACF,CAAC;AAED,MAAMK,MAAM,GAAGpB,UAAU,CAACqC,MAAM,CAAC;EAC/B1B,OAAO,EAAE;IACPc,KAAK,EAAEhB,YAAY;IACnBiB,MAAM,EAAEjB,YAAY;IACpB6B,cAAc,EAAE,QAAQ;IACxBV,UAAU,EAAE;EACd,CAAC;EACDb,SAAS,EAAE;IAAEwB,GAAG,EAAE,CAAC;IAAEC,SAAS,EAAE;EAAE,CAAC;EACnCX,cAAc,EAAE;IAAES,cAAc,EAAE;EAAW;AAC/C,CAAC,CAAC","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 "use strict";
 
 import { memo, useMemo } from 'react';
-import { Text } from 'react-native';
+import { Text, StyleSheet } from 'react-native';
 import { MessageType } from '@droppii/openim-rn-client-sdk';
 import { KContainer, KLabel, KColors } from '@droppii/libs';
 import { getMessageText } from "../../../utils/legendListMessage.js";
@@ -9,13 +9,13 @@ 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 { StyleSheet } from 'react-native';
+import { formatMessageTime } from "../types.js";
 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";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const parseMessageEx = ex => {
   if (!ex) return undefined;
   try {
@@ -27,11 +27,14 @@ const parseMessageEx = ex => {
 export const TextMessage = /*#__PURE__*/memo(({
   message,
   isOutgoing,
+  createdAtTime,
   isHighlighted,
+  isTimeRevealed,
   onPressUrl,
   groupPosition
 }) => {
   const messageText = getMessageText(message);
+  const timeLabel = formatMessageTime(createdAtTime);
   const isAtTextMessage = message.contentType === MessageType.AtTextMessage;
 
   // Both the reply-preview strip and the link-preview card below piggyback
@@ -79,25 +82,38 @@ export const TextMessage = /*#__PURE__*/memo(({
       children: part.text
     }, `${keyPrefix}-text-${i}`));
   };
-  return /*#__PURE__*/_jsx(BubbleTailRow, {
-    isOutgoing: isOutgoing,
-    groupPosition: groupPosition,
-    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: 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
-      })]
-    })
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(BubbleTailRow, {
+      isOutgoing: isOutgoing,
+      groupPosition: groupPosition,
+      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: 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
+        })]
+      })
+    }), /*#__PURE__*/_jsx(KContainer.View, {
+      row: true,
+      alignItems: true,
+      style: [styles.timeLabel, isOutgoing && styles.timeLabelRight],
+      children: isTimeRevealed && timeLabel ? /*#__PURE__*/_jsx(KLabel.Text, {
+        typo: "TextXsNormal",
+        color: CHAT_BUBBLE_COLORS.timestamp,
+        marginL: isOutgoing ? undefined : '0.25rem',
+        marginR: isOutgoing ? '0.25rem' : undefined,
+        children: timeLabel
+      }) : null
+    })]
   });
 });
 TextMessage.displayName = 'TextMessage';
@@ -108,6 +124,9 @@ const styles = StyleSheet.create({
   timeLabel: {
     gap: 4,
     marginTop: 2
+  },
+  timeLabelRight: {
+    justifyContent: 'flex-end'
   }
 });
 

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

@@ -1 +1 @@
-{"version":3,"names":["memo","useMemo","Text","MessageType","KContainer","KLabel","KColors","getMessageText","CHAT_BUBBLE_COLORS","messageStyles","getTailCornerStyle","BubbleTailRow","StyleSheet","tokenize","deserializeMentionRanges","QuotedMessagePreviewStrip","LinkPreviewCard","extractUrls","splitTextByUrls","jsx","_jsx","jsxs","_jsxs","parseMessageEx","ex","undefined","JSON","parse","TextMessage","message","isOutgoing","isHighlighted","onPressUrl","groupPosition","messageText","isAtTextMessage","contentType","AtTextMessage","quotedMessage","atTextElem","quoteMessage","parsedEx","urlMetadata","mentions","offsets","segments","length","urls","trim","renderTextRun","text","keyPrefix","children","map","part","i","isUrl","style","urlTextStyle","onPress","View","bubble","styles","bubbleContent","bubbleSent","bubbleReceived","bubbleHighlighted","typo","color","segment","index","type","mentionTextStyle","mention","displayName","id","metadata","create","gap","timeLabel","marginTop","palette","primary","w400","normal"],"sourceRoot":"../../../../../src","sources":["components/messages/textMessage/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["memo","useMemo","Text","StyleSheet","MessageType","KContainer","KLabel","KColors","getMessageText","CHAT_BUBBLE_COLORS","messageStyles","getTailCornerStyle","BubbleTailRow","formatMessageTime","tokenize","deserializeMentionRanges","QuotedMessagePreviewStrip","LinkPreviewCard","extractUrls","splitTextByUrls","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","parseMessageEx","ex","undefined","JSON","parse","TextMessage","message","isOutgoing","createdAtTime","isHighlighted","isTimeRevealed","onPressUrl","groupPosition","messageText","timeLabel","isAtTextMessage","contentType","AtTextMessage","quotedMessage","atTextElem","quoteMessage","parsedEx","urlMetadata","mentions","offsets","segments","length","urls","trim","renderTextRun","text","keyPrefix","children","map","part","i","isUrl","style","urlTextStyle","onPress","View","bubble","styles","bubbleContent","bubbleSent","bubbleReceived","bubbleHighlighted","typo","color","segment","index","type","mentionTextStyle","mention","displayName","id","metadata","row","alignItems","timeLabelRight","timestamp","marginL","marginR","create","gap","marginTop","justifyContent","palette","primary","w400","normal"],"sourceRoot":"../../../../../src","sources":["components/messages/textMessage/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,OAAO,QAAQ,OAAO;AACrC,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,WAAW,QAAQ,+BAA+B;AAC3D,SAASC,UAAU,EAAEC,MAAM,EAAEC,OAAO,QAAQ,eAAe;AAC3D,SAASC,cAAc,QAAQ,qCAAkC;AACjE,SAASC,kBAAkB,QAAQ,2CAAwC;AAC3E,SAASC,aAAa,QAAQ,cAAW;AACzC,SAASC,kBAAkB,QAAQ,wBAAqB;AACxD,SAASC,aAAa,QAAQ,qBAAkB;AAChD,SAASC,iBAAiB,QAAqC,aAAU;AACzE,SAASC,QAAQ,QAAQ,kCAAyB;AAClD,SAASC,wBAAwB,QAAQ,qCAAkC;AAE3E,SAASC,yBAAyB,QAAQ,+CAA4C;AACtF,SAASC,eAAe,QAAQ,mCAAgC;AAChE,SAASC,WAAW,EAAEC,eAAe,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAElE,MAAMC,cAAc,GAAIC,EAAW,IAAiC;EAClE,IAAI,CAACA,EAAE,EAAE,OAAOC,SAAS;EACzB,IAAI;IACF,OAAOC,IAAI,CAACC,KAAK,CAACH,EAAE,CAAC;EACvB,CAAC,CAAC,MAAM;IACN,OAAOC,SAAS;EAClB;AACF,CAAC;AAED,OAAO,MAAMG,WAAW,gBAAG/B,IAAI,CAC7B,CAAC;EACCgC,OAAO;EACPC,UAAU;EACVC,aAAa;EACbC,aAAa;EACbC,cAAc;EACdC,UAAU;EACVC;AAC+D,CAAC,KAAK;EACrE,MAAMC,WAAW,GAAG/B,cAAc,CAACwB,OAAO,CAAC;EAC3C,MAAMQ,SAAS,GAAG3B,iBAAiB,CAACqB,aAAa,CAAC;EAElD,MAAMO,eAAe,GAAGT,OAAO,CAACU,WAAW,KAAKtC,WAAW,CAACuC,aAAa;;EAEzE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAMC,aAAa,GAAGH,eAAe,GACjCT,OAAO,CAACa,UAAU,EAAEC,YAAY,GAChClB,SAAS;EAEb,MAAMmB,QAAQ,GAAG9C,OAAO,CACtB,MAAOwC,eAAe,GAAGf,cAAc,CAACM,OAAO,CAACL,EAAE,CAAC,GAAGC,SAAU,EAChE,CAACa,eAAe,EAAET,OAAO,CAACL,EAAE,CAC9B,CAAC;EACD,MAAMqB,WAAW,GAAGD,QAAQ,EAAEC,WAAW;EAEzC,MAAMC,QAAQ,GAAGhD,OAAO,CAAC,MAAM;IAC7B,IAAI,CAACwC,eAAe,IAAI,CAACT,OAAO,CAACa,UAAU,EAAE,OAAO,EAAE;IACtD;IACA;IACA;IACA,OAAO9B,wBAAwB,CAC7BiB,OAAO,CAACa,UAAU,EAClBE,QAAQ,EAAEE,QAAQ,EAAEC,OACtB,CAAC;EACH,CAAC,EAAE,CAACT,eAAe,EAAET,OAAO,CAACa,UAAU,EAAEE,QAAQ,CAAC,CAAC;EAEnD,MAAMI,QAAQ,GAAGlD,OAAO,CACtB,MAAOgD,QAAQ,CAACG,MAAM,GAAG,CAAC,GAAGtC,QAAQ,CAACyB,WAAW,EAAEU,QAAQ,CAAC,GAAG,IAAK,EACpE,CAACA,QAAQ,EAAEV,WAAW,CACxB,CAAC;;EAED;EACA;EACA;EACA;EACA;EACA,MAAMc,IAAI,GAAGpD,OAAO,CAClB,MAAOkD,QAAQ,GAAGjC,WAAW,CAACqB,WAAW,CAAC,GAAG,EAAG,EAChD,CAACY,QAAQ,EAAEZ,WAAW,CACxB,CAAC;EAED,IAAI,CAACA,WAAW,EAAEe,IAAI,CAAC,CAAC,EAAE;IACxB,OAAO,IAAI;EACb;;EAEA;EACA;EACA;EACA;EACA,MAAMC,aAAa,GAAGA,CAACC,IAAY,EAAEC,SAAiB,KAAK;IACzD,IAAI,CAACJ,IAAI,CAACD,MAAM,EAAE,oBAAO/B,IAAA,CAACnB,IAAI;MAAAwD,QAAA,EAAkBF;IAAI,GAAhBC,SAAuB,CAAC;IAC5D,OAAOtC,eAAe,CAACqC,IAAI,EAAEH,IAAI,CAAC,CAACM,GAAG,CAAC,CAACC,IAAI,EAAEC,CAAC,KAC7CD,IAAI,CAACE,KAAK,gBACRzC,IAAA,CAACnB,IAAI;MAEH6D,KAAK,EAAEC,YAAa;MACpBC,OAAO,EAAEA,CAAA,KAAM5B,UAAU,GAAGuB,IAAI,CAACJ,IAAI,CAAE;MAAAE,QAAA,EAEtCE,IAAI,CAACJ;IAAI,GAJL,GAAGC,SAAS,QAAQI,CAAC,EAKtB,CAAC,gBAEPxC,IAAA,CAACnB,IAAI;MAAAwD,QAAA,EAAiCE,IAAI,CAACJ;IAAI,GAApC,GAAGC,SAAS,SAASI,CAAC,EAAqB,CAE1D,CAAC;EACH,CAAC;EAED,oBACEtC,KAAA,CAAAE,SAAA;IAAAiC,QAAA,gBACErC,IAAA,CAACT,aAAa;MAACqB,UAAU,EAAEA,UAAW;MAACK,aAAa,EAAEA,aAAc;MAAAoB,QAAA,eAClEnC,KAAA,CAAClB,UAAU,CAAC6D,IAAI;QACdH,KAAK,EAAE,CACLrD,aAAa,CAACyD,MAAM,EACpBC,MAAM,CAACC,aAAa,EACpBpC,UAAU,GACNvB,aAAa,CAAC4D,UAAU,GACxB5D,aAAa,CAAC6D,cAAc,EAChCpC,aAAa,IAAIzB,aAAa,CAAC8D,iBAAiB,EAChD7D,kBAAkB,CAACsB,UAAU,EAAEK,aAAa,CAAC,CAC7C;QAAAoB,QAAA,GAEDd,aAAa,iBACZvB,IAAA,CAACL,yBAAyB;UAAC4B,aAAa,EAAEA;QAAc,CAAE,CAC3D,eACDvB,IAAA,CAACf,MAAM,CAACJ,IAAI;UAACuE,IAAI,EAAC,cAAc;UAACC,KAAK,EAAEjE,kBAAkB,CAAC+C,IAAK;UAAAE,QAAA,EAC7DP,QAAQ,GACLA,QAAQ,CAACQ,GAAG,CAAC,CAACgB,OAAO,EAAEC,KAAK,KAC1BD,OAAO,CAACE,IAAI,KAAK,SAAS,gBACxBxD,IAAA,CAACnB,IAAI;YAA0B6D,KAAK,EAAEe,gBAAiB;YAAApB,QAAA,EACpD,IAAIiB,OAAO,CAACI,OAAO,CAACC,WAAW;UAAE,GADzBL,OAAO,CAACI,OAAO,CAACE,EAErB,CAAC,GAEP1B,aAAa,CAACoB,OAAO,CAACnB,IAAI,EAAE,OAAOoB,KAAK,EAAE,CAE9C,CAAC,GACDrC;QAAW,CACJ,CAAC,EACb,CAAC,CAACS,WAAW,iBACZ3B,IAAA,CAACJ,eAAe;UAACiE,QAAQ,EAAElC,WAAY;UAACX,UAAU,EAAEA;QAAW,CAAE,CAClE;MAAA,CACc;IAAC,CACL,CAAC,eAEhBhB,IAAA,CAAChB,UAAU,CAAC6D,IAAI;MACdiB,GAAG;MACHC,UAAU;MACVrB,KAAK,EAAE,CAACK,MAAM,CAAC5B,SAAS,EAAEP,UAAU,IAAImC,MAAM,CAACiB,cAAc,CAAE;MAAA3B,QAAA,EAE9DtB,cAAc,IAAII,SAAS,gBAC1BnB,IAAA,CAACf,MAAM,CAACJ,IAAI;QACVuE,IAAI,EAAC,cAAc;QACnBC,KAAK,EAAEjE,kBAAkB,CAAC6E,SAAU;QACpCC,OAAO,EAAEtD,UAAU,GAAGL,SAAS,GAAG,SAAU;QAC5C4D,OAAO,EAAEvD,UAAU,GAAG,SAAS,GAAGL,SAAU;QAAA8B,QAAA,EAE3ClB;MAAS,CACC,CAAC,GACZ;IAAI,CACO,CAAC;EAAA,CAClB,CAAC;AAEP,CACF,CAAC;AAEDT,WAAW,CAACiD,WAAW,GAAG,aAAa;AAEvC,MAAMZ,MAAM,GAAGjE,UAAU,CAACsF,MAAM,CAAC;EAC/BpB,aAAa,EAAE;IAAEqB,GAAG,EAAE;EAAE,CAAC;EACzBlD,SAAS,EAAE;IAAEkD,GAAG,EAAE,CAAC;IAAEC,SAAS,EAAE;EAAE,CAAC;EACnCN,cAAc,EAAE;IAAEO,cAAc,EAAE;EAAW;AAC/C,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA,MAAMd,gBAAgB,GAAG;EAAEJ,KAAK,EAAEnE,OAAO,CAACsF,OAAO,CAACC,OAAO,CAACC;AAAK,CAAC;;AAEhE;AACA;AACA;AACA;AACA,MAAM/B,YAAY,GAAG;EAAEU,KAAK,EAAEnE,OAAO,CAACuF,OAAO,CAACE;AAAO,CAAC","ignoreList":[]}

package/lib/module/components/messages/types.js.map

@@ -1 +1 @@
-{"version":3,"names":["formatMessageTime","createdAt","date","Date","Number","isNaN","getTime","toLocaleTimeString","hour","minute","hour12"],"sourceRoot":"../../../../src","sources":["components/messages/types.ts"],"mappings":";;AAcA,OAAO,MAAMA,iBAAiB,GAAIC,SAAiB,IAAK;EACtD,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAACF,SAAS,CAAC;EAChC,IAAIG,MAAM,CAACC,KAAK,CAACH,IAAI,CAACI,OAAO,CAAC,CAAC,CAAC,EAAE;IAChC,OAAO,EAAE;EACX;EAEA,OAAOJ,IAAI,CAACK,kBAAkB,CAAC,OAAO,EAAE;IACtCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE,SAAS;IACjBC,MAAM,EAAE;EACV,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["formatMessageTime","createdAt","date","Date","Number","isNaN","getTime","toLocaleTimeString","hour","minute","hour12"],"sourceRoot":"../../../../src","sources":["components/messages/types.ts"],"mappings":";;AAeA,OAAO,MAAMA,iBAAiB,GAAIC,SAAiB,IAAK;EACtD,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAACF,SAAS,CAAC;EAChC,IAAIG,MAAM,CAACC,KAAK,CAACH,IAAI,CAACI,OAAO,CAAC,CAAC,CAAC,EAAE;IAChC,OAAO,EAAE;EACX;EAEA,OAAOJ,IAAI,CAACK,kBAAkB,CAAC,OAAO,EAAE;IACtCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE,SAAS;IACjBC,MAAM,EAAE;EACV,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}