@droppii-org/chat-mobile 0.2.109 → 0.2.110

package/lib/module/screens/chat-detail/hooks/useUnreadIndicator.js

@@ -0,0 +1,105 @@
+"use strict";
+
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useIsFocused, useNavigation, useRoute } from '@react-navigation/native';
+import { ChatMessageAPI } from "../../../services/message.js";
+import { useUnreadIndicatorStore } from "../../../store/unreadIndicator.js";
+import { toUnreadAnchor } from "../../../utils/unreadAnchor.js";
+import { useUnreadDeeplinkCheck } from "./useUnreadDeeplinkCheck.js";
+
+// A blur within this long of a library-initiated child navigation (Thread
+// Info, in-thread search, add member) keeps the indicator; any other blur
+// (tab switch, another module) clears it.
+export const CHILD_NAV_TTL_MS = 1000;
+
+/**
+ * Owns this screen's unread-indicator session. `getFirstUnreadMessage` records
+ * the thread's open time server-side, so it's called exactly once per route
+ * visit: on the first focus after access is confirmed. A remount of ChatDetail
+ * inside the same route (access re-check, SDK reconnect) adopts the existing
+ * session instead of calling again; a new route key is a new visit.
+ *
+ * Must be called above `useMessages` (see `useUnreadDeeplinkCheck`).
+ */
+export const useUnreadIndicator = ({
+  conversationId,
+  isBotConversation,
+  targetMessageId,
+  accessConfirmed
+}) => {
+  const routeKey = useRoute().key;
+  const navigation = useNavigation();
+  const isFocused = useIsFocused();
+  // Ref for listeners and async code; state so token-scoped selectors re-run
+  // when it's set (adopting doesn't change the store).
+  const tokenRef = useRef(null);
+  const [unreadToken, setUnreadToken] = useState(null);
+  const childNavAtRef = useRef(0);
+  useEffect(() => {
+    if (!conversationId) return;
+    const s = useUnreadIndicatorStore.getState();
+    if (s.routeKey === routeKey && s.conversationId === conversationId) {
+      tokenRef.current = s.token;
+      setUnreadToken(s.token);
+      return;
+    }
+    if (!isFocused || !accessConfirmed) return;
+    const token = s.begin({
+      routeKey,
+      conversationId,
+      skip: isBotConversation,
+      awaitDeeplinkCheck: !!targetMessageId
+    });
+    tokenRef.current = token;
+    setUnreadToken(token);
+    if (isBotConversation) return;
+    let resolved = false;
+    (async () => {
+      try {
+        const message = await ChatMessageAPI.getFirstUnreadMessage(conversationId);
+        useUnreadIndicatorStore.getState().resolve(token, toUnreadAnchor(message, conversationId));
+        resolved = true;
+      } catch (error) {
+        if (__DEV__) console.log('[unread] resolve failed', error);
+      } finally {
+        // The mark-read gate must always open.
+        if (!resolved) useUnreadIndicatorStore.getState().resolve(token, null);
+      }
+    })();
+    // targetMessageId is deliberately not a dependency: a target change on
+    // the same screen re-arms D11, it doesn't start a new visit.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [conversationId, routeKey, isFocused, accessConfirmed, isBotConversation]);
+  const markChildNavigation = useCallback(() => {
+    childNavAtRef.current = Date.now();
+  }, []);
+  useEffect(() => {
+    const offBlur = navigation.addListener('blur', () => {
+      const isChildNavigation = Date.now() - childNavAtRef.current < CHILD_NAV_TTL_MS;
+      childNavAtRef.current = 0;
+      const token = tokenRef.current;
+      // Token-scoped: a no-op if another visit has superseded this session.
+      if (!isChildNavigation && token != null) {
+        useUnreadIndicatorStore.getState().clear(token);
+      }
+    });
+    const offFocus = navigation.addListener('focus', () => {
+      childNavAtRef.current = 0;
+    });
+    return () => {
+      offBlur();
+      offFocus();
+    };
+  }, [navigation]);
+  useUnreadDeeplinkCheck({
+    targetMessageId,
+    unreadToken,
+    tokenRef
+  });
+  return {
+    unreadToken,
+    unreadTokenRef: tokenRef,
+    markChildNavigation
+  };
+};
+//# sourceMappingURL=useUnreadIndicator.js.map

package/lib/module/screens/chat-detail/hooks/useUnreadIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useState","useIsFocused","useNavigation","useRoute","ChatMessageAPI","useUnreadIndicatorStore","toUnreadAnchor","useUnreadDeeplinkCheck","CHILD_NAV_TTL_MS","useUnreadIndicator","conversationId","isBotConversation","targetMessageId","accessConfirmed","routeKey","key","navigation","isFocused","tokenRef","unreadToken","setUnreadToken","childNavAtRef","s","getState","current","token","begin","skip","awaitDeeplinkCheck","resolved","message","getFirstUnreadMessage","resolve","error","__DEV__","console","log","markChildNavigation","Date","now","offBlur","addListener","isChildNavigation","clear","offFocus","unreadTokenRef"],"sourceRoot":"../../../../../src","sources":["screens/chat-detail/hooks/useUnreadIndicator.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/chat-detail/hooks/useUnreadIndicatorInList.js

@@ -0,0 +1,157 @@
+"use strict";
+
+import { useCallback, useEffect, useMemo, useRef } from 'react';
+import { DeviceEventEmitter } from 'react-native';
+import { useUnreadIndicatorStore } from "../../../store/unreadIndicator.js";
+import { useMessageStore } from "../../../store/message.js";
+import { ChatEvent } from "../../../types/events.js";
+import { resolveUnreadAnchorRowId } from "../../../utils/unreadAnchor.js";
+import { useUnreadAnchorSeen } from "./useUnreadAnchorSeen.js";
+
+/** Lands the divider ~100px below the list top, no highlight, never exits. */
+export const UNREAD_JUMP_OPTIONS = {
+  highlight: false,
+  viewPosition: 0,
+  viewOffset: 100,
+  exitOnUnavailable: false
+};
+// Parity with searchMessages' own re-emit delay.
+const POST_SEARCH_SCROLL_DELAY_MS = 300;
+// Anchor not reachable by id (not in the local DB): page older history at
+// most this many times (~75 messages) looking for the boundary.
+const MAX_ANCHOR_PAGES = 5;
+/**
+ * Wires the unread session into the list: which row carries the divider,
+ * whether the pill shows, and the pill's jump. The session is token-scoped —
+ * a second ChatDetail of the same thread never reads or dismisses this one's.
+ */
+export const useUnreadIndicatorInList = ({
+  messages,
+  unreadToken,
+  isLoading,
+  hasMoreOld,
+  moreOldLoading,
+  onLoadMoreOld,
+  isBotConversation,
+  listRef,
+  jumpInFlightRef,
+  setJumpInFlight
+}) => {
+  const own = useUnreadIndicatorStore(s => unreadToken != null && s.token === unreadToken);
+  const anchor = useUnreadIndicatorStore(s => s.anchor);
+  const pillDismissed = useUnreadIndicatorStore(s => s.pillDismissed);
+  const awaiting = useUnreadIndicatorStore(s => s.awaitingDeeplinkCheck);
+  // Raw window (before rendering filters) decides whether the boundary is in.
+  const oldestLoadedSeq = useMessageStore(s => s.messages[0]?.seq ?? 0);
+  const active = own && !isBotConversation && !awaiting && !!anchor;
+  const unreadAnchorRowId = useMemo(() => active ? resolveUnreadAnchorRowId(messages, anchor, {
+    oldestLoadedSeq,
+    hasMoreOld
+  }) : null, [active, messages, anchor, oldestLoadedSeq, hasMoreOld]);
+  const seen = useUnreadAnchorSeen({
+    rowId: unreadAnchorRowId,
+    unreadToken,
+    isLoading,
+    listRef
+  });
+  const latest = useRef({
+    unreadAnchorRowId,
+    unreadToken,
+    hasMoreOld
+  });
+  latest.current = {
+    unreadAnchorRowId,
+    unreadToken,
+    hasMoreOld
+  };
+  const onLoadMoreOldRef = useRef(onLoadMoreOld);
+  onLoadMoreOldRef.current = onLoadMoreOld;
+  const pendingJumpRef = useRef('idle');
+  const pagesRef = useRef(0);
+
+  // After the window has landed (or been kept): land on the row re-resolved
+  // by seq, page older history toward it, or give up silently (no toast).
+  const landOrPage = useCallback(() => {
+    const {
+      unreadAnchorRowId: id,
+      hasMoreOld: more
+    } = latest.current;
+    if (id) {
+      pendingJumpRef.current = 'idle';
+      DeviceEventEmitter.emit(ChatEvent.ScrollToMessage, {
+        ...UNREAD_JUMP_OPTIONS,
+        clientMessageId: id,
+        fromSearch: true
+      });
+      return;
+    }
+    if (more && pagesRef.current < MAX_ANCHOR_PAGES && onLoadMoreOldRef.current) {
+      pagesRef.current += 1;
+      pendingJumpRef.current = 'paging';
+      onLoadMoreOldRef.current(true);
+      return;
+    }
+    pendingJumpRef.current = 'idle';
+    setJumpInFlight(false);
+  }, [setJumpInFlight]);
+  useEffect(() => {
+    if (isLoading) {
+      if (pendingJumpRef.current === 'requested') {
+        pendingJumpRef.current = 'loading';
+      }
+      return;
+    }
+    if (pendingJumpRef.current !== 'loading') return;
+    const timer = setTimeout(landOrPage, POST_SEARCH_SCROLL_DELAY_MS);
+    return () => clearTimeout(timer);
+  }, [isLoading, landOrPage]);
+
+  // One older page landed while paging toward the anchor.
+  const prevMoreOldLoadingRef = useRef(moreOldLoading);
+  useEffect(() => {
+    const wasLoading = prevMoreOldLoadingRef.current;
+    prevMoreOldLoadingRef.current = moreOldLoading;
+    if (wasLoading && !moreOldLoading && pendingJumpRef.current === 'paging') {
+      landOrPage();
+    }
+  }, [moreOldLoading, landOrPage]);
+  const jumpToFirstUnread = useCallback(() => {
+    const s = useUnreadIndicatorStore.getState();
+    const {
+      unreadToken: token,
+      unreadAnchorRowId: id
+    } = latest.current;
+    if (token == null || s.token !== token || !s.anchor) return;
+    if (s.pillDismissed || jumpInFlightRef.current) return;
+    s.dismissPill(token);
+    setJumpInFlight(true);
+    if (id) {
+      DeviceEventEmitter.emit(ChatEvent.ScrollToMessage, {
+        ...UNREAD_JUMP_OPTIONS,
+        clientMessageId: id
+      });
+      return;
+    }
+    pendingJumpRef.current = 'requested';
+    pagesRef.current = 0;
+    DeviceEventEmitter.emit(ChatEvent.ScrollToMessage, {
+      ...UNREAD_JUMP_OPTIONS,
+      clientMessageId: s.anchor.clientMsgID,
+      reemitAfterSearch: false
+    });
+  }, [jumpInFlightRef, setJumpInFlight]);
+
+  // Evaluated in render, including "the divider is on screen right now", so a
+  // late anchor never flashes the pill for a frame.
+  const isPillVisible = active && !pillDismissed && !isLoading && seen.positionSettled && seen.viewabilityReady && !(unreadAnchorRowId && seen.isAnchorTopVisibleNow());
+  return {
+    unreadAnchorRowId,
+    isPillVisible,
+    viewabilityConfig: seen.viewabilityConfig,
+    handleViewableItemsChanged: seen.handleViewableItemsChanged,
+    checkAnchorSeen: seen.checkAnchorSeen,
+    markPositionSettled: seen.markPositionSettled,
+    jumpToFirstUnread
+  };
+};
+//# sourceMappingURL=useUnreadIndicatorInList.js.map

package/lib/module/screens/chat-detail/hooks/useUnreadIndicatorInList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","DeviceEventEmitter","useUnreadIndicatorStore","useMessageStore","ChatEvent","resolveUnreadAnchorRowId","useUnreadAnchorSeen","UNREAD_JUMP_OPTIONS","highlight","viewPosition","viewOffset","exitOnUnavailable","POST_SEARCH_SCROLL_DELAY_MS","MAX_ANCHOR_PAGES","useUnreadIndicatorInList","messages","unreadToken","isLoading","hasMoreOld","moreOldLoading","onLoadMoreOld","isBotConversation","listRef","jumpInFlightRef","setJumpInFlight","own","s","token","anchor","pillDismissed","awaiting","awaitingDeeplinkCheck","oldestLoadedSeq","seq","active","unreadAnchorRowId","seen","rowId","latest","current","onLoadMoreOldRef","pendingJumpRef","pagesRef","landOrPage","id","more","emit","ScrollToMessage","clientMessageId","fromSearch","timer","setTimeout","clearTimeout","prevMoreOldLoadingRef","wasLoading","jumpToFirstUnread","getState","dismissPill","clientMsgID","reemitAfterSearch","isPillVisible","positionSettled","viewabilityReady","isAnchorTopVisibleNow","viewabilityConfig","handleViewableItemsChanged","checkAnchorSeen","markPositionSettled"],"sourceRoot":"../../../../../src","sources":["screens/chat-detail/hooks/useUnreadIndicatorInList.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/chat-detail/legend/LegendChatUnreadButton.js

@@ -0,0 +1,140 @@
+"use strict";
+
+import { memo, useEffect } from 'react';
+import { StyleSheet } from 'react-native';
+import Animated, { Easing, cancelAnimation, useAnimatedStyle, useReducedMotion, useSharedValue, withDelay, withRepeat, withSequence, withTiming } from 'react-native-reanimated';
+import { KColors, KContainer, KImage, KLabel, KRadiusValue } from '@droppii/libs';
+import { trans } from "../../../translation/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FADE = {
+  duration: 200,
+  easing: Easing.out(Easing.ease)
+};
+
+// Chevron cascade (D5): the bottom chevron leads and the top one follows, an
+// upward motion cue. Designer may tune these.
+const CYCLE_MS = 1200;
+const STEP_MS = CYCLE_MS / 4;
+const DIM = 0.35;
+const CHEVRON_SIZE = 14;
+
+// The touch target is real padded bounds, not `hitSlop`: a hitSlop reaching
+// outside the parent Animated.View is dead on Android. 23 + 2 * 11 = 45pt.
+const TOUCH_PAD_V = 11;
+const TOUCH_PAD_L = 8;
+// The pill itself sits 16 below the list top.
+const PILL_TOP = 16;
+const wave = () => withRepeat(withSequence(withTiming(DIM, {
+  duration: STEP_MS
+}), withTiming(1, {
+  duration: STEP_MS
+})), -1);
+const UnreadChevrons = /*#__PURE__*/memo(() => {
+  const reducedMotion = useReducedMotion();
+  const top = useSharedValue(1);
+  const bottom = useSharedValue(1);
+  useEffect(() => {
+    if (reducedMotion) return;
+    bottom.value = wave();
+    top.value = withDelay(STEP_MS, wave());
+    return () => {
+      cancelAnimation(top);
+      cancelAnimation(bottom);
+    };
+  }, [reducedMotion, top, bottom]);
+  const topStyle = useAnimatedStyle(() => ({
+    opacity: top.value
+  }));
+  const bottomStyle = useAnimatedStyle(() => ({
+    opacity: bottom.value
+  }));
+  return /*#__PURE__*/_jsxs(KContainer.View, {
+    style: styles.chevrons,
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      style: topStyle,
+      children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+        name: "angle-up-o",
+        size: CHEVRON_SIZE,
+        color: KColors.palette.gray.w900
+      })
+    }), /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.chevronOverlap, bottomStyle],
+      children: /*#__PURE__*/_jsx(KImage.VectorIcons, {
+        name: "angle-up-o",
+        size: CHEVRON_SIZE,
+        color: KColors.palette.gray.w900
+      })
+    })]
+  });
+});
+UnreadChevrons.displayName = 'UnreadChevrons';
+/** "Tin chưa đọc" half-pill, top-right of the list; jumps to the divider. */
+export const LegendChatUnreadButton = /*#__PURE__*/memo(({
+  visible,
+  onPress
+}) => {
+  const opacity = useSharedValue(0);
+  useEffect(() => {
+    opacity.value = withTiming(visible ? 1 : 0, FADE);
+  }, [visible, opacity]);
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: opacity.value
+  }));
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.anchor, animatedStyle]
+    // From the prop, not the animated opacity: deterministic on Old Arch.
+    ,
+    pointerEvents: visible ? 'box-none' : 'none',
+    children: /*#__PURE__*/_jsx(KContainer.Touchable, {
+      onPress: onPress,
+      activeOpacity: 0.7,
+      style: styles.touchArea,
+      accessible: true,
+      accessibilityRole: "button",
+      accessibilityLabel: trans('chat:unread_jump_button'),
+      children: /*#__PURE__*/_jsxs(KContainer.View, {
+        style: styles.pill,
+        children: [visible && /*#__PURE__*/_jsx(UnreadChevrons, {}), /*#__PURE__*/_jsx(KLabel.Text, {
+          typo: "TextXsMedium",
+          color: KColors.palette.gray.w900,
+          children: trans('chat:unread_jump_button')
+        })]
+      })
+    })
+  });
+});
+LegendChatUnreadButton.displayName = 'LegendChatUnreadButton';
+const styles = StyleSheet.create({
+  anchor: {
+    position: 'absolute',
+    top: PILL_TOP - TOUCH_PAD_V,
+    right: 0,
+    zIndex: 10
+  },
+  touchArea: {
+    paddingVertical: TOUCH_PAD_V,
+    paddingLeft: TOUCH_PAD_L
+  },
+  pill: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 2,
+    paddingHorizontal: 6,
+    paddingVertical: 2,
+    backgroundColor: KColors.palette.grayCool.w25,
+    borderWidth: 1,
+    borderRightWidth: 0,
+    borderColor: KColors.white,
+    borderTopLeftRadius: KRadiusValue.round,
+    borderBottomLeftRadius: KRadiusValue.round
+  },
+  chevrons: {
+    width: CHEVRON_SIZE,
+    height: CHEVRON_SIZE,
+    justifyContent: 'center'
+  },
+  chevronOverlap: {
+    marginTop: -8
+  }
+});
+//# sourceMappingURL=LegendChatUnreadButton.js.map

package/lib/module/screens/chat-detail/legend/LegendChatUnreadButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useEffect","StyleSheet","Animated","Easing","cancelAnimation","useAnimatedStyle","useReducedMotion","useSharedValue","withDelay","withRepeat","withSequence","withTiming","KColors","KContainer","KImage","KLabel","KRadiusValue","trans","jsx","_jsx","jsxs","_jsxs","FADE","duration","easing","out","ease","CYCLE_MS","STEP_MS","DIM","CHEVRON_SIZE","TOUCH_PAD_V","TOUCH_PAD_L","PILL_TOP","wave","UnreadChevrons","reducedMotion","top","bottom","value","topStyle","opacity","bottomStyle","View","style","styles","chevrons","children","VectorIcons","name","size","color","palette","gray","w900","chevronOverlap","displayName","LegendChatUnreadButton","visible","onPress","animatedStyle","anchor","pointerEvents","Touchable","activeOpacity","touchArea","accessible","accessibilityRole","accessibilityLabel","pill","Text","typo","create","position","right","zIndex","paddingVertical","paddingLeft","flexDirection","alignItems","gap","paddingHorizontal","backgroundColor","grayCool","w25","borderWidth","borderRightWidth","borderColor","white","borderTopLeftRadius","round","borderBottomLeftRadius","width","height","justifyContent","marginTop"],"sourceRoot":"../../../../../src","sources":["screens/chat-detail/legend/LegendChatUnreadButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/chat-detail/legend/LegendChatUnreadDivider.js

@@ -0,0 +1,51 @@
+"use strict";
+
+import { memo } from 'react';
+import { StyleSheet } from 'react-native';
+import { KColors, KContainer, KDivider, KLabel, KSpacingValue } from '@droppii/libs';
+import { trans } from "../../../translation/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const LINE_COLOR = KColors.opacity.grayDark[10];
+
+/**
+ * "TIN NHẮN CHƯA ĐỌC" row above the first unread message. Figma spacing: the
+ * previous row's 8 bottom margin + 8 top margin + 4 padding = 20 above the
+ * lines; 4 padding + 12 bottom margin + the time label's 8 = 24 below.
+ */
+export const LegendChatUnreadDivider = /*#__PURE__*/memo(() => /*#__PURE__*/_jsxs(KContainer.View, {
+  row: true,
+  center: true,
+  paddingH: "1rem",
+  paddingV: "0.25rem",
+  style: styles.root,
+  accessible: true,
+  accessibilityLabel: trans('chat:unread_divider'),
+  children: [/*#__PURE__*/_jsx(KContainer.View, {
+    flex: true,
+    children: /*#__PURE__*/_jsx(KDivider, {
+      type: "line",
+      size: "hairline",
+      background: LINE_COLOR
+    })
+  }), /*#__PURE__*/_jsx(KLabel.Text, {
+    typo: "TextXsBold",
+    color: KColors.palette.gray.w200,
+    marginH: "1rem",
+    children: trans('chat:unread_divider')
+  }), /*#__PURE__*/_jsx(KContainer.View, {
+    flex: true,
+    children: /*#__PURE__*/_jsx(KDivider, {
+      type: "line",
+      size: "hairline",
+      background: LINE_COLOR
+    })
+  })]
+}));
+LegendChatUnreadDivider.displayName = 'LegendChatUnreadDivider';
+const styles = StyleSheet.create({
+  root: {
+    marginTop: KSpacingValue['0.5rem'],
+    marginBottom: KSpacingValue['0.75rem']
+  }
+});
+//# sourceMappingURL=LegendChatUnreadDivider.js.map

package/lib/module/screens/chat-detail/legend/LegendChatUnreadDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","StyleSheet","KColors","KContainer","KDivider","KLabel","KSpacingValue","trans","jsx","_jsx","jsxs","_jsxs","LINE_COLOR","opacity","grayDark","LegendChatUnreadDivider","View","row","center","paddingH","paddingV","style","styles","root","accessible","accessibilityLabel","children","flex","type","size","background","Text","typo","color","palette","gray","w200","marginH","displayName","create","marginTop","marginBottom"],"sourceRoot":"../../../../../src","sources":["screens/chat-detail/legend/LegendChatUnreadDivider.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,QAAQ,cAAc;AACzC,SACEC,OAAO,EACPC,UAAU,EACVC,QAAQ,EACRC,MAAM,EACNC,aAAa,QACR,eAAe;AACtB,SAASC,KAAK,QAAQ,+BAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE7C,MAAMC,UAAU,GAAGV,OAAO,CAACW,OAAO,CAACC,QAAQ,CAAC,EAAE,CAAC;;AAE/C;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,uBAAuB,gBAAGf,IAAI,CAAC,mBAC1CW,KAAA,CAACR,UAAU,CAACa,IAAI;EACdC,GAAG;EACHC,MAAM;EACNC,QAAQ,EAAC,MAAM;EACfC,QAAQ,EAAC,SAAS;EAClBC,KAAK,EAAEC,MAAM,CAACC,IAAK;EACnBC,UAAU;EACVC,kBAAkB,EAAElB,KAAK,CAAC,qBAAqB,CAAE;EAAAmB,QAAA,gBAEjDjB,IAAA,CAACN,UAAU,CAACa,IAAI;IAACW,IAAI;IAAAD,QAAA,eACnBjB,IAAA,CAACL,QAAQ;MAACwB,IAAI,EAAC,MAAM;MAACC,IAAI,EAAC,UAAU;MAACC,UAAU,EAAElB;IAAW,CAAE;EAAC,CACjD,CAAC,eAClBH,IAAA,CAACJ,MAAM,CAAC0B,IAAI;IACVC,IAAI,EAAC,YAAY;IACjBC,KAAK,EAAE/B,OAAO,CAACgC,OAAO,CAACC,IAAI,CAACC,IAAK;IACjCC,OAAO,EAAC,MAAM;IAAAX,QAAA,EAEbnB,KAAK,CAAC,qBAAqB;EAAC,CAClB,CAAC,eACdE,IAAA,CAACN,UAAU,CAACa,IAAI;IAACW,IAAI;IAAAD,QAAA,eACnBjB,IAAA,CAACL,QAAQ;MAACwB,IAAI,EAAC,MAAM;MAACC,IAAI,EAAC,UAAU;MAACC,UAAU,EAAElB;IAAW,CAAE;EAAC,CACjD,CAAC;AAAA,CACH,CAClB,CAAC;AAEFG,uBAAuB,CAACuB,WAAW,GAAG,yBAAyB;AAE/D,MAAMhB,MAAM,GAAGrB,UAAU,CAACsC,MAAM,CAAC;EAC/BhB,IAAI,EAAE;IACJiB,SAAS,EAAElC,aAAa,CAAC,QAAQ,CAAC;IAClCmC,YAAY,EAAEnC,aAAa,CAAC,SAAS;EACvC;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/services/message.js

@@ -3,7 +3,14 @@
 import OpenIMSDK, { ViewType } from '@droppii/openim-rn-client-sdk';
 import { useConversationStore } from "../store/index.js";
 import { getReceiverId } from "../utils/message.js";
+import { perfMark } from "../utils/perf-marker.js";
+import { withTimeout } from "../utils/promise.js";
 const DEFAULT_PAGE_SIZE = 20;
+
+// Rendering never waits on this, only the read receipt does, while a timeout
+// loses the indicator for good. Tune from the measured p95 of
+// `unread_anchor_response.ms` before release.
+export const FIRST_UNREAD_TIMEOUT_MS = 5000;
 export let ChatMessageAPI;
 (function (_ChatMessageAPI) {
   async function fetchHistoryMessages(conversationID, options) {
@@ -45,6 +52,29 @@ export let ChatMessageAPI;
     return Promise.all([OpenIMSDK.markConversationMessageAsRead(conversationID), OpenIMSDK.resetConversationGroupAtType(conversationID)]);
   }
   _ChatMessageAPI.markConversationAsRead = markConversationAsRead;
+  async function getFirstUnreadMessage(conversationID, timeoutMs = FIRST_UNREAD_TIMEOUT_MS) {
+    const startedAt = Date.now();
+    try {
+      perfMark('unread_anchor_request');
+      const res = await withTimeout(OpenIMSDK.getFirstUnreadMessage(conversationID), timeoutMs);
+      perfMark('unread_anchor_response', {
+        found: !!res?.message,
+        ms: Date.now() - startedAt
+      });
+      return res?.message ?? null;
+    } catch (error) {
+      try {
+        perfMark('unread_anchor_response', {
+          found: false,
+          failed: true,
+          ms: Date.now() - startedAt
+        });
+      } catch {}
+      if (__DEV__) console.log('[unread] getFirstUnreadMessage failed', error);
+      return null;
+    }
+  }
+  _ChatMessageAPI.getFirstUnreadMessage = getFirstUnreadMessage;
   async function getCurrentUserId() {
     return OpenIMSDK.getLoginUserID();
   }

package/lib/module/services/message.js.map

@@ -1 +1 @@
-{"version":3,"names":["OpenIMSDK","ViewType","useConversationStore","getReceiverId","DEFAULT_PAGE_SIZE","ChatMessageAPI","_ChatMessageAPI","fetchHistoryMessages","conversationID","options","getAdvancedHistoryMessageListApp","count","startClientMsgID","viewType","History","applicationType","sendTextMessage","params","currentConversation","getState","getCurrentConversation","message","createTextMessage","text","sentMessage","sendMessage","searchLocalMessages","keywordList","messageTypeList","pageIndex","markConversationAsRead","Promise","all","markConversationMessageAsRead","resetConversationGroupAtType","getCurrentUserId","getLoginUserID"],"sourceRoot":"../../../src","sources":["services/message.ts"],"mappings":";;AAAA,OAAOA,SAAS,IACdC,QAAQ,QAGH,+BAA+B;AACtC,SAASC,oBAAoB,QAAQ,mBAAU;AAC/C,SAASC,aAAa,QAAQ,qBAAkB;AAEhD,MAAMC,iBAAiB,GAAG,EAAE;AAAC,WAMZC,cAAc;AAAA,WAAAC,eAAA;EACtB,eAAeC,oBAAoBA,CACxCC,cAAsB,EACtBC,OAKC,EAC8B;IAC/B,OAAOT,SAAS,CAACU,gCAAgC,CAAC;MAChDF,cAAc;MACdG,KAAK,EAAEF,OAAO,EAAEE,KAAK,IAAIP,iBAAiB;MAC1CQ,gBAAgB,EAAEH,OAAO,EAAEG,gBAAgB,IAAI,EAAE;MACjDC,QAAQ,EAAEZ,QAAQ,CAACa,OAAO;MAC1BC,eAAe,EAAEN,OAAO,EAAEM,eAAe,IAAI;IAC/C,CAAC,CAAC;EACJ;EAACT,eAAA,CAAAC,oBAAA,GAAAA,oBAAA;EAEM,eAAeS,eAAeA,CAACC,MAErC,EAAwB;IACvB,MAAMC,mBAAmB,GAAGhB,oBAAoB,CAC7CiB,QAAQ,CAAC,CAAC,CACVC,sBAAsB,CAAC,CAAC;IAE3B,MAAMC,OAAO,GAAG,MAAMrB,SAAS,CAACsB,iBAAiB,CAACL,MAAM,CAACM,IAAI,CAAC;IAE9D,MAAMC,WAAW,GAAG,MAAMxB,SAAS,CAACyB,WAAW,CAAC;MAC9C,GAAGtB,aAAa,CAACe,mBAAmB,CAAC;MACrCG;IACF,CAAC,CAAC;IAEF,OAAOG,WAAW;EACpB;EAAClB,eAAA,CAAAU,eAAA,GAAAA,eAAA;EAEM,eAAeU,mBAAmBA,CACvClB,cAAsB,EACtBC,OAKC,EACD;IACA,OAAOT,SAAS,CAAC0B,mBAAmB,CAAC;MACnClB,cAAc;MACdmB,WAAW,EAAElB,OAAO,EAAEkB,WAAW,IAAI,CAAC,GAAG,CAAC;MAC1CC,eAAe,EAAEnB,OAAO,EAAEmB,eAAe;MACzCC,SAAS,EAAEpB,OAAO,EAAEoB,SAAS,IAAI,CAAC;MAClClB,KAAK,EAAEF,OAAO,EAAEE,KAAK,IAAI;IAC3B,CAAC,CAAC;EACJ;EAACL,eAAA,CAAAoB,mBAAA,GAAAA,mBAAA;EAEM,eAAeI,sBAAsBA,CAACtB,cAAsB,EAAE;IACnE;IACA;IACA;IACA;IACA;IACA,OAAOuB,OAAO,CAACC,GAAG,CAAC,CACjBhC,SAAS,CAACiC,6BAA6B,CAACzB,cAAc,CAAC,EACvDR,SAAS,CAACkC,4BAA4B,CAAC1B,cAAc,CAAC,CACvD,CAAC;EACJ;EAACF,eAAA,CAAAwB,sBAAA,GAAAA,sBAAA;EAEM,eAAeK,gBAAgBA,CAAA,EAAG;IACvC,OAAOnC,SAAS,CAACoC,cAAc,CAAC,CAAC;EACnC;EAAC9B,eAAA,CAAA6B,gBAAA,GAAAA,gBAAA;AAAA,GApEc9B,cAAc,KAAdA,cAAc","ignoreList":[]}
+{"version":3,"names":["OpenIMSDK","ViewType","useConversationStore","getReceiverId","perfMark","withTimeout","DEFAULT_PAGE_SIZE","FIRST_UNREAD_TIMEOUT_MS","ChatMessageAPI","_ChatMessageAPI","fetchHistoryMessages","conversationID","options","getAdvancedHistoryMessageListApp","count","startClientMsgID","viewType","History","applicationType","sendTextMessage","params","currentConversation","getState","getCurrentConversation","message","createTextMessage","text","sentMessage","sendMessage","searchLocalMessages","keywordList","messageTypeList","pageIndex","markConversationAsRead","Promise","all","markConversationMessageAsRead","resetConversationGroupAtType","getFirstUnreadMessage","timeoutMs","startedAt","Date","now","res","found","ms","error","failed","__DEV__","console","log","getCurrentUserId","getLoginUserID"],"sourceRoot":"../../../src","sources":["services/message.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/store/message.js

@@ -88,6 +88,10 @@ export const useMessageStore = create()((set, get) => ({
         set(state => ({
           messages: loadMore ? mergeMessages(state.messages, res.messageList || []) : res.messageList || [],
           hasMoreOld: !res.isEnd,
+          // A fresh fetch is the newest page (FAB out of a jump window).
+          ...(loadMore ? {} : {
+            hasMoreNew: false
+          }),
           initLoading: false,
           moreOldLoading: false
         }));
@@ -145,9 +149,12 @@ export const useMessageStore = create()((set, get) => ({
   searchMessages: async ({
     applicationType,
     conversationId,
-    startClientMsgId
+    startClientMsgId,
+    scrollOptions
   }) => {
     if (!conversationId || !startClientMsgId) return;
+    // Opted out of the toast-and-exit: the caller handles a missing target.
+    const keepOnUnavailable = scrollOptions?.exitOnUnavailable === false;
     try {
       set({
         initLoading: true
@@ -176,20 +183,34 @@ export const useMessageStore = create()((set, get) => ({
       if (conversationId === useConversationStore.getState().currentConversationId) {
         const currentMessages = searchMessages?.findResultItems?.find(item => item.conversationID === conversationId)?.messageList || [];
         const newMessages = mergeMessages([...(searchPrevRes?.messageList || []), ...currentMessages, ...(searchNextRes?.messageList || [])], []);
+        const targetMessage = newMessages.find(msg => msg.clientMsgID === startClientMsgId);
+
+        // Not in the local DB: keep the current window rather than swapping
+        // in one around a target that isn't there.
+        if (!targetMessage && keepOnUnavailable) {
+          set({
+            initLoading: false
+          });
+          return;
+        }
         set({
           messages: newMessages,
           hasMoreOld: !searchPrevRes.isEnd,
           hasMoreNew: !searchNextRes.isEnd,
           initLoading: false
         });
-        const targetMessage = newMessages.find(msg => msg.clientMsgID === startClientMsgId);
         if (!targetMessage || isMessageRevoked(targetMessage)) {
-          DeviceEventEmitter.emit(ChatEvent.TargetMessageUnavailable);
+          if (!keepOnUnavailable) {
+            DeviceEventEmitter.emit(ChatEvent.TargetMessageUnavailable);
+          }
           return;
         }
+        if (scrollOptions?.reemitAfterSearch === false) return;
         await new Promise(resolve => setTimeout(resolve, 300));
         DeviceEventEmitter.emit(ChatEvent.ScrollToMessage, {
-          clientMessageId: startClientMsgId
+          ...scrollOptions,
+          clientMessageId: startClientMsgId,
+          fromSearch: true
         });
       }
     } catch (error) {