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

package/lib/MessageVideo/videoPlayers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoPlayers.d.ts","sourceRoot":"","sources":["../../src/MessageVideo/videoPlayers.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS,KAAiB,CAAA;AAEvC,eAAO,MAAM,oBAAoB,SAAwD,CAAA;AAGzF,eAAO,MAAM,0BAA0B,SAAyD,CAAA;AAIhG,eAAO,MAAM,SAAS,GAAI,QAAQ,GAAG,EAAE,OAAO,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,SAEpE,CAAA;AAGD,eAAO,MAAM,UAAU,GAAI,QAAQ,GAAG,KAAG,MAMxC,CAAA;AAID,eAAO,MAAM,kBAAkB,sBAA6B,CAAA;AAE5D,eAAO,MAAM,cAAc,GAAI,WAAW,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,KAAK,MAAM,uBACd,CAAA"}

package/lib/MessageVideo/videoPlayers.js

@@ -0,0 +1,33 @@
+import { getExpoVideo } from '../optional';
+
+// Optional inline player. Resolved through the optional-peer registry (`src/optional`) so the bundle
+// works whether or not the consumer installed `expo-video` - Metro treats
+// try/catch-wrapped requires as optional dependencies and won't fail the build
+// when the module is absent. When present, messages render a real inline
+// player; otherwise they fall back to a tappable MediaCard.
+export const expoVideo = getExpoVideo();
+export const isExpoVideoAvailable = !!(expoVideo?.VideoView && expoVideo?.useVideoPlayer);
+// Round notes create their players directly, so a playing one can outlive its
+// row (see roundNotePlayers.ts).
+export const isRoundNotePlayerAvailable = isExpoVideoAvailable && !!expoVideo?.createVideoPlayer;
+
+// The player is a native handle shared across rows, not React state: it is written through
+// here so the compiler does not take these writes for mutations of a render value.
+export const setPlayer = (player, props) => {
+  Object.assign(player, props);
+};
+
+// Outside the component: the compiler cannot yet lower `||` inside a `try`.
+export const playerTime = player => {
+  try {
+    return player.currentTime || 0;
+  } catch {
+    return 0;
+  }
+};
+
+// Inline (not round) video players, by message, so the long-press copy of a message shows the
+// player its original is playing instead of a fresh one stopped at the start.
+export const inlineVideoPlayers = new Map();
+export const videoPlayerKey = (messageId, uri) => messageId != null ? `${String(messageId)}\u0000${uri}` : undefined;
+//# sourceMappingURL=videoPlayers.js.map

package/lib/MessageVideo/videoPlayers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoPlayers.js","names":["getExpoVideo","expoVideo","isExpoVideoAvailable","VideoView","useVideoPlayer","isRoundNotePlayerAvailable","createVideoPlayer","setPlayer","player","props","Object","assign","playerTime","currentTime","inlineVideoPlayers","Map","videoPlayerKey","messageId","uri","String","undefined"],"sources":["../../src/MessageVideo/videoPlayers.ts"],"sourcesContent":["import { getExpoVideo } from '../optional'\n\n// Optional inline player. Resolved through the optional-peer registry (`src/optional`) so the bundle\n// works whether or not the consumer installed `expo-video` - Metro treats\n// try/catch-wrapped requires as optional dependencies and won't fail the build\n// when the module is absent. When present, messages render a real inline\n// player; otherwise they fall back to a tappable MediaCard.\nexport const expoVideo = getExpoVideo()\n\nexport const isExpoVideoAvailable = !!(expoVideo?.VideoView && expoVideo?.useVideoPlayer)\n// Round notes create their players directly, so a playing one can outlive its\n// row (see roundNotePlayers.ts).\nexport const isRoundNotePlayerAvailable = isExpoVideoAvailable && !!expoVideo?.createVideoPlayer\n\n// The player is a native handle shared across rows, not React state: it is written through\n// here so the compiler does not take these writes for mutations of a render value.\nexport const setPlayer = (player: any, props: Record<string, unknown>) => {\n  Object.assign(player, props)\n}\n\n// Outside the component: the compiler cannot yet lower `||` inside a `try`.\nexport const playerTime = (player: any): number => {\n  try {\n    return player.currentTime || 0\n  } catch {\n    return 0\n  }\n}\n\n// Inline (not round) video players, by message, so the long-press copy of a message shows the\n// player its original is playing instead of a fresh one stopped at the start.\nexport const inlineVideoPlayers = new Map<string, unknown>()\n\nexport const videoPlayerKey = (messageId: string | number | undefined, uri: string) =>\n  messageId != null ? `${String(messageId)}\\u0000${uri}` : undefined\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,aAAa;;AAE1C;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAGD,YAAY,CAAC,CAAC;AAEvC,OAAO,MAAME,oBAAoB,GAAG,CAAC,EAAED,SAAS,EAAEE,SAAS,IAAIF,SAAS,EAAEG,cAAc,CAAC;AACzF;AACA;AACA,OAAO,MAAMC,0BAA0B,GAAGH,oBAAoB,IAAI,CAAC,CAACD,SAAS,EAAEK,iBAAiB;;AAEhG;AACA;AACA,OAAO,MAAMC,SAAS,GAAGA,CAACC,MAAW,EAAEC,KAA8B,KAAK;EACxEC,MAAM,CAACC,MAAM,CAACH,MAAM,EAAEC,KAAK,CAAC;AAC9B,CAAC;;AAED;AACA,OAAO,MAAMG,UAAU,GAAIJ,MAAW,IAAa;EACjD,IAAI;IACF,OAAOA,MAAM,CAACK,WAAW,IAAI,CAAC;EAChC,CAAC,CAAC,MAAM;IACN,OAAO,CAAC;EACV;AACF,CAAC;;AAED;AACA;AACA,OAAO,MAAMC,kBAAkB,GAAG,IAAIC,GAAG,CAAkB,CAAC;AAE5D,OAAO,MAAMC,cAAc,GAAGA,CAACC,SAAsC,EAAEC,GAAW,KAChFD,SAAS,IAAI,IAAI,GAAG,GAAGE,MAAM,CAACF,SAAS,CAAC,SAASC,GAAG,EAAE,GAAGE,SAAS","ignoreList":[]}

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

@@ -1,38 +1,52 @@
+import { c as _c } from "react/compiler-runtime";
 import React, { useState } from 'react';
 import { StyleSheet, Text } from 'react-native';
 import { runOnJS, useAnimatedReaction } from 'react-native-reanimated';
+
 // Debug switches for the animated day header. All OFF/1 for production - flip them
 // here when working on the animation.
 export const DAY_DEBUG = {
-    // Multiply the fade durations/delay so the fades can be captured frame-by-frame.
-    timeScale: 1,
-    // Keep the floating header at full opacity (ignore the scroll fade) so the
-    // slide/push geometry can be studied independently of the fade.
-    forceOpacity: false,
-    // Render an on-screen readout of the sticky worklet values.
-    overlay: false,
+  // Multiply the fade durations/delay so the fades can be captured frame-by-frame.
+  timeScale: 1,
+  // Keep the floating header at full opacity (ignore the scroll fade) so the
+  // slide/push geometry can be studied independently of the fade.
+  forceOpacity: false,
+  // Render an on-screen readout of the sticky worklet values.
+  overlay: false
 };
+
 // On-screen readout for the header, driven by a worklet `select` that returns the
 // readout string. Returns null (and runs nothing) when DAY_DEBUG.overlay is off.
 export function useDayDebugOverlay(select) {
-    const [text, setText] = useState('');
-    useAnimatedReaction(() => (DAY_DEBUG.overlay ? select() : ''), value => {
-        if (value)
-            runOnJS(setText)(value);
-    });
-    if (!DAY_DEBUG.overlay)
-        return null;
-    return <Text style={styles.overlay}>{text}</Text>;
+  const $ = _c(2);
+  const [text, setText] = useState("");
+  useAnimatedReaction(() => DAY_DEBUG.overlay ? select() : "", value => {
+    if (value) {
+      runOnJS(setText)(value);
+    }
+  });
+  if (!DAY_DEBUG.overlay) {
+    return null;
+  }
+  let t0;
+  if ($[0] !== text) {
+    t0 = <Text style={styles.overlay}>{text}</Text>;
+    $[0] = text;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 }
 const styles = StyleSheet.create({
-    overlay: {
-        position: 'absolute',
-        top: 2,
-        left: 4,
-        fontSize: 11,
-        color: 'red',
-        zIndex: 9999,
-        backgroundColor: 'rgba(255,255,255,0.8)',
-    },
+  overlay: {
+    position: 'absolute',
+    top: 2,
+    left: 4,
+    fontSize: 11,
+    color: 'red',
+    zIndex: 9999,
+    backgroundColor: 'rgba(255,255,255,0.8)'
+  }
 });
 //# sourceMappingURL=debug.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"debug.js","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/debug.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAEtE,mFAAmF;AACnF,sCAAsC;AACtC,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,iFAAiF;IACjF,SAAS,EAAE,CAAC;IACZ,2EAA2E;IAC3E,gEAAgE;IAChE,YAAY,EAAE,KAAK;IACnB,4DAA4D;IAC5D,OAAO,EAAE,KAAK;CACf,CAAA;AAED,kFAAkF;AAClF,iFAAiF;AACjF,MAAM,UAAU,kBAAkB,CAAE,MAAoB;IACtD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEpC,mBAAmB,CACjB,GAAG,EAAE,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACzC,KAAK,CAAC,EAAE;QACN,IAAI,KAAK;YACP,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAA;IAC3B,CAAC,CAAC,CAAA;IAEJ,IAAI,CAAC,SAAS,CAAC,OAAO;QACpB,OAAO,IAAI,CAAA;IAEb,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAA;AACnD,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,IAAI;QACZ,eAAe,EAAE,uBAAuB;KACzC;CACF,CAAC,CAAA"}
+{"version":3,"file":"debug.js","names":["React","useState","StyleSheet","Text","runOnJS","useAnimatedReaction","DAY_DEBUG","timeScale","forceOpacity","overlay","useDayDebugOverlay","select","$","_c","text","setText","value","t0","styles","create","position","top","left","fontSize","color","zIndex","backgroundColor"],"sources":["../../../../src/MessagesContainer/components/DayAnimated/debug.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { StyleSheet, Text } from 'react-native'\nimport { runOnJS, useAnimatedReaction } from 'react-native-reanimated'\n\n// Debug switches for the animated day header. All OFF/1 for production - flip them\n// here when working on the animation.\nexport const DAY_DEBUG = {\n  // Multiply the fade durations/delay so the fades can be captured frame-by-frame.\n  timeScale: 1,\n  // Keep the floating header at full opacity (ignore the scroll fade) so the\n  // slide/push geometry can be studied independently of the fade.\n  forceOpacity: false,\n  // Render an on-screen readout of the sticky worklet values.\n  overlay: false,\n}\n\n// On-screen readout for the header, driven by a worklet `select` that returns the\n// readout string. Returns null (and runs nothing) when DAY_DEBUG.overlay is off.\nexport function useDayDebugOverlay (select: () => string): React.ReactElement | null {\n  const [text, setText] = useState('')\n\n  useAnimatedReaction(\n    () => (DAY_DEBUG.overlay ? select() : ''),\n    value => {\n      if (value)\n        runOnJS(setText)(value)\n    })\n\n  if (!DAY_DEBUG.overlay)\n    return null\n\n  return <Text style={styles.overlay}>{text}</Text>\n}\n\nconst styles = StyleSheet.create({\n  overlay: {\n    position: 'absolute',\n    top: 2,\n    left: 4,\n    fontSize: 11,\n    color: 'red',\n    zIndex: 9999,\n    backgroundColor: 'rgba(255,255,255,0.8)',\n  },\n})\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,OAAO,EAAEC,mBAAmB,QAAQ,yBAAyB;;AAEtE;AACA;AACA,OAAO,MAAMC,SAAS,GAAG;EACvB;EACAC,SAAS,EAAE,CAAC;EACZ;EACA;EACAC,YAAY,EAAE,KAAK;EACnB;EACAC,OAAO,EAAE;AACX,CAAC;;AAED;AACA;AACA,OAAO,SAAAC,mBAAAC,MAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EACL,OAAAC,IAAA,EAAAC,OAAA,IAAwBd,QAAQ,CAAC,EAAE,CAAC;EAEpCI,mBAAmB,CACjB,MAAOC,SAAS,CAAAG,OAAwB,GAAbE,MAAM,CAAM,CAAC,GAAjC,EAAkC,EACzCK,KAAA;IACE,IAAIA,KAAK;MACPZ,OAAO,CAACW,OAAO,CAAC,CAACC,KAAK,CAAC;IAAA;EAAA,CAC1B,CAAC;EAEJ,IAAI,CAACV,SAAS,CAAAG,OAAQ;IAAA,OACb,IAAI;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAL,CAAA,QAAAE,IAAA;IAENG,EAAA,IAAC,IAAI,CAAQ,KAAc,CAAd,CAAAC,MAAM,CAAAT,OAAO,CAAC,CAAGK,KAAG,CAAE,EAAlC,IAAI,CAAqC;IAAAF,CAAA,MAAAE,IAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAA,OAA1CK,EAA0C;AAAA;AAGnD,MAAMC,MAAM,GAAGhB,UAAU,CAACiB,MAAM,CAAC;EAC/BV,OAAO,EAAE;IACPW,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE,KAAK;IACZC,MAAM,EAAE,IAAI;IACZC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { DayAnimatedProps } from './types';
 export * from './types';
-export declare const DayAnimated: ({ scrolledY, daysPositions, listHeight, isScrollActive, floatingRenderedDate, renderDay, isLoading, ...rest }: DayAnimatedProps) => React.JSX.Element | null;
+export declare const DayAnimated: ({ scrolledY, daysPositions, listHeight: _listHeight, isScrollActive, opacity: opacityProp, floatingRenderedDate, renderDay, isLoading, ...rest }: DayAnimatedProps) => React.JSX.Element | null;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAQxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG1C,cAAc,SAAS,CAAA;AAEvB,eAAO,MAAM,WAAW,GAAI,+GAA+G,gBAAgB,6BA2J1J,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAQxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG1C,cAAc,SAAS,CAAA;AAGvB,eAAO,MAAM,WAAW,GAAI,kJAAkJ,gBAAgB,6BA4J7L,CAAA"}

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

@@ -1,3 +1,4 @@
+import { c as _c } from "react/compiler-runtime";
 import React, { useEffect, useMemo, useState, useCallback } from 'react';
 import Animated, { useAnimatedStyle, useDerivedValue, useSharedValue, useAnimatedReaction, runOnJS } from 'react-native-reanimated';
 import { Day } from '../../../Day';
@@ -7,117 +8,248 @@ import { DAY_DEBUG, useDayDebugOverlay } from './debug';
 import styles from './styles';
 import { useScrollGatedOpacity } from './useScrollGatedOpacity';
 export * from './types';
-export const DayAnimated = ({ scrolledY, daysPositions, listHeight, isScrollActive, floatingRenderedDate, renderDay, isLoading, ...rest }) => {
-    const containerHeight = useSharedValue(0);
-    const isLoadingAnim = useSharedValue(isLoading);
-    // Telegram only shows the floating date while scrolling; this opacity fades in on
-    // scroll start and out after the gesture fully ends.
-    const opacity = useScrollGatedOpacity(isScrollActive);
-    // Sort newest day first. Sorting by createdAt (stable) rather than measured y
-    // keeps the order deterministic even while cells are (re)measured mid-scroll, so
-    // the stuck-day selection below can't briefly jump to the wrong day.
-    const daysPositionsArray = useDerivedValue(() => Object.values(daysPositions.value).sort((a, b) => {
-        'worklet';
-        return b.createdAt - a.createdAt;
-    }));
-    const [createdAt, setCreatedAt] = useState();
-    // Telegram-style sticky day header (iOS section-header behaviour).
-    //
-    // The list is inverted: older days sit higher on screen, newer days lower.
-    // `daysPositionsArray` is sorted by createdAt (newest first), so index 0 is the
-    // newest day. Each separator's on-screen top edge is `dayPositionScreenTop`; the
-    // separator's pill renders DAY_MARGIN_TOP below that, and the floating header
-    // overrides that margin to 0, so its pinned pill (top = DAY_PIN_OFFSET) lines up
-    // with an inline separator at separatorScreenTop === DAY_HANDOFF_OFFSET.
-    //
-    // A day becomes "stuck" (shown by the floating header) the instant its separator
-    // reaches the handoff line. At that same pixel the inline separator hard-cuts off
-    // (see Item) and the floating hard-cuts on - the date hands off floating<->inline
-    // with no fade and no duplicate. The floating is then positioned off the next
-    // (newer) day's separator so it slides pixel by pixel: down from the top edge as
-    // an older day takes over (scrolling up), or up and off as a newer day rises
-    // (scrolling down), keeping a DAY_PUSH_GAP margin between the two pills.
-    const sticky = useDerivedValue(() => {
-        'worklet';
-        const days = daysPositionsArray.value;
-        const n = days.length;
-        if (n === 0)
-            return { top: DAY_PIN_OFFSET, createdAt: undefined, curSep: NaN };
-        const scrolledTop = listHeight.value + scrolledY.value;
-        let idx = n - 1;
-        for (let i = 0; i < n; i++)
-            if (dayPositionScreenTop(scrolledTop, days[i]) <= DAY_HANDOFF_OFFSET) {
-                idx = i;
-                break;
-            }
-        const current = days[idx];
-        const curSep = dayPositionScreenTop(scrolledTop, current);
-        if (isLoadingAnim.value)
-            return { top: -containerHeight.value, createdAt: current.createdAt, curSep };
-        let top = DAY_PIN_OFFSET;
-        if (idx > 0) {
-            const nextSep = dayPositionScreenTop(scrolledTop, days[idx - 1]);
-            top = Math.min(DAY_PIN_OFFSET, nextSep + DAY_MARGIN_TOP - containerHeight.value - DAY_PUSH_GAP);
-        }
-        return { top, createdAt: current.createdAt, curSep };
-    });
-    const style = useAnimatedStyle(() => ({
-        top: sticky.value.top,
-    }));
-    const contentStyle = useAnimatedStyle(() => {
-        // The scroll-gated fade (see useScrollGatedOpacity); DAY_DEBUG.forceOpacity pins
-        // it to 1 so the slide/push can be studied without the fade.
-        const fade = DAY_DEBUG.forceOpacity ? 1 : opacity.value;
-        // stuckGate hides the floating header when no day is actually stuck above the
-        // pin - i.e. at the top of history, once the oldest day's own separator drops
-        // back below the pin (e.g. the "Load earlier" button scrolls in). It is a hard
-        // step (not a fade) so the date hands off floating->inline at the same pixel
-        // with no fading duplicate over the loader, mirroring the inline separator's
-        // hard cutoff.
-        const stuckGate = sticky.value.curSep <= DAY_HANDOFF_OFFSET ? 1 : 0;
-        // renderGate hides the header while its rendered text hasn't caught up to the
-        // worklet's current stuck day (the ~1-frame JS-thread lag after a day change).
-        // The inline separator stays up during this frame and shows the correct date, so
-        // the header never flashes the previous date when scrolling into a newer day.
-        const renderGate = sticky.value.createdAt === floatingRenderedDate.value ? 1 : 0;
-        return { opacity: fade * stuckGate * renderGate };
-    });
-    const handleLayout = useCallback(({ nativeEvent }) => {
-        containerHeight.value = nativeEvent.layout.height;
-    }, [containerHeight]);
-    useAnimatedReaction(() => sticky.value.createdAt, (value, prevValue) => {
-        if (value && value !== prevValue)
-            runOnJS(setCreatedAt)(value);
-    });
-    const debugOverlay = useDayDebugOverlay(() => {
-        'worklet';
-        const v = sticky.value;
-        return `top=${Math.round(v.top)} cur=${Math.round(v.curSep)} ch=${Math.round(containerHeight.value)} load=${isLoadingAnim.value ? 1 : 0}`;
-    });
-    useEffect(() => {
-        isLoadingAnim.value = isLoading;
-    }, [isLoadingAnim, isLoading]);
-    // Publish the date the header is actually rendering so the inline separators (and
-    // the header's own renderGate) know when the text has caught up to the worklet.
-    useEffect(() => {
-        floatingRenderedDate.value = createdAt;
-    }, [createdAt, floatingRenderedDate]);
-    const dayContent = useMemo(() => {
-        if (!createdAt)
-            return null;
-        return renderDay
-            ? renderDay({ ...rest, createdAt, isAnimated: true })
-            : <Day {...rest} containerStyle={[styles.dayAnimatedDayContainerStyle, rest.containerStyle]} createdAt={createdAt} isAnimated/>;
-    }, [createdAt, renderDay, rest]);
-    if (!createdAt)
-        return debugOverlay;
-    return (<>
-      {debugOverlay}
-      <Animated.View style={[stylesCommon.centerItems, styles.dayAnimated, style]} onLayout={handleLayout} pointerEvents='none'>
-        <Animated.View style={contentStyle} pointerEvents='none'>
-          {dayContent}
-        </Animated.View>
-      </Animated.View>
-    </>);
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars -- `listHeight` stays out of the props passed to Day
+export const DayAnimated = t0 => {
+  const $ = _c(39);
+  let daysPositions;
+  let floatingRenderedDate;
+  let isLoading;
+  let isScrollActive;
+  let opacityProp;
+  let renderDay;
+  let rest;
+  let scrolledY;
+  if ($[0] !== t0) {
+    const {
+      scrolledY: t1,
+      daysPositions: t2,
+      listHeight: _listHeight,
+      isScrollActive: t3,
+      opacity: t4,
+      floatingRenderedDate: t5,
+      renderDay: t6,
+      isLoading: t7,
+      ...t8
+    } = t0;
+    scrolledY = t1;
+    daysPositions = t2;
+    isScrollActive = t3;
+    opacityProp = t4;
+    floatingRenderedDate = t5;
+    renderDay = t6;
+    isLoading = t7;
+    rest = t8;
+    $[0] = t0;
+    $[1] = daysPositions;
+    $[2] = floatingRenderedDate;
+    $[3] = isLoading;
+    $[4] = isScrollActive;
+    $[5] = opacityProp;
+    $[6] = renderDay;
+    $[7] = rest;
+    $[8] = scrolledY;
+  } else {
+    daysPositions = $[1];
+    floatingRenderedDate = $[2];
+    isLoading = $[3];
+    isScrollActive = $[4];
+    opacityProp = $[5];
+    renderDay = $[6];
+    rest = $[7];
+    scrolledY = $[8];
+  }
+  const containerHeight = useSharedValue(0);
+  const isLoadingAnim = useSharedValue(isLoading);
+  const ownOpacity = useScrollGatedOpacity(isScrollActive);
+  const opacity = opacityProp ?? ownOpacity;
+  const daysPositionsArray = useDerivedValue(() => Object.values(daysPositions.value).sort(_temp));
+  const [createdAt, setCreatedAt] = useState();
+  const sticky = useDerivedValue(() => {
+    "worklet";
+
+    const days = daysPositionsArray.value;
+    const n = days.length;
+    if (n === 0) {
+      return {
+        top: DAY_PIN_OFFSET,
+        createdAt: undefined,
+        curSep: NaN
+      };
+    }
+    const scrolledTop = scrolledY.value;
+    let idx = n - 1;
+    for (let i = 0; i < n; i++) {
+      if (dayPositionScreenTop(scrolledTop, days[i]) <= DAY_HANDOFF_OFFSET) {
+        idx = i;
+        break;
+      }
+    }
+    const current = days[idx];
+    const curSep = dayPositionScreenTop(scrolledTop, current);
+    if (isLoadingAnim.value) {
+      return {
+        top: -containerHeight.value,
+        createdAt: current.createdAt,
+        curSep
+      };
+    }
+    let top = DAY_PIN_OFFSET;
+    if (idx > 0) {
+      const nextSep = dayPositionScreenTop(scrolledTop, days[idx - 1]);
+      top = Math.min(DAY_PIN_OFFSET, nextSep + DAY_MARGIN_TOP - containerHeight.value - DAY_PUSH_GAP);
+    }
+    return {
+      top,
+      createdAt: current.createdAt,
+      curSep
+    };
+  });
+  const style = useAnimatedStyle(() => ({
+    top: sticky.value.top
+  }));
+  const contentStyle = useAnimatedStyle(() => {
+    const fade = DAY_DEBUG.forceOpacity ? 1 : opacity.value;
+    const stuckGate = sticky.value.curSep <= DAY_HANDOFF_OFFSET ? 1 : 0;
+    const renderGate = sticky.value.createdAt === floatingRenderedDate.value ? 1 : 0;
+    return {
+      opacity: fade * stuckGate * renderGate
+    };
+  });
+  let t1;
+  if ($[9] !== containerHeight) {
+    t1 = t2 => {
+      const {
+        nativeEvent
+      } = t2;
+      containerHeight.set(nativeEvent.layout.height);
+    };
+    $[9] = containerHeight;
+    $[10] = t1;
+  } else {
+    t1 = $[10];
+  }
+  const handleLayout = t1;
+  useAnimatedReaction(() => sticky.value.createdAt, (value, prevValue) => {
+    if (value && value !== prevValue) {
+      runOnJS(setCreatedAt)(value);
+    }
+  });
+  let t2;
+  if ($[11] !== containerHeight || $[12] !== isLoadingAnim || $[13] !== sticky) {
+    t2 = () => {
+      "worklet";
+
+      const v = sticky.get();
+      return `top=${Math.round(v.top)} cur=${Math.round(v.curSep)} ch=${Math.round(containerHeight.get())} load=${isLoadingAnim.get() ? 1 : 0}`;
+    };
+    $[11] = containerHeight;
+    $[12] = isLoadingAnim;
+    $[13] = sticky;
+    $[14] = t2;
+  } else {
+    t2 = $[14];
+  }
+  const debugOverlay = useDayDebugOverlay(t2);
+  let t3;
+  let t4;
+  if ($[15] !== isLoading || $[16] !== isLoadingAnim) {
+    t3 = () => {
+      isLoadingAnim.set(isLoading);
+    };
+    t4 = [isLoadingAnim, isLoading];
+    $[15] = isLoading;
+    $[16] = isLoadingAnim;
+    $[17] = t3;
+    $[18] = t4;
+  } else {
+    t3 = $[17];
+    t4 = $[18];
+  }
+  useEffect(t3, t4);
+  let t5;
+  let t6;
+  if ($[19] !== createdAt || $[20] !== floatingRenderedDate) {
+    t5 = () => {
+      floatingRenderedDate.set(createdAt);
+    };
+    t6 = [createdAt, floatingRenderedDate];
+    $[19] = createdAt;
+    $[20] = floatingRenderedDate;
+    $[21] = t5;
+    $[22] = t6;
+  } else {
+    t5 = $[21];
+    t6 = $[22];
+  }
+  useEffect(t5, t6);
+  let t7;
+  bb0: {
+    if (!createdAt) {
+      t7 = null;
+      break bb0;
+    }
+    let t8;
+    if ($[23] !== createdAt || $[24] !== renderDay || $[25] !== rest) {
+      t8 = renderDay ? renderDay({
+        ...rest,
+        createdAt,
+        isAnimated: true
+      }) : <Day {...rest} containerStyle={[styles.dayAnimatedDayContainerStyle, rest.containerStyle]} createdAt={createdAt} isAnimated={true} />;
+      $[23] = createdAt;
+      $[24] = renderDay;
+      $[25] = rest;
+      $[26] = t8;
+    } else {
+      t8 = $[26];
+    }
+    t7 = t8;
+  }
+  const dayContent = t7;
+  if (!createdAt) {
+    return debugOverlay;
+  }
+  let t8;
+  if ($[27] !== style) {
+    t8 = [stylesCommon.centerItems, styles.dayAnimated, style];
+    $[27] = style;
+    $[28] = t8;
+  } else {
+    t8 = $[28];
+  }
+  let t9;
+  if ($[29] !== contentStyle || $[30] !== dayContent) {
+    t9 = <Animated.View style={contentStyle} pointerEvents="none">{dayContent}</Animated.View>;
+    $[29] = contentStyle;
+    $[30] = dayContent;
+    $[31] = t9;
+  } else {
+    t9 = $[31];
+  }
+  let t10;
+  if ($[32] !== handleLayout || $[33] !== t8 || $[34] !== t9) {
+    t10 = <Animated.View style={t8} onLayout={handleLayout} pointerEvents="none">{t9}</Animated.View>;
+    $[32] = handleLayout;
+    $[33] = t8;
+    $[34] = t9;
+    $[35] = t10;
+  } else {
+    t10 = $[35];
+  }
+  let t11;
+  if ($[36] !== debugOverlay || $[37] !== t10) {
+    t11 = <>{debugOverlay}{t10}</>;
+    $[36] = debugOverlay;
+    $[37] = t10;
+    $[38] = t11;
+  } else {
+    t11 = $[38];
+  }
+  return t11;
 };
+function _temp(a, b) {
+  "worklet";
+
+  return b.createdAt - a.createdAt;
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useEffect","useMemo","useState","useCallback","Animated","useAnimatedStyle","useDerivedValue","useSharedValue","useAnimatedReaction","runOnJS","Day","stylesCommon","DAY_HANDOFF_OFFSET","DAY_MARGIN_TOP","DAY_PIN_OFFSET","DAY_PUSH_GAP","dayPositionScreenTop","DAY_DEBUG","useDayDebugOverlay","styles","useScrollGatedOpacity","DayAnimated","t0","$","_c","daysPositions","floatingRenderedDate","isLoading","isScrollActive","opacityProp","renderDay","rest","scrolledY","t1","t2","listHeight","_listHeight","t3","opacity","t4","t5","t6","t7","t8","containerHeight","isLoadingAnim","ownOpacity","daysPositionsArray","Object","values","value","sort","_temp","createdAt","setCreatedAt","sticky","days","n","length","top","undefined","curSep","NaN","scrolledTop","idx","i","current","nextSep","Math","min","style","contentStyle","fade","forceOpacity","stuckGate","renderGate","nativeEvent","set","layout","height","handleLayout","prevValue","v","get","round","debugOverlay","bb0","isAnimated","dayAnimatedDayContainerStyle","containerStyle","dayContent","centerItems","dayAnimated","t9","t10","t11","a","b"],"sources":["../../../../src/MessagesContainer/components/DayAnimated/index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState, useCallback } from 'react'\nimport { LayoutChangeEvent } from 'react-native'\nimport Animated, { useAnimatedStyle, useDerivedValue, useSharedValue, useAnimatedReaction, runOnJS } from 'react-native-reanimated'\nimport { Day } from '../../../Day'\nimport stylesCommon from '../../../styles'\nimport { DAY_HANDOFF_OFFSET, DAY_MARGIN_TOP, DAY_PIN_OFFSET, DAY_PUSH_GAP, dayPositionScreenTop } from '../dayLayout'\nimport { DAY_DEBUG, useDayDebugOverlay } from './debug'\nimport styles from './styles'\nimport { DayAnimatedProps } from './types'\nimport { useScrollGatedOpacity } from './useScrollGatedOpacity'\n\nexport * from './types'\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars -- `listHeight` stays out of the props passed to Day\nexport const DayAnimated = ({ scrolledY, daysPositions, listHeight: _listHeight, isScrollActive, opacity: opacityProp, floatingRenderedDate, renderDay, isLoading, ...rest }: DayAnimatedProps) => {\n  const containerHeight = useSharedValue(0)\n  const isLoadingAnim = useSharedValue(isLoading)\n\n  // The floating date only shows while scrolling; this opacity fades in on\n  // scroll start and out after the gesture fully ends.\n  const ownOpacity = useScrollGatedOpacity(isScrollActive)\n  const opacity = opacityProp ?? ownOpacity\n\n  // Sort newest day first. Sorting by createdAt (stable) rather than measured y\n  // keeps the order deterministic even while cells are (re)measured mid-scroll, so\n  // the stuck-day selection below can't briefly jump to the wrong day.\n  const daysPositionsArray = useDerivedValue(() => Object.values(daysPositions.value).sort((a, b) => {\n    'worklet'\n\n    return b.createdAt - a.createdAt\n  }))\n\n  const [createdAt, setCreatedAt] = useState<number | undefined>()\n\n  // Sticky day header (iOS section-header behaviour).\n  //\n  // Older days sit higher on screen, newer days lower.\n  // `daysPositionsArray` is sorted by createdAt (newest first), so index 0 is the\n  // newest day. Each separator's on-screen top edge is `dayPositionScreenTop`; the\n  // separator's pill renders DAY_MARGIN_TOP below that, and the floating header\n  // overrides that margin to 0, so its pinned pill (top = DAY_PIN_OFFSET) lines up\n  // with an inline separator at separatorScreenTop === DAY_HANDOFF_OFFSET.\n  //\n  // A day becomes \"stuck\" (shown by the floating header) the instant its separator\n  // reaches the handoff line. At that same pixel the inline separator hard-cuts off\n  // (see Item) and the floating hard-cuts on - the date hands off floating<->inline\n  // with no fade and no duplicate. The floating is then positioned off the next\n  // (newer) day's separator so it slides pixel by pixel: down from the top edge as\n  // an older day takes over (scrolling up), or up and off as a newer day rises\n  // (scrolling down), keeping a DAY_PUSH_GAP margin between the two pills.\n  const sticky = useDerivedValue(() => {\n    'worklet'\n\n    const days = daysPositionsArray.value\n    const n = days.length\n    if (n === 0)\n      return { top: DAY_PIN_OFFSET, createdAt: undefined as number | undefined, curSep: NaN }\n\n    const scrolledTop = scrolledY.value\n\n    let idx = n - 1\n    for (let i = 0; i < n; i++)\n      if (dayPositionScreenTop(scrolledTop, days[i]) <= DAY_HANDOFF_OFFSET) {\n        idx = i\n        break\n      }\n\n    const current = days[idx]\n    const curSep = dayPositionScreenTop(scrolledTop, current)\n\n    if (isLoadingAnim.value)\n      return { top: -containerHeight.value, createdAt: current.createdAt, curSep }\n\n    let top = DAY_PIN_OFFSET\n    if (idx > 0) {\n      const nextSep = dayPositionScreenTop(scrolledTop, days[idx - 1])\n      top = Math.min(DAY_PIN_OFFSET, nextSep + DAY_MARGIN_TOP - containerHeight.value - DAY_PUSH_GAP)\n    }\n\n    return { top, createdAt: current.createdAt, curSep }\n  })\n\n  const style = useAnimatedStyle(() => ({\n    top: sticky.value.top,\n  }))\n\n  const contentStyle = useAnimatedStyle(() => {\n    // The scroll-gated fade (see useScrollGatedOpacity); DAY_DEBUG.forceOpacity pins\n    // it to 1 so the slide/push can be studied without the fade.\n    const fade = DAY_DEBUG.forceOpacity ? 1 : opacity.value\n\n    // stuckGate hides the floating header when no day is actually stuck above the\n    // pin - i.e. at the top of history, once the oldest day's own separator drops\n    // back below the pin (e.g. the \"Load earlier\" button scrolls in). It is a hard\n    // step (not a fade) so the date hands off floating->inline at the same pixel\n    // with no fading duplicate over the loader, mirroring the inline separator's\n    // hard cutoff.\n    const stuckGate = sticky.value.curSep <= DAY_HANDOFF_OFFSET ? 1 : 0\n\n    // renderGate hides the header while its rendered text hasn't caught up to the\n    // worklet's current stuck day (the ~1-frame JS-thread lag after a day change).\n    // The inline separator stays up during this frame and shows the correct date, so\n    // the header never flashes the previous date when scrolling into a newer day.\n    const renderGate = sticky.value.createdAt === floatingRenderedDate.value ? 1 : 0\n\n    return { opacity: fade * stuckGate * renderGate }\n  })\n\n  const handleLayout = useCallback(({ nativeEvent }: LayoutChangeEvent) => {\n    containerHeight.set(nativeEvent.layout.height)\n  }, [containerHeight])\n\n  useAnimatedReaction(\n    () => sticky.value.createdAt,\n    (value, prevValue) => {\n      if (value && value !== prevValue)\n        runOnJS(setCreatedAt)(value)\n    })\n\n  const debugOverlay = useDayDebugOverlay(() => {\n    'worklet'\n\n    const v = sticky.get()\n    return `top=${Math.round(v.top)} cur=${Math.round(v.curSep)} ch=${Math.round(containerHeight.get())} load=${isLoadingAnim.get() ? 1 : 0}`\n  })\n\n  useEffect(() => {\n    isLoadingAnim.set(isLoading)\n  }, [isLoadingAnim, isLoading])\n\n  // Publish the date the header is actually rendering so the inline separators (and\n  // the header's own renderGate) know when the text has caught up to the worklet.\n  useEffect(() => {\n    floatingRenderedDate.set(createdAt)\n  }, [createdAt, floatingRenderedDate])\n\n  const dayContent = useMemo(() => {\n    if (!createdAt)\n      return null\n\n    return renderDay\n      ? renderDay({ ...rest, createdAt, isAnimated: true })\n      : <Day\n        {...rest}\n        containerStyle={[styles.dayAnimatedDayContainerStyle, rest.containerStyle]}\n        createdAt={createdAt}\n        isAnimated\n      />\n  }, [createdAt, renderDay, rest])\n\n  if (!createdAt)\n    return debugOverlay\n\n  return (\n    <>\n      {debugOverlay}\n      <Animated.View\n        style={[stylesCommon.centerItems, styles.dayAnimated, style]}\n        onLayout={handleLayout}\n        pointerEvents='none'\n      >\n        <Animated.View\n          style={contentStyle}\n          pointerEvents='none'\n        >\n          {dayContent}\n        </Animated.View>\n      </Animated.View>\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,12 +1,12 @@
-declare const _default: {
+declare const _default: Readonly<{
     dayAnimated: {
         position: "absolute";
-        width: "100%";
+        width: string;
     };
     dayAnimatedDayContainerStyle: {
         marginTop: number;
         marginBottom: number;
     };
-};
+}>;
 export default _default;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,12 +1,12 @@
 import { StyleSheet } from 'react-native';
 export default StyleSheet.create({
-    dayAnimated: {
-        position: 'absolute',
-        width: '100%',
-    },
-    dayAnimatedDayContainerStyle: {
-        marginTop: 0,
-        marginBottom: 0,
-    },
+  dayAnimated: {
+    position: 'absolute',
+    width: '100%'
+  },
+  dayAnimatedDayContainerStyle: {
+    marginTop: 0,
+    marginBottom: 0
+  }
 });
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;KACd;IACD,4BAA4B,EAAE;QAC5B,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;KAChB;CACF,CAAC,CAAA"}
+{"version":3,"file":"styles.js","names":["StyleSheet","create","dayAnimated","position","width","dayAnimatedDayContainerStyle","marginTop","marginBottom"],"sources":["../../../../src/MessagesContainer/components/DayAnimated/styles.ts"],"sourcesContent":["import { StyleSheet } from 'react-native'\n\nexport default StyleSheet.create({\n  dayAnimated: {\n    position: 'absolute',\n    width: '100%',\n  },\n  dayAnimatedDayContainerStyle: {\n    marginTop: 0,\n    marginBottom: 0,\n  },\n})\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,WAAW,EAAE;IACXC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE;EACT,CAAC;EACDC,4BAA4B,EAAE;IAC5BC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC","ignoreList":[]}