@kesha-antonov/react-native-chat 5.0.0 → 6.0.0

package/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.js","names":["React","useCallback","useEffect","useRef","useState","renderComponentOrElement","component","props","isValidElement","cloneElement","isClassComponent","prototype","isReactComponent","createElement","isSameDay","currentMessage","diffMessage","createdAt","current","localDayKey","Number","isNaN","value","NaN","date","Date","time","getTime","getFullYear","getMonth","getDate","isSameUser","user","_id","GROUP_MAX_GAP_MS","toTime","isSameGroup","system","gap","Math","abs","isFinite","processCallbackArguments","args","e","rest","nativeEvent","params","push","concat","areDepsEqual","a","b","length","i","Object","is","useDepsVersion","deps","prevDeps","setPrevDeps","version","setVersion","useCallbackDebounced","callbackFunc","t0","$","_c","t1","undefined","timeoutId","depsVersion","t2","t3","clearTimeout","setTimeout","savedFunc","t4","Symbol","for","useCallbackThrottled","lastExecution","now","timeSinceLastExecution"],"sources":["../src/utils.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { IMessage } from './Models'\n\nexport function renderComponentOrElement<TProps extends Record<string, any>>(\n  component: React.ComponentType<TProps> | React.ReactElement | ((props: TProps) => React.ReactNode) | null | undefined,\n  props: TProps\n): React.ReactNode {\n  if (!component)\n    return null\n\n  if (React.isValidElement(component))\n    // If it's already a React element, clone it with props\n    return React.cloneElement(component, props as any)\n\n  if (typeof component === 'function') {\n    // Check if it's a class component (has prototype.isReactComponent)\n    // Class components must use React.createElement\n    const isClassComponent = component.prototype && component.prototype.isReactComponent\n\n    if (isClassComponent)\n      return React.createElement(component as React.ComponentType<TProps>, props as any)\n\n    // For function components and render functions, call directly\n    // Using createElement with inline arrow functions causes unmount/remount\n    // when function reference changes, this matches v2.x behavior\n    return (component as (props: TProps) => React.ReactNode)(props)\n  }\n\n  // Check for React.memo or React.forwardRef wrapped components\n  // These have $$typeof property and should be rendered with createElement\n  if (typeof component === 'object' && component !== null && '$$typeof' in component)\n    return React.createElement(component as React.ComponentType<TProps>, props as any)\n\n  // If it's neither, return it as-is\n  return component\n}\n\nexport function isSameDay (\n  currentMessage: IMessage,\n  diffMessage: IMessage | null | undefined\n) {\n  if (!diffMessage || !diffMessage.createdAt)\n    return false\n\n  const current = localDayKey(currentMessage.createdAt)\n  return !Number.isNaN(current) && current === localDayKey(diffMessage.createdAt)\n}\n\n/**\n * The local calendar day of a timestamp as one number (20261102), NaN when it is not a date.\n * Grouping and the date separators compare neighbours' days for every message on each change\n * to the list (a send, a status tick, every frame of a streamed reply); two dayjs objects and\n * an `isSame('day')` per comparison made that the costliest part of a list update.\n */\nexport function localDayKey (value: Date | number | string | undefined) {\n  if (value == null)\n    return NaN\n  const date = value instanceof Date ? value : new Date(value)\n  const time = date.getTime()\n  if (Number.isNaN(time))\n    return NaN\n  return date.getFullYear() * 10000 + date.getMonth() * 100 + date.getDate()\n}\n\nexport function isSameUser (\n  currentMessage: IMessage,\n  diffMessage: IMessage | null | undefined\n) {\n  return !!(\n    diffMessage &&\n    diffMessage.user &&\n    currentMessage.user &&\n    diffMessage.user._id === currentMessage.user._id\n  )\n}\n\n/** Bubbles sent within five minutes of each other are grouped into one run. */\nexport const GROUP_MAX_GAP_MS = 5 * 60 * 1000\n\nconst toTime = (value: Date | number | undefined) => {\n  if (value == null)\n    return NaN\n\n  return typeof value === 'number' ? value : new Date(value).getTime()\n}\n\n/**\n * Whether two adjacent messages belong to one run of bubbles: the same sender, the same day,\n * at most five minutes apart, and neither a system message. A run shares one tail, one\n * avatar and one sender name, with 2pt between its bubbles instead of 6.\n */\nexport function isSameGroup (\n  currentMessage: IMessage | null | undefined,\n  diffMessage: IMessage | null | undefined\n) {\n  if (!currentMessage || !diffMessage)\n    return false\n\n  if (currentMessage.system || diffMessage.system)\n    return false\n\n  if (!isSameUser(currentMessage, diffMessage) || !isSameDay(currentMessage, diffMessage))\n    return false\n\n  const gap = Math.abs(toTime(currentMessage.createdAt) - toTime(diffMessage.createdAt))\n  return Number.isFinite(gap) && gap <= GROUP_MAX_GAP_MS\n}\n\nfunction processCallbackArguments (args: unknown[]): unknown[] {\n  const [e, ...rest] = args\n  const { nativeEvent } = (e as { nativeEvent?: unknown }) || {}\n  let params: unknown[] = []\n  if (e) {\n    if (nativeEvent)\n      params.push({ nativeEvent })\n    else\n      params.push(e)\n    if (rest)\n      params = params.concat(rest)\n  }\n\n  return params\n}\n\nfunction areDepsEqual (a: React.DependencyList, b: React.DependencyList): boolean {\n  if (a.length !== b.length)\n    return false\n  for (let i = 0; i < a.length; i++)\n    if (!Object.is(a[i], b[i]))\n      return false\n  return true\n}\n\n/**\n * A number that changes whenever `deps` changes (compared like React compares a dependency\n * list). The hooks below take a caller-owned `deps` list, which cannot be spread into a\n * memo's dependency array without making React Compiler skip the whole hook; folding it into\n * one value keeps the array a literal.\n */\nfunction useDepsVersion (deps: React.DependencyList): number {\n  const [prevDeps, setPrevDeps] = useState(deps)\n  const [version, setVersion] = useState(0)\n  if (!areDepsEqual(prevDeps, deps)) {\n    setPrevDeps(deps)\n    setVersion(version + 1)\n    return version + 1\n  }\n  return version\n}\n\nexport function useCallbackDebounced<T extends (...args: any[]) => any>(callbackFunc: T, deps: React.DependencyList = [], time: number): (...args: Parameters<T>) => void {\n  const timeoutId = useRef<ReturnType<typeof setTimeout>>(undefined)\n  const depsVersion = useDepsVersion(deps)\n\n  const savedFunc = useCallback((...args: Parameters<T>) => {\n    // Referenced so the callback's identity follows the caller's `deps`, as before.\n    void depsVersion\n    const params = processCallbackArguments(args)\n    if (timeoutId.current)\n      clearTimeout(timeoutId.current)\n    timeoutId.current = setTimeout(() => {\n      callbackFunc(...params as Parameters<T>)\n    }, time)\n  }, [callbackFunc, time, depsVersion])\n\n  useEffect(() => {\n    return () => {\n      if (timeoutId.current)\n        clearTimeout(timeoutId.current)\n    }\n  }, [])\n\n  return savedFunc\n}\n\nexport function useCallbackThrottled<T extends (...args: any[]) => any>(callbackFunc: T, deps: React.DependencyList = [], time: number): (...args: Parameters<T>) => void {\n  const lastExecution = useRef<number>(0)\n  const timeoutId = useRef<ReturnType<typeof setTimeout>>(undefined)\n  const depsVersion = useDepsVersion(deps)\n\n  const savedFunc = useCallback((...args: Parameters<T>) => {\n    // Referenced so the callback's identity follows the caller's `deps`, as before.\n    void depsVersion\n    const params = processCallbackArguments(args)\n\n    const now = Date.now()\n    const timeSinceLastExecution = now - lastExecution.current\n\n    if (timeSinceLastExecution >= time) {\n      // Execute immediately if enough time has passed\n      lastExecution.current = now\n      callbackFunc(...params as Parameters<T>)\n    } else {\n      // Schedule execution for the remaining time\n      clearTimeout(timeoutId.current)\n      timeoutId.current = setTimeout(() => {\n        lastExecution.current = Date.now()\n        callbackFunc(...params as Parameters<T>)\n      }, time - timeSinceLastExecution)\n    }\n  }, [callbackFunc, time, depsVersion])\n\n  useEffect(() => {\n    return () => {\n      clearTimeout(timeoutId.current)\n    }\n  }, [])\n\n  return savedFunc\n}\n"],"mappings":"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","ignoreList":[]}

package/llms.txt

@@ -1,9 +1,11 @@
 # @kesha-antonov/react-native-chat
 
 > Chat UI for React Native, Expo and Web. A maintained continuation of
-> `react-native-gifted-chat` with the same `IMessage` model and prop names, plus dark mode
-> and theming, streaming (AI) messages, emoji reactions, swipe-to-reply, and inline
-> video/audio/location messages. TypeScript-first; no native code of its own.
+> `react-native-gifted-chat` with the same `IMessage` model and prop names. `<Chat messages
+> onSend user />` alone gives a Telegram-style messenger: long-press menu, reactions, reply,
+> emoji keyboard, attachment menu, voice and round video notes, photo viewer, multi-select,
+> streaming (AI) replies, dark mode and theming. Also ships `ChatList`. TypeScript-first; no
+> native code of its own. Compiled with the React Compiler.
 
 This file is a condensed integration guide for AI agents. Full docs: [README](https://github.com/kesha-antonov/react-native-chat#readme).
 
@@ -15,11 +17,17 @@ Required peers - all four must be installed and configured:
 npx expo install @kesha-antonov/react-native-chat react-native-reanimated react-native-gesture-handler react-native-safe-area-context react-native-keyboard-controller
 ```
 
-Bare React Native: use `yarn add` / `npm install --save` with the same list, then
-`npx pod-install`, then add Reanimated's Babel plugin to `babel.config.js`
-(`plugins: ['react-native-worklets/plugin']` for Reanimated 4, `'react-native-reanimated/plugin'` for 3).
+Bare React Native: use `yarn add` / `npm install --save` with the same list (plus
+`react-native-worklets` on Reanimated 4), then `npx pod-install`, then add Reanimated's Babel plugin
+to `babel.config.js` (`plugins: ['react-native-worklets/plugin']` for Reanimated 4,
+`'react-native-reanimated/plugin'` for 3), then rebuild the native app and restart Metro with `--reset-cache`.
 
-Requires React Native >= 0.70, iOS >= 13.4, Android API 21+, Expo SDK 50+.
+"Cannot read property 'Chat' of undefined" at the import means a dependency threw while loading -
+read the first error in the log; it is usually a native peer installed without rebuilding the app,
+or (in Expo) installed with `npm install` instead of `npx expo install`.
+
+Requires React Native >= 0.82, React 19, `react-native-gesture-handler` >= 3, iOS >= 15.1, Android API 24+,
+Expo SDK 55+ (the example app runs SDK 58 / React Native 0.88).
 
 ## Minimal working example
 
@@ -56,51 +64,105 @@ interface IMessage {
   text: string
   createdAt: Date | number
   user: { _id: string | number, name?: string, avatar?: string | number | (() => React.ReactNode) }
-  image?: string
+  image?: string            // tap opens the viewer, which pages through every photo in the chat
   video?: string
-  audio?: string
+  videoNote?: boolean       // with `video`: a round video note
+  audio?: string            // voice note
+  duration?: number         // seconds, for voice / round notes
+  waveform?: number[]       // server waveform for a voice note (0..1 or 0..31)
+  isMediaUnread?: boolean   // unplayed dot on a voice / round note
+  isViewOnce?: boolean
+  transcription?: string
+  transfer?: { type: 'upload' | 'download', progress?: number, totalBytes?: number } // progress ring + cancel
+  isDownloadRequired?: boolean // download arrow (`mediaTransfer.onDownload`)
   system?: boolean          // renders as a centered system notice
+  isPinned?: boolean
   sent?: boolean            // ✓
   received?: boolean        // ✓✓
   pending?: boolean         // 🕓
+  isFailed?: boolean        // red error badge
+  editedAt?: Date | number  // "edited 14:05" (or isEdited: true)
   streaming?: boolean       // shows a typing caret while tokens arrive
   quickReplies?: { type: 'radio' | 'checkbox', values: { title: string, value: string }[], keepIt?: boolean }
   replyMessage?: { _id: string | number, text: string, user: User, image?: string, audio?: string }
   reactions?: { emoji: string, userIds: (string | number)[] }[]
   location?: { latitude: number, longitude: number }
+  file?: { uri: string, name: string, size?: number, mimeType?: string } // document bubble
+  linkPreview?: { url?, siteName?, title?, description?, image?, … } | null
 }
 ```
 
 Messages are newest-first by default (`isInverted` defaults to `true`). `Chat.append(previous, newMessages)`
-prepends correctly for that ordering.
+prepends correctly for that ordering. The list itself (Legend List) renders oldest first, so list
+indexes count from the oldest message; scroll to a message with `scrollToKey({ key: String(_id) })`.
+
+Status is app-owned: send a message with `pending: true`, then set `sent`, then `received` as your
+backend confirms. Voice notes, files and media show the same clock / ✓ / ✓✓.
 
 ## Props you will reach for first
 
 - `messages`, `user`, `onSend` - required
-- `text` + `textInputProps.onChangeText` - only if you control the composer text externally
-- `theme` / `darkTheme` - deep-merged token overrides (`colors`, `radii`, `spacing`, `typography`, …)
+- `text` + `textInputProps.onChangeText` - only if you control the composer text externally (the built-in emoji keyboard inserts either way)
+- `initialText` + `onDraftChange` - restore and save the unsent draft per chat
+- `theme` / `darkTheme` - deep-merged token overrides (`colors`, `radii`, `spacing`, `typography`, `bubble`, `wallpaper`, `nameColors`, …). The default look is a modern messenger style: swirl wallpaper, tails, the time on the last line; `wallpaper: { isEnabled: false }`, `bubble: { hasTail: false, isTimeInline: false }` turn those off
+- `renderWallpaper` - replace the background (`null` = plain `colors.background`)
 - `colorScheme` - `'light' | 'dark'` to force a scheme; omit to follow the system
 - `locale` + `labels` - 15 built-in translations (es, fr, de, ru, zh, ar, pt, ja, ko, it, tr, hi, nl, pl, id; English is the default, `pt-BR` falls back to `pt`) and per-string overrides
 - `renderBubble`, `renderMessageText`, `renderAvatar`, `renderInputToolbar`, … - override any component
 - `isTyping` - typing indicator
 - `loadEarlierMessagesProps` - `{ isAvailable, onPress, isLoading, isInfiniteScrollEnabled }`
-- `isScrollToBottomEnabled`, `listProps`, `isFlashListEnabled`
+- `isScrollToBottomEnabled` (default on, with an unread badge), `listProps` (props for the underlying [Legend List](https://legendapp.com/open-source/list/), which renders oldest first)
+- `onEditMessage`, `onDeleteMessage`, `onForwardMessage`, `onPinMessage` - add Edit / Delete / Forward / Pin to the long-press menu
+- `isGroupChat` (auto), `isAvatarVisible`, `isUsernameVisible` - avatars and names show in group chats only by default
+- `firstUnreadMessageId` - opens on an "Unread Messages" bar
+- `isLoading` - a spinner over an empty chat while history loads
+- `mediaTransfer={{ onCancel, onDownload }}` - handlers for `transfer` / `isDownloadRequired`
+
+## On by default
+
+- Long-press menu: Reply, Copy (needs `expo-clipboard` or `@react-native-clipboard/clipboard`), then
+  Forward / Pin / Edit / Delete when their callbacks are passed. Extend with
+  `messageActions={(message, defaults) => [...defaults, mine]}`; `defaultMessageActions={false}` turns them off.
+- Swipe left to reply (`reply={{ swipe: { isEnabled: false } }}` to turn off); tapping a quote jumps
+  to the original and highlights it.
+- Scroll-to-bottom button with an unread badge.
+- Emoji keyboard behind the composer's emoji button (tabs, search, recents, skin tones), in the
+  system keyboard's place. `emojiKeyboard={false}` hides it; `emojiKeyboard={{ columns, categories,
+  recents, isSearchEnabled, renderEmojiKeyboard }}` configures it; `onPressEmoji` replaces it.
+- Attachment menu behind the paperclip: photo grid with numbered picks + caption (`expo-media-library`),
+  system photo picker / camera (`expo-image-picker`), File (`expo-document-picker`), Location
+  (`expo-location`) - each tab only when its peer is installed. Picks arrive in `onSend` as `image`,
+  `video`, `file` or `location` messages. `attachments={{ tabs, onPick, renderAttachmentMenu }}`
+  configures it (`onPick` can upload first and return the messages to send); `attachments={false}`
+  hides it; `actions` / `onPressActionButton` / `renderActions` replace it. iOS needs the usage strings
+  (`NSPhotoLibraryUsageDescription`, `NSCameraUsageDescription`, `NSLocationWhenInUseUsageDescription`);
+  in Expo, list the packages' config plugins.
+- The reactions bar's chevron opens the built-in emoji grid (`reactions.renderExpandedPicker: null` drops it).
+- `getChatCapabilities()` tells which optional features the installed peers allow.
 
 ## Optional features and the peers they need
 
-Each is inert until you install its peer and turn it on - nothing is forced on the user.
+Each is inert until you install its peer; most then turn on by themselves, and every one can be turned off.
 
 | Feature | Enable with | Extra peer dependency |
 | --- | --- | --- |
 | Inline video playback | `IMessage.video` | `expo-video` |
 | Inline audio playback | `IMessage.audio` | `expo-audio` |
-| Voice notes (hold to record) | `audioRecording={{ isEnabled: true }}` | `expo-audio`, plus `react-native-audio-api` for the waveform |
-| Video messages (camera notes) | `videoRecording={{ isEnabled: true }}` | `react-native-vision-camera`, or `expo-image-picker` |
+| Voice notes (hold to record) | on once the peer is installed; `audioRecording={false}` turns off | `expo-audio`, plus `react-native-audio-api` for the waveform |
+| Video messages (camera notes) | on once vision-camera is installed; `videoRecording={false}` turns off, `{ isEnabled: true }` adds the system-camera fallback | `react-native-vision-camera` 5+ (with `react-native-nitro-modules` + `react-native-nitro-image`), or `expo-image-picker` |
+| Note speed / auto-play / unread | `mediaPlayback={{ playbackRate, onPlaybackRateChange, onMediaRead }}`, `IMessage.isMediaUnread` (auto-play next and the "now playing" bar are on by default, `isNowPlayingBarEnabled: false` hides the bar; silent round-note loops are opt-in with `isRoundVideoAutoplayEnabled: true`) | none |
+| Recording haptics | install `expo-haptics` | `expo-haptics` |
+| Resume / trim a paused voice take | on with `audioRecording` | `react-native-audio-api` to resume, plus `expo-file-system` to trim (a trimmed take is sent as WAV) |
 | Location messages | `IMessage.location` | none |
-| Emoji reactions | `reactions={{ isEnabled: true, onReactionPress }}` | none |
-| Long-press action menu | `messageActions={[{ label, onPress }]}` | none |
+| Link previews | `IMessage.linkPreview`, or `fetchLinkPreview(url)` | none |
+| Unread bar | `firstUnreadMessageId` | none |
+| Multi-select | "Select" in the long-press menu; `onSelectionChange`, `onDeleteMessage(s)`, `onForwardMessage(s)` | `expo-clipboard` for Copy |
+| Emoji reactions | `reactions={{ onReactionPress }}` (+ `Chat.toggleReaction`) | none |
+| Long-press action menu | on by default; `messageActions` to extend or replace | `expo-clipboard` for Copy |
+| Emoji recents across launches | on with the emoji keyboard | `@react-native-async-storage/async-storage` |
+| Attachment menu tabs | on by default | `expo-media-library` / `expo-image-picker`, `expo-document-picker`, `expo-location` |
+| File messages | `IMessage.file` | none; `expo-sharing` opens them in the share sheet |
 | Rich markdown for AI replies | `messageTextProps={{ markdown: true }}` | none (built-in), `react-native-streamdown` upgrades it |
-| Recycling list for huge histories | `isFlashListEnabled` | `@shopify/flash-list` |
 | Custom icons | `icons={{ send: … }}` | `react-native-svg` for the built-in Lucide glyphs |
 
 ## Streaming (AI) replies
@@ -108,7 +170,7 @@ Each is inert until you install its peer and turn it on - nothing is forced on t
 ```tsx
 import { Chat, IMessage, useStreamingMessages } from '@kesha-antonov/react-native-chat'
 
-const { messages, append, startStream, isStreaming, stop } = useStreamingMessages<IMessage>()
+const { messages, append, startStream, isStreaming, stop } = useStreamingMessages<IMessage>({ initialMessages })
 
 const onSend = useCallback((newMessages: IMessage[] = []) => {
   append(newMessages[0])
@@ -123,23 +185,55 @@ const onSend = useCallback((newMessages: IMessage[] = []) => {
 ```
 
 Tokens are batched with `requestAnimationFrame`, and only the streaming bubble re-renders.
-The send button becomes a Stop control while `isStreaming`.
+For a Stop button, swap the send button while streaming:
+`renderSend={props => isStreaming ? <MyStopButton onPress={stop} /> : <Send {...props} />}`
+(wrap it in `useCallback`). `messageTextProps={{ markdown: true }}` renders the reply as markdown.
 
 ## Emoji reactions
 
-Reaction state is owned by the app, so it works with any backend. `onReactionPress` fires for
-both the picker and a pill tap; you implement the toggle:
+Reaction state is owned by the app, so it works with any backend. Passing `onReactionPress` turns
+reactions on; it fires for both the picker and a pill tap, and `Chat.toggleReaction` applies it:
 
 ```tsx
 <Chat
   reactions={{
-    isEnabled: true,
-    onReactionPress: (message, emoji) => toggleReaction(message._id, emoji),
+    onReactionPress: (message, emoji) =>
+      setMessages(prev => Chat.toggleReaction(prev, message._id, emoji, user._id)),
   }}
   {...props}
 />
 ```
 
+A person can hold up to three reactions on a message (the oldest is replaced past that); pass
+`{ maxPerUser: 1 }` as the fifth argument for one each. Pills show who reacted (`reactions.getUser`).
+
+For a quick prototype, `const { chatProps } = useChatMessages({ initialMessages, user })` then
+`<Chat {...chatProps} />` wires sending, reactions, editing and deleting to local state.
+
+## Chat list
+
+`ChatList` draws the list of chats (header with search, selection actions, archive folder,
+swipe to archive, draggable pinned chats, unread counters, typing, drafts, loading placeholder).
+Map your conversations to `ChatListItem` and pass a callback per action you support:
+
+```tsx
+<ChatList
+  chats={chats}            // ChatListItem[]: { id, title, avatar?, kind?, lastMessage?, unreadCount?,
+                           //   isPinned?, isMuted?, isArchived?, isOnline?, typingUsers?, typingAction?, draft? }
+  user={me}
+  onPressChat={chat => openChat(chat.id)}
+  onArchiveChats={(selected, isArchived) => api.archive(selected, isArchived)}
+  onReorderPinnedChats={ids => api.setPinnedOrder(ids)}
+/>
+```
+
+Also `onPinChats`, `onMuteChats`, `onDeleteChats`, `onPressNewChat`, `onSearchChange`, and a
+controlled archive folder (`isArchiveOpen` + `onArchiveOpenChange`). `TypingStatus` draws "Anna is
+typing…" (or recording, sending media) for a header or row.
+
+`useChatList(initialChats)` returns `{ chats, setChats, handlers, upsertChat, updateChat, receiveMessage,
+markRead }` for local state: `<ChatList chats={list.chats} {...list.handlers} />`.
+
 ## Coming from react-native-gifted-chat
 
 Same props, same `IMessage`. Swap the package and rename: `GiftedChat` → `Chat`,
@@ -149,18 +243,26 @@ Same props, same `IMessage`. Swap the package and rename: `GiftedChat` → `Chat
 
 ## Common mistakes
 
-- **Unstable render props.** Each row is `React.memo`'d with a comparator that
-  reference-compares every prop except the message. An inline `renderBubble={props => …}` or
-  `reactions={{ … }}` re-renders every row on every parent render - wrap them in `useCallback` /
-  `useMemo`.
-- **Mutating messages in place.** The comparator detects updates by value, so always build new
-  arrays and objects.
+- **Unstable render functions.** Rows share their props through a context kept stable between
+  renders: inline handlers (`onPressMessage={() => …}`) and inline style/config objects are free,
+  but a new render function (`renderBubble={props => …}`) re-renders every row - wrap render
+  functions in `useCallback`.
+- **Drawing a date in `renderMessage`.** The list draws the day separator around each row; a
+  custom `renderMessage` that renders its own `<Day>` prints a date above every message.
+- **Mutating messages in place.** Each row subscribes to its own message and notices a change
+  when the message object is replaced, so always build new arrays and objects.
+- **Drawing a neighbour's content.** `previousMessage` / `nextMessage` are kept current only for
+  grouping (sender, day, time apart); a row does not re-render when a neighbour's text or status
+  changes.
 - **Setting `keyboardVerticalOffset` by hand.** Chat measures its own position on screen; a
   manual value replaces the measured one and usually leaves the toolbar floating. Pass one only
   to add deliberate extra space.
 - **Nesting a second `GestureHandlerRootView`.** If the app already mounts one (directly or via
   a bottom-sheet library), set `enableGestureHandlerRootView={false}` - it cannot be
   auto-detected. An existing `KeyboardProvider` *is* detected and reused automatically.
+- **Setting `FlatList` props.** The list is Legend List: `listProps` takes its props, and
+  `inverted`, `windowSize` or `initialNumToRender` do nothing. `messagesContainerRef` is a
+  `LegendListRef`.
 - **Expecting `actionSheet()` to work out of the box.** The bundled
   `@expo/react-native-action-sheet` dependency was removed; prefer `messageActions`, or supply
   your own `actionSheet` implementation.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kesha-antonov/react-native-chat",
-  "version": "5.0.0",
+  "version": "6.0.0",
   "description": "The most complete chat UI for React Native & Web - streaming AI messages, emoji reactions, replies, quick replies, and full customization. TypeScript-first, Expo-ready. A maintained react-native-gifted-chat successor.",
   "keywords": [
     "react-native",
@@ -50,7 +50,7 @@
   ],
   "scripts": {
     "typecheck": "yarn tsc --noEmit",
-    "build": "rm -rf lib && yarn tsc",
+    "build": "rm -rf lib && yarn tsc --emitDeclarationOnly && yarn babel src --out-dir lib --extensions .ts,.tsx --config-file ./babel.build.cjs --no-babelrc --ignore 'src/__tests__/**' --source-maps --quiet && node scripts/check-compiled.cjs",
     "tsc:watch": "yarn typecheck --watch",
     "lint": "yarn eslint src example",
     "lint:fix": "yarn eslint --cache --fix src example",
@@ -69,94 +69,137 @@
     ]
   },
   "dependencies": {
+    "@legendapp/list": "^3.7.1",
     "@types/lodash.isequal": "^4.5.8",
     "dayjs": "^1.11.23",
     "lodash.isequal": "^4.5.0",
-    "react-native-zoom-reanimated": "^1.5.6"
+    "react-native-zoom-reanimated": "^1.6.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.5",
-    "@babel/plugin-transform-class-properties": "^7.27.1",
-    "@babel/plugin-transform-private-methods": "^7.27.1",
-    "@babel/plugin-transform-private-property-in-object": "^7.27.1",
-    "@babel/plugin-transform-react-jsx": "^7.27.1",
-    "@babel/plugin-transform-unicode-property-regex": "^7.27.1",
-    "@babel/preset-env": "^7.28.5",
+    "@babel/cli": "^7.29.7",
+    "@babel/core": "^7.29.7",
+    "@babel/plugin-transform-class-properties": "^7.29.7",
+    "@babel/plugin-transform-private-methods": "^7.29.7",
+    "@babel/plugin-transform-private-property-in-object": "^7.29.7",
+    "@babel/plugin-transform-react-jsx": "^7.29.7",
+    "@babel/plugin-transform-unicode-property-regex": "^7.29.7",
+    "@babel/preset-env": "^7.29.7",
     "@react-native-community/cli": "20.2.0",
     "@react-native-community/cli-platform-android": "20.2.0",
     "@react-native-community/cli-platform-ios": "20.2.0",
-    "@react-native/babel-preset": "0.86.3",
-    "@react-native/eslint-config": "0.86.3",
-    "@react-native/jest-preset": "0.86.3",
-    "@react-native/metro-config": "0.86.3",
-    "@react-native/typescript-config": "0.86.3",
-    "@shopify/flash-list": "^2.3.2",
+    "@react-native/babel-preset": "0.88.1",
+    "@react-native/eslint-config": "0.88.1",
+    "@react-native/jest-preset": "0.88.1",
+    "@react-native/metro-config": "0.88.1",
+    "@react-native/typescript-config": "0.88.1",
     "@stylistic/eslint-plugin": "^5.10.0",
-    "@testing-library/dom": "^10.4.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/react-native": "^14.0.1",
-    "@types/jest": "^29.5.14",
-    "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.5",
-    "@typescript-eslint/eslint-plugin": "^8.68.0",
-    "@typescript-eslint/parser": "^8.68.0",
-    "babel-jest": "^29.7.0",
-    "eslint": "^10.9.1",
+    "@testing-library/dom": "^10.4.2",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/react-native": "^14.1.0",
+    "@types/jest": "^30.0.0",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.72.1",
+    "@typescript-eslint/parser": "^8.72.1",
+    "babel-jest": "^30.5.2",
+    "babel-plugin-react-compiler": "1.0.0",
+    "emoji-datasource": "16.0.0",
+    "eslint": "^10.14.0",
     "eslint-import-resolver-typescript": "^4.4.5",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jest": "^29.16.2",
-    "eslint-plugin-perfectionist": "^5.10.1",
+    "eslint-plugin-jest": "^29.17.0",
+    "eslint-plugin-perfectionist": "^5.13.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
     "husky": "^9.1.7",
-    "jest": "^29.7.0",
+    "jest": "^30.5.2",
     "json": "^11.0.0",
-    "lint-staged": "^17.3.0",
-    "react": "19.2.3",
-    "react-dom": "19.2.3",
-    "react-native": "0.86.3",
-    "react-native-gesture-handler": "~2.32.0",
-    "react-native-keyboard-controller": "^1.22.4",
-    "react-native-reanimated": "~4.6.0",
-    "react-native-safe-area-context": "~5.7.0",
-    "react-native-worklets": "~0.12.1",
-    "test-renderer": "^1.2.0",
+    "lint-staged": "^17.6.0",
+    "react": "19.3.1",
+    "react-dom": "19.3.1",
+    "react-native": "0.88.1",
+    "react-native-gesture-handler": "~3.4.0",
+    "react-native-keyboard-controller": "^1.22.9",
+    "react-native-reanimated": "~4.7.1",
+    "react-native-safe-area-context": "~5.11.0",
+    "react-native-worklets": "~0.13.1",
+    "test-renderer": "^1.3.1",
     "typescript": "^6.0.3"
   },
   "peerDependencies": {
-    "@lodev09/react-native-true-sheet": "*",
-    "@shopify/flash-list": "*",
+    "@lodev09/react-native-true-sheet": ">=3.0.0",
+    "@react-native-async-storage/async-storage": "*",
+    "@react-native-clipboard/clipboard": "*",
     "expo-audio": "*",
+    "expo-blur": "*",
+    "expo-clipboard": "*",
     "expo-device": "*",
+    "expo-document-picker": "*",
+    "expo-file-system": "*",
+    "expo-haptics": "*",
+    "expo-image": "*",
     "expo-image-picker": "*",
+    "expo-location": "*",
+    "expo-media-library": "*",
+    "expo-sharing": "*",
     "expo-video": "*",
-    "react": ">=18.0.0",
-    "react-native": "*",
+    "react": ">=19.0.0",
+    "react-native": ">=0.82.0",
     "react-native-audio-api": "*",
-    "react-native-gesture-handler": ">=2.0.0",
+    "react-native-gesture-handler": ">=3.0.0",
     "react-native-keyboard-controller": ">=1.0.0",
     "react-native-reanimated": ">=3.0.0 || ^4.0.0",
     "react-native-safe-area-context": ">=5.0.0",
     "react-native-streamdown": "*",
     "react-native-svg": "*",
-    "react-native-vision-camera": "*"
+    "react-native-vision-camera": ">=5.0.0"
   },
   "peerDependenciesMeta": {
     "@lodev09/react-native-true-sheet": {
       "optional": true
     },
-    "@shopify/flash-list": {
+    "@react-native-async-storage/async-storage": {
+      "optional": true
+    },
+    "@react-native-clipboard/clipboard": {
       "optional": true
     },
     "expo-audio": {
       "optional": true
     },
+    "expo-blur": {
+      "optional": true
+    },
+    "expo-clipboard": {
+      "optional": true
+    },
     "expo-device": {
       "optional": true
     },
+    "expo-document-picker": {
+      "optional": true
+    },
+    "expo-file-system": {
+      "optional": true
+    },
+    "expo-haptics": {
+      "optional": true
+    },
+    "expo-image": {
+      "optional": true
+    },
     "expo-image-picker": {
       "optional": true
     },
+    "expo-location": {
+      "optional": true
+    },
+    "expo-media-library": {
+      "optional": true
+    },
+    "expo-sharing": {
+      "optional": true
+    },
     "expo-video": {
       "optional": true
     },

package/lib/InputToolbar.d.ts

@@ -1,49 +0,0 @@
-import React from 'react';
-import { StyleProp, ViewStyle, TextStyle } from 'react-native';
-import { ActionsProps } from './Actions';
-import { AttachmentAction } from './components/AttachmentSheet';
-import { ReplyPreviewProps } from './components/ReplyPreview';
-import { ComposerProps } from './Composer';
-import { AudioRecordingProps, IMessage, ReplyMessage, VideoRecordingProps } from './Models';
-import { SendProps } from './Send';
-export type { ReplyPreviewProps } from './components/ReplyPreview';
-export interface InputToolbarProps<TMessage extends IMessage> {
-    actions?: AttachmentAction[];
-    actionSheetOptionTintColor?: string;
-    containerStyle?: StyleProp<ViewStyle>;
-    primaryStyle?: StyleProp<ViewStyle>;
-    renderAccessory?: (props: InputToolbarProps<TMessage>) => React.ReactNode;
-    renderActions?: (props: ActionsProps) => React.ReactNode;
-    renderSend?: (props: SendProps<TMessage>) => React.ReactNode;
-    renderComposer?: (props: ComposerProps) => React.ReactNode;
-    onPressActionButton?: () => void;
-    icon?: () => React.ReactNode;
-    wrapperStyle?: StyleProp<ViewStyle>;
-    /** Reply message to show in preview */
-    replyMessage?: ReplyMessage | null;
-    /** Callback to clear reply */
-    onClearReply?: () => void;
-    /** Custom render for reply preview */
-    renderReplyPreview?: (props: ReplyPreviewProps) => React.ReactNode;
-    /** Style for reply preview container */
-    replyPreviewContainerStyle?: StyleProp<ViewStyle>;
-    /** Style for reply preview text */
-    replyPreviewTextStyle?: StyleProp<TextStyle>;
-    /** Telegram-style hold-to-record voice messages (needs optional expo-audio) */
-    audioRecording?: AudioRecordingProps;
-    /** Record-and-send video messages (needs optional expo-image-picker) */
-    videoRecording?: VideoRecordingProps;
-    /** Force-show the send button even when the composer is empty */
-    isSendButtonAlwaysVisible?: boolean;
-    /** Current composer text (used to swap the send button for the mic button) */
-    text?: string;
-    /** Show an emoji button inset on the left of the field; called on press. */
-    onPressEmoji?: () => void;
-    /**
-     * Whether the composer accepts multiple lines. `true` (default) keeps the
-     * return key inserting a newline; `false` turns it into Send.
-     */
-    isMultiline?: boolean;
-}
-export declare function InputToolbar<TMessage extends IMessage = IMessage>(props: InputToolbarProps<TMessage>): React.JSX.Element;
-//# sourceMappingURL=InputToolbar.d.ts.map

package/lib/InputToolbar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputToolbar.d.ts","sourceRoot":"","sources":["../src/InputToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAChF,OAAO,EAAqC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAajG,OAAO,EAAW,YAAY,EAAE,MAAM,WAAW,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAG/D,OAAO,EAAgB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAU3E,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAA;AAIpD,OAAO,EAAE,mBAAmB,EAAE,QAAQ,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC3F,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAA;AAIxC,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAElE,MAAM,WAAW,iBAAiB,CAAC,QAAQ,SAAS,QAAQ;IAC1D,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,0BAA0B,CAAC,EAAE,MAAM,CAAA;IACnC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACnC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IACzE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAA;IACxD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC5D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,KAAK,CAAC,SAAS,CAAA;IAC1D,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,IAAI,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACnC,uCAAuC;IACvC,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IAClC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,sCAAsC;IACtC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAA;IAClE,wCAAwC;IACxC,0BAA0B,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACjD,mCAAmC;IACnC,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5C,+EAA+E;IAC/E,cAAc,CAAC,EAAE,mBAAmB,CAAA;IACpC,wEAAwE;IACxE,cAAc,CAAC,EAAE,mBAAmB,CAAA;IACpC,iEAAiE;IACjE,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAOD,wBAAgB,YAAY,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAC/D,KAAK,EAAE,iBAAiB,CAAC,QAAQ,CAAC,qBAkTnC"}