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

package/lib/MessagesContainer/components/DayAnimated/types.d.ts

@@ -1,3 +1,4 @@
+import { SharedValue } from 'react-native-reanimated';
 import { DayProps } from '../../../Day';
 import { DaysPositions } from '../../types';
 export interface DayAnimatedProps extends Omit<DayProps, 'createdAt'> {
@@ -13,9 +14,10 @@ export interface DayAnimatedProps extends Omit<DayProps, 'createdAt'> {
     isScrollActive: {
         value: boolean;
     };
-    floatingRenderedDate: {
-        value: number | undefined;
+    opacity?: {
+        value: number;
     };
+    floatingRenderedDate: SharedValue<number | undefined>;
     renderDay?: (props: DayProps) => React.ReactNode;
     isLoading: boolean;
 }

package/lib/MessagesContainer/components/DayAnimated/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE3C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC;IACnE,SAAS,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5B,aAAa,EAAE;QAAE,KAAK,EAAE,aAAa,CAAA;KAAE,CAAA;IACvC,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAC7B,cAAc,EAAE;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE,CAAA;IAGlC,oBAAoB,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAA;IACnD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAA;IAChD,SAAS,EAAE,OAAO,CAAA;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE3C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC;IACnE,SAAS,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5B,aAAa,EAAE;QAAE,KAAK,EAAE,aAAa,CAAA;KAAE,CAAA;IACvC,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAC7B,cAAc,EAAE;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE,CAAA;IAGlC,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAG3B,oBAAoB,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IACrD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAA;IAChD,SAAS,EAAE,OAAO,CAAA;CACnB"}

package/lib/MessagesContainer/components/DayAnimated/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/MessagesContainer/components/DayAnimated/types.ts"],"sourcesContent":["import { SharedValue } from 'react-native-reanimated'\nimport { DayProps } from '../../../Day'\nimport { DaysPositions } from '../../types'\n\nexport interface DayAnimatedProps extends Omit<DayProps, 'createdAt'> {\n  scrolledY: { value: number }\n  daysPositions: { value: DaysPositions }\n  listHeight: { value: number }\n  isScrollActive: { value: boolean }\n  // The header's own fade, owned by the list so the inline separators can follow it.\n  // Omitted, the header drives one from `isScrollActive` itself.\n  opacity?: { value: number }\n  // Mirror of the date the floating header is currently rendering. The header writes\n  // it; the inline separators read it to cover the header's 1-frame text lag.\n  floatingRenderedDate: SharedValue<number | undefined>\n  renderDay?: (props: DayProps) => React.ReactNode\n  isLoading: boolean\n}\n"],"mappings":"","ignoreList":[]}

package/lib/MessagesContainer/components/DayAnimated/useScrollGatedOpacity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollGatedOpacity.d.ts","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/useScrollGatedOpacity.ts"],"names":[],"mappings":"AAcA,wBAAgB,qBAAqB,CAAE,cAAc,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,yDA+BxE"}
+{"version":3,"file":"useScrollGatedOpacity.d.ts","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/useScrollGatedOpacity.ts"],"names":[],"mappings":"AAgBA,wBAAgB,qBAAqB,CAAE,cAAc,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,yDA+BxE"}

package/lib/MessagesContainer/components/DayAnimated/useScrollGatedOpacity.js

@@ -1,37 +1,46 @@
 import { useCallback } from 'react';
 import { runOnJS, useAnimatedReaction, useSharedValue, withTiming } from 'react-native-reanimated';
 import { DAY_DEBUG } from './debug';
+
+// The floating date fades in over 150ms while scrolling and out over 150ms after
+// 1000ms of idle.
 const FADE_IN_DURATION = 150;
-const FADE_OUT_DURATION = 300;
-const FADE_OUT_DELAY = 600;
-// Opacity (0..1) that follows the scroll gesture, Telegram-style: the floating date
+const FADE_OUT_DURATION = 150;
+const FADE_OUT_DELAY = 1000;
+
+// Opacity (0..1) that follows the scroll gesture: the floating date
 // header is hidden at rest, fades in fast when scrolling starts, stays fully opaque
 // for the whole gesture (drag + momentum, including slow drags and short pauses),
 // and fades out a short delay after scrolling fully stops. Driven by the
 // `isScrollActive` flag (begin/end drag + momentum) rather than per-scroll-delta
 // idle timers, so a pause mid-drag doesn't flicker it out and back in.
 export function useScrollGatedOpacity(isScrollActive) {
-    const opacity = useSharedValue(0);
-    const fadeOutTimeoutId = useSharedValue(undefined);
-    const fadeOut = useCallback(() => {
-        'worklet';
-        opacity.value = withTiming(0, { duration: FADE_OUT_DURATION * DAY_DEBUG.timeScale });
-    }, [opacity]);
-    const scheduleFadeOut = useCallback(() => {
-        clearTimeout(fadeOutTimeoutId.value);
-        fadeOutTimeoutId.value = setTimeout(fadeOut, FADE_OUT_DELAY * DAY_DEBUG.timeScale);
-    }, [fadeOut, fadeOutTimeoutId]);
-    useAnimatedReaction(() => isScrollActive.value, (active, prevActive) => {
-        if (active === prevActive)
-            return;
-        if (active) {
-            clearTimeout(fadeOutTimeoutId.value);
-            opacity.value = withTiming(1, { duration: FADE_IN_DURATION * DAY_DEBUG.timeScale });
-        }
-        else {
-            runOnJS(scheduleFadeOut)();
-        }
-    });
-    return opacity;
+  const opacity = useSharedValue(0);
+  const fadeOutTimeoutId = useSharedValue(undefined);
+  const fadeOut = () => {
+    "worklet";
+
+    opacity.set(withTiming(0, {
+      duration: FADE_OUT_DURATION * DAY_DEBUG.timeScale
+    }));
+  };
+  const scheduleFadeOut = () => {
+    clearTimeout(fadeOutTimeoutId.get());
+    fadeOutTimeoutId.set(setTimeout(fadeOut, FADE_OUT_DELAY * DAY_DEBUG.timeScale));
+  };
+  useAnimatedReaction(() => isScrollActive.value, (active, prevActive) => {
+    if (active === prevActive) {
+      return;
+    }
+    if (active) {
+      clearTimeout(fadeOutTimeoutId.get());
+      opacity.set(withTiming(1, {
+        duration: FADE_IN_DURATION * DAY_DEBUG.timeScale
+      }));
+    } else {
+      runOnJS(scheduleFadeOut)();
+    }
+  });
+  return opacity;
 }
 //# sourceMappingURL=useScrollGatedOpacity.js.map

package/lib/MessagesContainer/components/DayAnimated/useScrollGatedOpacity.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollGatedOpacity.js","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/useScrollGatedOpacity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAClG,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,MAAM,gBAAgB,GAAG,GAAG,CAAA;AAC5B,MAAM,iBAAiB,GAAG,GAAG,CAAA;AAC7B,MAAM,cAAc,GAAG,GAAG,CAAA;AAE1B,oFAAoF;AACpF,oFAAoF;AACpF,kFAAkF;AAClF,yEAAyE;AACzE,iFAAiF;AACjF,uEAAuE;AACvE,MAAM,UAAU,qBAAqB,CAAE,cAAkC;IACvE,MAAM,OAAO,GAAG,cAAc,CAAC,CAAC,CAAC,CAAA;IACjC,MAAM,gBAAgB,GAAG,cAAc,CAA4C,SAAS,CAAC,CAAA;IAE7F,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,SAAS,CAAA;QAET,OAAO,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,iBAAiB,GAAG,SAAS,CAAC,SAAS,EAAE,CAAC,CAAA;IACtF,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,YAAY,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAA;QAEpC,gBAAgB,CAAC,KAAK,GAAG,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,SAAS,CAAC,SAAS,CAAC,CAAA;IACpF,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAE/B,mBAAmB,CACjB,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,EAC1B,CAAC,MAAM,EAAE,UAAU,EAAE,EAAE;QACrB,IAAI,MAAM,KAAK,UAAU;YACvB,OAAM;QAER,IAAI,MAAM,EAAE,CAAC;YACX,YAAY,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAA;YACpC,OAAO,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,gBAAgB,GAAG,SAAS,CAAC,SAAS,EAAE,CAAC,CAAA;QACrF,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,eAAe,CAAC,EAAE,CAAA;QAC5B,CAAC;IACH,CAAC,CAAC,CAAA;IAEJ,OAAO,OAAO,CAAA;AAChB,CAAC"}
+{"version":3,"file":"useScrollGatedOpacity.js","names":["useCallback","runOnJS","useAnimatedReaction","useSharedValue","withTiming","DAY_DEBUG","FADE_IN_DURATION","FADE_OUT_DURATION","FADE_OUT_DELAY","useScrollGatedOpacity","isScrollActive","opacity","fadeOutTimeoutId","undefined","fadeOut","set","duration","timeScale","scheduleFadeOut","clearTimeout","get","setTimeout","value","active","prevActive"],"sources":["../../../../src/MessagesContainer/components/DayAnimated/useScrollGatedOpacity.ts"],"sourcesContent":["import { useCallback } from 'react'\nimport { runOnJS, useAnimatedReaction, useSharedValue, withTiming } from 'react-native-reanimated'\nimport { DAY_DEBUG } from './debug'\n\n// The floating date fades in over 150ms while scrolling and out over 150ms after\n// 1000ms of idle.\nconst FADE_IN_DURATION = 150\nconst FADE_OUT_DURATION = 150\nconst FADE_OUT_DELAY = 1000\n\n// Opacity (0..1) that follows the scroll gesture: the floating date\n// header is hidden at rest, fades in fast when scrolling starts, stays fully opaque\n// for the whole gesture (drag + momentum, including slow drags and short pauses),\n// and fades out a short delay after scrolling fully stops. Driven by the\n// `isScrollActive` flag (begin/end drag + momentum) rather than per-scroll-delta\n// idle timers, so a pause mid-drag doesn't flicker it out and back in.\nexport function useScrollGatedOpacity (isScrollActive: { value: boolean }) {\n  const opacity = useSharedValue(0)\n  const fadeOutTimeoutId = useSharedValue<ReturnType<typeof setTimeout> | undefined>(undefined)\n\n  const fadeOut = useCallback(() => {\n    'worklet'\n\n    opacity.set(withTiming(0, { duration: FADE_OUT_DURATION * DAY_DEBUG.timeScale }))\n  }, [opacity])\n\n  const scheduleFadeOut = useCallback(() => {\n    clearTimeout(fadeOutTimeoutId.get())\n\n    fadeOutTimeoutId.set(setTimeout(fadeOut, FADE_OUT_DELAY * DAY_DEBUG.timeScale))\n  }, [fadeOut, fadeOutTimeoutId])\n\n  useAnimatedReaction(\n    () => isScrollActive.value,\n    (active, prevActive) => {\n      if (active === prevActive)\n        return\n\n      if (active) {\n        clearTimeout(fadeOutTimeoutId.get())\n        opacity.set(withTiming(1, { duration: FADE_IN_DURATION * DAY_DEBUG.timeScale }))\n      } else {\n        runOnJS(scheduleFadeOut)()\n      }\n    })\n\n  return opacity\n}\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,OAAO,EAAEC,mBAAmB,EAAEC,cAAc,EAAEC,UAAU,QAAQ,yBAAyB;AAClG,SAASC,SAAS,QAAQ,SAAS;;AAEnC;AACA;AACA,MAAMC,gBAAgB,GAAG,GAAG;AAC5B,MAAMC,iBAAiB,GAAG,GAAG;AAC7B,MAAMC,cAAc,GAAG,IAAI;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAAC,sBAAAC,cAAA;EACL,MAAAC,OAAA,GAAgBR,cAAc,CAAC,CAAC,CAAC;EACjC,MAAAS,gBAAA,GAAyBT,cAAc,CAA4CU,SAAS,CAAC;EAE7F,MAAAC,OAAA,GAAgBA,CAAA;IAAA;;IAGdH,OAAO,CAAAI,GAAI,CAACX,UAAU,CAAC,CAAC,EAAE;MAAAY,QAAA,EAAYT,iBAAiB,GAAGF,SAAS,CAAAY;IAAW,CAAC,CAAC,CAAC;EAAA,CACtE;EAEb,MAAAC,eAAA,GAAwBA,CAAA;IACtBC,YAAY,CAACP,gBAAgB,CAAAQ,GAAI,CAAC,CAAC,CAAC;IAEpCR,gBAAgB,CAAAG,GAAI,CAACM,UAAU,CAACP,OAAO,EAAEN,cAAc,GAAGH,SAAS,CAAAY,SAAU,CAAC,CAAC;EAAA,CAClD;EAE/Bf,mBAAmB,CACjB,MAAMQ,cAAc,CAAAY,KAAM,EAC1B,CAAAC,MAAA,EAAAC,UAAA;IACE,IAAID,MAAM,KAAKC,UAAU;MAAA;IAAA;IAGzB,IAAID,MAAM;MACRJ,YAAY,CAACP,gBAAgB,CAAAQ,GAAI,CAAC,CAAC,CAAC;MACpCT,OAAO,CAAAI,GAAI,CAACX,UAAU,CAAC,CAAC,EAAE;QAAAY,QAAA,EAAYV,gBAAgB,GAAGD,SAAS,CAAAY;MAAW,CAAC,CAAC,CAAC;IAAA;MAEhFhB,OAAO,CAACiB,eAAe,CAAC,CAAC,CAAC;IAAA;EAC3B,CACF,CAAC;EAAA,OAEGP,OAAO;AAAA","ignoreList":[]}

package/lib/MessagesContainer/components/Item/index.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import { IMessage } from '../../../Models';
-import { ItemProps } from './types';
 export * from './types';
-declare const ItemComponent: <TMessage extends IMessage>(props: ItemProps<TMessage>) => React.JSX.Element;
-export declare const Item: typeof ItemComponent;
+export declare const MessageRow: React.MemoExoticComponent<({ id }: {
+    id: string;
+}) => React.JSX.Element | null>;
 //# sourceMappingURL=index.d.ts.map

package/lib/MessagesContainer/components/Item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/Item/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAMtC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,cAAc,SAAS,CAAA;AAoFvB,QAAA,MAAM,aAAa,GAAI,QAAQ,SAAS,QAAQ,EAAE,OAAO,SAAS,CAAC,QAAQ,CAAC,sBAiD3E,CAAA;AA0CD,eAAO,MAAM,IAAI,EAA+C,OAAO,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/Item/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAalD,cAAc,SAAS,CAAA;AAsLvB,eAAO,MAAM,UAAU,qCAzBc;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,8BAyBM,CAAA"}

package/lib/MessagesContainer/components/Item/index.js

@@ -1,131 +1,301 @@
-import React, { useMemo } from 'react';
+import { c as _c } from "react/compiler-runtime";
+import React, { useContext, useMemo } from 'react';
 import { View } from 'react-native';
-import isEqual from 'lodash.isequal';
 import Animated, { useAnimatedStyle, useDerivedValue } from 'react-native-reanimated';
+import { UnreadSeparator } from '../../../components/UnreadSeparator';
 import { Day } from '../../../Day';
 import { Message } from '../../../Message';
 import { isSameDay } from '../../../utils';
+import { MessageRowConfigContext, useRowSettings } from '../../rowConfig';
+import { useRowEntry } from '../../rowStore';
 import { DAY_HANDOFF_OFFSET, dayPositionScreenTop, findDayPosition } from '../dayLayout';
 export * from './types';
-const DayWrapper = (props) => {
-    const { renderDay: renderDayProp, currentMessage, previousMessage, } = props;
-    if (!currentMessage?.createdAt || isSameDay(currentMessage, previousMessage))
-        return null;
-    const { 
-    /* eslint-disable @typescript-eslint/no-unused-vars */
-    containerStyle, onMessageLayout, 
-    /* eslint-enable @typescript-eslint/no-unused-vars */
-    ...rest } = props;
-    return (<View>
-      {renderDayProp
-            ? renderDayProp({ ...rest, createdAt: currentMessage.createdAt, isAnimated: false })
-            : <Day {...rest} createdAt={currentMessage.createdAt} isAnimated={false}/>}
-    </View>);
+const DayWrapper = props => {
+  const $ = _c(8);
+  const {
+    renderDay: renderDayProp,
+    currentMessage,
+    previousMessage
+  } = props;
+  if (!currentMessage?.createdAt || isSameDay(currentMessage, previousMessage)) {
+    return null;
+  }
+  let T0;
+  let t0;
+  if ($[0] !== currentMessage.createdAt || $[1] !== props || $[2] !== renderDayProp) {
+    const {
+      containerStyle,
+      onMessageLayout,
+      ...rest
+    } = props;
+    T0 = View;
+    t0 = renderDayProp ? renderDayProp({
+      ...rest,
+      createdAt: currentMessage.createdAt,
+      isAnimated: false
+    }) : <Day {...rest} createdAt={currentMessage.createdAt} isAnimated={false} />;
+    $[0] = currentMessage.createdAt;
+    $[1] = props;
+    $[2] = renderDayProp;
+    $[3] = T0;
+    $[4] = t0;
+  } else {
+    T0 = $[3];
+    t0 = $[4];
+  }
+  let t1;
+  if ($[5] !== T0 || $[6] !== t0) {
+    t1 = <T0>{t0}</T0>;
+    $[5] = T0;
+    $[6] = t0;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  return t1;
 };
-const AnimatedDayWrapper = (props) => {
-    const { scrolledY, daysPositions, listHeight, floatingRenderedDate, ...rest } = props;
-    const createdAt = useMemo(() => new Date(props.currentMessage.createdAt).getTime(), [props.currentMessage.createdAt]);
-    // This day's measured position. Deliberately derived from `daysPositions` alone and
-    // NOT from `scrolledY`: the lookup is an O(days) scan that allocates (Object.values),
-    // and reading scroll here would re-run it once per mounted row on every frame. Cell
-    // layout is the only thing that can change the answer, so that is what it tracks.
-    const dayPosition = useDerivedValue(() => findDayPosition(daysPositions.value, createdAt));
-    const style = useAnimatedStyle(() => {
-        // The inline separator is the in-conversation date marker. It is shown while its
-        // day is below the handoff line, and hidden once its day is the one the floating
-        // header is actually rendering at the pin - a hard step (no fade) so the date
-        // goes floating(1) <-> inline(1) at the same pixel with no dip and no duplicate.
-        //
-        // Hiding on `floatingRenderedDate` (the header's *rendered* date) rather than on
-        // position alone is what kills the 1-frame flash when scrolling into a newer day:
-        // the worklet picks the new stuck day instantly but the header's text only
-        // updates ~1 frame later on the JS thread; until it does, this inline separator
-        // stays up and shows the correct date, so the header never flashes the old one.
-        // Only the arithmetic is per-frame; the lookup it needs was resolved at layout.
-        // Infinity (treated as below the pin, i.e. visible) until the day is measured.
-        const day = dayPosition.value;
-        const separatorScreenTop = day
-            ? dayPositionScreenTop(listHeight.value + scrolledY.value, day)
-            : Infinity;
-        const belowHandoff = separatorScreenTop > DAY_HANDOFF_OFFSET;
-        const headerShowsThisDay = floatingRenderedDate != null && floatingRenderedDate.value === createdAt;
-        return {
-            opacity: belowHandoff || !headerShowsThisDay ? 1 : 0,
-        };
-    });
-    return (<Animated.View style={style}>
-      <DayWrapper {...rest}/>
-    </Animated.View>);
+const AnimatedDayWrapper = props => {
+  const $ = _c(11);
+  let daysPositions;
+  let floatingDayOpacity;
+  let floatingRenderedDate;
+  let rest;
+  let scrolledY;
+  if ($[0] !== props) {
+    const {
+      scrolledY: t0,
+      daysPositions: t1,
+      listHeight: _listHeight,
+      floatingRenderedDate: t2,
+      floatingDayOpacity: t3,
+      ...t4
+    } = props;
+    scrolledY = t0;
+    daysPositions = t1;
+    floatingRenderedDate = t2;
+    floatingDayOpacity = t3;
+    rest = t4;
+    $[0] = props;
+    $[1] = daysPositions;
+    $[2] = floatingDayOpacity;
+    $[3] = floatingRenderedDate;
+    $[4] = rest;
+    $[5] = scrolledY;
+  } else {
+    daysPositions = $[1];
+    floatingDayOpacity = $[2];
+    floatingRenderedDate = $[3];
+    rest = $[4];
+    scrolledY = $[5];
+  }
+  const createdAt = new Date(props.currentMessage.createdAt).getTime();
+  const dayPosition = useDerivedValue(() => findDayPosition(daysPositions.value, createdAt));
+  const style = useAnimatedStyle(() => {
+    const day = dayPosition.value;
+    const separatorScreenTop = day ? dayPositionScreenTop(scrolledY.value, day) : Infinity;
+    const belowHandoff = separatorScreenTop > DAY_HANDOFF_OFFSET;
+    const headerShowsThisDay = floatingRenderedDate != null && floatingRenderedDate.value === createdAt;
+    if (belowHandoff || !headerShowsThisDay) {
+      return {
+        opacity: 1
+      };
+    }
+    return {
+      opacity: floatingDayOpacity ? 1 - floatingDayOpacity.value : 0
+    };
+  });
+  const t0 = rest;
+  let t1;
+  if ($[6] !== t0) {
+    t1 = <DayWrapper {...t0} />;
+    $[6] = t0;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  let t2;
+  if ($[8] !== style || $[9] !== t1) {
+    t2 = <Animated.View style={style}>{t1}</Animated.View>;
+    $[8] = style;
+    $[9] = t1;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  return t2;
 };
-const ItemComponent = (props) => {
-    const { renderMessage: renderMessageProp, isDayAnimationEnabled, reply, 
-    /* eslint-disable @typescript-eslint/no-unused-vars */
-    scrolledY: _scrolledY, daysPositions: _daysPositions, listHeight: _listHeight, 
-    /* eslint-enable @typescript-eslint/no-unused-vars */
-    ...rest } = props;
-    // Transform reply props for Message and Bubble.
-    // `rest` is rebuilt by the destructuring above on every render, so memoising on it never hit -
-    // the object was recomputed each time *and* paid for a dependency comparison. The row only
-    // renders when `arePropsEqual` already decided something changed, so there is nothing to cache.
-    const messageProps = {
-        ...rest,
-        // Swipe to reply for Message component
-        swipeToReply: reply?.swipe,
-        // Message reply styling for Bubble component
-        messageReply: reply ? {
-            renderMessageReply: reply.renderMessageReply,
-            onPress: reply.onPress,
-            ...reply.messageStyle,
-        } : undefined,
+const ItemComponent = props => {
+  const $ = _c(34);
+  let isDayAnimationEnabled;
+  let isFirstUnread;
+  let renderMessageProp;
+  let renderUnreadSeparator;
+  let reply;
+  let rest;
+  if ($[0] !== props) {
+    const {
+      renderMessage: t0,
+      isDayAnimationEnabled: t1,
+      reply: t2,
+      isFirstUnread: t3,
+      renderUnreadSeparator: t4,
+      scrolledY: _scrolledY,
+      daysPositions: _daysPositions,
+      listHeight: _listHeight,
+      ...t5
+    } = props;
+    renderMessageProp = t0;
+    isDayAnimationEnabled = t1;
+    reply = t2;
+    isFirstUnread = t3;
+    renderUnreadSeparator = t4;
+    rest = t5;
+    $[0] = props;
+    $[1] = isDayAnimationEnabled;
+    $[2] = isFirstUnread;
+    $[3] = renderMessageProp;
+    $[4] = renderUnreadSeparator;
+    $[5] = reply;
+    $[6] = rest;
+  } else {
+    isDayAnimationEnabled = $[1];
+    isFirstUnread = $[2];
+    renderMessageProp = $[3];
+    renderUnreadSeparator = $[4];
+    reply = $[5];
+    rest = $[6];
+  }
+  const t0 = reply?.swipe;
+  let t1;
+  if ($[7] !== reply) {
+    t1 = reply ? {
+      renderMessageReply: reply.renderMessageReply,
+      onPress: reply.onPress,
+      ...reply.messageStyle
+    } : undefined;
+    $[7] = reply;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== rest || $[10] !== t0 || $[11] !== t1) {
+    t2 = {
+      ...rest,
+      swipeToReply: t0,
+      messageReply: t1
     };
-    // A day separator belongs only to the first message of its day. Deciding that here, rather than
-    // inside the wrappers, is what keeps `AnimatedDayWrapper` off the other rows: it runs a
-    // useDerivedValue and a useAnimatedStyle, so mounting it around every row put two UI-thread
-    // worklets on each message on screen - roughly six out of seven of them to render null.
-    const isDayBoundary = props.currentMessage?.createdAt != null &&
-        !isSameDay(props.currentMessage, props.previousMessage);
-    return (
-    // do not remove key. it helps to get correct position of the day container
-    <View key={props.currentMessage._id.toString()}>
-      {isDayBoundary && (isDayAnimationEnabled
-            ? <AnimatedDayWrapper {...props}/>
-            : <DayWrapper {...messageProps}/>)}
-      {renderMessageProp
-            ? renderMessageProp(messageProps)
-            : <Message {...messageProps}/>}
-    </View>);
+    $[9] = rest;
+    $[10] = t0;
+    $[11] = t1;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  const messageProps = t2;
+  let t3;
+  if ($[13] !== props.currentMessage || $[14] !== props.previousMessage) {
+    t3 = props.currentMessage?.createdAt != null && !isSameDay(props.currentMessage, props.previousMessage);
+    $[13] = props.currentMessage;
+    $[14] = props.previousMessage;
+    $[15] = t3;
+  } else {
+    t3 = $[15];
+  }
+  const isDayBoundary = t3;
+  let t4;
+  if ($[16] !== isFirstUnread || $[17] !== renderUnreadSeparator) {
+    t4 = isFirstUnread ? renderUnreadSeparator === undefined ? <UnreadSeparator /> : renderUnreadSeparator?.() : null;
+    $[16] = isFirstUnread;
+    $[17] = renderUnreadSeparator;
+    $[18] = t4;
+  } else {
+    t4 = $[18];
+  }
+  const unreadSeparator = t4;
+  let t5;
+  if ($[19] !== props.currentMessage._id) {
+    t5 = props.currentMessage._id.toString();
+    $[19] = props.currentMessage._id;
+    $[20] = t5;
+  } else {
+    t5 = $[20];
+  }
+  let t6;
+  if ($[21] !== isDayAnimationEnabled || $[22] !== isDayBoundary || $[23] !== messageProps || $[24] !== props) {
+    t6 = isDayBoundary && (isDayAnimationEnabled ? <AnimatedDayWrapper {...props} /> : <DayWrapper {...messageProps} />);
+    $[21] = isDayAnimationEnabled;
+    $[22] = isDayBoundary;
+    $[23] = messageProps;
+    $[24] = props;
+    $[25] = t6;
+  } else {
+    t6 = $[25];
+  }
+  let t7;
+  if ($[26] !== messageProps || $[27] !== renderMessageProp) {
+    t7 = renderMessageProp ? renderMessageProp(messageProps) : <Message {...messageProps} />;
+    $[26] = messageProps;
+    $[27] = renderMessageProp;
+    $[28] = t7;
+  } else {
+    t7 = $[28];
+  }
+  let t8;
+  if ($[29] !== t5 || $[30] !== t6 || $[31] !== t7 || $[32] !== unreadSeparator) {
+    t8 = <View key={t5}>{t6}{unreadSeparator}{t7}</View>;
+    $[29] = t5;
+    $[30] = t6;
+    $[31] = t7;
+    $[32] = unreadSeparator;
+    $[33] = t8;
+  } else {
+    t8 = $[33];
+  }
+  return t8;
 };
-// Message data is deep-compared (so any content change - text, status, reactions
-// - re-renders), and every other prop is compared by reference. So the only time
-// a row is skipped is a genuine no-op: identical message data AND all other props
-// (render functions, config, styles, shared values) referentially unchanged. Any
-// new prop reference, added/removed prop, or content change forces a re-render -
-// there's no path where new props leave stale content on screen.
-const MESSAGE_KEYS = ['currentMessage', 'previousMessage', 'nextMessage'];
-function arePropsEqual(prev, next) {
-    for (const key of MESSAGE_KEYS)
-        if (!isEqual(prev[key], next[key]))
-            return false;
-    const prevRecord = prev;
-    const nextRecord = next;
-    const prevKeys = Object.keys(prev);
-    const nextKeys = Object.keys(next);
-    // Walks the same ground as the union of both key sets, without building it: equal counts plus
-    // every prev key present on next means the sets are identical, so comparing prev's keys covers
-    // next's too. This runs once per mounted row per commit over ~60 props, and the Set it used to
-    // allocate for that (plus the two spreads feeding it) was pure garbage on the scroll path.
-    if (prevKeys.length !== nextKeys.length)
-        return false;
-    for (const key of nextKeys)
-        if (!Object.prototype.hasOwnProperty.call(prev, key))
-            return false;
-    for (const key of prevKeys) {
-        if (MESSAGE_KEYS.includes(key))
-            continue;
-        if (!Object.is(prevRecord[key], nextRecord[key]))
-            return false;
-    }
-    return true;
-}
-export const Item = React.memo(ItemComponent, arePropsEqual);
+
+/**
+ * One row of the list. Its only prop is the message id: the message and its neighbours come
+ * from the row store, and everything else from the shared row config, so the row re-renders
+ * when its own message (or its grouping) changes or when the config does - never because the
+ * list around it did.
+ */
+const MessageRowComponent = t0 => {
+  const $ = _c(9);
+  const {
+    id
+  } = t0;
+  const entry = useRowEntry(id);
+  let t1;
+  if ($[0] !== id) {
+    t1 = targets => targets.firstUnreadMessageId != null && String(targets.firstUnreadMessageId) === id;
+    $[0] = id;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const isFirstUnread = useRowSettings(t1);
+  const config = useContext(MessageRowConfigContext);
+  if (!entry) {
+    return null;
+  }
+  const userId = config.user?._id;
+  const position = userId != null && entry.message.user?._id === userId ? "right" : "left";
+  let t2;
+  if ($[2] !== config || $[3] !== entry.message || $[4] !== entry.nextMessage || $[5] !== entry.previousMessage || $[6] !== isFirstUnread || $[7] !== position) {
+    t2 = <ItemComponent {...config} currentMessage={entry.message} previousMessage={entry.previousMessage} nextMessage={entry.nextMessage} position={position} isFirstUnread={isFirstUnread} />;
+    $[2] = config;
+    $[3] = entry.message;
+    $[4] = entry.nextMessage;
+    $[5] = entry.previousMessage;
+    $[6] = isFirstUnread;
+    $[7] = position;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  return t2;
+};
+export const MessageRow = React.memo(MessageRowComponent);
 //# sourceMappingURL=index.js.map

package/lib/MessagesContainer/components/Item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/Item/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useContext","useMemo","View","Animated","useAnimatedStyle","useDerivedValue","UnreadSeparator","Day","Message","isSameDay","MessageRowConfigContext","useRowSettings","useRowEntry","DAY_HANDOFF_OFFSET","dayPositionScreenTop","findDayPosition","DayWrapper","props","$","_c","renderDay","renderDayProp","currentMessage","previousMessage","createdAt","T0","t0","containerStyle","onMessageLayout","rest","isAnimated","t1","AnimatedDayWrapper","daysPositions","floatingDayOpacity","floatingRenderedDate","scrolledY","listHeight","_listHeight","t2","t3","t4","Date","getTime","dayPosition","value","style","day","separatorScreenTop","Infinity","belowHandoff","headerShowsThisDay","opacity","ItemComponent","isDayAnimationEnabled","isFirstUnread","renderMessageProp","renderUnreadSeparator","reply","renderMessage","_scrolledY","_daysPositions","t5","swipe","renderMessageReply","onPress","messageStyle","undefined","swipeToReply","messageReply","messageProps","isDayBoundary","unreadSeparator","_id","toString","t6","t7","t8","MessageRowComponent","id","entry","targets","firstUnreadMessageId","String","config","userId","user","position","message","nextMessage","MessageRow","memo"],"sources":["../../../../src/MessagesContainer/components/Item/index.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport { View } from 'react-native'\nimport Animated, { useAnimatedStyle, useDerivedValue } from 'react-native-reanimated'\nimport { UnreadSeparator } from '../../../components/UnreadSeparator'\nimport { Day } from '../../../Day'\nimport { Message, MessageProps } from '../../../Message'\nimport { IMessage } from '../../../Models'\nimport { isSameDay } from '../../../utils'\nimport { MessageRowConfigContext, useRowSettings } from '../../rowConfig'\nimport { useRowEntry } from '../../rowStore'\nimport { DAY_HANDOFF_OFFSET, dayPositionScreenTop, findDayPosition } from '../dayLayout'\nimport { ItemProps } from './types'\n\nexport * from './types'\n\nconst DayWrapper = <TMessage extends IMessage>(props: MessageProps<TMessage>) => {\n  const {\n    renderDay: renderDayProp,\n    currentMessage,\n    previousMessage,\n  } = props\n\n  if (!currentMessage?.createdAt || isSameDay(currentMessage, previousMessage))\n    return null\n\n  const {\n    /* eslint-disable @typescript-eslint/no-unused-vars */\n    containerStyle,\n    onMessageLayout,\n    /* eslint-enable @typescript-eslint/no-unused-vars */\n    ...rest\n  } = props\n\n  return (\n    <View>\n      {\n        renderDayProp\n          ? renderDayProp({ ...rest, createdAt: currentMessage.createdAt, isAnimated: false })\n          : <Day {...rest} createdAt={currentMessage.createdAt} isAnimated={false} />\n      }\n    </View>\n  )\n}\n\nconst AnimatedDayWrapper = <TMessage extends IMessage>(props: ItemProps<TMessage>) => {\n  const {\n    scrolledY,\n    daysPositions,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    listHeight: _listHeight,\n    floatingRenderedDate,\n    floatingDayOpacity,\n    ...rest\n  } = props\n\n  const createdAt = useMemo(() =>\n    new Date(props.currentMessage.createdAt).getTime()\n  , [props.currentMessage.createdAt])\n\n  // This day's measured position. Deliberately derived from `daysPositions` alone and\n  // NOT from `scrolledY`: the lookup is an O(days) scan that allocates (Object.values),\n  // and reading scroll here would re-run it once per mounted row on every frame. Cell\n  // layout is the only thing that can change the answer, so that is what it tracks.\n  const dayPosition = useDerivedValue(() =>\n    findDayPosition(daysPositions.value, createdAt))\n\n  const style = useAnimatedStyle(() => {\n    // The inline separator is the in-conversation date marker. It is shown while its\n    // day is below the handoff line, and hidden once its day is the one the floating\n    // header is actually rendering at the pin - a hard step (no fade) so the date\n    // goes floating(1) <-> inline(1) at the same pixel with no dip and no duplicate.\n    //\n    // Hiding on `floatingRenderedDate` (the header's *rendered* date) rather than on\n    // position alone is what kills the 1-frame flash when scrolling into a newer day:\n    // the worklet picks the new stuck day instantly but the header's text only\n    // updates ~1 frame later on the JS thread; until it does, this inline separator\n    // stays up and shows the correct date, so the header never flashes the old one.\n    // Only the arithmetic is per-frame; the lookup it needs was resolved at layout.\n    // Infinity (treated as below the pin, i.e. visible) until the day is measured.\n    const day = dayPosition.value\n    const separatorScreenTop = day\n      ? dayPositionScreenTop(scrolledY.value, day)\n      : Infinity\n\n    const belowHandoff = separatorScreenTop > DAY_HANDOFF_OFFSET\n    const headerShowsThisDay = floatingRenderedDate != null && floatingRenderedDate.value === createdAt\n\n    if (belowHandoff || !headerShowsThisDay)\n      return { opacity: 1 }\n\n    // Past the line the header stands in for this separator - but only while it is\n    // showing. At rest it fades out (the floating date hides when idle), and the\n    // separator fades back in where it really is; otherwise a list that settles with a\n    // date just under the top - or that a growing row nudges past the line - shows none.\n    return {\n      opacity: floatingDayOpacity ? 1 - floatingDayOpacity.value : 0,\n    }\n  })\n\n  return (\n    <Animated.View style={style}>\n      <DayWrapper<TMessage> {...rest as MessageProps<TMessage>} />\n    </Animated.View>\n  )\n}\n\nconst ItemComponent = <TMessage extends IMessage>(props: ItemProps<TMessage>) => {\n  const {\n    renderMessage: renderMessageProp,\n    isDayAnimationEnabled,\n    reply,\n    isFirstUnread,\n    renderUnreadSeparator,\n    /* eslint-disable @typescript-eslint/no-unused-vars */\n    scrolledY: _scrolledY,\n    daysPositions: _daysPositions,\n    listHeight: _listHeight,\n    /* eslint-enable @typescript-eslint/no-unused-vars */\n    ...rest\n  } = props\n\n  // Transform reply props for Message and Bubble. Not memoised: the row only renders when its\n  // entry or the shared row config changed (see MessageRow), so there is nothing to cache.\n  const messageProps = {\n    ...rest,\n    // Swipe to reply for Message component\n    swipeToReply: reply?.swipe,\n    // Message reply styling for Bubble component\n    messageReply: reply ? {\n      renderMessageReply: reply.renderMessageReply,\n      onPress: reply.onPress,\n      ...reply.messageStyle,\n    } : undefined,\n  }\n\n  // A day separator belongs only to the first message of its day. Deciding that here, rather than\n  // inside the wrappers, is what keeps `AnimatedDayWrapper` off the other rows: it runs a\n  // useDerivedValue and a useAnimatedStyle, so mounting it around every row put two UI-thread\n  // worklets on each message on screen - roughly six out of seven of them to render null.\n  const isDayBoundary = props.currentMessage?.createdAt != null &&\n    !isSameDay(props.currentMessage, props.previousMessage)\n\n  // The unread bar is a row of its own right above the first unread message, under its\n  // date if it opens a day.\n  const unreadSeparator = isFirstUnread\n    ? renderUnreadSeparator === undefined ? <UnreadSeparator /> : renderUnreadSeparator?.()\n    : null\n\n  return (\n    // do not remove key. it helps to get correct position of the day container\n    <View key={props.currentMessage._id.toString()}>\n      {isDayBoundary && (isDayAnimationEnabled\n        ? <AnimatedDayWrapper<TMessage> {...props} />\n        : <DayWrapper<TMessage> {...messageProps as MessageProps<TMessage>} />)}\n      {unreadSeparator}\n      {\n        renderMessageProp\n          ? renderMessageProp(messageProps as MessageProps<TMessage>)\n          : <Message<TMessage> {...messageProps as MessageProps<TMessage>} />\n      }\n    </View>\n  )\n}\n\n/**\n * One row of the list. Its only prop is the message id: the message and its neighbours come\n * from the row store, and everything else from the shared row config, so the row re-renders\n * when its own message (or its grouping) changes or when the config does - never because the\n * list around it did.\n */\nconst MessageRowComponent = ({ id }: { id: string }) => {\n  const entry = useRowEntry(id)\n  // Only this row's answer: the bar moving re-renders the two rows it concerns, not all of them.\n  const isFirstUnread = useRowSettings(targets =>\n    targets.firstUnreadMessageId != null && String(targets.firstUnreadMessageId) === id)\n  const config = useContext(MessageRowConfigContext) as unknown as Omit<ItemProps<IMessage>, 'currentMessage' | 'position'>\n\n  if (!entry)\n    return null\n\n  const userId = config.user?._id\n  const position = userId != null && entry.message.user?._id === userId ? 'right' : 'left'\n\n  return (\n    <ItemComponent\n      {...config}\n      currentMessage={entry.message}\n      previousMessage={entry.previousMessage}\n      nextMessage={entry.nextMessage}\n      position={position}\n      isFirstUnread={isFirstUnread}\n    />\n  )\n}\n\nexport const MessageRow = React.memo(MessageRowComponent)\n"],"mappings":"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","ignoreList":[]}