@planningcenter/chat-react-native 4.2.1-qa-staging.0 → 4.2.1-qa-staging.1

package/build/hooks/use_conversation_messages.js

@@ -2,91 +2,123 @@ import { c as _c } from "react/compiler-runtime";
 import { useMemo } from 'react';
 import { replaceEqualById } from '../utils/replace_equal_by_id';
 import { getMessagesQueryKey, getMessagesRequestArgs } from '../utils/request/get_messages';
+import { getNewerPageParam } from './paginator_meta';
 import { useSuspensePaginator } from './use_suspense_api';
 export const useConversationMessages = (t0, opts) => {
-  const $ = _c(17);
+  const $ = _c(25);
   const {
     conversation_id,
-    reply_root_id
+    reply_root_id,
+    anchor
   } = t0;
   let t1;
-  if ($[0] !== conversation_id || $[1] !== reply_root_id) {
+  if ($[0] !== anchor || $[1] !== conversation_id || $[2] !== reply_root_id) {
     t1 = getMessagesRequestArgs({
       conversation_id,
-      reply_root_id
+      reply_root_id,
+      anchor
     });
-    $[0] = conversation_id;
-    $[1] = reply_root_id;
-    $[2] = t1;
+    $[0] = anchor;
+    $[1] = conversation_id;
+    $[2] = reply_root_id;
+    $[3] = t1;
   } else {
-    t1 = $[2];
+    t1 = $[3];
   }
   let t2;
-  if ($[3] !== opts) {
-    t2 = {
+  if ($[4] !== anchor) {
+    t2 = anchor ? {
+      getPreviousPageParam: _temp,
+      gcTime: 0,
+      staleTime: Infinity
+    } : {};
+    $[4] = anchor;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== opts || $[7] !== t2) {
+    t3 = {
       structuralSharing: replaceEqualById,
+      ...t2,
       ...opts
     };
-    $[3] = opts;
-    $[4] = t2;
+    $[6] = opts;
+    $[7] = t2;
+    $[8] = t3;
   } else {
-    t2 = $[4];
+    t3 = $[8];
   }
   const {
     data,
     refetch,
     isRefetching,
     fetchNextPage,
-    hasNextPage
-  } = useSuspensePaginator(t1, t2);
-  let t3;
-  if ($[5] !== conversation_id || $[6] !== reply_root_id) {
-    t3 = getMessagesQueryKey({
+    hasNextPage,
+    fetchPreviousPage,
+    hasPreviousPage,
+    isFetchingPreviousPage
+  } = useSuspensePaginator(t1, t3);
+  let t4;
+  if ($[9] !== anchor || $[10] !== conversation_id || $[11] !== reply_root_id) {
+    t4 = getMessagesQueryKey({
       conversation_id,
-      reply_root_id
+      reply_root_id,
+      anchor
     });
-    $[5] = conversation_id;
-    $[6] = reply_root_id;
-    $[7] = t3;
+    $[9] = anchor;
+    $[10] = conversation_id;
+    $[11] = reply_root_id;
+    $[12] = t4;
   } else {
-    t3 = $[7];
+    t4 = $[12];
   }
-  const queryKey = t3;
-  let t4;
-  if ($[8] !== data) {
-    t4 = data.filter(_temp).sort(_temp2);
-    $[8] = data;
-    $[9] = t4;
+  const queryKey = t4;
+  let t5;
+  if ($[13] !== data) {
+    t5 = data.filter(_temp2).sort(_temp3);
+    $[13] = data;
+    $[14] = t5;
   } else {
-    t4 = $[9];
+    t5 = $[14];
   }
-  const messages = t4;
-  let t5;
-  if ($[10] !== fetchNextPage || $[11] !== hasNextPage || $[12] !== isRefetching || $[13] !== messages || $[14] !== queryKey || $[15] !== refetch) {
-    t5 = {
+  const messages = t5;
+  let t6;
+  if ($[15] !== fetchNextPage || $[16] !== fetchPreviousPage || $[17] !== hasNextPage || $[18] !== hasPreviousPage || $[19] !== isFetchingPreviousPage || $[20] !== isRefetching || $[21] !== messages || $[22] !== queryKey || $[23] !== refetch) {
+    t6 = {
       messages,
       refetch,
       isRefetching,
       fetchNextPage,
       hasNextPage,
+      fetchPreviousPage,
+      hasPreviousPage,
+      isFetchingPreviousPage,
       queryKey
     };
-    $[10] = fetchNextPage;
-    $[11] = hasNextPage;
-    $[12] = isRefetching;
-    $[13] = messages;
-    $[14] = queryKey;
-    $[15] = refetch;
-    $[16] = t5;
+    $[15] = fetchNextPage;
+    $[16] = fetchPreviousPage;
+    $[17] = hasNextPage;
+    $[18] = hasPreviousPage;
+    $[19] = isFetchingPreviousPage;
+    $[20] = isRefetching;
+    $[21] = messages;
+    $[22] = queryKey;
+    $[23] = refetch;
+    $[24] = t6;
   } else {
-    t5 = $[16];
+    t6 = $[24];
   }
-  return t5;
+  return t6;
 };
-function _temp(message) {
+function _temp(page, _pages, pageParam) {
+  return getNewerPageParam(page, pageParam);
+}
+function _temp2(message) {
   return (!message.deletedAt || message.replyRootId) && (message.attachments?.length || message.text?.length);
 }
-function _temp2(a, b) {
+function _temp3(a, b) {
   return -a.id.localeCompare(b.id);
 }
 //# sourceMappingURL=use_conversation_messages.js.map

package/build/hooks/use_conversation_messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_conversation_messages.js","names":["useMemo","replaceEqualById","getMessagesQueryKey","getMessagesRequestArgs","useSuspensePaginator","useConversationMessages","t0","opts","$","_c","conversation_id","reply_root_id","t1","t2","structuralSharing","data","refetch","isRefetching","fetchNextPage","hasNextPage","t3","queryKey","t4","filter","_temp","sort","_temp2","messages","t5","message","deletedAt","replyRootId","attachments","length","text","a","b","id","localeCompare"],"sources":["../../src/hooks/use_conversation_messages.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { MessageResource } from '../types'\nimport { replaceEqualById } from '../utils/replace_equal_by_id'\nimport { getMessagesQueryKey, getMessagesRequestArgs } from '../utils/request/get_messages'\nimport { SuspensePaginatorOptions, useSuspensePaginator } from './use_suspense_api'\n\nexport const useConversationMessages = (\n  { conversation_id, reply_root_id }: { conversation_id: number; reply_root_id?: string | null },\n  opts?: SuspensePaginatorOptions\n) => {\n  const { data, refetch, isRefetching, fetchNextPage, hasNextPage } =\n    useSuspensePaginator<MessageResource>(\n      getMessagesRequestArgs({ conversation_id, reply_root_id }),\n      {\n        structuralSharing: replaceEqualById,\n        ...opts,\n      }\n    )\n  const queryKey = getMessagesQueryKey({ conversation_id, reply_root_id })\n  const messages = useMemo(\n    () =>\n      data\n        .filter(\n          message =>\n            (!message.deletedAt || message.replyRootId) &&\n            (message.attachments?.length || message.text?.length)\n        )\n        .sort((a, b) => -a.id.localeCompare(b.id)),\n    [data]\n  )\n\n  return { messages, refetch, isRefetching, fetchNextPage, hasNextPage, queryKey }\n}\n"],"mappings":";AAAA,SAASA,OAAO,QAAQ,OAAO;AAE/B,SAASC,gBAAgB,QAAQ,8BAA8B;AAC/D,SAASC,mBAAmB,EAAEC,sBAAsB,QAAQ,+BAA+B;AAC3F,SAAmCC,oBAAoB,QAAQ,oBAAoB;AAEnF,OAAO,MAAMC,uBAAuB,GAAGA,CAAAC,EAAA,EAAAC,IAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EACrC;IAAAC,eAAA;IAAAC;EAAA,IAAAL,EAA8F;EAAA,IAAAM,EAAA;EAAA,IAAAJ,CAAA,QAAAE,eAAA,IAAAF,CAAA,QAAAG,aAAA;IAK1FC,EAAA,GAAAT,sBAAsB,CAAC;MAAAO,eAAA;MAAAC;IAAiC,CAAC,CAAC;IAAAH,CAAA,MAAAE,eAAA;IAAAF,CAAA,MAAAG,aAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAA,IAAAK,EAAA;EAAA,IAAAL,CAAA,QAAAD,IAAA;IAC1DM,EAAA;MAAAC,iBAAA,EACqBb,gBAAgB;MAAA,GAChCM;IACL,CAAC;IAAAC,CAAA,MAAAD,IAAA;IAAAC,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EANL;IAAAO,IAAA;IAAAC,OAAA;IAAAC,YAAA;IAAAC,aAAA;IAAAC;EAAA,IACEf,oBAAoB,CAClBQ,EAA0D,EAC1DC,EAIF,CAAC;EAAA,IAAAO,EAAA;EAAA,IAAAZ,CAAA,QAAAE,eAAA,IAAAF,CAAA,QAAAG,aAAA;IACcS,EAAA,GAAAlB,mBAAmB,CAAC;MAAAQ,eAAA;MAAAC;IAAiC,CAAC,CAAC;IAAAH,CAAA,MAAAE,eAAA;IAAAF,CAAA,MAAAG,aAAA;IAAAH,CAAA,MAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAAxE,MAAAa,QAAA,GAAiBD,EAAuD;EAAA,IAAAE,EAAA;EAAA,IAAAd,CAAA,QAAAO,IAAA;IAGpEO,EAAA,GAAAP,IAAI,CAAAQ,MACK,CACLC,KAGF,CAAC,CAAAC,IACI,CAACC,MAAmC,CAAC;IAAAlB,CAAA,MAAAO,IAAA;IAAAP,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EARhD,MAAAmB,QAAA,GAEIL,EAM4C;EAE/C,IAAAM,EAAA;EAAA,IAAApB,CAAA,SAAAU,aAAA,IAAAV,CAAA,SAAAW,WAAA,IAAAX,CAAA,SAAAS,YAAA,IAAAT,CAAA,SAAAmB,QAAA,IAAAnB,CAAA,SAAAa,QAAA,IAAAb,CAAA,SAAAQ,OAAA;IAEMY,EAAA;MAAAD,QAAA;MAAAX,OAAA;MAAAC,YAAA;MAAAC,aAAA;MAAAC,WAAA;MAAAE;IAAwE,CAAC;IAAAb,CAAA,OAAAU,aAAA;IAAAV,CAAA,OAAAW,WAAA;IAAAX,CAAA,OAAAS,YAAA;IAAAT,CAAA,OAAAmB,QAAA;IAAAnB,CAAA,OAAAa,QAAA;IAAAb,CAAA,OAAAQ,OAAA;IAAAR,CAAA,OAAAoB,EAAA;EAAA;IAAAA,EAAA,GAAApB,CAAA;EAAA;EAAA,OAAzEoB,EAAyE;AAAA,CACjF;AA1BsC,SAAAJ,MAAAK,OAAA;EAAA,OAkB3B,CAAC,CAACA,OAAO,CAAAC,SAAiC,IAAnBD,OAAO,CAAAE,WACuB,MAApDF,OAAO,CAAAG,WAAoB,EAAAC,MAAwB,IAApBJ,OAAO,CAAAK,IAAa,EAAAD,MAAC;AAAA;AAnB1B,SAAAP,OAAAS,CAAA,EAAAC,CAAA;EAAA,OAqBf,CAACD,CAAC,CAAAE,EAAG,CAAAC,aAAc,CAACF,CAAC,CAAAC,EAAG,CAAC;AAAA","ignoreList":[]}
+{"version":3,"file":"use_conversation_messages.js","names":["useMemo","replaceEqualById","getMessagesQueryKey","getMessagesRequestArgs","getNewerPageParam","useSuspensePaginator","useConversationMessages","t0","opts","$","_c","conversation_id","reply_root_id","anchor","t1","t2","getPreviousPageParam","_temp","gcTime","staleTime","Infinity","t3","structuralSharing","data","refetch","isRefetching","fetchNextPage","hasNextPage","fetchPreviousPage","hasPreviousPage","isFetchingPreviousPage","t4","queryKey","t5","filter","_temp2","sort","_temp3","messages","t6","page","_pages","pageParam","message","deletedAt","replyRootId","attachments","length","text","a","b","id","localeCompare"],"sources":["../../src/hooks/use_conversation_messages.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { MessageResource } from '../types'\nimport { replaceEqualById } from '../utils/replace_equal_by_id'\nimport { getMessagesQueryKey, getMessagesRequestArgs } from '../utils/request/get_messages'\nimport { getNewerPageParam } from './paginator_meta'\nimport { SuspensePaginatorOptions, useSuspensePaginator } from './use_suspense_api'\n\ntype Options = {\n  conversation_id: number\n  reply_root_id?: string | null\n  anchor?: string | null\n}\n\nexport const useConversationMessages = (\n  { conversation_id, reply_root_id, anchor }: Options,\n  opts?: SuspensePaginatorOptions\n) => {\n  const {\n    data,\n    refetch,\n    isRefetching,\n    fetchNextPage,\n    hasNextPage,\n    fetchPreviousPage,\n    hasPreviousPage,\n    isFetchingPreviousPage,\n  } = useSuspensePaginator<MessageResource>(\n    getMessagesRequestArgs({ conversation_id, reply_root_id, anchor }),\n    {\n      structuralSharing: replaceEqualById,\n      ...(anchor\n        ? {\n            getPreviousPageParam: (page, _pages, pageParam) => getNewerPageParam(page, pageParam),\n            gcTime: 0,\n            staleTime: Infinity,\n          }\n        : {}),\n      ...opts,\n    }\n  )\n  const queryKey = getMessagesQueryKey({ conversation_id, reply_root_id, anchor })\n  const messages = useMemo(\n    () =>\n      data\n        .filter(\n          message =>\n            (!message.deletedAt || message.replyRootId) &&\n            (message.attachments?.length || message.text?.length)\n        )\n        .sort((a, b) => -a.id.localeCompare(b.id)),\n    [data]\n  )\n\n  return {\n    messages,\n    refetch,\n    isRefetching,\n    fetchNextPage,\n    hasNextPage,\n    fetchPreviousPage,\n    hasPreviousPage,\n    isFetchingPreviousPage,\n    queryKey,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/build/hooks/use_fetch_newer_on_foreground.d.ts

@@ -0,0 +1,8 @@
+type Options = {
+    fetchNewer: (newestMessageId: string) => void;
+    newestMessageId?: string;
+    enabled: boolean;
+};
+export declare const useFetchNewerOnForeground: ({ fetchNewer, newestMessageId, enabled }: Options) => void;
+export {};
+//# sourceMappingURL=use_fetch_newer_on_foreground.d.ts.map

package/build/hooks/use_fetch_newer_on_foreground.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_fetch_newer_on_foreground.d.ts","sourceRoot":"","sources":["../../src/hooks/use_fetch_newer_on_foreground.ts"],"names":[],"mappings":"AAGA,KAAK,OAAO,GAAG;IACb,UAAU,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,yBAAyB,GAAI,0CAA0C,OAAO,SAe1F,CAAA"}

package/build/hooks/use_fetch_newer_on_foreground.js

@@ -0,0 +1,41 @@
+import { c as _c } from "react/compiler-runtime";
+import { useEffect, useRef } from 'react';
+import { useAppState } from './use_app_state';
+export const useFetchNewerOnForeground = t0 => {
+  const $ = _c(6);
+  const {
+    fetchNewer,
+    newestMessageId,
+    enabled
+  } = t0;
+  const appState = useAppState();
+  const wasInBackground = useRef(false);
+  let t1;
+  let t2;
+  if ($[0] !== appState || $[1] !== enabled || $[2] !== fetchNewer || $[3] !== newestMessageId) {
+    t1 = () => {
+      if (appState !== "active") {
+        wasInBackground.current = true;
+        return;
+      }
+      const returnedToForeground = wasInBackground.current;
+      wasInBackground.current = false;
+      if (!returnedToForeground || !enabled || !newestMessageId) {
+        return;
+      }
+      fetchNewer(newestMessageId);
+    };
+    t2 = [appState, enabled, fetchNewer, newestMessageId];
+    $[0] = appState;
+    $[1] = enabled;
+    $[2] = fetchNewer;
+    $[3] = newestMessageId;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t1 = $[4];
+    t2 = $[5];
+  }
+  useEffect(t1, t2);
+};
+//# sourceMappingURL=use_fetch_newer_on_foreground.js.map

package/build/hooks/use_fetch_newer_on_foreground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_fetch_newer_on_foreground.js","names":["useEffect","useRef","useAppState","useFetchNewerOnForeground","t0","$","_c","fetchNewer","newestMessageId","enabled","appState","wasInBackground","t1","t2","current","returnedToForeground"],"sources":["../../src/hooks/use_fetch_newer_on_foreground.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport { useAppState } from './use_app_state'\n\ntype Options = {\n  fetchNewer: (newestMessageId: string) => void\n  newestMessageId?: string\n  enabled: boolean\n}\n\nexport const useFetchNewerOnForeground = ({ fetchNewer, newestMessageId, enabled }: Options) => {\n  const appState = useAppState()\n  const wasInBackground = useRef(false)\n\n  useEffect(() => {\n    if (appState !== 'active') {\n      wasInBackground.current = true\n      return\n    }\n    const returnedToForeground = wasInBackground.current\n    wasInBackground.current = false\n    if (!returnedToForeground || !enabled || !newestMessageId) return\n\n    fetchNewer(newestMessageId)\n  }, [appState, enabled, fetchNewer, newestMessageId])\n}\n"],"mappings":";AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,WAAW,QAAQ,iBAAiB;AAQ7C,OAAO,MAAMC,yBAAyB,GAAGC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAC;IAAAC,UAAA;IAAAC,eAAA;IAAAC;EAAA,IAAAL,EAAiD;EACzF,MAAAM,QAAA,GAAiBR,WAAW,CAAC,CAAC;EAC9B,MAAAS,eAAA,GAAwBV,MAAM,CAAC,KAAK,CAAC;EAAA,IAAAW,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAK,QAAA,IAAAL,CAAA,QAAAI,OAAA,IAAAJ,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAG,eAAA;IAE3BI,EAAA,GAAAA,CAAA;MACR,IAAIF,QAAQ,KAAK,QAAQ;QACvBC,eAAe,CAAAG,OAAA,GAAW,IAAH;QAAA;MAAA;MAGzB,MAAAC,oBAAA,GAA6BJ,eAAe,CAAAG,OAAQ;MACpDH,eAAe,CAAAG,OAAA,GAAW,KAAH;MACvB,IAAI,CAACC,oBAAgC,IAAjC,CAA0BN,OAA2B,IAArD,CAAsCD,eAAe;QAAA;MAAA;MAEzDD,UAAU,CAACC,eAAe,CAAC;IAAA,CAC5B;IAAEK,EAAA,IAACH,QAAQ,EAAED,OAAO,EAAEF,UAAU,EAAEC,eAAe,CAAC;IAAAH,CAAA,MAAAK,QAAA;IAAAL,CAAA,MAAAI,OAAA;IAAAJ,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAG,eAAA;IAAAH,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAD,EAAA,GAAAP,CAAA;IAAAQ,EAAA,GAAAR,CAAA;EAAA;EAVnDL,SAAS,CAACY,EAUT,EAAEC,EAAgD,CAAC;AAAA,CACrD","ignoreList":[]}

package/build/hooks/use_mark_latest_message_read.d.ts

@@ -2,7 +2,8 @@ import { ConversationResource, MessageResource } from '../types';
 interface Props {
     conversation: ConversationResource;
     messages: MessageResource[];
+    enabled?: boolean;
 }
-export declare function useMarkLatestMessageRead({ conversation }: Props): void;
+export declare function useMarkLatestMessageRead({ conversation, enabled }: Props): void;
 export {};
 //# sourceMappingURL=use_mark_latest_message_read.d.ts.map

package/build/hooks/use_mark_latest_message_read.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_mark_latest_message_read.d.ts","sourceRoot":"","sources":["../../src/hooks/use_mark_latest_message_read.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAIhE,UAAU,KAAK;IACb,YAAY,EAAE,oBAAoB,CAAA;IAClC,QAAQ,EAAE,eAAe,EAAE,CAAA;CAC5B;AAED,wBAAgB,wBAAwB,CAAC,EAAE,YAAY,EAAE,EAAE,KAAK,QAqB/D"}
+{"version":3,"file":"use_mark_latest_message_read.d.ts","sourceRoot":"","sources":["../../src/hooks/use_mark_latest_message_read.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAIhE,UAAU,KAAK;IACb,YAAY,EAAE,oBAAoB,CAAA;IAClC,QAAQ,EAAE,eAAe,EAAE,CAAA;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,wBAAgB,wBAAwB,CAAC,EAAE,YAAY,EAAE,OAAc,EAAE,EAAE,KAAK,QAqB/E"}

package/build/hooks/use_mark_latest_message_read.js

@@ -3,7 +3,8 @@ import { useEffect, useMemo, useRef } from 'react';
 import { useAppState } from './use_app_state';
 import { useConversationsMarkRead } from './use_conversations_actions';
 export function useMarkLatestMessageRead({
-  conversation
+  conversation,
+  enabled = true
 }) {
   const firedOnce = useRef(false);
   const {
@@ -21,9 +22,9 @@ export function useMarkLatestMessageRead({
   const appState = useAppState();
   const isActive = appState === 'active';
   useEffect(() => {
-    if (!isActive || !shouldMarkRead) return;
+    if (!enabled || !isActive || !shouldMarkRead) return;
     firedOnce.current = true;
     debouncedMarkRead(true);
-  }, [debouncedMarkRead, isActive, shouldMarkRead, unreadReaction]);
+  }, [debouncedMarkRead, enabled, isActive, shouldMarkRead, unreadReaction]);
 }
 //# sourceMappingURL=use_mark_latest_message_read.js.map

package/build/hooks/use_mark_latest_message_read.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_mark_latest_message_read.js","names":["debounce","useEffect","useMemo","useRef","useAppState","useConversationsMarkRead","useMarkLatestMessageRead","conversation","firedOnce","markRead","debouncedMarkRead","leading","trailing","unreadCount","unreadReaction","shouldMarkRead","Boolean","current","appState","isActive"],"sources":["../../src/hooks/use_mark_latest_message_read.ts"],"sourcesContent":["import { debounce } from 'lodash'\nimport { useEffect, useMemo, useRef } from 'react'\nimport { ConversationResource, MessageResource } from '../types'\nimport { useAppState } from './use_app_state'\nimport { useConversationsMarkRead } from './use_conversations_actions'\n\ninterface Props {\n  conversation: ConversationResource\n  messages: MessageResource[]\n}\n\nexport function useMarkLatestMessageRead({ conversation }: Props) {\n  const firedOnce = useRef<boolean>(false)\n  const { markRead } = useConversationsMarkRead({ conversation })\n  const debouncedMarkRead = useMemo(\n    () => debounce(markRead, 1000, { leading: true, trailing: true }),\n    [markRead]\n  )\n  const unreadCount = conversation.unreadCount\n  const unreadReaction = conversation.unreadReaction\n\n  const shouldMarkRead = Boolean(unreadCount >= 1 || unreadReaction || !firedOnce.current)\n  const appState = useAppState()\n  const isActive = appState === 'active'\n\n  useEffect(() => {\n    if (!isActive || !shouldMarkRead) return\n\n    firedOnce.current = true\n\n    debouncedMarkRead(true)\n  }, [debouncedMarkRead, isActive, shouldMarkRead, unreadReaction])\n}\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,QAAQ;AACjC,SAASC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAElD,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,wBAAwB,QAAQ,6BAA6B;AAOtE,OAAO,SAASC,wBAAwBA,CAAC;EAAEC;AAAoB,CAAC,EAAE;EAChE,MAAMC,SAAS,GAAGL,MAAM,CAAU,KAAK,CAAC;EACxC,MAAM;IAAEM;EAAS,CAAC,GAAGJ,wBAAwB,CAAC;IAAEE;EAAa,CAAC,CAAC;EAC/D,MAAMG,iBAAiB,GAAGR,OAAO,CAC/B,MAAMF,QAAQ,CAACS,QAAQ,EAAE,IAAI,EAAE;IAAEE,OAAO,EAAE,IAAI;IAAEC,QAAQ,EAAE;EAAK,CAAC,CAAC,EACjE,CAACH,QAAQ,CACX,CAAC;EACD,MAAMI,WAAW,GAAGN,YAAY,CAACM,WAAW;EAC5C,MAAMC,cAAc,GAAGP,YAAY,CAACO,cAAc;EAElD,MAAMC,cAAc,GAAGC,OAAO,CAACH,WAAW,IAAI,CAAC,IAAIC,cAAc,IAAI,CAACN,SAAS,CAACS,OAAO,CAAC;EACxF,MAAMC,QAAQ,GAAGd,WAAW,CAAC,CAAC;EAC9B,MAAMe,QAAQ,GAAGD,QAAQ,KAAK,QAAQ;EAEtCjB,SAAS,CAAC,MAAM;IACd,IAAI,CAACkB,QAAQ,IAAI,CAACJ,cAAc,EAAE;IAElCP,SAAS,CAACS,OAAO,GAAG,IAAI;IAExBP,iBAAiB,CAAC,IAAI,CAAC;EACzB,CAAC,EAAE,CAACA,iBAAiB,EAAES,QAAQ,EAAEJ,cAAc,EAAED,cAAc,CAAC,CAAC;AACnE","ignoreList":[]}
+{"version":3,"file":"use_mark_latest_message_read.js","names":["debounce","useEffect","useMemo","useRef","useAppState","useConversationsMarkRead","useMarkLatestMessageRead","conversation","enabled","firedOnce","markRead","debouncedMarkRead","leading","trailing","unreadCount","unreadReaction","shouldMarkRead","Boolean","current","appState","isActive"],"sources":["../../src/hooks/use_mark_latest_message_read.ts"],"sourcesContent":["import { debounce } from 'lodash'\nimport { useEffect, useMemo, useRef } from 'react'\nimport { ConversationResource, MessageResource } from '../types'\nimport { useAppState } from './use_app_state'\nimport { useConversationsMarkRead } from './use_conversations_actions'\n\ninterface Props {\n  conversation: ConversationResource\n  messages: MessageResource[]\n  enabled?: boolean\n}\n\nexport function useMarkLatestMessageRead({ conversation, enabled = true }: Props) {\n  const firedOnce = useRef<boolean>(false)\n  const { markRead } = useConversationsMarkRead({ conversation })\n  const debouncedMarkRead = useMemo(\n    () => debounce(markRead, 1000, { leading: true, trailing: true }),\n    [markRead]\n  )\n  const unreadCount = conversation.unreadCount\n  const unreadReaction = conversation.unreadReaction\n\n  const shouldMarkRead = Boolean(unreadCount >= 1 || unreadReaction || !firedOnce.current)\n  const appState = useAppState()\n  const isActive = appState === 'active'\n\n  useEffect(() => {\n    if (!enabled || !isActive || !shouldMarkRead) return\n\n    firedOnce.current = true\n\n    debouncedMarkRead(true)\n  }, [debouncedMarkRead, enabled, isActive, shouldMarkRead, unreadReaction])\n}\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,QAAQ;AACjC,SAASC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAElD,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,wBAAwB,QAAQ,6BAA6B;AAQtE,OAAO,SAASC,wBAAwBA,CAAC;EAAEC,YAAY;EAAEC,OAAO,GAAG;AAAY,CAAC,EAAE;EAChF,MAAMC,SAAS,GAAGN,MAAM,CAAU,KAAK,CAAC;EACxC,MAAM;IAAEO;EAAS,CAAC,GAAGL,wBAAwB,CAAC;IAAEE;EAAa,CAAC,CAAC;EAC/D,MAAMI,iBAAiB,GAAGT,OAAO,CAC/B,MAAMF,QAAQ,CAACU,QAAQ,EAAE,IAAI,EAAE;IAAEE,OAAO,EAAE,IAAI;IAAEC,QAAQ,EAAE;EAAK,CAAC,CAAC,EACjE,CAACH,QAAQ,CACX,CAAC;EACD,MAAMI,WAAW,GAAGP,YAAY,CAACO,WAAW;EAC5C,MAAMC,cAAc,GAAGR,YAAY,CAACQ,cAAc;EAElD,MAAMC,cAAc,GAAGC,OAAO,CAACH,WAAW,IAAI,CAAC,IAAIC,cAAc,IAAI,CAACN,SAAS,CAACS,OAAO,CAAC;EACxF,MAAMC,QAAQ,GAAGf,WAAW,CAAC,CAAC;EAC9B,MAAMgB,QAAQ,GAAGD,QAAQ,KAAK,QAAQ;EAEtClB,SAAS,CAAC,MAAM;IACd,IAAI,CAACO,OAAO,IAAI,CAACY,QAAQ,IAAI,CAACJ,cAAc,EAAE;IAE9CP,SAAS,CAACS,OAAO,GAAG,IAAI;IAExBP,iBAAiB,CAAC,IAAI,CAAC;EACzB,CAAC,EAAE,CAACA,iBAAiB,EAAEH,OAAO,EAAEY,QAAQ,EAAEJ,cAAc,EAAED,cAAc,CAAC,CAAC;AAC5E","ignoreList":[]}

package/build/screens/conversation_screen.d.ts

@@ -8,6 +8,7 @@ export type ConversationRouteProps = {
     chat_group_graph_id?: string;
     clear_input?: boolean;
     editing_message_id?: number | null;
+    initial_message_id?: string | null;
     title?: string;
     subtitle?: string;
     badge?: ConversationBadgeResource;

package/build/screens/conversation_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,gBAAgB,EAAqB,MAAM,4BAA4B,CAAA;AAC7F,OAAO,EAGL,iBAAiB,EAIlB,MAAM,0BAA0B,CAAA;AAkCjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAA;AAIjF,MAAM,MAAM,sBAAsB,GAAG;IACnC,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,yBAAyB,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,CAAA;AAE/E,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE,uBAAuB,2CAkBpE;AAyMD,UAAU,4BAA6B,SAAQ,gBAAgB;IAC7D,eAAe,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,yBAAyB,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,eAAO,MAAM,uBAAuB,GAAI,8DAOrC,4BAA4B,4CAqC9B,CAAA"}
+{"version":3,"file":"conversation_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,gBAAgB,EAAqB,MAAM,4BAA4B,CAAA;AAC7F,OAAO,EAGL,iBAAiB,EAIlB,MAAM,0BAA0B,CAAA;AAoCjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAA;AAKjF,MAAM,MAAM,sBAAsB,GAAG;IACnC,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,yBAAyB,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,CAAA;AAE/E,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE,uBAAuB,2CAuCpE;AAuPD,UAAU,4BAA6B,SAAQ,gBAAgB;IAC7D,eAAe,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,yBAAyB,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,eAAO,MAAM,uBAAuB,GAAI,8DAOrC,4BAA4B,4CAqC9B,CAAA"}

package/build/screens/conversation_screen.js

@@ -1,10 +1,11 @@
 import { c as _c } from "react/compiler-runtime";
 import { HeaderTitle, PlatformPressable } from '@react-navigation/elements';
 import { CommonActions, useNavigation, useTheme as useNavigationTheme, useRoute } from '@react-navigation/native';
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, { startTransition, useCallback, useEffect, useRef, useState } from 'react';
 import { Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Badge, Icon } from '../components';
+import { AnchorNotFoundBoundary } from '../components/conversation/anchor_not_found_boundary';
 import { ConversationStartBanner } from '../components/conversation/conversation_start_banner';
 import { JumpToBottomButton } from '../components/conversation/jump_to_bottom_button';
 import { MessageForm } from '../components/conversation/message_form';
@@ -21,20 +22,23 @@ import { useConversationJoltEvents } from '../hooks/use_conversation_jolt_events
 import { useConversationMessages } from '../hooks/use_conversation_messages';
 import { useConversationMessagesJoltEvents } from '../hooks/use_conversation_messages_jolt_events';
 import { useFetchNewerMessages } from '../hooks/use_fetch_newer_messages';
+import { useFetchNewerOnForeground } from '../hooks/use_fetch_newer_on_foreground';
 import { useMarkLatestMessageRead } from '../hooks/use_mark_latest_message_read';
 import { analyticsEvents, normalizeAnalyticsMetadata, usePublishProductAnalyticsEvent } from '../hooks/use_product_analytics';
 import { useRestAwayFromDismissEdge } from '../hooks/use_rest_away_from_dismiss_edge';
 import { useVideoModerationJoltEvents } from '../hooks/use_video_moderation_jolt_events';
 import { gatedMessageCache } from '../utils/gated_message_cache';
+import { decodeUlidTime } from '../utils/ulid';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function ConversationScreen(t0) {
-  const $ = _c(13);
+  const $ = _c(19);
   const {
     route
   } = t0;
   const {
     conversation_id,
-    reply_root_id
+    reply_root_id,
+    initial_message_id
   } = route.params;
   let t1;
   if ($[0] !== conversation_id) {
@@ -50,55 +54,93 @@ export function ConversationScreen(t0) {
     data: conversation
   } = useConversation(t1);
   let t2;
-  if ($[2] !== conversation) {
-    t2 = normalizeAnalyticsMetadata(conversation);
-    $[2] = conversation;
-    $[3] = t2;
+  if ($[2] !== conversation?.lastMessageCreatedAt || $[3] !== initial_message_id) {
+    t2 = () => isBeforeLatestMessage(initial_message_id, conversation?.lastMessageCreatedAt) ? initial_message_id : null;
+    $[2] = conversation?.lastMessageCreatedAt;
+    $[3] = initial_message_id;
+    $[4] = t2;
   } else {
-    t2 = $[3];
+    t2 = $[4];
   }
+  const [anchor, setAnchor] = useState(t2);
   let t3;
-  if ($[4] !== reply_root_id || $[5] !== t2) {
-    t3 = {
-      reply_root_id,
-      ...t2
-    };
-    $[4] = reply_root_id;
-    $[5] = t2;
-    $[6] = t3;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => startTransition(() => setAnchor(null));
+    $[5] = t3;
   } else {
-    t3 = $[6];
+    t3 = $[5];
   }
-  usePublishProductAnalyticsEvent(analyticsEvents.conversation_show_opened, t3);
-  const t4 = reply_root_id ?? null;
+  const exitAnchoredMode = t3;
+  let t4;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = () => setAnchor(null);
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  const dropAnchor = t4;
   let t5;
-  if ($[7] !== route) {
-    t5 = /*#__PURE__*/_jsx(ConversationScreenContent, {
-      route: route
-    });
-    $[7] = route;
+  if ($[7] !== conversation) {
+    t5 = normalizeAnalyticsMetadata(conversation);
+    $[7] = conversation;
     $[8] = t5;
   } else {
     t5 = $[8];
   }
   let t6;
-  if ($[9] !== conversation_id || $[10] !== t4 || $[11] !== t5) {
-    t6 = /*#__PURE__*/_jsx(ConversationContextProvider, {
+  if ($[9] !== reply_root_id || $[10] !== t5) {
+    t6 = {
+      reply_root_id,
+      ...t5
+    };
+    $[9] = reply_root_id;
+    $[10] = t5;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  usePublishProductAnalyticsEvent(analyticsEvents.conversation_show_opened, t6);
+  const t7 = reply_root_id ?? null;
+  let t8;
+  if ($[12] !== anchor || $[13] !== route) {
+    t8 = anchor ? /*#__PURE__*/_jsx(AnchorNotFoundBoundary, {
+      onAnchorNotFound: dropAnchor,
+      children: /*#__PURE__*/_jsx(ConversationScreenContent, {
+        route: route,
+        anchor: anchor,
+        onExitAnchoredMode: exitAnchoredMode
+      })
+    }) : /*#__PURE__*/_jsx(ConversationScreenContent, {
+      route: route,
+      anchor: null,
+      onExitAnchoredMode: exitAnchoredMode
+    });
+    $[12] = anchor;
+    $[13] = route;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  let t9;
+  if ($[15] !== conversation_id || $[16] !== t7 || $[17] !== t8) {
+    t9 = /*#__PURE__*/_jsx(ConversationContextProvider, {
       conversationId: conversation_id,
-      currentPageReplyRootId: t4,
-      children: t5
+      currentPageReplyRootId: t7,
+      children: t8
     });
-    $[9] = conversation_id;
-    $[10] = t4;
-    $[11] = t5;
-    $[12] = t6;
+    $[15] = conversation_id;
+    $[16] = t7;
+    $[17] = t8;
+    $[18] = t9;
   } else {
-    t6 = $[12];
+    t9 = $[18];
   }
-  return t6;
+  return t9;
 }
 function ConversationScreenContent({
-  route
+  route,
+  anchor,
+  onExitAnchoredMode
 }) {
   const styles = useStyles();
   const navigation = useNavigation();
@@ -111,21 +153,28 @@ function ConversationScreenContent({
   const {
     data: conversation
   } = useConversation(route.params);
+  const anchored = !!anchor;
   const {
     messages,
     fetchNextPage,
     hasNextPage,
+    fetchPreviousPage,
+    hasPreviousPage,
+    isFetchingPreviousPage,
     queryKey
   } = useConversationMessages({
     conversation_id,
-    reply_root_id
+    reply_root_id,
+    anchor
   });
+  const behindLatest = anchored && hasPreviousPage;
+  const caughtUp = !hasPreviousPage;
   const [showJumpToBottomButton, setShowJumpToBottomButton] = useState(false);
   const readingHistory = showJumpToBottomButton;
   const skippedNewMessages = useRef(false);
   const messageCaches = [gatedMessageCache({
     queryKey,
-    acceptNewMessages: !readingHistory,
+    acceptNewMessages: caughtUp && !readingHistory,
     onSkippedNewMessage: () => {
       skippedNewMessages.current = true;
     }
@@ -144,13 +193,19 @@ function ConversationScreenContent({
   useEnsureConversationsRouteExists();
   useMarkLatestMessageRead({
     conversation,
-    messages
+    messages,
+    enabled: !behindLatest
   });
   const fetchNewer = useFetchNewerMessages({
     conversation_id,
     reply_root_id,
     queryKey
   });
+  useFetchNewerOnForeground({
+    fetchNewer,
+    newestMessageId,
+    enabled: anchored && caughtUp
+  });
   const noMessages = messages.length === 0;
   const {
     repliesDisabled,
@@ -166,10 +221,8 @@ function ConversationScreenContent({
   // Prefer the membership for optimistic updates.
   const muted = conversation.conversationMembership?.muted ?? conversation.muted;
   const listRef = useRef(null);
-  const trackScroll = event => {
-    const offsetY = event.nativeEvent.contentOffset.y;
-    setShowJumpToBottomButton(offsetY > 200);
-  };
+  const [hasDragged, setHasDragged] = useState(false);
+  const holdListPosition = behindLatest || readingHistory;
   const {
     restOffset,
     onLayout,
@@ -185,15 +238,28 @@ function ConversationScreenContent({
       offset: restOffset
     });
   }, [restOffset]);
+  const exitAnchoredMode = useCallback(() => {
+    onExitAnchoredMode();
+    handleReturnToBottom();
+  }, [handleReturnToBottom, onExitAnchoredMode]);
   const jumpToLatest = useCallback(() => {
     setShowJumpToBottomButton(false);
-    handleReturnToBottom();
-  }, [handleReturnToBottom]);
+    if (behindLatest) exitAnchoredMode();else handleReturnToBottom();
+  }, [behindLatest, exitAnchoredMode, handleReturnToBottom]);
+  const trackScroll = event => {
+    const offsetY = event.nativeEvent.contentOffset.y;
+    setShowJumpToBottomButton(offsetY > 200);
+  };
+  const loadNewerMessages = () => {
+    if (!hasPreviousPage || isFetchingPreviousPage) return;
+    setHasDragged(false);
+    fetchPreviousPage();
+  };
   useEffect(() => {
-    if (readingHistory || !newestMessageId || !skippedNewMessages.current) return;
+    if (readingHistory || !caughtUp || !newestMessageId || !skippedNewMessages.current) return;
     skippedNewMessages.current = false;
     fetchNewer(newestMessageId);
-  }, [fetchNewer, newestMessageId, readingHistory]);
+  }, [caughtUp, fetchNewer, newestMessageId, readingHistory]);
   useEffect(() => {
     if (reply_root_id) {
       navigation.setParams({
@@ -242,6 +308,7 @@ function ConversationScreenContent({
         conversationId: conversation_id,
         messages: messages,
         replyRootId: reply_root_id,
+        anchorMessageId: anchor,
         hasNextPage: hasNextPage,
         onEndReached: () => fetchNextPage(),
         onScroll: trackScroll,
@@ -249,12 +316,15 @@ function ConversationScreenContent({
         onContentSizeChange: onContentSizeChange,
         onScrollEndDrag: onScrollEndDrag,
         onMomentumScrollEnd: onMomentumScrollEnd,
-        maintainVisibleContentPosition: readingHistory ? {
+        onScrollBeginDrag: anchored ? () => setHasDragged(true) : undefined,
+        onStartReached: anchored && hasDragged ? loadNewerMessages : undefined,
+        onStartReachedThreshold: anchored ? 0.5 : undefined,
+        maintainVisibleContentPosition: holdListPosition ? {
           minIndexForVisible: 0
         } : undefined
       }), /*#__PURE__*/_jsx(JumpToBottomButton, {
         onPress: jumpToLatest,
-        visible: showJumpToBottomButton
+        visible: behindLatest || showJumpToBottomButton
       }), !noMessages && /*#__PURE__*/_jsx(TypingIndicator, {}), showLeaderDisabledReplyBanner && /*#__PURE__*/_jsx(LeaderMessagesDisabledBanner, {}), /*#__PURE__*/_jsx(ConversationBottomBar, {
         conversation: conversation,
         canReply: canReply,
@@ -349,6 +419,7 @@ function ConversationBottomBar(t0) {
   }
   return t6;
 }
+const isBeforeLatestMessage = (anchor, latestMessageCreatedAt) => !!anchor && !!latestMessageCreatedAt && decodeUlidTime(anchor) < Date.parse(latestMessageCreatedAt);
 export const ConversationScreenTitle = t0 => {
   const $ = _c(29);
   const {