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

package/lib/MessagesContainer/useCellLayouts.js

@@ -0,0 +1,133 @@
+import { c as _c } from "react/compiler-runtime";
+import { useCallback, useEffect, useRef } from 'react';
+import { makeMutable } from 'react-native-reanimated';
+/**
+ * Where each screen-gradient bubble's row sits, for `BubbleGradientContext`, fed by the list's
+ * position listeners.
+ */
+export function useCellLayouts(listState, isListLaidOut) {
+  const $ = _c(14);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = new Map();
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const cellValuesRef = useRef(t0);
+  let t1;
+  if ($[1] !== listState) {
+    t1 = id => {
+      const entry = cellValuesRef.current.get(id);
+      const state = listState();
+      if (!entry || entry.unsubscribe || !state) {
+        return;
+      }
+      const update = y => {
+        entry.value.value = {
+          y,
+          height: state.sizes.get(id) ?? 0
+        };
+      };
+      const y_0 = state.positionByKey(id);
+      if (y_0 != null) {
+        update(y_0);
+      }
+      entry.unsubscribe = state.listenToPosition(id, update);
+    };
+    $[1] = listState;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const subscribeCell = t1;
+  let t2;
+  if ($[3] !== subscribeCell) {
+    t2 = id_0 => {
+      let entry_0 = cellValuesRef.current.get(id_0);
+      if (!entry_0) {
+        entry_0 = {
+          value: makeMutable(undefined)
+        };
+        cellValuesRef.current.set(id_0, entry_0);
+        subscribeCell(id_0);
+      }
+      return entry_0.value;
+    };
+    $[3] = subscribeCell;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const cellLayout = t2;
+  let t3;
+  let t4;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => () => {
+      cellValuesRef.current.forEach(_temp);
+      cellValuesRef.current.clear();
+    };
+    t4 = [];
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t3 = $[5];
+    t4 = $[6];
+  }
+  useEffect(t3, t4);
+  let t5;
+  let t6;
+  if ($[7] !== isListLaidOut || $[8] !== subscribeCell) {
+    t5 = () => {
+      if (isListLaidOut) {
+        cellValuesRef.current.forEach((_, id_1) => subscribeCell(id_1));
+      }
+    };
+    t6 = [isListLaidOut, subscribeCell];
+    $[7] = isListLaidOut;
+    $[8] = subscribeCell;
+    $[9] = t5;
+    $[10] = t6;
+  } else {
+    t5 = $[9];
+    t6 = $[10];
+  }
+  useEffect(t5, t6);
+  let t7;
+  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = t8 => {
+      const {
+        itemKey,
+        size
+      } = t8;
+      const entry_2 = cellValuesRef.current.get(itemKey);
+      const current = entry_2?.value.value;
+      if (entry_2 && current) {
+        entry_2.value.value = {
+          y: current.y,
+          height: size
+        };
+      }
+    };
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  const onItemSizeChanged = t7;
+  let t8;
+  if ($[12] !== cellLayout) {
+    t8 = {
+      cellLayout,
+      onItemSizeChanged
+    };
+    $[12] = cellLayout;
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
+  return t8;
+}
+function _temp(entry_1) {
+  return entry_1.unsubscribe?.();
+}
+//# sourceMappingURL=useCellLayouts.js.map

package/lib/MessagesContainer/useCellLayouts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCellLayouts.js","names":["useCallback","useEffect","useRef","makeMutable","useCellLayouts","listState","isListLaidOut","$","_c","t0","Symbol","for","Map","cellValuesRef","t1","id","entry","current","get","state","unsubscribe","update","y","value","height","sizes","y_0","positionByKey","listenToPosition","subscribeCell","t2","id_0","entry_0","undefined","set","cellLayout","t3","t4","forEach","_temp","clear","t5","t6","_","id_1","t7","t8","itemKey","size","entry_2","onItemSizeChanged","entry_1"],"sources":["../../src/MessagesContainer/useCellLayouts.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\nimport { makeMutable, SharedValue } from 'react-native-reanimated'\n\nimport { ListState } from './listState'\n\n/**\n * Where each screen-gradient bubble's row sits, for `BubbleGradientContext`, fed by the list's\n * position listeners.\n */\nexport function useCellLayouts (listState: () => ListState | undefined, isListLaidOut: boolean) {\n  // Where each screen-gradient bubble's row sits: one shared value per message, created when its\n  // bubble asks, and fed by the list's own position listener for that row - so a row moving\n  // re-runs its bubble's worklets and no other's. A row keeps its listener once subscribed:\n  // dropping it on unmount and resubscribing on remount cost a fling on Android about 7 points\n  // of janky frames (19.6% -> 26.5% on a Pixel 7), each remount rebuilding the list state and\n  // rewriting the row's position.\n  const cellValuesRef = useRef(new Map<string, { value: SharedValue<{ y: number, height: number } | undefined>, unsubscribe?: () => void }>())\n  const subscribeCell = useCallback((id: string) => {\n    const entry = cellValuesRef.current.get(id)\n    const state = listState()\n    if (!entry || entry.unsubscribe || !state)\n      return\n    const update = (y: number) => {\n      entry.value.value = { y, height: state.sizes.get(id) ?? 0 }\n    }\n    const y = state.positionByKey(id)\n    if (y != null)\n      update(y)\n    entry.unsubscribe = state.listenToPosition(id, update)\n  }, [listState])\n  const cellLayout = useCallback((id: string) => {\n    let entry = cellValuesRef.current.get(id)\n    if (!entry) {\n      entry = { value: makeMutable<{ y: number, height: number } | undefined>(undefined) }\n      cellValuesRef.current.set(id, entry)\n      subscribeCell(id)\n    }\n    return entry.value\n  }, [subscribeCell])\n  useEffect(() => () => {\n    cellValuesRef.current.forEach(entry => entry.unsubscribe?.())\n    cellValuesRef.current.clear()\n  }, [])\n\n  // Gradient bubbles that asked for their row before the list could report positions.\n  useEffect(() => {\n    if (isListLaidOut)\n      cellValuesRef.current.forEach((_, id) => subscribeCell(id))\n  }, [isListLaidOut, subscribeCell])\n\n  // A row that changes height (a reaction, a reply loaded) keeps its place but moves its\n  // bottom edge, which the gradient bubbles paint from.\n  const onItemSizeChanged = useCallback(({ itemKey, size }: { itemKey: string, size: number }) => {\n    const entry = cellValuesRef.current.get(itemKey)\n    const current = entry?.value.value\n    if (entry && current)\n      entry.value.value = { y: current.y, height: size }\n  }, [])\n\n  return { cellLayout, onItemSizeChanged }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/MessagesContainer/useDaysPositions.d.ts

@@ -0,0 +1,18 @@
+import { SharedValue } from 'react-native-reanimated';
+import { IMessage } from '../Models';
+import { ListState } from './listState';
+import { MessageRowStore } from './rowStore';
+import { DaysPositions } from './types';
+interface DaysPositionsOptions<TMessage extends IMessage> {
+    messages: TMessage[];
+    isInverted: boolean;
+    isListLaidOut: boolean;
+    isDayAnimationEnabled: boolean;
+    listState: () => ListState | undefined;
+    daysPositions: SharedValue<DaysPositions>;
+    rowStore: MessageRowStore<TMessage>;
+}
+/** Feeds `daysPositions`, the floating day header's map of where each day starts. */
+export declare function useDaysPositions<TMessage extends IMessage>({ messages, isInverted, isListLaidOut, isDayAnimationEnabled, listState, daysPositions, rowStore, }: DaysPositionsOptions<TMessage>): void;
+export {};
+//# sourceMappingURL=useDaysPositions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDaysPositions.d.ts","sourceRoot":"","sources":["../../src/MessagesContainer/useDaysPositions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,UAAU,oBAAoB,CAAC,QAAQ,SAAS,QAAQ;IACtD,QAAQ,EAAE,QAAQ,EAAE,CAAA;IACpB,UAAU,EAAE,OAAO,CAAA;IACnB,aAAa,EAAE,OAAO,CAAA;IACtB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,SAAS,EAAE,MAAM,SAAS,GAAG,SAAS,CAAA;IACtC,aAAa,EAAE,WAAW,CAAC,aAAa,CAAC,CAAA;IACzC,QAAQ,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAA;CACpC;AAED,qFAAqF;AACrF,wBAAgB,gBAAgB,CAAC,QAAQ,SAAS,QAAQ,EAAG,EAC3D,QAAQ,EACR,UAAU,EACV,aAAa,EACb,qBAAqB,EACrB,SAAS,EACT,aAAa,EACb,QAAQ,GACT,EAAE,oBAAoB,CAAC,QAAQ,CAAC,QAmEhC"}

package/lib/MessagesContainer/useDaysPositions.js

@@ -0,0 +1,109 @@
+import { c as _c } from "react/compiler-runtime";
+import { useEffect, useMemo } from 'react';
+import { isSameDay } from '../utils';
+/** Feeds `daysPositions`, the floating day header's map of where each day starts. */
+export function useDaysPositions(t0) {
+  const $ = _c(11);
+  const {
+    messages,
+    isInverted,
+    isListLaidOut,
+    isDayAnimationEnabled,
+    listState,
+    daysPositions,
+    rowStore
+  } = t0;
+  let ids;
+  if ($[0] !== isInverted || $[1] !== messages) {
+    ids = [];
+    for (let i = 0; i < messages.length; i++) {
+      const previous = isInverted ? messages[i + 1] : messages[i - 1];
+      if (!previous || !isSameDay(messages[i], previous)) {
+        ids.push(messages[i]._id.toString());
+      }
+    }
+    $[0] = isInverted;
+    $[1] = messages;
+    $[2] = ids;
+  } else {
+    ids = $[2];
+  }
+  const dayStartIds = ids;
+  let t1;
+  let t2;
+  if ($[3] !== dayStartIds || $[4] !== daysPositions || $[5] !== isDayAnimationEnabled || $[6] !== isListLaidOut || $[7] !== listState || $[8] !== rowStore) {
+    t1 = () => {
+      const state = isListLaidOut && isDayAnimationEnabled ? listState() : undefined;
+      if (!state) {
+        return;
+      }
+      let pending = null;
+      let frame = null;
+      const flush = () => {
+        frame = null;
+        const batch = pending;
+        pending = null;
+        if (batch) {
+          daysPositions.modify(value => {
+            "worklet";
+
+            for (const key in batch) {
+              value[key] = batch[key];
+            }
+            return value;
+          });
+        }
+      };
+      const initial = {};
+      const unsubscribes = dayStartIds.map(id => {
+        const message = rowStore.getMessage(id);
+        const date = new Date(message?.createdAt ?? 0);
+        const entry = y => ({
+          x: 0,
+          width: 0,
+          y,
+          height: state.sizes.get(id) ?? 0,
+          createdAt: date.getTime(),
+          dayKey: date.getFullYear() * 10000 + date.getMonth() * 100 + date.getDate()
+        });
+        const y_0 = state.positionByKey(id);
+        if (y_0 != null) {
+          initial[id] = entry(y_0);
+        }
+        return state.listenToPosition(id, position => {
+          if (pending == null) {
+            pending = {};
+          }
+          pending[id] = entry(position);
+          if (frame == null) {
+            frame = requestAnimationFrame(flush);
+          }
+        });
+      });
+      daysPositions.set(initial);
+      return () => {
+        unsubscribes.forEach(_temp);
+        if (frame != null) {
+          cancelAnimationFrame(frame);
+        }
+      };
+    };
+    t2 = [dayStartIds, isListLaidOut, isDayAnimationEnabled, listState, daysPositions, rowStore];
+    $[3] = dayStartIds;
+    $[4] = daysPositions;
+    $[5] = isDayAnimationEnabled;
+    $[6] = isListLaidOut;
+    $[7] = listState;
+    $[8] = rowStore;
+    $[9] = t1;
+    $[10] = t2;
+  } else {
+    t1 = $[9];
+    t2 = $[10];
+  }
+  useEffect(t1, t2);
+}
+function _temp(unsubscribe) {
+  return unsubscribe();
+}
+//# sourceMappingURL=useDaysPositions.js.map

package/lib/MessagesContainer/useDaysPositions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDaysPositions.js","names":["useEffect","useMemo","isSameDay","useDaysPositions","t0","$","_c","messages","isInverted","isListLaidOut","isDayAnimationEnabled","listState","daysPositions","rowStore","ids","i","length","previous","push","_id","toString","dayStartIds","t1","t2","state","undefined","pending","frame","flush","batch","modify","value","key","initial","unsubscribes","map","id","message","getMessage","date","Date","createdAt","entry","y","x","width","height","sizes","get","getTime","dayKey","getFullYear","getMonth","getDate","y_0","positionByKey","listenToPosition","position","requestAnimationFrame","set","forEach","_temp","cancelAnimationFrame","unsubscribe"],"sources":["../../src/MessagesContainer/useDaysPositions.ts"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { SharedValue } from 'react-native-reanimated'\n\nimport { IMessage } from '../Models'\nimport { isSameDay } from '../utils'\nimport { ListState } from './listState'\nimport { MessageRowStore } from './rowStore'\nimport { DaysPositions } from './types'\n\ninterface DaysPositionsOptions<TMessage extends IMessage> {\n  messages: TMessage[]\n  isInverted: boolean\n  isListLaidOut: boolean\n  isDayAnimationEnabled: boolean\n  listState: () => ListState | undefined\n  daysPositions: SharedValue<DaysPositions>\n  rowStore: MessageRowStore<TMessage>\n}\n\n/** Feeds `daysPositions`, the floating day header's map of where each day starts. */\nexport function useDaysPositions<TMessage extends IMessage> ({\n  messages,\n  isInverted,\n  isListLaidOut,\n  isDayAnimationEnabled,\n  listState,\n  daysPositions,\n  rowStore,\n}: DaysPositionsOptions<TMessage>) {\n  // Where each day's opening message sits, for the floating day header: the list reports a\n  // row's position whenever it changes, so only the rows that open a day are followed, and\n  // their moves reach the UI thread once a frame.\n  const dayStartIds = useMemo(() => {\n    const ids: string[] = []\n    for (let i = 0; i < messages.length; i++) {\n      const previous = isInverted ? messages[i + 1] : messages[i - 1]\n      if (!previous || !isSameDay(messages[i], previous))\n        ids.push(messages[i]._id.toString())\n    }\n    return ids\n  }, [messages, isInverted])\n\n  useEffect(() => {\n    const state = isListLaidOut && isDayAnimationEnabled ? listState() : undefined\n    if (!state)\n      return\n\n    let pending: Record<string, DaysPositions[string]> | null = null\n    let frame: number | null = null\n    const flush = () => {\n      frame = null\n      const batch = pending\n      pending = null\n      if (batch)\n        daysPositions.modify(value => {\n          'worklet'\n\n          for (const key in batch)\n            value[key] = batch[key]\n          return value\n        })\n    }\n\n    const initial: DaysPositions = {}\n    const unsubscribes = dayStartIds.map(id => {\n      const message = rowStore.getMessage(id)\n      const date = new Date(message?.createdAt ?? 0)\n      const entry = (y: number): DaysPositions[string] => ({\n        x: 0,\n        width: 0,\n        y,\n        height: state.sizes.get(id) ?? 0,\n        createdAt: date.getTime(),\n        dayKey: date.getFullYear() * 10000 + date.getMonth() * 100 + date.getDate(),\n      })\n      const y = state.positionByKey(id)\n      if (y != null)\n        initial[id] = entry(y)\n      return state.listenToPosition(id, position => {\n        if (pending == null)\n          pending = {}\n        pending[id] = entry(position)\n        if (frame == null)\n          frame = requestAnimationFrame(flush)\n      })\n    })\n    // The days this list shows now, replacing any that went with a deleted or earlier message.\n    daysPositions.set(initial)\n\n    return () => {\n      unsubscribes.forEach(unsubscribe => unsubscribe())\n      if (frame != null)\n        cancelAnimationFrame(frame)\n    }\n  }, [dayStartIds, isListLaidOut, isDayAnimationEnabled, listState, daysPositions, rowStore])\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/MessagesContainer/useListChrome.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { IMessage } from '../Models';
+import { MessagesContainerProps } from './types';
+/**
+ * What the list draws around the rows: the "Load earlier" header, the typing indicator (or a
+ * custom footer), the empty state, and loading earlier messages on reaching the top.
+ */
+export declare function useListChrome<TMessage extends IMessage>(props: MessagesContainerProps<TMessage>): {
+    ListHeaderComponent: React.JSX.Element | undefined;
+    ListFooterComponent: React.JSX.Element;
+    renderChatEmpty: React.JSX.Element;
+    onStartReached: () => void;
+};
+//# sourceMappingURL=useListChrome.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useListChrome.d.ts","sourceRoot":"","sources":["../../src/MessagesContainer/useListChrome.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAKnD,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAGpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAEhD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,QAAQ,SAAS,QAAQ,EAAG,KAAK,EAAE,sBAAsB,CAAC,QAAQ,CAAC;;;;;EA+EhG"}

package/lib/MessagesContainer/useListChrome.js

@@ -0,0 +1,176 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useCallback, useMemo } from 'react';
+import { View } from 'react-native';
+import { useTheme } from '../hooks/useTheme';
+import { LoadEarlierMessages } from '../LoadEarlierMessages';
+import stylesCommon from '../styles';
+import { TypingIndicator } from '../TypingIndicator';
+/**
+ * What the list draws around the rows: the "Load earlier" header, the typing indicator (or a
+ * custom footer), the empty state, and loading earlier messages on reaching the top.
+ */
+export function useListChrome(props) {
+  const $ = _c(32);
+  const {
+    isTyping: t0,
+    renderChatEmpty: renderChatEmptyProp,
+    loadEarlierMessagesProps,
+    renderTypingIndicator: renderTypingIndicatorProp,
+    renderFooter: renderFooterProp,
+    renderLoadEarlier: renderLoadEarlierProp
+  } = props;
+  const isTyping = t0 === undefined ? false : t0;
+  const theme = useTheme();
+  const t1 = 6 + theme.avatar.size + 11;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = {
+      marginLeft: t1
+    };
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const typingIndicatorAvatarInset = t2;
+  let t3;
+  if ($[2] !== isTyping || $[3] !== props.isAvatarVisible || $[4] !== props.typingIndicatorStyle || $[5] !== renderTypingIndicatorProp || $[6] !== typingIndicatorAvatarInset) {
+    t3 = () => {
+      if (renderTypingIndicatorProp) {
+        return renderTypingIndicatorProp();
+      }
+      return <TypingIndicator isTyping={isTyping} style={[props.isAvatarVisible && typingIndicatorAvatarInset, props.typingIndicatorStyle]} />;
+    };
+    $[2] = isTyping;
+    $[3] = props.isAvatarVisible;
+    $[4] = props.typingIndicatorStyle;
+    $[5] = renderTypingIndicatorProp;
+    $[6] = typingIndicatorAvatarInset;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const renderTypingIndicator = t3;
+  const footerProps = renderFooterProp ? props : undefined;
+  let t4;
+  if ($[8] !== footerProps || $[9] !== renderFooterProp || $[10] !== renderTypingIndicator) {
+    t4 = renderFooterProp ? renderFooterProp(footerProps) : renderTypingIndicator();
+    $[8] = footerProps;
+    $[9] = renderFooterProp;
+    $[10] = renderTypingIndicator;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  let t5;
+  if ($[12] !== t4) {
+    t5 = <>{t4}</>;
+    $[12] = t4;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  const ListFooterComponent = t5;
+  let t6;
+  if ($[14] !== loadEarlierMessagesProps || $[15] !== renderLoadEarlierProp) {
+    t6 = () => {
+      if (loadEarlierMessagesProps?.isAvailable) {
+        if (renderLoadEarlierProp) {
+          return renderLoadEarlierProp(loadEarlierMessagesProps);
+        }
+        return <LoadEarlierMessages {...loadEarlierMessagesProps} />;
+      }
+      return null;
+    };
+    $[14] = loadEarlierMessagesProps;
+    $[15] = renderLoadEarlierProp;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  const renderLoadEarlier = t6;
+  let t7;
+  bb0: {
+    if (!renderChatEmptyProp) {
+      t7 = null;
+      break bb0;
+    }
+    let t8;
+    if ($[17] !== renderChatEmptyProp) {
+      t8 = renderChatEmptyProp();
+      $[17] = renderChatEmptyProp;
+      $[18] = t8;
+    } else {
+      t8 = $[18];
+    }
+    t7 = t8;
+  }
+  const emptyContent = t7;
+  const t8 = renderChatEmptyProp ? emptyContent : null;
+  let t9;
+  if ($[19] !== t8) {
+    t9 = <View style={stylesCommon.fill}>{t8}</View>;
+    $[19] = t8;
+    $[20] = t9;
+  } else {
+    t9 = $[20];
+  }
+  const renderChatEmpty = t9;
+  let t10;
+  bb1: {
+    let t11;
+    if ($[21] !== renderLoadEarlier) {
+      t11 = renderLoadEarlier();
+      $[21] = renderLoadEarlier;
+      $[22] = t11;
+    } else {
+      t11 = $[22];
+    }
+    const content = t11;
+    if (!content) {
+      t10 = undefined;
+      break bb1;
+    }
+    let t12;
+    if ($[23] !== content) {
+      t12 = <View style={stylesCommon.fill}>{content}</View>;
+      $[23] = content;
+      $[24] = t12;
+    } else {
+      t12 = $[24];
+    }
+    t10 = t12;
+  }
+  const ListHeaderComponent = t10;
+  let t11;
+  if ($[25] !== loadEarlierMessagesProps) {
+    t11 = () => {
+      if (loadEarlierMessagesProps && loadEarlierMessagesProps.isAvailable && loadEarlierMessagesProps.isInfiniteScrollEnabled && !loadEarlierMessagesProps.isLoading) {
+        loadEarlierMessagesProps.onPress();
+      }
+    };
+    $[25] = loadEarlierMessagesProps;
+    $[26] = t11;
+  } else {
+    t11 = $[26];
+  }
+  const onStartReached = t11;
+  let t12;
+  if ($[27] !== ListFooterComponent || $[28] !== ListHeaderComponent || $[29] !== onStartReached || $[30] !== renderChatEmpty) {
+    t12 = {
+      ListHeaderComponent,
+      ListFooterComponent,
+      renderChatEmpty,
+      onStartReached
+    };
+    $[27] = ListFooterComponent;
+    $[28] = ListHeaderComponent;
+    $[29] = onStartReached;
+    $[30] = renderChatEmpty;
+    $[31] = t12;
+  } else {
+    t12 = $[31];
+  }
+  return t12;
+}
+//# sourceMappingURL=useListChrome.js.map

package/lib/MessagesContainer/useListChrome.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListChrome.js","names":["React","useCallback","useMemo","View","useTheme","LoadEarlierMessages","stylesCommon","TypingIndicator","useListChrome","props","$","_c","isTyping","t0","renderChatEmpty","renderChatEmptyProp","loadEarlierMessagesProps","renderTypingIndicator","renderTypingIndicatorProp","renderFooter","renderFooterProp","renderLoadEarlier","renderLoadEarlierProp","undefined","theme","t1","avatar","size","t2","marginLeft","typingIndicatorAvatarInset","t3","isAvatarVisible","typingIndicatorStyle","footerProps","t4","t5","ListFooterComponent","t6","isAvailable","t7","bb0","t8","emptyContent","t9","fill","t10","bb1","t11","content","t12","ListHeaderComponent","isInfiniteScrollEnabled","isLoading","onPress","onStartReached"],"sources":["../../src/MessagesContainer/useListChrome.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport { View } from 'react-native'\n\nimport { useTheme } from '../hooks/useTheme'\nimport { LoadEarlierMessages } from '../LoadEarlierMessages'\nimport { IMessage } from '../Models'\nimport stylesCommon from '../styles'\nimport { TypingIndicator } from '../TypingIndicator'\nimport { MessagesContainerProps } from './types'\n\n/**\n * What the list draws around the rows: the \"Load earlier\" header, the typing indicator (or a\n * custom footer), the empty state, and loading earlier messages on reaching the top.\n */\nexport function useListChrome<TMessage extends IMessage> (props: MessagesContainerProps<TMessage>) {\n  const {\n    isTyping = false,\n    renderChatEmpty: renderChatEmptyProp,\n    loadEarlierMessagesProps,\n    renderTypingIndicator: renderTypingIndicatorProp,\n    renderFooter: renderFooterProp,\n    renderLoadEarlier: renderLoadEarlierProp,\n  } = props\n\n  const theme = useTheme()\n\n  // The incoming bubbles start past the avatar column: the row's 8, then the avatar\n  // (pulled 2 towards the edge) and the 11 the tail curls into (see `Avatar`).\n  const typingIndicatorAvatarInset = useMemo(() => ({ marginLeft: 8 - 2 + theme.avatar.size + 11 }), [theme.avatar.size])\n\n  const renderTypingIndicator = useCallback(() => {\n    if (renderTypingIndicatorProp)\n      return renderTypingIndicatorProp()\n\n    return <TypingIndicator isTyping={isTyping} style={[props.isAvatarVisible && typingIndicatorAvatarInset, props.typingIndicatorStyle]} />\n  }, [isTyping, renderTypingIndicatorProp, props.isAvatarVisible, typingIndicatorAvatarInset, props.typingIndicatorStyle])\n\n  // Only a custom footer is handed the props, so only then does it depend on them - the\n  // typing indicator would otherwise be rebuilt, and the list with it, on every render.\n  const footerProps = renderFooterProp ? props : undefined\n  const ListFooterComponent = useMemo(() => (\n    <>\n      {renderFooterProp ? renderFooterProp(footerProps!) : renderTypingIndicator()}\n    </>\n  ), [renderFooterProp, renderTypingIndicator, footerProps])\n\n  const renderLoadEarlier = useCallback(() => {\n    if (loadEarlierMessagesProps?.isAvailable) {\n      if (renderLoadEarlierProp)\n        return renderLoadEarlierProp(loadEarlierMessagesProps)\n\n      return <LoadEarlierMessages {...loadEarlierMessagesProps} />\n    }\n\n    return null\n  }, [loadEarlierMessagesProps, renderLoadEarlierProp])\n\n  const emptyContent = useMemo(() => {\n    if (!renderChatEmptyProp)\n      return null\n\n    return renderChatEmptyProp()\n  }, [renderChatEmptyProp])\n\n  const renderChatEmpty = useMemo(() => (\n    <View style={stylesCommon.fill}>\n      {renderChatEmptyProp ? emptyContent : null}\n    </View>\n  ), [renderChatEmptyProp, emptyContent])\n\n  const ListHeaderComponent = useMemo(() => {\n    const content = renderLoadEarlier()\n\n    if (!content)\n      return undefined\n\n    return (\n      <View style={stylesCommon.fill}>{content}</View>\n    )\n  }, [renderLoadEarlier])\n\n  // The oldest messages are at the top, so infinite scroll loads earlier ones on reaching it.\n  const onStartReached = useCallback(() => {\n    if (\n      loadEarlierMessagesProps &&\n      loadEarlierMessagesProps.isAvailable &&\n      loadEarlierMessagesProps.isInfiniteScrollEnabled &&\n      !loadEarlierMessagesProps.isLoading\n    )\n      loadEarlierMessagesProps.onPress()\n  }, [loadEarlierMessagesProps])\n\n  return { ListHeaderComponent, ListFooterComponent, renderChatEmpty, onStartReached }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/MessagesContainer/useListMetrics.d.ts

@@ -0,0 +1,32 @@
+import { LayoutChangeEvent } from 'react-native';
+import { SharedValue } from 'react-native-reanimated';
+import { IMessage } from '../Models';
+import { ListState } from './listState';
+import { AnimatedListProps } from './types';
+/**
+ * The list's size and scroll position as shared values, and the layout and content-size
+ * handlers that keep them current.
+ */
+export declare function useListMetrics<TMessage extends IMessage>(listProps: AnimatedListProps<TMessage> | undefined): {
+    isListLaidOut: boolean;
+    isLayoutAnimated: boolean;
+    listHeight: SharedValue<number>;
+    contentHeight: SharedValue<number>;
+    scrollOffset: SharedValue<number>;
+    sharedValues: {
+        scrollOffset: SharedValue<number>;
+    };
+    rowsHeight: SharedValue<number>;
+    scrolledY: import("react-native-reanimated").DerivedValue<number>;
+    onLayoutList: (event: LayoutChangeEvent) => void;
+    onContentSizeChange: (_width: number, height: number) => void;
+    onMetricsChange: (metrics: {
+        footerSize: number;
+    }) => void;
+    maintainScrollAtEnd: {
+        animated: boolean;
+    };
+};
+/** Keeps `rowsHeight` at the rows' total height, which `scrolledY` measures from. */
+export declare function useRowsHeight(isListLaidOut: boolean, listState: () => ListState | undefined, rowsHeight: SharedValue<number>, orderedData: IMessage[]): void;
+//# sourceMappingURL=useListMetrics.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useListMetrics.d.ts","sourceRoot":"","sources":["../../src/MessagesContainer/useListMetrics.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,EAAE,WAAW,EAAmC,MAAM,yBAAyB,CAAA;AAEtF,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AACpC,OAAO,EAA0B,SAAS,EAAE,MAAM,aAAa,CAAA;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAI3C;;;GAGG;AACH,wBAAgB,cAAc,CAAC,QAAQ,SAAS,QAAQ,EAAG,SAAS,EAAE,iBAAiB,CAAC,QAAQ,CAAC,GAAG,SAAS;;;;;;;;;;;0BA6BlE,iBAAiB;kCAUT,MAAM,UAAU,MAAM;+BAMzB;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE;;;;EAyBrE;AAED,qFAAqF;AACrF,wBAAgB,aAAa,CAC3B,aAAa,EAAE,OAAO,EACtB,SAAS,EAAE,MAAM,SAAS,GAAG,SAAS,EACtC,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,EAC/B,WAAW,EAAE,QAAQ,EAAE,QAoBxB"}