@kesha-antonov/react-native-chat 5.0.1 → 6.0.1

package/lib/MessagesContainer/useListMetrics.js

@@ -0,0 +1,176 @@
+import { c as _c } from "react/compiler-runtime";
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useDerivedValue, useSharedValue } from 'react-native-reanimated';
+import { CONTENT_PADDING_BOTTOM } from './listState';
+const LAYOUT_SETTLE_MS = 500;
+
+/**
+ * The list's size and scroll position as shared values, and the layout and content-size
+ * handlers that keep them current.
+ */
+export function useListMetrics(listProps) {
+  const $ = _c(29);
+  const [isListLaidOut, setIsListLaidOut] = useState(false);
+  const [isLayoutAnimated, setIsLayoutAnimated] = useState(false);
+  let t0;
+  let t1;
+  if ($[0] !== isLayoutAnimated || $[1] !== isListLaidOut) {
+    t0 = () => {
+      if (!isListLaidOut || isLayoutAnimated) {
+        return;
+      }
+      const timer = setTimeout(() => setIsLayoutAnimated(true), LAYOUT_SETTLE_MS);
+      return () => clearTimeout(timer);
+    };
+    t1 = [isListLaidOut, isLayoutAnimated];
+    $[0] = isLayoutAnimated;
+    $[1] = isListLaidOut;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t0 = $[2];
+    t1 = $[3];
+  }
+  useEffect(t0, t1);
+  const listHeight = useSharedValue(0);
+  const contentHeight = useSharedValue(0);
+  const scrollOffset = useSharedValue(0);
+  let t2;
+  if ($[4] !== scrollOffset) {
+    t2 = {
+      scrollOffset
+    };
+    $[4] = scrollOffset;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const sharedValues = t2;
+  const rowsHeight = useSharedValue(0);
+  const footerSize = useSharedValue(0);
+  const scrolledY = useDerivedValue(() => scrollOffset.value - (contentHeight.value - rowsHeight.value - footerSize.value - CONTENT_PADDING_BOTTOM));
+  let t3;
+  if ($[6] !== listHeight || $[7] !== listProps?.onLayout) {
+    t3 = event => {
+      listHeight.set(event.nativeEvent.layout.height);
+      setIsListLaidOut(true);
+      const onLayoutProp = listProps?.onLayout;
+      onLayoutProp?.(event);
+    };
+    $[6] = listHeight;
+    $[7] = listProps?.onLayout;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  const onLayoutList = t3;
+  const [isContentShort, setIsContentShort] = useState(true);
+  let t4;
+  if ($[9] !== contentHeight || $[10] !== listHeight) {
+    t4 = (_width, height) => {
+      contentHeight.set(height);
+      const isShort = height <= listHeight.get() + 1;
+      setIsContentShort(previous => previous === isShort ? previous : isShort);
+    };
+    $[9] = contentHeight;
+    $[10] = listHeight;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  const onContentSizeChange = t4;
+  let t5;
+  if ($[12] !== footerSize) {
+    t5 = metrics => {
+      footerSize.set(metrics.footerSize);
+    };
+    $[12] = footerSize;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  const onMetricsChange = t5;
+  const t6 = !isContentShort;
+  let t7;
+  if ($[14] !== t6) {
+    t7 = {
+      animated: t6
+    };
+    $[14] = t6;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  const maintainScrollAtEnd = t7;
+  let t8;
+  if ($[16] !== contentHeight || $[17] !== isLayoutAnimated || $[18] !== isListLaidOut || $[19] !== listHeight || $[20] !== maintainScrollAtEnd || $[21] !== onContentSizeChange || $[22] !== onLayoutList || $[23] !== onMetricsChange || $[24] !== rowsHeight || $[25] !== scrollOffset || $[26] !== scrolledY || $[27] !== sharedValues) {
+    t8 = {
+      isListLaidOut,
+      isLayoutAnimated,
+      listHeight,
+      contentHeight,
+      scrollOffset,
+      sharedValues,
+      rowsHeight,
+      scrolledY,
+      onLayoutList,
+      onContentSizeChange,
+      onMetricsChange,
+      maintainScrollAtEnd
+    };
+    $[16] = contentHeight;
+    $[17] = isLayoutAnimated;
+    $[18] = isListLaidOut;
+    $[19] = listHeight;
+    $[20] = maintainScrollAtEnd;
+    $[21] = onContentSizeChange;
+    $[22] = onLayoutList;
+    $[23] = onMetricsChange;
+    $[24] = rowsHeight;
+    $[25] = scrollOffset;
+    $[26] = scrolledY;
+    $[27] = sharedValues;
+    $[28] = t8;
+  } else {
+    t8 = $[28];
+  }
+  return t8;
+}
+
+/** Keeps `rowsHeight` at the rows' total height, which `scrolledY` measures from. */
+export function useRowsHeight(isListLaidOut, listState, rowsHeight, orderedData) {
+  const $ = _c(6);
+  let t0;
+  let t1;
+  if ($[0] !== isListLaidOut || $[1] !== listState || $[2] !== orderedData || $[3] !== rowsHeight) {
+    t0 = () => {
+      const state = isListLaidOut ? listState() : undefined;
+      if (!state) {
+        return;
+      }
+      const lastMessage = orderedData[orderedData.length - 1];
+      if (lastMessage) {
+        const lastId = String(lastMessage._id);
+        const position = state.positionByKey(lastId);
+        if (position != null) {
+          rowsHeight.set(position + (state.sizes.get(lastId) ?? 0));
+        }
+      }
+      return state.listen("totalSize", size => {
+        rowsHeight.set(size);
+      });
+    };
+    t1 = [isListLaidOut, listState, rowsHeight, orderedData];
+    $[0] = isListLaidOut;
+    $[1] = listState;
+    $[2] = orderedData;
+    $[3] = rowsHeight;
+    $[4] = t0;
+    $[5] = t1;
+  } else {
+    t0 = $[4];
+    t1 = $[5];
+  }
+  useEffect(t0, t1);
+}
+//# sourceMappingURL=useListMetrics.js.map

package/lib/MessagesContainer/useListMetrics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListMetrics.js","names":["useCallback","useEffect","useMemo","useState","useDerivedValue","useSharedValue","CONTENT_PADDING_BOTTOM","LAYOUT_SETTLE_MS","useListMetrics","listProps","$","_c","isListLaidOut","setIsListLaidOut","isLayoutAnimated","setIsLayoutAnimated","t0","t1","timer","setTimeout","clearTimeout","listHeight","contentHeight","scrollOffset","t2","sharedValues","rowsHeight","footerSize","scrolledY","value","t3","onLayout","event","set","nativeEvent","layout","height","onLayoutProp","onLayoutList","isContentShort","setIsContentShort","t4","_width","isShort","get","previous","onContentSizeChange","t5","metrics","onMetricsChange","t6","t7","animated","maintainScrollAtEnd","t8","useRowsHeight","listState","orderedData","state","undefined","lastMessage","length","lastId","String","_id","position","positionByKey","sizes","listen","size"],"sources":["../../src/MessagesContainer/useListMetrics.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react'\nimport { LayoutChangeEvent } from 'react-native'\nimport { SharedValue, useDerivedValue, useSharedValue } from 'react-native-reanimated'\n\nimport { IMessage } from '../Models'\nimport { CONTENT_PADDING_BOTTOM, ListState } from './listState'\nimport { AnimatedListProps } from './types'\n\nconst LAYOUT_SETTLE_MS = 500\n\n/**\n * The list's size and scroll position as shared values, and the layout and content-size\n * handlers that keep them current.\n */\nexport function useListMetrics<TMessage extends IMessage> (listProps: AnimatedListProps<TMessage> | undefined) {\n  const [isListLaidOut, setIsListLaidOut] = useState(false)\n  // Rows slide when they move, but not while the list first lays itself out: it places rows at\n  // an estimated height and moves them once they are measured, and on Android those corrections\n  // played as messages sliding in each time a chat opened. A chat should open with everything\n  // already in place, as Telegram's does, so the slide starts once the first layout has settled.\n  const [isLayoutAnimated, setIsLayoutAnimated] = useState(false)\n  useEffect(() => {\n    if (!isListLaidOut || isLayoutAnimated)\n      return\n    const timer = setTimeout(() => setIsLayoutAnimated(true), LAYOUT_SETTLE_MS)\n    return () => clearTimeout(timer)\n  }, [isListLaidOut, isLayoutAnimated])\n\n  const listHeight = useSharedValue(0)\n  const contentHeight = useSharedValue(0)\n  // The list's scroll offset, from the top, kept on the UI thread by the list itself.\n  const scrollOffset = useSharedValue(0)\n  const sharedValues = useMemo(() => ({ scrollOffset }), [scrollOffset])\n  // Rows' positions count from the first row; the scroll offset counts from the very top, above\n  // the list's header (\"Load earlier\") and, in a conversation shorter than the list, the space\n  // that holds it at the bottom. The rows end where the content does, less the footer and the\n  // bottom padding, so the offset in the rows' terms is measured from there. The day header, the\n  // inline separators and the gradient bubbles read it.\n  const rowsHeight = useSharedValue(0)\n  const footerSize = useSharedValue(0)\n  const scrolledY = useDerivedValue(() =>\n    scrollOffset.value - (contentHeight.value - rowsHeight.value - footerSize.value - CONTENT_PADDING_BOTTOM))\n\n  const onLayoutList = useCallback((event: LayoutChangeEvent) => {\n    listHeight.set(event.nativeEvent.layout.height)\n    setIsListLaidOut(true)\n\n    const onLayoutProp = listProps?.onLayout as ((event: LayoutChangeEvent) => void) | undefined\n    onLayoutProp?.(event)\n  }, [listHeight, listProps])\n\n  // Whether the whole conversation still fits the list (see `maintainScrollAtEnd` below).\n  const [isContentShort, setIsContentShort] = useState(true)\n  const onContentSizeChange = useCallback((_width: number, height: number) => {\n    contentHeight.set(height)\n    // The space holding a short chat at the bottom makes its content exactly as tall as the list.\n    const isShort = height <= listHeight.get() + 1\n    setIsContentShort(previous => previous === isShort ? previous : isShort)\n  }, [contentHeight, listHeight])\n  const onMetricsChange = useCallback((metrics: { footerSize: number }) => {\n    footerSize.set(metrics.footerSize)\n  }, [footerSize])\n\n  // New messages keep the list at the newest one while it is there (or near), and the newest\n  // message comes up from below with the scroll, as the rows above it make room. While the\n  // whole conversation still fits, the follow is immediate: an animated one holds back the space\n  // that keeps a short chat at the bottom until it ends, and a reply streaming in restarts it\n  // every few frames, so the reply grew off screen until it was done.\n  const maintainScrollAtEnd = useMemo(() => ({ animated: !isContentShort }), [isContentShort])\n\n  return {\n    isListLaidOut,\n    isLayoutAnimated,\n    listHeight,\n    contentHeight,\n    scrollOffset,\n    sharedValues,\n    rowsHeight,\n    scrolledY,\n    onLayoutList,\n    onContentSizeChange,\n    onMetricsChange,\n    maintainScrollAtEnd,\n  }\n}\n\n/** Keeps `rowsHeight` at the rows' total height, which `scrolledY` measures from. */\nexport function useRowsHeight (\n  isListLaidOut: boolean,\n  listState: () => ListState | undefined,\n  rowsHeight: SharedValue<number>,\n  orderedData: IMessage[]\n) {\n  useEffect(() => {\n    const state = isListLaidOut ? listState() : undefined\n    if (!state)\n      return\n    // The listener only hears changes. On iOS the rows' height has usually settled before this\n    // subscribes, so it never fired and the height stayed 0 - putting every gradient bubble a\n    // content height off, all of them the gradient's last colour. Start from the last row's end.\n    const lastMessage = orderedData[orderedData.length - 1]\n    if (lastMessage) {\n      const lastId = String(lastMessage._id)\n      const position = state.positionByKey(lastId)\n      if (position != null)\n        rowsHeight.set(position + (state.sizes.get(lastId) ?? 0))\n    }\n    return state.listen('totalSize', size => {\n      rowsHeight.set(size)\n    })\n  }, [isListLaidOut, listState, rowsHeight, orderedData])\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/MessagesContainer/useMessageRows.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import { SharedValue } from 'react-native-reanimated';
+import { IMessage } from '../Models';
+import { RowTargets } from './rowConfig';
+import { MessageRowStore } from './rowStore';
+import { DaysPositions, MessagesContainerProps } from './types';
+/** The list's shared values every row reads through the row config. */
+interface RowSharedValues {
+    scrolledY: SharedValue<number>;
+    daysPositions: SharedValue<DaysPositions>;
+    listHeight: SharedValue<number>;
+    floatingRenderedDate: SharedValue<number | undefined>;
+    floatingDayOpacity: SharedValue<number>;
+}
+/**
+ * What the rows read: the row store, the shared row config and the per-row targets, plus the
+ * list's data in display order and where it opens.
+ */
+export declare function useMessageRows<TMessage extends IMessage>(props: MessagesContainerProps<TMessage>, sharedValues: RowSharedValues): {
+    rowStore: MessageRowStore<TMessage>;
+    orderedData: TMessage[];
+    initialScroll: {
+        initialScrollIndex: {
+            index: number;
+            viewPosition: number;
+        };
+        initialScrollAtEnd?: undefined;
+    } | {
+        initialScrollAtEnd: boolean;
+        initialScrollIndex?: undefined;
+    };
+    rowConfig: {
+        scrolledY: SharedValue<number>;
+        daysPositions: SharedValue<DaysPositions>;
+        listHeight: SharedValue<number>;
+        floatingRenderedDate: SharedValue<number | undefined>;
+        floatingDayOpacity: SharedValue<number>;
+    };
+    rowTargets: import("../store").Store<RowTargets>;
+    renderItem: ({ item }: {
+        item: unknown;
+    }) => React.ReactElement;
+    keyExtractor: (item: unknown) => string;
+};
+export {};
+//# sourceMappingURL=useMessageRows.d.ts.map

package/lib/MessagesContainer/useMessageRows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMessageRows.d.ts","sourceRoot":"","sources":["../../src/MessagesContainer/useMessageRows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAA;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAGpC,OAAO,EAAE,UAAU,EAAsB,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAa,MAAM,YAAY,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAE/D,uEAAuE;AACvE,UAAU,eAAe;IACvB,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC9B,aAAa,EAAE,WAAW,CAAC,aAAa,CAAC,CAAA;IACzC,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC/B,oBAAoB,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IACrD,kBAAkB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CACxC;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,QAAQ,SAAS,QAAQ,EACtD,KAAK,EAAE,sBAAsB,CAAC,QAAQ,CAAC,EACvC,YAAY,EAAE,eAAe;;;;;;;;;;;;;;;;;;;;;2BAyFa;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAG,KAAK,CAAC,YAAY;yBAIxC,OAAO;EAGhD"}

package/lib/MessagesContainer/useMessageRows.js

@@ -0,0 +1,228 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useCallback, useLayoutEffect, useMemo, useState } from 'react';
+import { createStore } from '../store';
+import { MessageRow } from './components/Item';
+import { useStableRowConfig } from './rowConfig';
+import { MessageRowStore, sameOrder } from './rowStore';
+
+/** The list's shared values every row reads through the row config. */
+
+/**
+ * What the rows read: the row store, the shared row config and the per-row targets, plus the
+ * list's data in display order and where it opens.
+ */
+export function useMessageRows(props, sharedValues) {
+  const $ = _c(38);
+  const {
+    messages: t0,
+    isInverted: t1,
+    isDayAnimationEnabled: t2,
+    firstUnreadMessageId
+  } = props;
+  let t3;
+  if ($[0] !== t0) {
+    t3 = t0 === undefined ? [] : t0;
+    $[0] = t0;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const messages = t3;
+  const isInverted = t1 === undefined ? true : t1;
+  const isDayAnimationEnabled = t2 === undefined ? true : t2;
+  const {
+    scrolledY,
+    daysPositions,
+    listHeight,
+    floatingRenderedDate,
+    floatingDayOpacity
+  } = sharedValues;
+  const [rowStore] = useState(_temp);
+  rowStore.sync(messages, isInverted);
+  let t4;
+  if ($[2] !== rowStore) {
+    t4 = () => {
+      rowStore.flush();
+    };
+    $[2] = rowStore;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  useLayoutEffect(t4);
+  const [previousListData, setPreviousListData] = useState(messages);
+  let t5;
+  if ($[4] !== messages || $[5] !== previousListData) {
+    t5 = sameOrder(previousListData, messages);
+    $[4] = messages;
+    $[5] = previousListData;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  const listData = t5;
+  if (listData !== previousListData) {
+    setPreviousListData(listData);
+  }
+  let t6;
+  if ($[7] !== isInverted || $[8] !== listData) {
+    t6 = isInverted ? [...listData].reverse() : listData;
+    $[7] = isInverted;
+    $[8] = listData;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  const orderedData = t6;
+  let t7;
+  if ($[10] !== firstUnreadMessageId || $[11] !== orderedData) {
+    t7 = () => {
+      const index = firstUnreadMessageId != null ? orderedData.findIndex(message => message._id === firstUnreadMessageId) : -1;
+      return index >= 0 && index < orderedData.length - 1 ? {
+        initialScrollIndex: {
+          index,
+          viewPosition: 0
+        }
+      } : {
+        initialScrollAtEnd: true
+      };
+    };
+    $[10] = firstUnreadMessageId;
+    $[11] = orderedData;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  const [initialScroll] = useState(t7);
+  let sharedRowProps;
+  if ($[13] !== props) {
+    const {
+      messages: _messages,
+      forwardRef: _forwardRef,
+      listProps: _listProps,
+      isTyping: _isTyping,
+      renderChatEmpty: _renderChatEmpty,
+      renderFooter: _renderFooter,
+      renderLoadEarlier: _renderLoadEarlier,
+      loadEarlierMessagesProps: _loadEarlierMessagesProps,
+      renderTypingIndicator: _renderTypingIndicator,
+      typingIndicatorStyle: _typingIndicatorStyle,
+      scrollToBottomComponent: _scrollToBottomComponent,
+      scrollToBottomStyle: _scrollToBottomStyle,
+      scrollToBottomContentStyle: _scrollToBottomContentStyle,
+      scrollToBottomOffset: _scrollToBottomOffset,
+      isScrollToBottomEnabled: _isScrollToBottomEnabled,
+      isScrollToBottomBadgeEnabled: _isScrollToBottomBadgeEnabled,
+      isAlignedTop: _isAlignedTop,
+      firstUnreadMessageId: _firstUnreadMessageId,
+      ...t8
+    } = props;
+    sharedRowProps = t8;
+    $[13] = props;
+    $[14] = sharedRowProps;
+  } else {
+    sharedRowProps = $[14];
+  }
+  let t8;
+  if ($[15] !== isDayAnimationEnabled || $[16] !== isInverted || $[17] !== sharedRowProps) {
+    t8 = {
+      ...sharedRowProps,
+      isInverted,
+      isDayAnimationEnabled
+    };
+    $[15] = isDayAnimationEnabled;
+    $[16] = isInverted;
+    $[17] = sharedRowProps;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  const stableRowProps = useStableRowConfig(t8);
+  let t9;
+  if ($[19] !== daysPositions || $[20] !== floatingDayOpacity || $[21] !== floatingRenderedDate || $[22] !== listHeight || $[23] !== scrolledY || $[24] !== stableRowProps) {
+    t9 = {
+      ...stableRowProps,
+      scrolledY,
+      daysPositions,
+      listHeight,
+      floatingRenderedDate,
+      floatingDayOpacity
+    };
+    $[19] = daysPositions;
+    $[20] = floatingDayOpacity;
+    $[21] = floatingRenderedDate;
+    $[22] = listHeight;
+    $[23] = scrolledY;
+    $[24] = stableRowProps;
+    $[25] = t9;
+  } else {
+    t9 = $[25];
+  }
+  const rowConfig = t9;
+  let t10;
+  if ($[26] !== firstUnreadMessageId) {
+    t10 = () => createStore({
+      firstUnreadMessageId
+    });
+    $[26] = firstUnreadMessageId;
+    $[27] = t10;
+  } else {
+    t10 = $[27];
+  }
+  const [rowTargets] = useState(t10);
+  let t11;
+  let t12;
+  if ($[28] !== firstUnreadMessageId || $[29] !== rowTargets) {
+    t11 = () => {
+      rowTargets.set(prev => prev.firstUnreadMessageId === firstUnreadMessageId ? prev : {
+        ...prev,
+        firstUnreadMessageId
+      });
+    };
+    t12 = [rowTargets, firstUnreadMessageId];
+    $[28] = firstUnreadMessageId;
+    $[29] = rowTargets;
+    $[30] = t11;
+    $[31] = t12;
+  } else {
+    t11 = $[30];
+    t12 = $[31];
+  }
+  useLayoutEffect(t11, t12);
+  const renderItem = _temp2;
+  const keyExtractor = _temp3;
+  let t13;
+  if ($[32] !== initialScroll || $[33] !== orderedData || $[34] !== rowConfig || $[35] !== rowStore || $[36] !== rowTargets) {
+    t13 = {
+      rowStore,
+      orderedData,
+      initialScroll,
+      rowConfig,
+      rowTargets,
+      renderItem,
+      keyExtractor
+    };
+    $[32] = initialScroll;
+    $[33] = orderedData;
+    $[34] = rowConfig;
+    $[35] = rowStore;
+    $[36] = rowTargets;
+    $[37] = t13;
+  } else {
+    t13 = $[37];
+  }
+  return t13;
+}
+function _temp3(item_0) {
+  return item_0._id.toString();
+}
+function _temp2(t0) {
+  const {
+    item
+  } = t0;
+  return <MessageRow id={String(item._id)} />;
+}
+function _temp() {
+  return new MessageRowStore();
+}
+//# sourceMappingURL=useMessageRows.js.map

package/lib/MessagesContainer/useMessageRows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMessageRows.js","names":["React","useCallback","useLayoutEffect","useMemo","useState","createStore","MessageRow","useStableRowConfig","MessageRowStore","sameOrder","useMessageRows","props","sharedValues","$","_c","messages","t0","isInverted","t1","isDayAnimationEnabled","t2","firstUnreadMessageId","t3","undefined","scrolledY","daysPositions","listHeight","floatingRenderedDate","floatingDayOpacity","rowStore","_temp","sync","t4","flush","previousListData","setPreviousListData","t5","listData","t6","reverse","orderedData","t7","index","findIndex","message","_id","length","initialScrollIndex","viewPosition","initialScrollAtEnd","initialScroll","sharedRowProps","_messages","forwardRef","_forwardRef","listProps","_listProps","isTyping","_isTyping","renderChatEmpty","_renderChatEmpty","renderFooter","_renderFooter","renderLoadEarlier","_renderLoadEarlier","loadEarlierMessagesProps","_loadEarlierMessagesProps","renderTypingIndicator","_renderTypingIndicator","typingIndicatorStyle","_typingIndicatorStyle","scrollToBottomComponent","_scrollToBottomComponent","scrollToBottomStyle","_scrollToBottomStyle","scrollToBottomContentStyle","_scrollToBottomContentStyle","scrollToBottomOffset","_scrollToBottomOffset","isScrollToBottomEnabled","_isScrollToBottomEnabled","isScrollToBottomBadgeEnabled","_isScrollToBottomBadgeEnabled","isAlignedTop","_isAlignedTop","_firstUnreadMessageId","t8","stableRowProps","t9","rowConfig","t10","rowTargets","t11","t12","set","prev","renderItem","_temp2","keyExtractor","_temp3","t13","item_0","item","toString","String"],"sources":["../../src/MessagesContainer/useMessageRows.tsx"],"sourcesContent":["import React, { useCallback, useLayoutEffect, useMemo, useState } from 'react'\nimport { SharedValue } from 'react-native-reanimated'\n\nimport { IMessage } from '../Models'\nimport { createStore } from '../store'\nimport { MessageRow } from './components/Item'\nimport { RowTargets, useStableRowConfig } from './rowConfig'\nimport { MessageRowStore, sameOrder } from './rowStore'\nimport { DaysPositions, MessagesContainerProps } from './types'\n\n/** The list's shared values every row reads through the row config. */\ninterface RowSharedValues {\n  scrolledY: SharedValue<number>\n  daysPositions: SharedValue<DaysPositions>\n  listHeight: SharedValue<number>\n  floatingRenderedDate: SharedValue<number | undefined>\n  floatingDayOpacity: SharedValue<number>\n}\n\n/**\n * What the rows read: the row store, the shared row config and the per-row targets, plus the\n * list's data in display order and where it opens.\n */\nexport function useMessageRows<TMessage extends IMessage> (\n  props: MessagesContainerProps<TMessage>,\n  sharedValues: RowSharedValues\n) {\n  const {\n    messages = [],\n    isInverted = true,\n    isDayAnimationEnabled = true,\n    firstUnreadMessageId,\n  } = props\n  const { scrolledY, daysPositions, listHeight, floatingRenderedDate, floatingDayOpacity } = sharedValues\n\n  // The messages by id, for the rows to subscribe to (see rowStore). Synced while rendering so\n  // rows mounting now read the new messages; rows already on screen hear about it on commit.\n  const [rowStore] = useState(() => new MessageRowStore<TMessage>())\n  rowStore.sync(messages, isInverted)\n  useLayoutEffect(() => {\n    rowStore.flush()\n  })\n\n  // The list's data keeps its identity while the ids and their order do: a status change,\n  // a reaction or a streamed token then leaves the list and its cells alone.\n  // Kept in state, not a ref: a render that changes the order stores the new array (React\n  // re-runs that render once, before any child renders).\n  const [previousListData, setPreviousListData] = useState(messages)\n  const listData = sameOrder(previousListData, messages)\n  if (listData !== previousListData)\n    setPreviousListData(listData)\n  // The list renders oldest first; `messages` comes newest first unless `isInverted` is off.\n  const orderedData = useMemo(() => isInverted ? [...listData].reverse() : listData, [listData, isInverted])\n\n  // A chat with unread messages opens on its \"Unread Messages\" bar, at the top of the screen,\n  // and one without them at the newest message. Decided once, when the list first renders.\n  const [initialScroll] = useState(() => {\n    const index = firstUnreadMessageId != null\n      ? orderedData.findIndex(message => message._id === firstUnreadMessageId)\n      : -1\n    // The newest message already is the first unread one: the list starts there anyway.\n    return index >= 0 && index < orderedData.length - 1\n      ? { initialScrollIndex: { index, viewPosition: 0 } }\n      : { initialScrollAtEnd: true }\n  })\n\n  // What every row shares, kept stable across renders that change nothing a row can see.\n  const {\n    /* eslint-disable @typescript-eslint/no-unused-vars */\n    messages: _messages,\n    forwardRef: _forwardRef,\n    listProps: _listProps,\n    // The list's own chrome; no row draws any of it.\n    isTyping: _isTyping,\n    renderChatEmpty: _renderChatEmpty,\n    renderFooter: _renderFooter,\n    renderLoadEarlier: _renderLoadEarlier,\n    loadEarlierMessagesProps: _loadEarlierMessagesProps,\n    renderTypingIndicator: _renderTypingIndicator,\n    typingIndicatorStyle: _typingIndicatorStyle,\n    scrollToBottomComponent: _scrollToBottomComponent,\n    scrollToBottomStyle: _scrollToBottomStyle,\n    scrollToBottomContentStyle: _scrollToBottomContentStyle,\n    scrollToBottomOffset: _scrollToBottomOffset,\n    isScrollToBottomEnabled: _isScrollToBottomEnabled,\n    isScrollToBottomBadgeEnabled: _isScrollToBottomBadgeEnabled,\n    isAlignedTop: _isAlignedTop,\n    // Concerns two rows at most: read through `useRowSettings` (rowTargets below).\n    firstUnreadMessageId: _firstUnreadMessageId,\n    /* eslint-enable @typescript-eslint/no-unused-vars */\n    ...sharedRowProps\n  } = props\n  const stableRowProps = useStableRowConfig({\n    ...sharedRowProps,\n    isInverted,\n    isDayAnimationEnabled,\n  })\n  // The list's shared values join outside the comparison: they keep their identity anyway, and\n  // the comparison must only see what the props hand it (see useStableRowConfig).\n  const rowConfig = useMemo(() => ({\n    ...stableRowProps,\n    scrolledY,\n    daysPositions,\n    listHeight,\n    floatingRenderedDate,\n    floatingDayOpacity,\n  }), [stableRowProps, scrolledY, daysPositions, listHeight, floatingRenderedDate, floatingDayOpacity])\n\n  const [rowTargets] = useState(() => createStore<RowTargets>({ firstUnreadMessageId }))\n  // Before paint, so the bar never shows on both rows or neither.\n  useLayoutEffect(() => {\n    rowTargets.set(prev => prev.firstUnreadMessageId === firstUnreadMessageId ? prev : { ...prev, firstUnreadMessageId })\n  }, [rowTargets, firstUnreadMessageId])\n\n  const renderItem = useCallback(({ item }: { item: unknown }): React.ReactElement =>\n    <MessageRow id={String((item as TMessage)._id)} />\n  , [])\n\n  const keyExtractor = useCallback((item: unknown) => (item as TMessage)._id.toString(), [])\n\n  return { rowStore, orderedData, initialScroll, rowConfig, rowTargets, renderItem, keyExtractor }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/MessagesContainer/usePageDownUnread.d.ts

@@ -0,0 +1,27 @@
+import { SharedValue } from 'react-native-reanimated';
+import { IMessage } from '../Models';
+import { ListState } from './listState';
+import { PageDownReturn } from './pageDownReturn';
+interface PageDownUnreadOptions<TMessage extends IMessage> {
+    messages: TMessage[];
+    isInverted: boolean;
+    userId: string | number | undefined;
+    isScrollToBottomEnabled: boolean;
+    isScrollToBottomBadgeEnabled: boolean;
+    isScrollToBottomVisible: boolean;
+    distanceFromNewestSV: SharedValue<number>;
+    isShownByScroll: SharedValue<boolean>;
+    isScrollToBottomShown: SharedValue<boolean>;
+    listState: () => ListState | undefined;
+    pageDownReturn: PageDownReturn | null;
+}
+/**
+ * The counter on the scroll-to-bottom button: messages that arrive while away from the newest
+ * one, less those scrolled into view since.
+ */
+export declare function usePageDownUnread<TMessage extends IMessage>({ messages, isInverted, userId, isScrollToBottomEnabled, isScrollToBottomBadgeEnabled, isScrollToBottomVisible, distanceFromNewestSV, isShownByScroll, isScrollToBottomShown, listState, pageDownReturn, }: PageDownUnreadOptions<TMessage>): {
+    unreadCount: number;
+    markRowsSeen: (ids: (string | number)[]) => void;
+};
+export {};
+//# sourceMappingURL=usePageDownUnread.d.ts.map

package/lib/MessagesContainer/usePageDownUnread.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePageDownUnread.d.ts","sourceRoot":"","sources":["../../src/MessagesContainer/usePageDownUnread.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AACpC,OAAO,EAAE,SAAS,EAAe,MAAM,aAAa,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,UAAU,qBAAqB,CAAC,QAAQ,SAAS,QAAQ;IACvD,QAAQ,EAAE,QAAQ,EAAE,CAAA;IACpB,UAAU,EAAE,OAAO,CAAA;IACnB,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACnC,uBAAuB,EAAE,OAAO,CAAA;IAChC,4BAA4B,EAAE,OAAO,CAAA;IACrC,uBAAuB,EAAE,OAAO,CAAA;IAChC,oBAAoB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACzC,eAAe,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACrC,qBAAqB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC3C,SAAS,EAAE,MAAM,SAAS,GAAG,SAAS,CAAA;IACtC,cAAc,EAAE,cAAc,GAAG,IAAI,CAAA;CACtC;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,SAAS,QAAQ,EAAG,EAC5D,QAAQ,EACR,UAAU,EACV,MAAM,EACN,uBAAuB,EACvB,4BAA4B,EAC5B,uBAAuB,EACvB,oBAAoB,EACpB,eAAe,EACf,qBAAqB,EACrB,SAAS,EACT,cAAc,GACf,EAAE,qBAAqB,CAAC,QAAQ,CAAC;;wBAgDO,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE;EA6B3D"}