@planningcenter/chat-react-native 3.35.0-rc.2 → 3.35.0-rc.4

package/build/utils/group_messages.js

@@ -0,0 +1,142 @@
+import dayjs from './dayjs';
+import { isSystemMessage } from './system_messages';
+const FIVE_MINUTES_MS = 5 * 60 * 1000;
+export const UNREAD_DIVIDER_KEY = 'unread-divider';
+export function groupMessages({ ms, inReplyScreen, jumpToUnreadActive, initialMessageId, }) {
+    const items = [];
+    let myLatestSeen = false;
+    let nextNeighborEnriched;
+    ms.forEach((message, i) => {
+        const { prev } = neighborsOf(ms, i);
+        const next = nextNeighborEnriched;
+        if (isSystemMessage(message)) {
+            const enriched = enrichSystemMessage(message, next);
+            items.push(enriched);
+            if (crossesUnreadBoundary(message, prev, jumpToUnreadActive, initialMessageId)) {
+                items.push(unreadDivider());
+            }
+            if (datesDifferBetween(message, prev))
+                items.push(dateSeparator(message));
+            nextNeighborEnriched = enriched;
+            return;
+        }
+        const isMyLatest = !myLatestSeen && message.mine;
+        if (isMyLatest)
+            myLatestSeen = true;
+        const enriched = enrichRegularMessage(message, prev, next, isMyLatest, !!inReplyScreen);
+        items.push(enriched);
+        if (crossesUnreadBoundary(message, prev, jumpToUnreadActive, initialMessageId)) {
+            items.push(unreadDivider());
+        }
+        const shadow = replyShadowFor(enriched, prev);
+        if (shadow)
+            items.push(shadow);
+        if (!prev || datesDifferBetween(message, prev)) {
+            items.push(dateSeparator(message));
+        }
+        nextNeighborEnriched = enriched;
+    });
+    return items;
+}
+function crossesUnreadBoundary(message, prev, jumpToUnreadActive, initialMessageId) {
+    if (!jumpToUnreadActive)
+        return false;
+    if (!initialMessageId)
+        return false;
+    if (!prev)
+        return false;
+    return (prev.id.localeCompare(initialMessageId) <= 0 && message.id.localeCompare(initialMessageId) > 0);
+}
+function unreadDivider() {
+    return { type: 'UnreadDivider', id: UNREAD_DIVIDER_KEY };
+}
+function neighborsOf(arr, i) {
+    return { prev: arr[i + 1], next: arr[i - 1] };
+}
+function enrichSystemMessage(message, next) {
+    return {
+        ...message,
+        myLatestInConversation: false,
+        lastInGroup: true,
+        renderAuthor: false,
+        nextRendersAuthor: next?.renderAuthor,
+        isReplyShadowMessage: false,
+        nextIsReplyShadowMessage: false,
+        threadPosition: null,
+    };
+}
+function enrichRegularMessage(message, prev, next, isMyLatest, inReplyScreen) {
+    const inThread = message.replyRootId !== null;
+    const showThreadDetails = !inReplyScreen && inThread;
+    return {
+        ...message,
+        myLatestInConversation: isMyLatest,
+        lastInGroup: !next || startsNewGroup(next, message),
+        renderAuthor: !message.mine && (!prev || startsNewGroup(message, prev)),
+        nextRendersAuthor: next?.renderAuthor,
+        isReplyShadowMessage: false,
+        nextIsReplyShadowMessage: nextIntroducesReplyShadow(next, message),
+        threadPosition: showThreadDetails ? threadPositionFor(message, next) : null,
+        prevIsMyReply: showThreadDetails ? prev?.mine : undefined,
+        nextIsMyReply: showThreadDetails ? next?.mine : undefined,
+    };
+}
+function startsNewGroup(a, b) {
+    return (a.author?.id !== b.author?.id ||
+        differsByMoreThan5Min(a, b) ||
+        a.replyRootId !== b.replyRootId ||
+        datesDifferBetween(a, b));
+}
+function differsByMoreThan5Min(a, b) {
+    return Math.abs(toMillis(a.createdAt) - toMillis(b.createdAt)) > FIVE_MINUTES_MS;
+}
+function toMillis(iso) {
+    return new Date(iso).getTime();
+}
+function datesDifferBetween(a, b) {
+    if (!b)
+        return false;
+    return dateKey(a) !== dateKey(b);
+}
+function dateKey(message) {
+    return dayjs(message.createdAt).format('YYYY-MM-DD');
+}
+function dateSeparator(message) {
+    return { type: 'DateSeparator', id: `day-divider-${message.id}`, date: dateKey(message) };
+}
+function threadPositionFor(message, next) {
+    const isThreadRoot = message.replyRootId === message.id;
+    const isLast = !next || next.replyRootId !== message.replyRootId || datesDifferBetween(next, message);
+    if (isThreadRoot && isLast)
+        return null;
+    if (isThreadRoot)
+        return 'first';
+    if (isLast)
+        return 'last';
+    return 'center';
+}
+function nextIntroducesReplyShadow(next, current) {
+    if (!next)
+        return false;
+    const nextInThread = next.replyRootId !== null;
+    const nextIsThreadRoot = next.replyRootId === next.id;
+    const differentThread = next.replyRootId !== current.replyRootId;
+    return nextInThread && !nextIsThreadRoot && (differentThread || datesDifferBetween(next, current));
+}
+function replyShadowFor(message, prev) {
+    if (!message.replyRootId)
+        return undefined;
+    if (message.replyRootId === message.id)
+        return undefined;
+    const enteringNewThread = !prev || prev.replyRootId !== message.replyRootId || datesDifferBetween(prev, message);
+    if (!enteringNewThread)
+        return undefined;
+    return {
+        type: 'ReplyShadowMessage',
+        id: `${message.id}-${message.replyRootId}`,
+        messageId: message.replyRootId,
+        isReplyShadowMessage: true,
+        nextRendersAuthor: message.renderAuthor ?? false,
+    };
+}
+//# sourceMappingURL=group_messages.js.map

package/build/utils/group_messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group_messages.js","sourceRoot":"","sources":["../../src/utils/group_messages.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,MAAM,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,IAAI,CAAA;AAErC,MAAM,CAAC,MAAM,kBAAkB,GAAG,gBAAgB,CAAA;AA2BlD,MAAM,UAAU,aAAa,CAAC,EAC5B,EAAE,EACF,aAAa,EACb,kBAAkB,EAClB,gBAAgB,GACG;IACnB,MAAM,KAAK,GAAsB,EAAE,CAAA;IACnC,IAAI,YAAY,GAAG,KAAK,CAAA;IACxB,IAAI,oBAAiD,CAAA;IAErD,EAAE,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;QACxB,MAAM,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC,EAAE,EAAE,CAAC,CAAC,CAAA;QACnC,MAAM,IAAI,GAAG,oBAAoB,CAAA;QAEjC,IAAI,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC;YAC7B,MAAM,QAAQ,GAAG,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;YACnD,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;YACpB,IAAI,qBAAqB,CAAC,OAAO,EAAE,IAAI,EAAE,kBAAkB,EAAE,gBAAgB,CAAC,EAAE,CAAC;gBAC/E,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAA;YAC7B,CAAC;YACD,IAAI,kBAAkB,CAAC,OAAO,EAAE,IAAI,CAAC;gBAAE,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAA;YACzE,oBAAoB,GAAG,QAAQ,CAAA;YAC/B,OAAM;QACR,CAAC;QAED,MAAM,UAAU,GAAG,CAAC,YAAY,IAAI,OAAO,CAAC,IAAI,CAAA;QAChD,IAAI,UAAU;YAAE,YAAY,GAAG,IAAI,CAAA;QAEnC,MAAM,QAAQ,GAAG,oBAAoB,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,aAAa,CAAC,CAAA;QACvF,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAEpB,IAAI,qBAAqB,CAAC,OAAO,EAAE,IAAI,EAAE,kBAAkB,EAAE,gBAAgB,CAAC,EAAE,CAAC;YAC/E,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAA;QAC7B,CAAC;QAED,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;QAC7C,IAAI,MAAM;YAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAE9B,IAAI,CAAC,IAAI,IAAI,kBAAkB,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC;YAC/C,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAA;QACpC,CAAC;QAED,oBAAoB,GAAG,QAAQ,CAAA;IACjC,CAAC,CAAC,CAAA;IAEF,OAAO,KAAK,CAAA;AACd,CAAC;AAED,SAAS,qBAAqB,CAC5B,OAAwB,EACxB,IAAiC,EACjC,kBAAuC,EACvC,gBAA2C;IAE3C,IAAI,CAAC,kBAAkB;QAAE,OAAO,KAAK,CAAA;IACrC,IAAI,CAAC,gBAAgB;QAAE,OAAO,KAAK,CAAA;IACnC,IAAI,CAAC,IAAI;QAAE,OAAO,KAAK,CAAA;IACvB,OAAO,CACL,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAC/F,CAAA;AACH,CAAC;AAED,SAAS,aAAa;IACpB,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAA;AAC1D,CAAC;AAED,SAAS,WAAW,CAAI,GAAQ,EAAE,CAAS;IACzC,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAA;AAC/C,CAAC;AAED,SAAS,mBAAmB,CAC1B,OAAwB,EACxB,IAAiC;IAEjC,OAAO;QACL,GAAG,OAAO;QACV,sBAAsB,EAAE,KAAK;QAC7B,WAAW,EAAE,IAAI;QACjB,YAAY,EAAE,KAAK;QACnB,iBAAiB,EAAE,IAAI,EAAE,YAAY;QACrC,oBAAoB,EAAE,KAAK;QAC3B,wBAAwB,EAAE,KAAK;QAC/B,cAAc,EAAE,IAAI;KACrB,CAAA;AACH,CAAC;AAED,SAAS,oBAAoB,CAC3B,OAAwB,EACxB,IAAiC,EACjC,IAAiC,EACjC,UAAmB,EACnB,aAAsB;IAEtB,MAAM,QAAQ,GAAG,OAAO,CAAC,WAAW,KAAK,IAAI,CAAA;IAC7C,MAAM,iBAAiB,GAAG,CAAC,aAAa,IAAI,QAAQ,CAAA;IAEpD,OAAO;QACL,GAAG,OAAO;QACV,sBAAsB,EAAE,UAAU;QAClC,WAAW,EAAE,CAAC,IAAI,IAAI,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC;QACnD,YAAY,EAAE,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QACvE,iBAAiB,EAAE,IAAI,EAAE,YAAY;QACrC,oBAAoB,EAAE,KAAK;QAC3B,wBAAwB,EAAE,yBAAyB,CAAC,IAAI,EAAE,OAAO,CAAC;QAClE,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI;QAC3E,aAAa,EAAE,iBAAiB,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS;QACzD,aAAa,EAAE,iBAAiB,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS;KAC1D,CAAA;AACH,CAAC;AAED,SAAS,cAAc,CAAC,CAAkB,EAAE,CAAkB;IAC5D,OAAO,CACL,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE;QAC7B,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC;QAC3B,CAAC,CAAC,WAAW,KAAK,CAAC,CAAC,WAAW;QAC/B,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CACzB,CAAA;AACH,CAAC;AAED,SAAS,qBAAqB,CAAC,CAAkB,EAAE,CAAkB;IACnE,OAAO,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,eAAe,CAAA;AAClF,CAAC;AAED,SAAS,QAAQ,CAAC,GAAW;IAC3B,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAA;AAChC,CAAC;AAED,SAAS,kBAAkB,CAAC,CAAkB,EAAE,CAA8B;IAC5E,IAAI,CAAC,CAAC;QAAE,OAAO,KAAK,CAAA;IACpB,OAAO,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAA;AAClC,CAAC;AAED,SAAS,OAAO,CAAC,OAAwB;IACvC,OAAO,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;AACtD,CAAC;AAED,SAAS,aAAa,CAAC,OAAwB;IAC7C,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,EAAE,eAAe,OAAO,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,CAAA;AAC3F,CAAC;AAED,SAAS,iBAAiB,CACxB,OAAwB,EACxB,IAAiC;IAEjC,MAAM,YAAY,GAAG,OAAO,CAAC,WAAW,KAAK,OAAO,CAAC,EAAE,CAAA;IACvD,MAAM,MAAM,GACV,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,KAAK,OAAO,CAAC,WAAW,IAAI,kBAAkB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IAExF,IAAI,YAAY,IAAI,MAAM;QAAE,OAAO,IAAI,CAAA;IACvC,IAAI,YAAY;QAAE,OAAO,OAAO,CAAA;IAChC,IAAI,MAAM;QAAE,OAAO,MAAM,CAAA;IACzB,OAAO,QAAQ,CAAA;AACjB,CAAC;AAED,SAAS,yBAAyB,CAChC,IAAiC,EACjC,OAAwB;IAExB,IAAI,CAAC,IAAI;QAAE,OAAO,KAAK,CAAA;IACvB,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,KAAK,IAAI,CAAA;IAC9C,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,EAAE,CAAA;IACrD,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,KAAK,OAAO,CAAC,WAAW,CAAA;IAChE,OAAO,YAAY,IAAI,CAAC,gBAAgB,IAAI,CAAC,eAAe,IAAI,kBAAkB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;AACpG,CAAC;AAED,SAAS,cAAc,CACrB,OAAwB,EACxB,IAAiC;IAEjC,IAAI,CAAC,OAAO,CAAC,WAAW;QAAE,OAAO,SAAS,CAAA;IAC1C,IAAI,OAAO,CAAC,WAAW,KAAK,OAAO,CAAC,EAAE;QAAE,OAAO,SAAS,CAAA;IAExD,MAAM,iBAAiB,GACrB,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,KAAK,OAAO,CAAC,WAAW,IAAI,kBAAkB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IACxF,IAAI,CAAC,iBAAiB;QAAE,OAAO,SAAS,CAAA;IAExC,OAAO;QACL,IAAI,EAAE,oBAAoB;QAC1B,EAAE,EAAE,GAAG,OAAO,CAAC,EAAE,IAAI,OAAO,CAAC,WAAW,EAAE;QAC1C,SAAS,EAAE,OAAO,CAAC,WAAW;QAC9B,oBAAoB,EAAE,IAAI;QAC1B,iBAAiB,EAAE,OAAO,CAAC,YAAY,IAAI,KAAK;KACjD,CAAA;AACH,CAAC","sourcesContent":["import type { MessageResource } from '../types/resources/message'\nimport dayjs from './dayjs'\nimport { isSystemMessage } from './system_messages'\n\nconst FIVE_MINUTES_MS = 5 * 60 * 1000\n\nexport const UNREAD_DIVIDER_KEY = 'unread-divider'\n\nexport type DateSeparator = { type: 'DateSeparator'; id: string; date: string }\n\nexport type UnreadDividerItem = { type: 'UnreadDivider'; id: typeof UNREAD_DIVIDER_KEY }\n\nexport type ReplyShadowMessage = {\n  type: 'ReplyShadowMessage'\n  id: string\n  messageId: string\n  isReplyShadowMessage: boolean\n  nextRendersAuthor: boolean\n}\n\nexport type EnrichedMessage =\n  | MessageResource\n  | DateSeparator\n  | UnreadDividerItem\n  | ReplyShadowMessage\n\ninterface GroupMessagesProps {\n  ms: MessageResource[]\n  inReplyScreen?: boolean\n  jumpToUnreadActive?: boolean\n  initialMessageId?: string | null\n}\n\nexport function groupMessages({\n  ms,\n  inReplyScreen,\n  jumpToUnreadActive,\n  initialMessageId,\n}: GroupMessagesProps): EnrichedMessage[] {\n  const items: EnrichedMessage[] = []\n  let myLatestSeen = false\n  let nextNeighborEnriched: MessageResource | undefined\n\n  ms.forEach((message, i) => {\n    const { prev } = neighborsOf(ms, i)\n    const next = nextNeighborEnriched\n\n    if (isSystemMessage(message)) {\n      const enriched = enrichSystemMessage(message, next)\n      items.push(enriched)\n      if (crossesUnreadBoundary(message, prev, jumpToUnreadActive, initialMessageId)) {\n        items.push(unreadDivider())\n      }\n      if (datesDifferBetween(message, prev)) items.push(dateSeparator(message))\n      nextNeighborEnriched = enriched\n      return\n    }\n\n    const isMyLatest = !myLatestSeen && message.mine\n    if (isMyLatest) myLatestSeen = true\n\n    const enriched = enrichRegularMessage(message, prev, next, isMyLatest, !!inReplyScreen)\n    items.push(enriched)\n\n    if (crossesUnreadBoundary(message, prev, jumpToUnreadActive, initialMessageId)) {\n      items.push(unreadDivider())\n    }\n\n    const shadow = replyShadowFor(enriched, prev)\n    if (shadow) items.push(shadow)\n\n    if (!prev || datesDifferBetween(message, prev)) {\n      items.push(dateSeparator(message))\n    }\n\n    nextNeighborEnriched = enriched\n  })\n\n  return items\n}\n\nfunction crossesUnreadBoundary(\n  message: MessageResource,\n  prev: MessageResource | undefined,\n  jumpToUnreadActive: boolean | undefined,\n  initialMessageId: string | null | undefined\n): boolean {\n  if (!jumpToUnreadActive) return false\n  if (!initialMessageId) return false\n  if (!prev) return false\n  return (\n    prev.id.localeCompare(initialMessageId) <= 0 && message.id.localeCompare(initialMessageId) > 0\n  )\n}\n\nfunction unreadDivider(): UnreadDividerItem {\n  return { type: 'UnreadDivider', id: UNREAD_DIVIDER_KEY }\n}\n\nfunction neighborsOf<T>(arr: T[], i: number): { prev: T | undefined; next: T | undefined } {\n  return { prev: arr[i + 1], next: arr[i - 1] }\n}\n\nfunction enrichSystemMessage(\n  message: MessageResource,\n  next: MessageResource | undefined\n): MessageResource {\n  return {\n    ...message,\n    myLatestInConversation: false,\n    lastInGroup: true,\n    renderAuthor: false,\n    nextRendersAuthor: next?.renderAuthor,\n    isReplyShadowMessage: false,\n    nextIsReplyShadowMessage: false,\n    threadPosition: null,\n  }\n}\n\nfunction enrichRegularMessage(\n  message: MessageResource,\n  prev: MessageResource | undefined,\n  next: MessageResource | undefined,\n  isMyLatest: boolean,\n  inReplyScreen: boolean\n): MessageResource {\n  const inThread = message.replyRootId !== null\n  const showThreadDetails = !inReplyScreen && inThread\n\n  return {\n    ...message,\n    myLatestInConversation: isMyLatest,\n    lastInGroup: !next || startsNewGroup(next, message),\n    renderAuthor: !message.mine && (!prev || startsNewGroup(message, prev)),\n    nextRendersAuthor: next?.renderAuthor,\n    isReplyShadowMessage: false,\n    nextIsReplyShadowMessage: nextIntroducesReplyShadow(next, message),\n    threadPosition: showThreadDetails ? threadPositionFor(message, next) : null,\n    prevIsMyReply: showThreadDetails ? prev?.mine : undefined,\n    nextIsMyReply: showThreadDetails ? next?.mine : undefined,\n  }\n}\n\nfunction startsNewGroup(a: MessageResource, b: MessageResource): boolean {\n  return (\n    a.author?.id !== b.author?.id ||\n    differsByMoreThan5Min(a, b) ||\n    a.replyRootId !== b.replyRootId ||\n    datesDifferBetween(a, b)\n  )\n}\n\nfunction differsByMoreThan5Min(a: MessageResource, b: MessageResource): boolean {\n  return Math.abs(toMillis(a.createdAt) - toMillis(b.createdAt)) > FIVE_MINUTES_MS\n}\n\nfunction toMillis(iso: string): number {\n  return new Date(iso).getTime()\n}\n\nfunction datesDifferBetween(a: MessageResource, b: MessageResource | undefined): boolean {\n  if (!b) return false\n  return dateKey(a) !== dateKey(b)\n}\n\nfunction dateKey(message: MessageResource): string {\n  return dayjs(message.createdAt).format('YYYY-MM-DD')\n}\n\nfunction dateSeparator(message: MessageResource): DateSeparator {\n  return { type: 'DateSeparator', id: `day-divider-${message.id}`, date: dateKey(message) }\n}\n\nfunction threadPositionFor(\n  message: MessageResource,\n  next: MessageResource | undefined\n): 'first' | 'center' | 'last' | null {\n  const isThreadRoot = message.replyRootId === message.id\n  const isLast =\n    !next || next.replyRootId !== message.replyRootId || datesDifferBetween(next, message)\n\n  if (isThreadRoot && isLast) return null\n  if (isThreadRoot) return 'first'\n  if (isLast) return 'last'\n  return 'center'\n}\n\nfunction nextIntroducesReplyShadow(\n  next: MessageResource | undefined,\n  current: MessageResource\n): boolean {\n  if (!next) return false\n  const nextInThread = next.replyRootId !== null\n  const nextIsThreadRoot = next.replyRootId === next.id\n  const differentThread = next.replyRootId !== current.replyRootId\n  return nextInThread && !nextIsThreadRoot && (differentThread || datesDifferBetween(next, current))\n}\n\nfunction replyShadowFor(\n  message: MessageResource,\n  prev: MessageResource | undefined\n): ReplyShadowMessage | undefined {\n  if (!message.replyRootId) return undefined\n  if (message.replyRootId === message.id) return undefined\n\n  const enteringNewThread =\n    !prev || prev.replyRootId !== message.replyRootId || datesDifferBetween(prev, message)\n  if (!enteringNewThread) return undefined\n\n  return {\n    type: 'ReplyShadowMessage',\n    id: `${message.id}-${message.replyRootId}`,\n    messageId: message.replyRootId,\n    isReplyShadowMessage: true,\n    nextRendersAuthor: message.renderAuthor ?? false,\n  }\n}\n"]}

package/build/utils/highest_seen_tracker.d.ts

@@ -0,0 +1,12 @@
+export declare const FLUSH_DELAY_MS = 2000;
+type SendFn = (args: {
+    conversationId: number;
+    sortKey: string;
+}) => void;
+export declare function makeHighestSeenTracker(conversationId: number, send: SendFn, flushDelayMs?: number): {
+    onSeen(sortKey: string): void;
+    flushNow(): void;
+    cancel(): void;
+};
+export {};
+//# sourceMappingURL=highest_seen_tracker.d.ts.map

package/build/utils/highest_seen_tracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highest_seen_tracker.d.ts","sourceRoot":"","sources":["../../src/utils/highest_seen_tracker.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,OAAO,CAAA;AAElC,KAAK,MAAM,GAAG,CAAC,IAAI,EAAE;IAAE,cAAc,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,KAAK,IAAI,CAAA;AAEzE,wBAAgB,sBAAsB,CACpC,cAAc,EAAE,MAAM,EACtB,IAAI,EAAE,MAAM,EACZ,YAAY,GAAE,MAAuB;oBAcnB,MAAM;;;EAoBzB"}

package/build/utils/highest_seen_tracker.js

@@ -0,0 +1,37 @@
+export const FLUSH_DELAY_MS = 2000;
+export function makeHighestSeenTracker(conversationId, send, flushDelayMs = FLUSH_DELAY_MS) {
+    let highest = null;
+    let lastSent = null;
+    let timer = null;
+    const fire = () => {
+        timer = null;
+        if (!highest || highest === lastSent)
+            return;
+        lastSent = highest;
+        send({ conversationId, sortKey: highest });
+    };
+    return {
+        onSeen(sortKey) {
+            if (highest && sortKey.localeCompare(highest) <= 0)
+                return;
+            highest = sortKey;
+            if (timer)
+                clearTimeout(timer);
+            timer = setTimeout(fire, flushDelayMs);
+        },
+        flushNow() {
+            if (timer) {
+                clearTimeout(timer);
+                timer = null;
+            }
+            fire();
+        },
+        cancel() {
+            if (timer) {
+                clearTimeout(timer);
+                timer = null;
+            }
+        },
+    };
+}
+//# sourceMappingURL=highest_seen_tracker.js.map

package/build/utils/highest_seen_tracker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highest_seen_tracker.js","sourceRoot":"","sources":["../../src/utils/highest_seen_tracker.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAA;AAIlC,MAAM,UAAU,sBAAsB,CACpC,cAAsB,EACtB,IAAY,EACZ,eAAuB,cAAc;IAErC,IAAI,OAAO,GAAkB,IAAI,CAAA;IACjC,IAAI,QAAQ,GAAkB,IAAI,CAAA;IAClC,IAAI,KAAK,GAAyC,IAAI,CAAA;IAEtD,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,KAAK,GAAG,IAAI,CAAA;QACZ,IAAI,CAAC,OAAO,IAAI,OAAO,KAAK,QAAQ;YAAE,OAAM;QAC5C,QAAQ,GAAG,OAAO,CAAA;QAClB,IAAI,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAA;IAC5C,CAAC,CAAA;IAED,OAAO;QACL,MAAM,CAAC,OAAe;YACpB,IAAI,OAAO,IAAI,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC;gBAAE,OAAM;YAC1D,OAAO,GAAG,OAAO,CAAA;YACjB,IAAI,KAAK;gBAAE,YAAY,CAAC,KAAK,CAAC,CAAA;YAC9B,KAAK,GAAG,UAAU,CAAC,IAAI,EAAE,YAAY,CAAC,CAAA;QACxC,CAAC;QACD,QAAQ;YACN,IAAI,KAAK,EAAE,CAAC;gBACV,YAAY,CAAC,KAAK,CAAC,CAAA;gBACnB,KAAK,GAAG,IAAI,CAAA;YACd,CAAC;YACD,IAAI,EAAE,CAAA;QACR,CAAC;QACD,MAAM;YACJ,IAAI,KAAK,EAAE,CAAC;gBACV,YAAY,CAAC,KAAK,CAAC,CAAA;gBACnB,KAAK,GAAG,IAAI,CAAA;YACd,CAAC;QACH,CAAC;KACF,CAAA;AACH,CAAC","sourcesContent":["export const FLUSH_DELAY_MS = 2000\n\ntype SendFn = (args: { conversationId: number; sortKey: string }) => void\n\nexport function makeHighestSeenTracker(\n  conversationId: number,\n  send: SendFn,\n  flushDelayMs: number = FLUSH_DELAY_MS\n) {\n  let highest: string | null = null\n  let lastSent: string | null = null\n  let timer: ReturnType<typeof setTimeout> | null = null\n\n  const fire = () => {\n    timer = null\n    if (!highest || highest === lastSent) return\n    lastSent = highest\n    send({ conversationId, sortKey: highest })\n  }\n\n  return {\n    onSeen(sortKey: string) {\n      if (highest && sortKey.localeCompare(highest) <= 0) return\n      highest = sortKey\n      if (timer) clearTimeout(timer)\n      timer = setTimeout(fire, flushDelayMs)\n    },\n    flushNow() {\n      if (timer) {\n        clearTimeout(timer)\n        timer = null\n      }\n      fire()\n    },\n    cancel() {\n      if (timer) {\n        clearTimeout(timer)\n        timer = null\n      }\n    },\n  }\n}\n"]}

package/build/utils/message_viewability.d.ts

@@ -0,0 +1,24 @@
+export interface ViewableEntry<Item> {
+    key: string;
+    isViewable: boolean;
+    item: Item;
+}
+export interface ViewabilityEvent<Item> {
+    viewableItems: ViewableEntry<Item>[];
+    changed: ViewableEntry<Item>[];
+    userHasScrolled: boolean;
+}
+export type ViewabilityObserver<Item> = (event: ViewabilityEvent<Item>) => void;
+export declare function reportViewableMessages<Item extends {
+    id?: string;
+    type?: string;
+}>(onMessageSeen: (id: string) => void): ViewabilityObserver<Item>;
+export declare function detectDividerExitTowardNewer<Item extends {
+    id?: string;
+    type?: string;
+}>({ dividerKey, initialMessageId, onExited, }: {
+    dividerKey: string;
+    initialMessageId: string | null;
+    onExited: () => void;
+}): ViewabilityObserver<Item>;
+//# sourceMappingURL=message_viewability.d.ts.map

package/build/utils/message_viewability.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message_viewability.d.ts","sourceRoot":"","sources":["../../src/utils/message_viewability.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa,CAAC,IAAI;IACjC,GAAG,EAAE,MAAM,CAAA;IACX,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,IAAI,CAAA;CACX;AAED,MAAM,WAAW,gBAAgB,CAAC,IAAI;IACpC,aAAa,EAAE,aAAa,CAAC,IAAI,CAAC,EAAE,CAAA;IACpC,OAAO,EAAE,aAAa,CAAC,IAAI,CAAC,EAAE,CAAA;IAC9B,eAAe,EAAE,OAAO,CAAA;CACzB;AAED,MAAM,MAAM,mBAAmB,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,IAAI,CAAA;AAE/E,wBAAgB,sBAAsB,CAAC,IAAI,SAAS;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,EAChF,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,GAClC,mBAAmB,CAAC,IAAI,CAAC,CAS3B;AAED,wBAAgB,4BAA4B,CAAC,IAAI,SAAS;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,EACxF,UAAU,EACV,gBAAgB,EAChB,QAAQ,GACT,EAAE;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAW5B"}

package/build/utils/message_viewability.js

@@ -0,0 +1,29 @@
+import { dividerExitedTowardNewer } from './unread_divider_helpers';
+export function reportViewableMessages(onMessageSeen) {
+    return ({ viewableItems, userHasScrolled }) => {
+        if (!userHasScrolled)
+            return;
+        for (const entry of viewableItems) {
+            if (entry.item?.type !== 'Message')
+                continue;
+            const id = entry.item?.id;
+            if (typeof id === 'string')
+                onMessageSeen(id);
+        }
+    };
+}
+export function detectDividerExitTowardNewer({ dividerKey, initialMessageId, onExited, }) {
+    return ({ viewableItems, changed, userHasScrolled }) => {
+        if (!userHasScrolled || !initialMessageId)
+            return;
+        const exited = dividerExitedTowardNewer({
+            changed,
+            viewableItems,
+            dividerKey,
+            initialMessageId,
+        });
+        if (exited)
+            onExited();
+    };
+}
+//# sourceMappingURL=message_viewability.js.map

package/build/utils/message_viewability.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message_viewability.js","sourceRoot":"","sources":["../../src/utils/message_viewability.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAA;AAgBnE,MAAM,UAAU,sBAAsB,CACpC,aAAmC;IAEnC,OAAO,CAAC,EAAE,aAAa,EAAE,eAAe,EAAE,EAAE,EAAE;QAC5C,IAAI,CAAC,eAAe;YAAE,OAAM;QAC5B,KAAK,MAAM,KAAK,IAAI,aAAa,EAAE,CAAC;YAClC,IAAI,KAAK,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS;gBAAE,SAAQ;YAC5C,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,EAAE,EAAE,CAAA;YACzB,IAAI,OAAO,EAAE,KAAK,QAAQ;gBAAE,aAAa,CAAC,EAAE,CAAC,CAAA;QAC/C,CAAC;IACH,CAAC,CAAA;AACH,CAAC;AAED,MAAM,UAAU,4BAA4B,CAA8C,EACxF,UAAU,EACV,gBAAgB,EAChB,QAAQ,GAKT;IACC,OAAO,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE;QACrD,IAAI,CAAC,eAAe,IAAI,CAAC,gBAAgB;YAAE,OAAM;QACjD,MAAM,MAAM,GAAG,wBAAwB,CAAC;YACtC,OAAO;YACP,aAAa;YACb,UAAU;YACV,gBAAgB;SACjB,CAAC,CAAA;QACF,IAAI,MAAM;YAAE,QAAQ,EAAE,CAAA;IACxB,CAAC,CAAA;AACH,CAAC","sourcesContent":["import { dividerExitedTowardNewer } from './unread_divider_helpers'\n\nexport interface ViewableEntry<Item> {\n  key: string\n  isViewable: boolean\n  item: Item\n}\n\nexport interface ViewabilityEvent<Item> {\n  viewableItems: ViewableEntry<Item>[]\n  changed: ViewableEntry<Item>[]\n  userHasScrolled: boolean\n}\n\nexport type ViewabilityObserver<Item> = (event: ViewabilityEvent<Item>) => void\n\nexport function reportViewableMessages<Item extends { id?: string; type?: string }>(\n  onMessageSeen: (id: string) => void\n): ViewabilityObserver<Item> {\n  return ({ viewableItems, userHasScrolled }) => {\n    if (!userHasScrolled) return\n    for (const entry of viewableItems) {\n      if (entry.item?.type !== 'Message') continue\n      const id = entry.item?.id\n      if (typeof id === 'string') onMessageSeen(id)\n    }\n  }\n}\n\nexport function detectDividerExitTowardNewer<Item extends { id?: string; type?: string }>({\n  dividerKey,\n  initialMessageId,\n  onExited,\n}: {\n  dividerKey: string\n  initialMessageId: string | null\n  onExited: () => void\n}): ViewabilityObserver<Item> {\n  return ({ viewableItems, changed, userHasScrolled }) => {\n    if (!userHasScrolled || !initialMessageId) return\n    const exited = dividerExitedTowardNewer({\n      changed,\n      viewableItems,\n      dividerKey,\n      initialMessageId,\n    })\n    if (exited) onExited()\n  }\n}\n"]}

package/build/utils/unread_divider_helpers.d.ts

@@ -0,0 +1,18 @@
+type ViewableChangeEntry = {
+    key: string;
+    isViewable: boolean;
+};
+type ViewableItem = {
+    item: {
+        id?: string;
+        type?: string;
+    };
+};
+export declare function dividerExitedTowardNewer({ changed, viewableItems, dividerKey, initialMessageId, }: {
+    changed: ViewableChangeEntry[];
+    viewableItems: ViewableItem[];
+    dividerKey: string;
+    initialMessageId: string;
+}): boolean;
+export {};
+//# sourceMappingURL=unread_divider_helpers.d.ts.map

package/build/utils/unread_divider_helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unread_divider_helpers.d.ts","sourceRoot":"","sources":["../../src/utils/unread_divider_helpers.ts"],"names":[],"mappings":"AAAA,KAAK,mBAAmB,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,OAAO,CAAA;CAAE,CAAA;AAC/D,KAAK,YAAY,GAAG;IAAE,IAAI,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAA;AAE5D,wBAAgB,wBAAwB,CAAC,EACvC,OAAO,EACP,aAAa,EACb,UAAU,EACV,gBAAgB,GACjB,EAAE;IACD,OAAO,EAAE,mBAAmB,EAAE,CAAA;IAC9B,aAAa,EAAE,YAAY,EAAE,CAAA;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,gBAAgB,EAAE,MAAM,CAAA;CACzB,GAAG,OAAO,CAWV"}

package/build/utils/unread_divider_helpers.js

@@ -0,0 +1,13 @@
+export function dividerExitedTowardNewer({ changed, viewableItems, dividerKey, initialMessageId, }) {
+    const dividerExited = changed.some(c => c.key === dividerKey && !c.isViewable);
+    if (!dividerExited)
+        return false;
+    const visibleMessageIds = viewableItems
+        .filter(v => v.item?.type === 'Message')
+        .map(v => v.item?.id)
+        .filter((id) => !!id);
+    if (visibleMessageIds.length === 0)
+        return false;
+    return visibleMessageIds.every(id => id.localeCompare(initialMessageId) > 0);
+}
+//# sourceMappingURL=unread_divider_helpers.js.map

package/build/utils/unread_divider_helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unread_divider_helpers.js","sourceRoot":"","sources":["../../src/utils/unread_divider_helpers.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,wBAAwB,CAAC,EACvC,OAAO,EACP,aAAa,EACb,UAAU,EACV,gBAAgB,GAMjB;IACC,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,UAAU,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAA;IAC9E,IAAI,CAAC,aAAa;QAAE,OAAO,KAAK,CAAA;IAEhC,MAAM,iBAAiB,GAAG,aAAa;SACpC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC;SACvC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC;SACpB,MAAM,CAAC,CAAC,EAAE,EAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IACrC,IAAI,iBAAiB,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAK,CAAA;IAEhD,OAAO,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAA;AAC9E,CAAC","sourcesContent":["type ViewableChangeEntry = { key: string; isViewable: boolean }\ntype ViewableItem = { item: { id?: string; type?: string } }\n\nexport function dividerExitedTowardNewer({\n  changed,\n  viewableItems,\n  dividerKey,\n  initialMessageId,\n}: {\n  changed: ViewableChangeEntry[]\n  viewableItems: ViewableItem[]\n  dividerKey: string\n  initialMessageId: string\n}): boolean {\n  const dividerExited = changed.some(c => c.key === dividerKey && !c.isViewable)\n  if (!dividerExited) return false\n\n  const visibleMessageIds = viewableItems\n    .filter(v => v.item?.type === 'Message')\n    .map(v => v.item?.id)\n    .filter((id): id is string => !!id)\n  if (visibleMessageIds.length === 0) return false\n\n  return visibleMessageIds.every(id => id.localeCompare(initialMessageId) > 0)\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.35.0-rc.2",
+  "version": "3.35.0-rc.4",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -52,9 +52,12 @@
   },
   "devDependencies": {
     "@react-native/eslint-config": "~0.83.0",
-    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/react-native": "^13.2.0",
+    "@types/color": "^3.0.0",
     "@types/jest": "^29.5.14",
-    "@typescript-eslint/parser": "^8.32.0",
+    "@typescript-eslint/parser": "^8.36.0",
+    "color": "^3.1.2",
+    "eslint": "8.57.1",
     "eslint-plugin-react-compiler": "^19.1.0-rc.2",
     "expo-module-scripts": "^55.0.0",
     "fast-text-encoding": "^1.0.6",
@@ -62,8 +65,11 @@
     "jest-fetch-mock": "^3.0.3",
     "msw": "^2.7.3",
     "prettier": "^3.4.2",
+    "react": "19.2.0",
+    "react-native": "0.83.6",
+    "react-native-svg": "15.15.3",
     "react-native-url-polyfill": "^2.0.0",
     "typescript": "~5.9.2"
   },
-  "gitHead": "eecec62a4683e528bb8e2f275d19fb9915544679"
+  "gitHead": "033e05c3a604adc1e36af2b8673719455e9e0f86"
 }

package/src/__tests__/contexts/session_context.tsx

@@ -1,6 +1,6 @@
 import AsyncStorage from '@react-native-async-storage/async-storage'
 import { QueryClientProvider } from '@tanstack/react-query'
-import { renderHook, act } from '@testing-library/react-hooks'
+import { renderHook, act } from '@testing-library/react-native'
 import React, { useContext, Suspense } from 'react'
 import { buildTestQueryClient } from '../../__utils__/query_client'
 import {

package/src/__tests__/hooks/use_async_storage.test.tsx

@@ -1,6 +1,6 @@
 import AsyncStorage from '@react-native-async-storage/async-storage'
 import { QueryClientProvider } from '@tanstack/react-query'
-import { renderHook, act } from '@testing-library/react-hooks'
+import { renderHook, act } from '@testing-library/react-native'
 import React, { Suspense } from 'react'
 import { buildTestQueryClient } from '../../__utils__/query_client'
 import { useAsyncStorage } from '../../hooks/use_async_storage'

package/src/__tests__/hooks/use_attachment_uploader.test.tsx

@@ -1,5 +1,5 @@
 import { QueryClientProvider } from '@tanstack/react-query'
-import { renderHook, act } from '@testing-library/react-hooks'
+import { renderHook, act } from '@testing-library/react-native'
 import React from 'react'
 import { buildTestQueryClient } from '../../__utils__/query_client'
 import { useApiClient } from '../../hooks/use_api_client'

package/src/__tests__/hooks/use_chat_configuration.test.tsx

@@ -1,5 +1,5 @@
 import { QueryClientProvider } from '@tanstack/react-query'
-import { renderHook, act } from '@testing-library/react-hooks'
+import { renderHook, act } from '@testing-library/react-native'
 import React, { Suspense } from 'react'
 import { buildTestQueryClient } from '../../__utils__/query_client'
 import {

package/src/__tests__/hooks/use_conversation_messages.test.tsx

@@ -1,5 +1,5 @@
 import { QueryClientProvider } from '@tanstack/react-query'
-import { act, renderHook } from '@testing-library/react-hooks'
+import { act, renderHook } from '@testing-library/react-native'
 import React, { Suspense } from 'react'
 import { buildTestQueryClient } from '../../__utils__/query_client'
 import { ConversationContextProvider } from '../../contexts/conversation_context'

package/src/__tests__/hooks/use_mark_latest_message_read.test.tsx

@@ -0,0 +1,154 @@
+import { QueryClientProvider } from '@tanstack/react-query'
+import { renderHook } from '@testing-library/react-native'
+import React, { useEffect } from 'react'
+import { buildTestQueryClient } from '../../__utils__/query_client'
+import {
+  ConversationContextProvider,
+  useConversationContext,
+} from '../../contexts/conversation_context'
+import * as appStateModule from '../../hooks/use_app_state'
+import * as conversationsActionsModule from '../../hooks/use_conversations_actions'
+import * as featuresModule from '../../hooks/use_features'
+import { useMarkLatestMessageRead } from '../../hooks/use_mark_latest_message_read'
+import { ConversationResource } from '../../types'
+
+const conversation = {
+  id: 1,
+  type: 'Conversation',
+  unreadCount: 3,
+  unreadReactionCount: 0,
+  conversationMembership: { lastReadMessageSortKey: '01A' },
+} as unknown as ConversationResource
+
+interface WrapperProps {
+  replyRootId?: string | null
+  initialMessageIdIsAnchor?: boolean
+  atEndOfMessageHistory?: boolean
+}
+
+const createWrapper = ({
+  replyRootId = null,
+  initialMessageIdIsAnchor = false,
+  atEndOfMessageHistory = !initialMessageIdIsAnchor,
+}: WrapperProps = {}) => {
+  const queryClient = buildTestQueryClient()
+  const Wrapper = ({ children }: { children: React.ReactNode }) => (
+    <QueryClientProvider client={queryClient}>
+      <ConversationContextProvider
+        conversationId={1}
+        currentPageReplyRootId={replyRootId}
+        initialMessageId={initialMessageIdIsAnchor ? '01A' : null}
+        initialMessageIdIsAnchor={initialMessageIdIsAnchor}
+      >
+        <AtEndPrimer atEndOfMessageHistory={atEndOfMessageHistory}>{children}</AtEndPrimer>
+      </ConversationContextProvider>
+    </QueryClientProvider>
+  )
+  return Wrapper
+}
+
+const AtEndPrimer = ({
+  atEndOfMessageHistory,
+  children,
+}: {
+  atEndOfMessageHistory: boolean
+  children: React.ReactNode
+}) => {
+  const { setAtEndOfMessageHistory } = useConversationContext()
+  useEffect(() => {
+    setAtEndOfMessageHistory(atEndOfMessageHistory)
+  }, [atEndOfMessageHistory, setAtEndOfMessageHistory])
+  return <>{children}</>
+}
+
+const mockFeatures = (enabled: boolean) => {
+  jest.spyOn(featuresModule, 'useFeatures').mockReturnValue({
+    features: [],
+    featureEnabled: () => enabled,
+  })
+}
+
+const mockMarkRead = () => {
+  const markRead = jest.fn()
+  jest.spyOn(conversationsActionsModule, 'useConversationsMarkRead').mockReturnValue({
+    markRead,
+    read: false,
+  } as unknown as ReturnType<typeof conversationsActionsModule.useConversationsMarkRead>)
+  return markRead
+}
+
+const mockAppState = (state: string = 'active') => {
+  jest.spyOn(appStateModule, 'useAppState').mockReturnValue(state)
+}
+
+describe('useMarkLatestMessageRead', () => {
+  afterEach(() => {
+    jest.restoreAllMocks()
+  })
+
+  it('fires markRead when JTU is off (backward compat preserved)', () => {
+    mockAppState()
+    mockFeatures(false)
+    const markRead = mockMarkRead()
+
+    renderHook(() => useMarkLatestMessageRead({ conversation }), {
+      wrapper: createWrapper(),
+    })
+
+    expect(markRead).toHaveBeenCalledWith(true)
+  })
+
+  it('does NOT fire markRead when in a reply view (parity fix, ships flag-off)', () => {
+    mockAppState()
+    mockFeatures(false)
+    const markRead = mockMarkRead()
+
+    renderHook(() => useMarkLatestMessageRead({ conversation }), {
+      wrapper: createWrapper({ replyRootId: 'root-1' }),
+    })
+
+    expect(markRead).not.toHaveBeenCalled()
+  })
+
+  it('does NOT fire markRead when JTU is active and user is not at end of history', () => {
+    mockAppState()
+    mockFeatures(true)
+    const markRead = mockMarkRead()
+
+    renderHook(() => useMarkLatestMessageRead({ conversation }), {
+      wrapper: createWrapper({
+        initialMessageIdIsAnchor: true,
+        atEndOfMessageHistory: false,
+      }),
+    })
+
+    expect(markRead).not.toHaveBeenCalled()
+  })
+
+  it('fires markRead when JTU is active and user reaches end of history', () => {
+    mockAppState()
+    mockFeatures(true)
+    const markRead = mockMarkRead()
+
+    renderHook(() => useMarkLatestMessageRead({ conversation }), {
+      wrapper: createWrapper({
+        initialMessageIdIsAnchor: true,
+        atEndOfMessageHistory: true,
+      }),
+    })
+
+    expect(markRead).toHaveBeenCalledWith(true)
+  })
+
+  it('does NOT fire when app state is not active', () => {
+    mockAppState('background')
+    mockFeatures(false)
+    const markRead = mockMarkRead()
+
+    renderHook(() => useMarkLatestMessageRead({ conversation }), {
+      wrapper: createWrapper(),
+    })
+
+    expect(markRead).not.toHaveBeenCalled()
+  })
+})

package/src/__tests__/utils/cache/messages_cache.test.ts

@@ -0,0 +1,54 @@
+import { buildTestQueryClient } from '../../../__utils__/query_client'
+import { hasUnloadedNewerPages } from '../../../utils/cache/messages_cache'
+
+const queryKey = ['messages-test']
+
+const buildClient = (data: unknown) => {
+  const client = buildTestQueryClient()
+  client.setQueryData(queryKey, data)
+  return client
+}
+
+describe('hasUnloadedNewerPages', () => {
+  it('returns false when the query has no cached data', () => {
+    const client = buildTestQueryClient()
+    expect(hasUnloadedNewerPages(client, queryKey)).toBe(false)
+  })
+
+  it('returns false when pages[0] has no next.idGt cursor', () => {
+    const client = buildClient({
+      pageParams: [{}],
+      pages: [{ data: [], links: {}, meta: { count: 0, totalCount: 0 } }],
+    })
+    expect(hasUnloadedNewerPages(client, queryKey)).toBe(false)
+  })
+
+  it('returns false when next exists but idGt is absent', () => {
+    const client = buildClient({
+      pageParams: [{}],
+      pages: [{ data: [], links: {}, meta: { count: 0, totalCount: 0, next: { idLt: '01A' } } }],
+    })
+    expect(hasUnloadedNewerPages(client, queryKey)).toBe(false)
+  })
+
+  it('returns true when pages[0].meta.next.idGt is set', () => {
+    const client = buildClient({
+      pageParams: [{}],
+      pages: [
+        { data: [], links: {}, meta: { count: 0, totalCount: 0, next: { idGt: '01KQSTAY' } } },
+      ],
+    })
+    expect(hasUnloadedNewerPages(client, queryKey)).toBe(true)
+  })
+
+  it('inspects only the first page (the newest side after sort)', () => {
+    const client = buildClient({
+      pageParams: [{}, {}],
+      pages: [
+        { data: [], links: {}, meta: { count: 0, totalCount: 0 } },
+        { data: [], links: {}, meta: { count: 0, totalCount: 0, next: { idGt: '01KQSTAY' } } },
+      ],
+    })
+    expect(hasUnloadedNewerPages(client, queryKey)).toBe(false)
+  })
+})