@planningcenter/chat-react-native 3.35.0-rc.1 → 3.35.0-rc.3

package/build/contexts/conversation_context.d.ts

@@ -2,12 +2,17 @@ import React, { PropsWithChildren } from 'react';
 interface ConversationContextValue {
     conversationId: number;
     currentPageReplyRootId: string | null;
+    initialMessageId: string | null;
+    setInitialMessageId: (id: string | null) => void;
+    initialMessageIdIsAnchor: boolean;
 }
 interface ConversationContextProviderProps extends PropsWithChildren {
     conversationId: number;
     currentPageReplyRootId: string | null;
+    initialMessageId?: string | null;
+    initialMessageIdIsAnchor?: boolean;
 }
-export declare const ConversationContextProvider: ({ children, conversationId, currentPageReplyRootId, }: ConversationContextProviderProps) => React.JSX.Element;
+export declare const ConversationContextProvider: ({ children, conversationId, currentPageReplyRootId, initialMessageId: initialMessageIdProp, initialMessageIdIsAnchor, }: ConversationContextProviderProps) => React.JSX.Element;
 export declare const useConversationContext: () => ConversationContextValue;
 export {};
 //# sourceMappingURL=conversation_context.d.ts.map

package/build/contexts/conversation_context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_context.d.ts","sourceRoot":"","sources":["../../src/contexts/conversation_context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,iBAAiB,EAAuB,MAAM,OAAO,CAAA;AAEpF,UAAU,wBAAwB;IAChC,cAAc,EAAE,MAAM,CAAA;IACtB,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAA;CACtC;AAED,UAAU,gCAAiC,SAAQ,iBAAiB;IAClE,cAAc,EAAE,MAAM,CAAA;IACtB,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAA;CACtC;AAOD,eAAO,MAAM,2BAA2B,GAAI,uDAIzC,gCAAgC,sBAUlC,CAAA;AAED,eAAO,MAAM,sBAAsB,gCAAwC,CAAA"}
+{"version":3,"file":"conversation_context.d.ts","sourceRoot":"","sources":["../../src/contexts/conversation_context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,iBAAiB,EAKlB,MAAM,OAAO,CAAA;AAEd,UAAU,wBAAwB;IAChC,cAAc,EAAE,MAAM,CAAA;IACtB,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAChD,wBAAwB,EAAE,OAAO,CAAA;CAClC;AAED,UAAU,gCAAiC,SAAQ,iBAAiB;IAClE,cAAc,EAAE,MAAM,CAAA;IACtB,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,wBAAwB,CAAC,EAAE,OAAO,CAAA;CACnC;AAUD,eAAO,MAAM,2BAA2B,GAAI,yHAMzC,gCAAgC,sBAmBlC,CAAA;AAED,eAAO,MAAM,sBAAsB,gCAAwC,CAAA"}

package/build/contexts/conversation_context.js

@@ -1,13 +1,23 @@
-import React, { createContext, useContext, useMemo } from 'react';
+import React, { createContext, useContext, useEffect, useMemo, useState, } from 'react';
 const ConversationContext = createContext({
     conversationId: 0,
     currentPageReplyRootId: null,
+    initialMessageId: null,
+    setInitialMessageId: () => { },
+    initialMessageIdIsAnchor: false,
 });
-export const ConversationContextProvider = ({ children, conversationId, currentPageReplyRootId, }) => {
+export const ConversationContextProvider = ({ children, conversationId, currentPageReplyRootId, initialMessageId: initialMessageIdProp = null, initialMessageIdIsAnchor = false, }) => {
+    const [initialMessageId, setInitialMessageId] = useState(initialMessageIdProp);
+    useEffect(() => {
+        setInitialMessageId(initialMessageIdProp);
+    }, [initialMessageIdProp]);
     const value = useMemo(() => ({
         conversationId,
         currentPageReplyRootId,
-    }), [conversationId, currentPageReplyRootId]);
+        initialMessageId,
+        setInitialMessageId,
+        initialMessageIdIsAnchor,
+    }), [conversationId, currentPageReplyRootId, initialMessageId, initialMessageIdIsAnchor]);
     return <ConversationContext.Provider value={value}>{children}</ConversationContext.Provider>;
 };
 export const useConversationContext = () => useContext(ConversationContext);

package/build/contexts/conversation_context.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_context.js","sourceRoot":"","sources":["../../src/contexts/conversation_context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAqB,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAYpF,MAAM,mBAAmB,GAAG,aAAa,CAA2B;IAClE,cAAc,EAAE,CAAC;IACjB,sBAAsB,EAAE,IAAI;CAC7B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,QAAQ,EACR,cAAc,EACd,sBAAsB,GACW,EAAE,EAAE;IACrC,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,cAAc;QACd,sBAAsB;KACvB,CAAC,EACF,CAAC,cAAc,EAAE,sBAAsB,CAAC,CACzC,CAAA;IAED,OAAO,CAAC,mBAAmB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;AAC9F,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAA","sourcesContent":["import React, { createContext, PropsWithChildren, useContext, useMemo } from 'react'\n\ninterface ConversationContextValue {\n  conversationId: number\n  currentPageReplyRootId: string | null\n}\n\ninterface ConversationContextProviderProps extends PropsWithChildren {\n  conversationId: number\n  currentPageReplyRootId: string | null\n}\n\nconst ConversationContext = createContext<ConversationContextValue>({\n  conversationId: 0,\n  currentPageReplyRootId: null,\n})\n\nexport const ConversationContextProvider = ({\n  children,\n  conversationId,\n  currentPageReplyRootId,\n}: ConversationContextProviderProps) => {\n  const value = useMemo(\n    () => ({\n      conversationId,\n      currentPageReplyRootId,\n    }),\n    [conversationId, currentPageReplyRootId]\n  )\n\n  return <ConversationContext.Provider value={value}>{children}</ConversationContext.Provider>\n}\n\nexport const useConversationContext = () => useContext(ConversationContext)\n"]}
+{"version":3,"file":"conversation_context.js","sourceRoot":"","sources":["../../src/contexts/conversation_context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EAEb,UAAU,EACV,SAAS,EACT,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAA;AAiBd,MAAM,mBAAmB,GAAG,aAAa,CAA2B;IAClE,cAAc,EAAE,CAAC;IACjB,sBAAsB,EAAE,IAAI;IAC5B,gBAAgB,EAAE,IAAI;IACtB,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC7B,wBAAwB,EAAE,KAAK;CAChC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,QAAQ,EACR,cAAc,EACd,sBAAsB,EACtB,gBAAgB,EAAE,oBAAoB,GAAG,IAAI,EAC7C,wBAAwB,GAAG,KAAK,GACC,EAAE,EAAE;IACrC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAA;IAE9E,SAAS,CAAC,GAAG,EAAE;QACb,mBAAmB,CAAC,oBAAoB,CAAC,CAAA;IAC3C,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAA;IAE1B,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,cAAc;QACd,sBAAsB;QACtB,gBAAgB;QAChB,mBAAmB;QACnB,wBAAwB;KACzB,CAAC,EACF,CAAC,cAAc,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,wBAAwB,CAAC,CACrF,CAAA;IAED,OAAO,CAAC,mBAAmB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;AAC9F,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAA","sourcesContent":["import React, {\n  createContext,\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\n\ninterface ConversationContextValue {\n  conversationId: number\n  currentPageReplyRootId: string | null\n  initialMessageId: string | null\n  setInitialMessageId: (id: string | null) => void\n  initialMessageIdIsAnchor: boolean\n}\n\ninterface ConversationContextProviderProps extends PropsWithChildren {\n  conversationId: number\n  currentPageReplyRootId: string | null\n  initialMessageId?: string | null\n  initialMessageIdIsAnchor?: boolean\n}\n\nconst ConversationContext = createContext<ConversationContextValue>({\n  conversationId: 0,\n  currentPageReplyRootId: null,\n  initialMessageId: null,\n  setInitialMessageId: () => {},\n  initialMessageIdIsAnchor: false,\n})\n\nexport const ConversationContextProvider = ({\n  children,\n  conversationId,\n  currentPageReplyRootId,\n  initialMessageId: initialMessageIdProp = null,\n  initialMessageIdIsAnchor = false,\n}: ConversationContextProviderProps) => {\n  const [initialMessageId, setInitialMessageId] = useState(initialMessageIdProp)\n\n  useEffect(() => {\n    setInitialMessageId(initialMessageIdProp)\n  }, [initialMessageIdProp])\n\n  const value = useMemo(\n    () => ({\n      conversationId,\n      currentPageReplyRootId,\n      initialMessageId,\n      setInitialMessageId,\n      initialMessageIdIsAnchor,\n    }),\n    [conversationId, currentPageReplyRootId, initialMessageId, initialMessageIdIsAnchor]\n  )\n\n  return <ConversationContext.Provider value={value}>{children}</ConversationContext.Provider>\n}\n\nexport const useConversationContext = () => useContext(ConversationContext)\n"]}

package/build/hooks/use_conversation_messages.d.ts

@@ -1,13 +1,20 @@
-import { MessageResource } from '../types';
-import { SuspensePaginatorOptions } from './use_suspense_api';
-export declare const useConversationMessages: ({ conversation_id, reply_root_id }: {
+import { AnyUseSuspenseInfiniteQueryOptions, InfiniteData } from '@tanstack/react-query';
+import { ApiCollection, MessageResource } from '../types';
+import { MessagesPageParam } from '../utils/conversation_messages';
+type Args = {
     conversation_id: number;
     reply_root_id?: string | null;
-}, opts?: SuspensePaginatorOptions) => {
+};
+export type ConversationMessagesOptions = Omit<AnyUseSuspenseInfiniteQueryOptions, 'getNextPageParam' | 'getPreviousPageParam' | 'initialData' | 'initialPageParam' | 'queryFn' | 'queryKey'>;
+export declare const useConversationMessages: ({ conversation_id, reply_root_id }: Args, opts?: ConversationMessagesOptions) => {
     messages: MessageResource[];
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<MessageResource>, unknown>, Response>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<InfiniteData<ApiCollection<MessageResource>, MessagesPageParam>, Response>>;
     isRefetching: boolean;
-    fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<MessageResource>, unknown>, Response>>;
+    fetchOlderMessages: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<InfiniteData<ApiCollection<MessageResource>, MessagesPageParam>, Response>>;
+    hasMoreOlderMessages: boolean;
+    fetchNewerMessages: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<InfiniteData<ApiCollection<MessageResource>, MessagesPageParam>, Response>>;
+    hasMoreNewerMessages: boolean;
     queryKey: import("./use_suspense_api").RequestQueryKey;
 };
+export {};
 //# sourceMappingURL=use_conversation_messages.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use_conversation_messages.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE1C,OAAO,EAAE,wBAAwB,EAAwB,MAAM,oBAAoB,CAAA;AAEnF,eAAO,MAAM,uBAAuB,GAClC,oCAAoC;IAAE,eAAe,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,EAC9F,OAAO,wBAAwB;;;;;;CAoBhC,CAAA"}
+{"version":3,"file":"use_conversation_messages.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kCAAkC,EAClC,YAAY,EAGb,MAAM,uBAAuB,CAAA;AAG9B,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AACzD,OAAO,EAEL,iBAAiB,EAIlB,MAAM,gCAAgC,CAAA;AAKvC,KAAK,IAAI,GAAG;IAAE,eAAe,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAA;AAEtE,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAC5C,kCAAkC,EAChC,kBAAkB,GAClB,sBAAsB,GACtB,aAAa,GACb,kBAAkB,GAClB,SAAS,GACT,UAAU,CACb,CAAA;AAED,eAAO,MAAM,uBAAuB,GAClC,oCAAoC,IAAI,EACxC,OAAO,2BAA2B;;;;;;;;;CA6EnC,CAAA"}

package/build/hooks/use_conversation_messages.js

@@ -1,13 +1,62 @@
+import { useSuspenseInfiniteQuery, useSuspenseQueries, } from '@tanstack/react-query';
 import { useMemo } from 'react';
+import { useConversationContext } from '../contexts/conversation_context';
+import { anchoredSeedPageParams, newerPageParam, olderPageParam, sortAndFilterMessages, } from '../utils/conversation_messages';
 import { getMessagesQueryKey, getMessagesRequestArgs } from '../utils/request/get_messages';
-import { useSuspensePaginator } from './use_suspense_api';
+import { useApiClient } from './use_api_client';
+import { throwResponseError } from './use_suspense_api';
 export const useConversationMessages = ({ conversation_id, reply_root_id }, opts) => {
-    const { data, refetch, isRefetching, fetchNextPage } = useSuspensePaginator(getMessagesRequestArgs({ conversation_id, reply_root_id }), opts);
+    const apiClient = useApiClient();
+    const { initialMessageId } = useConversationContext();
+    const anchored = !reply_root_id && !!initialMessageId;
+    const requestArgs = getMessagesRequestArgs({ conversation_id, reply_root_id });
     const queryKey = getMessagesQueryKey({ conversation_id, reply_root_id });
-    const messages = useMemo(() => data
-        .filter(message => (!message.deletedAt || message.replyRootId) &&
-        (message.attachments?.length || message.text?.length))
-        .sort((a, b) => -a.id.localeCompare(b.id)), [data]);
-    return { messages, refetch, isRefetching, fetchNextPage, queryKey };
+    const fetchPage = (pageParam) => {
+        const data = {
+            ...requestArgs.data,
+            ...(pageParam.where ? { where: pageParam.where } : {}),
+            ...(pageParam.order ? { order: pageParam.order } : {}),
+        };
+        return apiClient.chat
+            .get({ url: requestArgs.url, data })
+            .catch(throwResponseError);
+    };
+    const seedPageParams = anchored ? anchoredSeedPageParams(initialMessageId) : [];
+    const seedQueries = useSuspenseQueries({
+        queries: seedPageParams.map((pageParam, index) => ({
+            queryKey: [...queryKey, 'seed', index],
+            queryFn: () => fetchPage(pageParam),
+            staleTime: Infinity,
+            gcTime: 0,
+        })),
+    });
+    const initialData = anchored
+        ? {
+            pages: seedQueries.map(q => q.data),
+            pageParams: seedPageParams,
+        }
+        : undefined;
+    const initialPageParam = anchored ? seedPageParams[0] : {};
+    const { data, refetch, isRefetching, fetchNextPage, hasNextPage, fetchPreviousPage, hasPreviousPage, } = useSuspenseInfiniteQuery({
+        queryKey,
+        queryFn: ({ pageParam }) => fetchPage(pageParam),
+        initialPageParam,
+        initialData,
+        getNextPageParam: olderPageParam,
+        getPreviousPageParam: anchored ? newerPageParam : () => undefined,
+        ...(opts || {}),
+        ...(anchored ? { staleTime: Infinity, refetchOnMount: false } : {}),
+    });
+    const messages = useMemo(() => sortAndFilterMessages(data.pages), [data.pages]);
+    return {
+        messages,
+        refetch,
+        isRefetching,
+        fetchOlderMessages: fetchNextPage,
+        hasMoreOlderMessages: hasNextPage,
+        fetchNewerMessages: fetchPreviousPage,
+        hasMoreNewerMessages: hasPreviousPage,
+        queryKey,
+    };
 };
 //# sourceMappingURL=use_conversation_messages.js.map

package/build/hooks/use_conversation_messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_conversation_messages.js","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAA;AAC3F,OAAO,EAA4B,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAEnF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,EAAE,eAAe,EAAE,aAAa,EAA8D,EAC9F,IAA+B,EAC/B,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,oBAAoB,CACzE,sBAAsB,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,EAC1D,IAAI,CACL,CAAA;IACD,MAAM,QAAQ,GAAG,mBAAmB,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,CAAA;IACxE,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CACH,IAAI;SACD,MAAM,CACL,OAAO,CAAC,EAAE,CACR,CAAC,CAAC,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,WAAW,CAAC;QAC3C,CAAC,OAAO,CAAC,WAAW,EAAE,MAAM,IAAI,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CACxD;SACA,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAC9C,CAAC,IAAI,CAAC,CACP,CAAA;IAED,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;AACrE,CAAC,CAAA","sourcesContent":["import { useMemo } from 'react'\nimport { MessageResource } from '../types'\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 } = useSuspensePaginator<MessageResource>(\n    getMessagesRequestArgs({ conversation_id, reply_root_id }),\n    opts\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, queryKey }\n}\n"]}
+{"version":3,"file":"use_conversation_messages.js","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AnyUseSuspenseInfiniteQueryOptions,\n  InfiniteData,\n  useSuspenseInfiniteQuery,\n  useSuspenseQueries,\n} from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { useConversationContext } from '../contexts/conversation_context'\nimport { ApiCollection, MessageResource } from '../types'\nimport {\n  anchoredSeedPageParams,\n  MessagesPageParam,\n  newerPageParam,\n  olderPageParam,\n  sortAndFilterMessages,\n} from '../utils/conversation_messages'\nimport { getMessagesQueryKey, getMessagesRequestArgs } from '../utils/request/get_messages'\nimport { useApiClient } from './use_api_client'\nimport { throwResponseError } from './use_suspense_api'\n\ntype Args = { conversation_id: number; reply_root_id?: string | null }\n\nexport type ConversationMessagesOptions = Omit<\n  AnyUseSuspenseInfiniteQueryOptions,\n  | 'getNextPageParam'\n  | 'getPreviousPageParam'\n  | 'initialData'\n  | 'initialPageParam'\n  | 'queryFn'\n  | 'queryKey'\n>\n\nexport const useConversationMessages = (\n  { conversation_id, reply_root_id }: Args,\n  opts?: ConversationMessagesOptions\n) => {\n  const apiClient = useApiClient()\n  const { initialMessageId } = useConversationContext()\n  const anchored = !reply_root_id && !!initialMessageId\n\n  const requestArgs = getMessagesRequestArgs({ conversation_id, reply_root_id })\n  const queryKey = getMessagesQueryKey({ conversation_id, reply_root_id })\n\n  const fetchPage = (pageParam: MessagesPageParam) => {\n    const data = {\n      ...requestArgs.data,\n      ...(pageParam.where ? { where: pageParam.where } : {}),\n      ...(pageParam.order ? { order: pageParam.order } : {}),\n    }\n    return apiClient.chat\n      .get<ApiCollection<MessageResource>>({ url: requestArgs.url, data })\n      .catch(throwResponseError)\n  }\n\n  const seedPageParams = anchored ? anchoredSeedPageParams(initialMessageId) : []\n  const seedQueries = useSuspenseQueries({\n    queries: seedPageParams.map((pageParam, index) => ({\n      queryKey: [...queryKey, 'seed', index],\n      queryFn: () => fetchPage(pageParam),\n      staleTime: Infinity,\n      gcTime: 0,\n    })),\n  })\n\n  const initialData: InfiniteData<ApiCollection<MessageResource>, MessagesPageParam> | undefined =\n    anchored\n      ? {\n          pages: seedQueries.map(q => q.data),\n          pageParams: seedPageParams,\n        }\n      : undefined\n\n  const initialPageParam: MessagesPageParam = anchored ? seedPageParams[0] : {}\n\n  const {\n    data,\n    refetch,\n    isRefetching,\n    fetchNextPage,\n    hasNextPage,\n    fetchPreviousPage,\n    hasPreviousPage,\n  } = useSuspenseInfiniteQuery<\n    ApiCollection<MessageResource>,\n    Response,\n    InfiniteData<ApiCollection<MessageResource>, MessagesPageParam>,\n    typeof queryKey,\n    MessagesPageParam\n  >({\n    queryKey,\n    queryFn: ({ pageParam }) => fetchPage(pageParam),\n    initialPageParam,\n    initialData,\n    getNextPageParam: olderPageParam,\n    getPreviousPageParam: anchored ? newerPageParam : () => undefined,\n    ...(opts || {}),\n    ...(anchored ? { staleTime: Infinity, refetchOnMount: false } : {}),\n  })\n\n  const messages = useMemo(() => sortAndFilterMessages(data.pages), [data.pages])\n\n  return {\n    messages,\n    refetch,\n    isRefetching,\n    fetchOlderMessages: fetchNextPage,\n    hasMoreOlderMessages: hasNextPage,\n    fetchNewerMessages: fetchPreviousPage,\n    hasMoreNewerMessages: hasPreviousPage,\n    queryKey,\n  }\n}\n"]}

package/build/hooks/use_features.d.ts

@@ -8,5 +8,6 @@ export declare const availableFeatures: {
     message_reporting: string;
     granular_notifications_ui: string;
     custom_conversation_avatars: string;
+    jump_to_unread: string;
 };
 //# sourceMappingURL=use_features.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use_features.d.ts","sourceRoot":"","sources":["../../src/hooks/use_features.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAI1E,wBAAgB,WAAW;;kCAiBT,MAAM;EASvB;AAED,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAA"}
+{"version":3,"file":"use_features.d.ts","sourceRoot":"","sources":["../../src/hooks/use_features.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAI1E,wBAAgB,WAAW;;kCAiBT,MAAM;EASvB;AAED,eAAO,MAAM,iBAAiB;;;;;;CAM7B,CAAA"}

package/build/hooks/use_features.js

@@ -26,6 +26,7 @@ export const availableFeatures = {
     message_reporting: 'ROLLOUT_MOBILE_message_reporting',
     granular_notifications_ui: 'ROLLOUT_granular_notification_preferences_ui',
     custom_conversation_avatars: 'ROLLOUT_custom_conversation_avatars',
+    jump_to_unread: 'ROLLOUT_jump_to_unread',
 };
 const stableEmptyFeatures = {
     data: [],

package/build/hooks/use_features.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_features.js","sourceRoot":"","sources":["../../src/hooks/use_features.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAGnC,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AAC3F,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE/C,MAAM,UAAU,WAAW;IACzB,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,WAAW,GAAG,sBAAsB,EAAE,CAAA;IAE5C,MAAM,EAAE,IAAI,EAAE,GAAG,gBAAgB,CAAC;QAChC,QAAQ,EAAE,mBAAmB,EAAE;QAC/B,OAAO,EAAE,GAAG,EAAE;YACZ,OAAO,SAAS,CAAC,IAAI;iBAClB,GAAG,CAAiC,WAAW,CAAC;iBAChD,KAAK,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAA;QACrC,CAAC;QACD,SAAS,EAAE,IAAI,GAAG,EAAE,GAAG,CAAC,EAAE,YAAY;KACvC,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAA;IAE1B,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,WAAmB,EAAE,EAAE,CACtB,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,WAAW,IAAI,OAAO,CAAC,OAAO,CAAC,EAC3E,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,OAAO;QACL,QAAQ;QACR,cAAc;KACf,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,6BAA6B,EAAE,uCAAuC;IACtE,iBAAiB,EAAE,kCAAkC;IACrD,yBAAyB,EAAE,8CAA8C;IACzE,2BAA2B,EAAE,qCAAqC;CACnE,CAAA;AAED,MAAM,mBAAmB,GAAmC;IAC1D,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,UAAU,EAAE,CAAC;KACd;CACF,CAAA","sourcesContent":["import { useSuspenseQuery } from '@tanstack/react-query'\nimport { useCallback } from 'react'\nimport { ApiCollection } from '../types'\nimport type { FeatureResource } from '../types/resources/feature_resource'\nimport { getFeaturesRequestArgs, getFeaturesQueryKey } from '../utils/request/get_features'\nimport { useApiClient } from './use_api_client'\n\nexport function useFeatures() {\n  const apiClient = useApiClient()\n  const requestArgs = getFeaturesRequestArgs()\n\n  const { data } = useSuspenseQuery({\n    queryKey: getFeaturesQueryKey(),\n    queryFn: () => {\n      return apiClient.chat\n        .get<ApiCollection<FeatureResource>>(requestArgs)\n        .catch(() => stableEmptyFeatures)\n    },\n    staleTime: 1000 * 60 * 5, // 5 minutes\n  })\n\n  const features = data.data\n\n  const featureEnabled = useCallback(\n    (featureName: string) =>\n      features.some(feature => feature.name === featureName && feature.enabled),\n    [features]\n  )\n\n  return {\n    features,\n    featureEnabled,\n  }\n}\n\nexport const availableFeatures = {\n  gender_specific_conversations: 'ROLLOUT_gender_specific_conversations',\n  message_reporting: 'ROLLOUT_MOBILE_message_reporting',\n  granular_notifications_ui: 'ROLLOUT_granular_notification_preferences_ui',\n  custom_conversation_avatars: 'ROLLOUT_custom_conversation_avatars',\n}\n\nconst stableEmptyFeatures: ApiCollection<FeatureResource> = {\n  data: [],\n  links: {},\n  meta: {\n    count: 0,\n    totalCount: 0,\n  },\n}\n"]}
+{"version":3,"file":"use_features.js","sourceRoot":"","sources":["../../src/hooks/use_features.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAGnC,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AAC3F,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE/C,MAAM,UAAU,WAAW;IACzB,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,WAAW,GAAG,sBAAsB,EAAE,CAAA;IAE5C,MAAM,EAAE,IAAI,EAAE,GAAG,gBAAgB,CAAC;QAChC,QAAQ,EAAE,mBAAmB,EAAE;QAC/B,OAAO,EAAE,GAAG,EAAE;YACZ,OAAO,SAAS,CAAC,IAAI;iBAClB,GAAG,CAAiC,WAAW,CAAC;iBAChD,KAAK,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAA;QACrC,CAAC;QACD,SAAS,EAAE,IAAI,GAAG,EAAE,GAAG,CAAC,EAAE,YAAY;KACvC,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAA;IAE1B,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,WAAmB,EAAE,EAAE,CACtB,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,WAAW,IAAI,OAAO,CAAC,OAAO,CAAC,EAC3E,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,OAAO;QACL,QAAQ;QACR,cAAc;KACf,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,6BAA6B,EAAE,uCAAuC;IACtE,iBAAiB,EAAE,kCAAkC;IACrD,yBAAyB,EAAE,8CAA8C;IACzE,2BAA2B,EAAE,qCAAqC;IAClE,cAAc,EAAE,wBAAwB;CACzC,CAAA;AAED,MAAM,mBAAmB,GAAmC;IAC1D,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,UAAU,EAAE,CAAC;KACd;CACF,CAAA","sourcesContent":["import { useSuspenseQuery } from '@tanstack/react-query'\nimport { useCallback } from 'react'\nimport { ApiCollection } from '../types'\nimport type { FeatureResource } from '../types/resources/feature_resource'\nimport { getFeaturesRequestArgs, getFeaturesQueryKey } from '../utils/request/get_features'\nimport { useApiClient } from './use_api_client'\n\nexport function useFeatures() {\n  const apiClient = useApiClient()\n  const requestArgs = getFeaturesRequestArgs()\n\n  const { data } = useSuspenseQuery({\n    queryKey: getFeaturesQueryKey(),\n    queryFn: () => {\n      return apiClient.chat\n        .get<ApiCollection<FeatureResource>>(requestArgs)\n        .catch(() => stableEmptyFeatures)\n    },\n    staleTime: 1000 * 60 * 5, // 5 minutes\n  })\n\n  const features = data.data\n\n  const featureEnabled = useCallback(\n    (featureName: string) =>\n      features.some(feature => feature.name === featureName && feature.enabled),\n    [features]\n  )\n\n  return {\n    features,\n    featureEnabled,\n  }\n}\n\nexport const availableFeatures = {\n  gender_specific_conversations: 'ROLLOUT_gender_specific_conversations',\n  message_reporting: 'ROLLOUT_MOBILE_message_reporting',\n  granular_notifications_ui: 'ROLLOUT_granular_notification_preferences_ui',\n  custom_conversation_avatars: 'ROLLOUT_custom_conversation_avatars',\n  jump_to_unread: 'ROLLOUT_jump_to_unread',\n}\n\nconst stableEmptyFeatures: ApiCollection<FeatureResource> = {\n  data: [],\n  links: {},\n  meta: {\n    count: 0,\n    totalCount: 0,\n  },\n}\n"]}

package/build/hooks/use_suspense_api.d.ts

@@ -70,6 +70,7 @@ export declare const useSuspensePaginator: <T extends ResourceObject>(args: Susp
     isFetchPreviousPageError: boolean;
     isFetchingPreviousPage: boolean;
 };
+export declare const throwResponseError: (error: unknown) => Promise<never>;
 export type RequestQueryKey = [
     SuspenseGetOptions['url'],
     SuspenseGetOptions['data'],

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

@@ -1 +1 @@
-{"version":3,"file":"use_suspense_api.d.ts","sourceRoot":"","sources":["../../src/hooks/use_suspense_api.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kCAAkC,EAClC,YAAY,EAGZ,uBAAuB,EACxB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,EAAE,UAAU,EAAe,MAAM,iBAAiB,CAAA;AAGzD,OAAO,EAAE,GAAG,EAAgB,MAAM,kBAAkB,CAAA;AAEpD,UAAU,kBAAmB,SAAQ,UAAU;IAC7C,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B;AAED,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,IAAI,IAAI,CACrF,uBAAuB,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,EACvD,UAAU,GAAG,SAAS,CACvB,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,EACxE,MAAM,kBAAkB,EACxB,UAAU,uBAAuB,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBrC,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,kCAAkC,EAClC,kBAAkB,GAAG,kBAAkB,GAAG,SAAS,GAAG,UAAU,CACjE,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,cAAc,EAC3D,MAAM,kBAAkB,EACxB,OAAO,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqChC,CAAA;AAUD,MAAM,MAAM,eAAe,GAAG;IAC5B,kBAAkB,CAAC,KAAK,CAAC;IACzB,kBAAkB,CAAC,MAAM,CAAC;IAC1B,kBAAkB,CAAC,SAAS,CAAC;IAC7B,kBAAkB,CAAC,KAAK,CAAC;IACzB,kBAAkB,CAAC,eAAe,CAAC;CACpC,CAAA;AACD,eAAO,MAAM,kBAAkB,GAAI,MAAM,kBAAkB,KAAG,eAM7D,CAAA"}
+{"version":3,"file":"use_suspense_api.d.ts","sourceRoot":"","sources":["../../src/hooks/use_suspense_api.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kCAAkC,EAClC,YAAY,EAGZ,uBAAuB,EACxB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,EAAE,UAAU,EAAe,MAAM,iBAAiB,CAAA;AAGzD,OAAO,EAAE,GAAG,EAAgB,MAAM,kBAAkB,CAAA;AAEpD,UAAU,kBAAmB,SAAQ,UAAU;IAC7C,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B;AAED,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,IAAI,IAAI,CACrF,uBAAuB,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,EACvD,UAAU,GAAG,SAAS,CACvB,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,EACxE,MAAM,kBAAkB,EACxB,UAAU,uBAAuB,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBrC,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,kCAAkC,EAClC,kBAAkB,GAAG,kBAAkB,GAAG,SAAS,GAAG,UAAU,CACjE,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,cAAc,EAC3D,MAAM,kBAAkB,EACxB,OAAO,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqChC,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,OAAO,OAAO,mBAMhD,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,kBAAkB,CAAC,KAAK,CAAC;IACzB,kBAAkB,CAAC,MAAM,CAAC;IAC1B,kBAAkB,CAAC,SAAS,CAAC;IAC7B,kBAAkB,CAAC,KAAK,CAAC;IACzB,kBAAkB,CAAC,eAAe,CAAC;CACpC,CAAA;AACD,eAAO,MAAM,kBAAkB,GAAI,MAAM,kBAAkB,KAAG,eAM7D,CAAA"}

package/build/hooks/use_suspense_api.js

@@ -44,7 +44,7 @@ export const useSuspensePaginator = (args, opts) => {
     const totalCount = query.data?.pages[0]?.meta?.totalCount || data.length;
     return { ...query, data, totalCount };
 };
-const throwResponseError = (error) => {
+export const throwResponseError = (error) => {
     if (error instanceof Response) {
         throw new ResponseError(error);
     }

package/build/hooks/use_suspense_api.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_suspense_api.js","sourceRoot":"","sources":["../../src/hooks/use_suspense_api.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AnyUseSuspenseInfiniteQueryOptions,\n  InfiniteData,\n  useSuspenseInfiniteQuery,\n  useSuspenseQuery,\n  UseSuspenseQueryOptions,\n} from '@tanstack/react-query'\nimport { ApiCollection, ApiResource, ResourceObject } from '../types'\nimport { FailedResponse } from '../types/api_primitives'\nimport { Log } from '../utils'\nimport { GetRequest, RequestData } from '../utils/client'\nimport { ResponseError } from '../utils/response_error'\nimport { getNextPageParamFromMeta } from './paginator_meta'\nimport { App, useApiClient } from './use_api_client'\n\ninterface SuspenseGetOptions extends GetRequest {\n  app?: App\n  reply_root_id?: string | null\n}\n\nexport type SuspenseGetQueryOptions<T extends ResourceObject | ResourceObject[]> = Omit<\n  UseSuspenseQueryOptions<ApiResource<T>, FailedResponse>,\n  'queryKey' | 'queryFn'\n>\n\nexport const useSuspenseGet = <T extends ResourceObject | ResourceObject[]>(\n  args: SuspenseGetOptions,\n  options?: SuspenseGetQueryOptions<T>\n) => {\n  type Resource = ApiResource<T>\n  const apiClient = useApiClient()\n\n  const { data, ...query } = useSuspenseQuery<Resource, FailedResponse>({\n    queryKey: getRequestQueryKey(args),\n    queryFn: ({ queryKey }) => {\n      const [url, d, headers, app = 'chat'] = queryKey as RequestQueryKey\n      return apiClient[app]\n        .get({ url, data: d, headers })\n        .catch(throwResponseError) as Promise<Resource>\n    },\n    ...options,\n  })\n\n  return { ...data, ...query }\n}\n\nexport type SuspensePaginatorOptions = Omit<\n  AnyUseSuspenseInfiniteQueryOptions,\n  'getNextPageParam' | 'initialPageParam' | 'queryFn' | 'queryKey'\n>\n\nexport const useSuspensePaginator = <T extends ResourceObject>(\n  args: SuspenseGetOptions,\n  opts?: SuspensePaginatorOptions\n) => {\n  const apiClient = useApiClient()\n  const query = useSuspenseInfiniteQuery<\n    ApiCollection<T>,\n    Response,\n    InfiniteData<ApiCollection<T>>,\n    any,\n    Partial<RequestData> | undefined\n  >({\n    queryKey: getRequestQueryKey(args),\n    queryFn: ({ pageParam }) => {\n      Log.info('useSuspenseGet', { pageParam })\n\n      const pageParmWhere = pageParam?.where || {}\n      const argsWhere = args.data.where || {}\n      const where = { ...argsWhere, ...pageParmWhere }\n      const app = args.app || 'chat'\n      const offset = pageParam?.offset || args.data.offset\n      const data = { ...args.data, where, offset }\n\n      return apiClient[app]\n        .get<ApiCollection<T>>({\n          url: args.url,\n          data,\n        })\n        .catch(throwResponseError)\n    },\n    initialPageParam: {} as Partial<RequestData>,\n    getNextPageParam: lastPage => getNextPageParamFromMeta(lastPage.meta?.next),\n    ...(opts || {}),\n  })\n\n  const data: T[] = query.data?.pages.flatMap(page => page.data) || []\n  const totalCount = query.data?.pages[0]?.meta?.totalCount || data.length\n\n  return { ...query, data, totalCount }\n}\n\nconst throwResponseError = (error: unknown) => {\n  if (error instanceof Response) {\n    throw new ResponseError(error as FailedResponse)\n  }\n\n  return Promise.reject(error)\n}\n\nexport type RequestQueryKey = [\n  SuspenseGetOptions['url'],\n  SuspenseGetOptions['data'],\n  SuspenseGetOptions['headers'],\n  SuspenseGetOptions['app'],\n  SuspenseGetOptions['reply_root_id'],\n]\nexport const getRequestQueryKey = (args: SuspenseGetOptions): RequestQueryKey => [\n  args.url,\n  args.data,\n  args.headers,\n  args.app || 'chat',\n  args.reply_root_id,\n]\n"]}
+{"version":3,"file":"use_suspense_api.js","sourceRoot":"","sources":["../../src/hooks/use_suspense_api.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AnyUseSuspenseInfiniteQueryOptions,\n  InfiniteData,\n  useSuspenseInfiniteQuery,\n  useSuspenseQuery,\n  UseSuspenseQueryOptions,\n} from '@tanstack/react-query'\nimport { ApiCollection, ApiResource, ResourceObject } from '../types'\nimport { FailedResponse } from '../types/api_primitives'\nimport { Log } from '../utils'\nimport { GetRequest, RequestData } from '../utils/client'\nimport { ResponseError } from '../utils/response_error'\nimport { getNextPageParamFromMeta } from './paginator_meta'\nimport { App, useApiClient } from './use_api_client'\n\ninterface SuspenseGetOptions extends GetRequest {\n  app?: App\n  reply_root_id?: string | null\n}\n\nexport type SuspenseGetQueryOptions<T extends ResourceObject | ResourceObject[]> = Omit<\n  UseSuspenseQueryOptions<ApiResource<T>, FailedResponse>,\n  'queryKey' | 'queryFn'\n>\n\nexport const useSuspenseGet = <T extends ResourceObject | ResourceObject[]>(\n  args: SuspenseGetOptions,\n  options?: SuspenseGetQueryOptions<T>\n) => {\n  type Resource = ApiResource<T>\n  const apiClient = useApiClient()\n\n  const { data, ...query } = useSuspenseQuery<Resource, FailedResponse>({\n    queryKey: getRequestQueryKey(args),\n    queryFn: ({ queryKey }) => {\n      const [url, d, headers, app = 'chat'] = queryKey as RequestQueryKey\n      return apiClient[app]\n        .get({ url, data: d, headers })\n        .catch(throwResponseError) as Promise<Resource>\n    },\n    ...options,\n  })\n\n  return { ...data, ...query }\n}\n\nexport type SuspensePaginatorOptions = Omit<\n  AnyUseSuspenseInfiniteQueryOptions,\n  'getNextPageParam' | 'initialPageParam' | 'queryFn' | 'queryKey'\n>\n\nexport const useSuspensePaginator = <T extends ResourceObject>(\n  args: SuspenseGetOptions,\n  opts?: SuspensePaginatorOptions\n) => {\n  const apiClient = useApiClient()\n  const query = useSuspenseInfiniteQuery<\n    ApiCollection<T>,\n    Response,\n    InfiniteData<ApiCollection<T>>,\n    any,\n    Partial<RequestData> | undefined\n  >({\n    queryKey: getRequestQueryKey(args),\n    queryFn: ({ pageParam }) => {\n      Log.info('useSuspenseGet', { pageParam })\n\n      const pageParmWhere = pageParam?.where || {}\n      const argsWhere = args.data.where || {}\n      const where = { ...argsWhere, ...pageParmWhere }\n      const app = args.app || 'chat'\n      const offset = pageParam?.offset || args.data.offset\n      const data = { ...args.data, where, offset }\n\n      return apiClient[app]\n        .get<ApiCollection<T>>({\n          url: args.url,\n          data,\n        })\n        .catch(throwResponseError)\n    },\n    initialPageParam: {} as Partial<RequestData>,\n    getNextPageParam: lastPage => getNextPageParamFromMeta(lastPage.meta?.next),\n    ...(opts || {}),\n  })\n\n  const data: T[] = query.data?.pages.flatMap(page => page.data) || []\n  const totalCount = query.data?.pages[0]?.meta?.totalCount || data.length\n\n  return { ...query, data, totalCount }\n}\n\nexport const throwResponseError = (error: unknown) => {\n  if (error instanceof Response) {\n    throw new ResponseError(error as FailedResponse)\n  }\n\n  return Promise.reject(error)\n}\n\nexport type RequestQueryKey = [\n  SuspenseGetOptions['url'],\n  SuspenseGetOptions['data'],\n  SuspenseGetOptions['headers'],\n  SuspenseGetOptions['app'],\n  SuspenseGetOptions['reply_root_id'],\n]\nexport const getRequestQueryKey = (args: SuspenseGetOptions): RequestQueryKey => [\n  args.url,\n  args.data,\n  args.headers,\n  args.app || 'chat',\n  args.reply_root_id,\n]\n"]}

package/build/screens/conversation_screen.d.ts

@@ -1,8 +1,6 @@
 import { HeaderTitleProps } from '@react-navigation/elements';
 import { StaticScreenProps } from '@react-navigation/native';
 import React from 'react';
-import { ReplyShadowMessage } from '../components/conversation/reply_shadow_message';
-import { MessageResource } from '../types';
 import { ConversationBadgeResource } from '../types/resources/conversation_badge';
 export type ConversationRouteProps = {
     conversation_id: number;
@@ -11,6 +9,7 @@ export type ConversationRouteProps = {
     chat_group_graph_id?: string;
     clear_input?: boolean;
     editing_message_id?: number | null;
+    message_id?: string;
     title?: string;
     subtitle?: string;
     badge?: ConversationBadgeResource;
@@ -19,23 +18,6 @@ export type ConversationRouteProps = {
 };
 export type ConversationScreenProps = StaticScreenProps<ConversationRouteProps>;
 export declare function ConversationScreen({ route }: ConversationScreenProps): React.JSX.Element;
-export type DateSeparator = {
-    type: 'DateSeparator';
-    id: string;
-    date: string;
-};
-type ReplyShadowMessage = {
-    type: 'ReplyShadowMessage';
-    id: string;
-    messageId: string;
-    isReplyShadowMessage: boolean;
-    nextRendersAuthor: boolean;
-};
-interface GroupMessagesProps {
-    ms: MessageResource[];
-    inReplyScreen?: boolean;
-}
-export declare const groupMessages: ({ ms, inReplyScreen }: GroupMessagesProps) => (MessageResource | DateSeparator | ReplyShadowMessage)[];
 interface ConversationScreenTitleProps extends HeaderTitleProps {
     conversation_id: number;
     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":"AACA,OAAO,EAAe,gBAAgB,EAAqB,MAAM,4BAA4B,CAAA;AAC7F,OAAO,EAGL,iBAAiB,EAIlB,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAmD,MAAM,OAAO,CAAA;AAYvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAA;AAgBpF,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAA;AAMjF,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,qBAkBpE;AAiKD,MAAM,MAAM,aAAa,GAAG;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAwC/E,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,oBAAoB,CAAA;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,MAAM,CAAA;IACjB,oBAAoB,EAAE,OAAO,CAAA;IAC7B,iBAAiB,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,UAAU,kBAAkB;IAC1B,EAAE,EAAE,eAAe,EAAE,CAAA;IACrB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,aAAa,GAAI,uBAAuB,kBAAkB,6DA8GtE,CAAA;AACD,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,sBAoC9B,CAAA"}
+{"version":3,"file":"conversation_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_screen.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,gBAAgB,EAAqB,MAAM,4BAA4B,CAAA;AAC7F,OAAO,EAGL,iBAAiB,EAIlB,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAmD,MAAM,OAAO,CAAA;AA6BvE,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAA;AAMjF,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,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,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,qBA0BpE;AAuMD,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,sBAoC9B,CAAA"}

package/build/screens/conversation_screen.js

@@ -21,20 +21,26 @@ import { useConversation } from '../hooks/use_conversation';
 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 { useFeatures } from '../hooks/use_features';
 import { useMarkLatestMessageRead } from '../hooks/use_mark_latest_message_read';
 import { normalizeAnalyticsMetadata, usePublishProductAnalyticsEvent, } from '../hooks/use_product_analytics';
 import { getRelativeDateStatus } from '../utils/date';
-import dayjs from '../utils/dayjs';
+import { groupMessages } from '../utils/group_messages';
 import { CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL } from '../utils/styles';
 import { isSystemMessage } from '../utils/system_messages';
 export function ConversationScreen({ route }) {
-    const { conversation_id, reply_root_id } = route.params;
+    const { conversation_id, message_id, reply_root_id } = route.params;
     const { data: conversation } = useConversation({ conversation_id });
+    const { featureEnabled } = useFeatures();
     usePublishProductAnalyticsEvent('chat.mobile.conversations.show.opened', {
         reply_root_id,
         ...normalizeAnalyticsMetadata(conversation),
     });
-    return (<ConversationContextProvider conversationId={conversation_id} currentPageReplyRootId={reply_root_id ?? null}>
+    const lastReadMessageSortKey = conversation.conversationMembership?.lastReadMessageSortKey ?? null;
+    const jumpToUnreadAnchor = featureEnabled('jump_to_unread') ? lastReadMessageSortKey : null;
+    const initialMessageId = message_id ?? jumpToUnreadAnchor;
+    const initialMessageIdIsAnchor = !!initialMessageId && !message_id;
+    return (<ConversationContextProvider conversationId={conversation_id} currentPageReplyRootId={reply_root_id ?? null} initialMessageId={initialMessageId} initialMessageIdIsAnchor={initialMessageIdIsAnchor}>
       <ConversationScreenContent route={route}/>
     </ConversationContextProvider>);
 }
@@ -43,7 +49,7 @@ function ConversationScreenContent({ route }) {
     const navigation = useNavigation();
     const { conversation_id, editing_message_id, reply_root_id, reply_root_author_name } = route.params;
     const { data: conversation } = useConversation(route.params);
-    const { messages, refetch, isRefetching, fetchNextPage } = useConversationMessages({
+    const { messages, refetch, isRefetching, fetchOlderMessages } = useConversationMessages({
         conversation_id,
         reply_root_id,
     });
@@ -117,7 +123,7 @@ function ConversationScreenContent({ route }) {
                     return <SystemMessage message={item} conversationId={conversation_id}/>;
                 }
                 return (<Message {...item} canDeleteNonAuthoredMessages={canDeleteNonAuthoredMessages} conversation_id={conversation_id} latestReadMessageSortKey={conversation?.latestReadMessageSortKey} inReplyScreen={!!reply_root_id}/>);
-            }} onEndReached={() => fetchNextPage()} ListHeaderComponent={<View style={styles.listHeader}/>}/>)}
+            }} onEndReached={() => fetchOlderMessages()} ListHeaderComponent={<View style={styles.listHeader}/>}/>)}
         <JumpToBottomButton onPress={handleReturnToBottom} visible={showJumpToBottomButton}/>
         {!noMessages && <TypingIndicator />}
         {showLeaderDisabledReplyBanner && <LeaderMessagesDisabledBanner />}
@@ -168,101 +174,6 @@ const useDateSeparatorStyles = () => {
         },
     });
 };
-export const groupMessages = ({ ms, inReplyScreen }) => {
-    let enrichedMessages = [];
-    let encounteredOneOfMyMessages = false;
-    ms.forEach((message, i) => {
-        const prevMessage = ms[i + 1];
-        const nextMessage = ms[i - 1];
-        const date = dayjs(message.createdAt).format('YYYY-MM-DD');
-        const prevMessageIsDateSeparator = prevMessage && date !== dayjs(prevMessage.createdAt).format('YYYY-MM-DD');
-        if (isSystemMessage(message)) {
-            message.myLatestInConversation = false;
-            message.lastInGroup = true;
-            message.renderAuthor = false;
-            message.nextRendersAuthor = nextMessage?.renderAuthor;
-            message.isReplyShadowMessage = false;
-            message.nextIsReplyShadowMessage = false;
-            message.threadPosition = null;
-            enrichedMessages.push(message);
-            if (prevMessageIsDateSeparator) {
-                enrichedMessages.push({ type: 'DateSeparator', id: `day-divider-${message.id}`, date });
-            }
-            return;
-        }
-        const inThread = message.replyRootId !== null;
-        const nextMessageInThread = nextMessage?.replyRootId !== null;
-        const threadRoot = message.replyRootId === message.id;
-        const nextMessageThreadRoot = nextMessage?.replyRootId === nextMessage?.id;
-        const prevMessageDifferentThread = message.replyRootId !== prevMessage?.replyRootId;
-        const nextMessageDifferentThread = message.replyRootId !== nextMessage?.replyRootId;
-        const prevMessageDifferentAuthor = message.author?.id !== prevMessage?.author?.id;
-        const nextMessageDifferentAuthor = message.author?.id !== nextMessage?.author?.id;
-        const prevMessageMoreThan5Minutes = prevMessage &&
-            new Date(message.createdAt).getTime() - new Date(prevMessage.createdAt).getTime() > 60000 * 5;
-        const nextMessageMoreThan5Minutes = nextMessage &&
-            new Date(nextMessage.createdAt).getTime() - new Date(message.createdAt).getTime() > 60000 * 5;
-        const nextMessageIsDateSeparator = nextMessage && date !== dayjs(nextMessage.createdAt).format('YYYY-MM-DD');
-        const insertReplyShadowMessage = message.replyRootId &&
-            !threadRoot &&
-            (prevMessageDifferentThread || prevMessageIsDateSeparator);
-        const lastInGroup = !nextMessage ||
-            nextMessageDifferentAuthor ||
-            nextMessageMoreThan5Minutes ||
-            nextMessageDifferentThread ||
-            nextMessageIsDateSeparator;
-        const renderAuthor = !message.mine &&
-            (!prevMessage ||
-                prevMessageDifferentAuthor ||
-                prevMessageMoreThan5Minutes ||
-                prevMessageDifferentThread ||
-                prevMessageIsDateSeparator);
-        const nextIsReplyShadowMessage = nextMessageInThread &&
-            !nextMessageThreadRoot &&
-            (nextMessageDifferentThread || nextMessageIsDateSeparator);
-        if (message.mine && !encounteredOneOfMyMessages) {
-            encounteredOneOfMyMessages = true;
-            message.myLatestInConversation = true;
-        }
-        else {
-            message.myLatestInConversation = false;
-        }
-        message.lastInGroup = lastInGroup;
-        message.renderAuthor = renderAuthor;
-        message.threadPosition = null;
-        message.nextRendersAuthor = nextMessage?.renderAuthor;
-        message.isReplyShadowMessage = false;
-        message.nextIsReplyShadowMessage = nextIsReplyShadowMessage;
-        if (!inReplyScreen && inThread) {
-            message.prevIsMyReply = prevMessage?.mine;
-            message.nextIsMyReply = nextMessage?.mine;
-            const firstInThread = threadRoot;
-            const lastInThread = nextMessageDifferentThread || nextMessageIsDateSeparator;
-            if (firstInThread && lastInThread)
-                message.threadPosition = null; // ensures we don't render a connector for root replies that aren't immediately followed up a reply
-            else if (firstInThread)
-                message.threadPosition = 'first';
-            else if (lastInThread)
-                message.threadPosition = 'last';
-            else
-                message.threadPosition = 'center';
-        }
-        enrichedMessages.push(message);
-        if (insertReplyShadowMessage) {
-            enrichedMessages.push({
-                type: 'ReplyShadowMessage',
-                id: `${message.id}-${message.replyRootId}`,
-                messageId: message.replyRootId,
-                isReplyShadowMessage: true,
-                nextRendersAuthor: message?.renderAuthor,
-            });
-        }
-        if (!prevMessage || date !== dayjs(prevMessage.createdAt).format('YYYY-MM-DD')) {
-            enrichedMessages.push({ type: 'DateSeparator', id: `day-divider-${message.id}`, date });
-        }
-    });
-    return enrichedMessages;
-};
 export const ConversationScreenTitle = ({ conversation_id, badge, children, style, deleted, muted, }) => {
     const styles = usePressableHeaderStyle();
     const navigation = useNavigation();