@kesha-antonov/react-native-chat 4.1.0

package/lib/MessageReply.js

@@ -0,0 +1,102 @@
+import React, { useMemo, useCallback } from 'react';
+import { StyleSheet, View, Pressable, Image, Text } from 'react-native';
+import { Color } from './Color';
+import { getStyleWithPosition } from './styles';
+export function MessageReply({ currentMessage, position = 'left', containerStyle, contentContainerStyle, imageStyle, usernameStyle, textStyle, onPress: onPressProp, }) {
+    const handlePress = useCallback(() => {
+        if (!onPressProp || !currentMessage.replyMessage)
+            return;
+        onPressProp(currentMessage.replyMessage);
+    }, [onPressProp, currentMessage.replyMessage]);
+    const containerStyleMemo = useMemo(() => [
+        styles.container,
+        getStyleWithPosition(styles, 'container', position),
+        containerStyle?.[position],
+    ], [position, containerStyle]);
+    const contentContainerStyleMemo = useMemo(() => [
+        styles.contentContainer,
+        contentContainerStyle?.[position],
+    ], [position, contentContainerStyle]);
+    const imageStyleMemo = useMemo(() => [
+        styles.image,
+        imageStyle,
+    ], [imageStyle]);
+    const usernameStyleMemo = useMemo(() => [
+        styles.username,
+        getStyleWithPosition(styles, 'username', position),
+        usernameStyle,
+    ], [position, usernameStyle]);
+    const textStyleMemo = useMemo(() => [
+        styles.text,
+        getStyleWithPosition(styles, 'text', position),
+        textStyle,
+    ], [position, textStyle]);
+    if (!currentMessage.replyMessage)
+        return null;
+    const { replyMessage } = currentMessage;
+    return (<Pressable onPress={handlePress} style={containerStyleMemo}>
+      <View style={contentContainerStyleMemo}>
+        {replyMessage.image && (<Image source={{ uri: replyMessage.image }} style={imageStyleMemo}/>)}
+        <View style={styles.textContainer}>
+          <Text style={usernameStyleMemo} numberOfLines={1}>
+            {replyMessage.user?.name || 'User'}
+          </Text>
+          <Text numberOfLines={1} style={textStyleMemo}>
+            {replyMessage.text || (replyMessage.image ? 'Photo' : (replyMessage.audio ? 'Audio' : 'Message'))}
+          </Text>
+        </View>
+      </View>
+    </Pressable>);
+}
+const styles = StyleSheet.create({
+    container: {
+        marginHorizontal: 10,
+        marginTop: 5,
+        marginBottom: 2,
+        padding: 8,
+        borderRadius: 8,
+        borderLeftWidth: 3,
+        borderLeftColor: Color.defaultBlue,
+        minWidth: 150,
+    },
+    container_left: {
+        backgroundColor: 'rgba(0, 0, 0, 0.05)',
+    },
+    container_right: {
+        backgroundColor: 'rgba(255, 255, 255, 0.15)',
+    },
+    contentContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    image: {
+        width: 36,
+        height: 36,
+        borderRadius: 4,
+        marginRight: 8,
+    },
+    textContainer: {
+        flex: 1,
+    },
+    username: {
+        fontSize: 13,
+        fontWeight: '600',
+        marginBottom: 2,
+    },
+    username_left: {
+        color: Color.defaultBlue,
+    },
+    username_right: {
+        color: Color.white,
+    },
+    text: {
+        fontSize: 13,
+    },
+    text_left: {
+        color: Color.black,
+    },
+    text_right: {
+        color: 'rgba(255, 255, 255, 0.8)',
+    },
+});
+//# sourceMappingURL=MessageReply.js.map

package/lib/MessageReply.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageReply.js","sourceRoot":"","sources":["../src/MessageReply.tsx"],"names":[],"mappings":"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"}

package/lib/MessageText.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { StyleProp, ViewStyle, TextStyle } from 'react-native';
+import { LinkMatcher, LinkType } from './linkParser';
+import { LeftRightStyle, IMessage } from './Models';
+export type MessageTextProps<TMessage extends IMessage> = {
+    position?: 'left' | 'right';
+    currentMessage: TMessage;
+    containerStyle?: LeftRightStyle<ViewStyle>;
+    textStyle?: LeftRightStyle<TextStyle>;
+    linkStyle?: LeftRightStyle<TextStyle>;
+    customTextStyle?: StyleProp<TextStyle>;
+    onPress?: (message: TMessage, url: string, type: LinkType) => void;
+    matchers?: LinkMatcher[];
+    email?: boolean;
+    phone?: boolean;
+    url?: boolean;
+    hashtag?: boolean;
+    mention?: boolean;
+    hashtagUrl?: string;
+    mentionUrl?: string;
+    stripPrefix?: boolean;
+};
+export declare function MessageText<TMessage extends IMessage>({ currentMessage, position, containerStyle, textStyle, linkStyle: linkStyleProp, customTextStyle, onPress: onPressProp, matchers, email, phone, url, hashtag, mention, hashtagUrl, mentionUrl, stripPrefix, }: MessageTextProps<TMessage>): React.JSX.Element;
+//# sourceMappingURL=MessageText.d.ts.map

package/lib/MessageText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageText.d.ts","sourceRoot":"","sources":["../src/MessageText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AACnD,OAAO,EAEL,SAAS,EACT,SAAS,EACT,SAAS,EAEH,MAAM,cAAc,CAAA;AAG5B,OAAO,EAAc,WAAW,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAEnD,MAAM,MAAM,gBAAgB,CAAC,QAAQ,SAAS,QAAQ,IAAI;IACxD,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,cAAc,EAAE,QAAQ,CAAA;IACxB,cAAc,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACrC,SAAS,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACrC,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACtC,OAAO,CAAC,EAAE,CACR,OAAO,EAAE,QAAQ,EACjB,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,QAAQ,KACX,IAAI,CAAA;IAET,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,wBAAgB,WAAW,CAAC,QAAQ,SAAS,QAAQ,EAAE,EACrD,cAAc,EACd,QAAiB,EACjB,cAAc,EACd,SAAS,EACT,SAAS,EAAE,aAAa,EACxB,eAAe,EACf,OAAO,EAAE,WAAW,EACpB,QAAQ,EACR,KAAY,EACZ,KAAY,EACZ,GAAU,EACV,OAAe,EACf,OAAe,EACf,UAAU,EACV,UAAU,EACV,WAAmB,GACpB,EAAE,gBAAgB,CAAC,QAAQ,CAAC,qBAmD5B"}

package/lib/MessageText.js

@@ -0,0 +1,51 @@
+import React, { useMemo, useCallback } from 'react';
+import { StyleSheet, View, Text } from 'react-native';
+import { StreamingCursor } from './components/StreamingCursor';
+import { LinkParser } from './linkParser';
+export function MessageText({ currentMessage, position = 'left', containerStyle, textStyle, linkStyle: linkStyleProp, customTextStyle, onPress: onPressProp, matchers, email = true, phone = true, url = true, hashtag = false, mention = false, hashtagUrl, mentionUrl, stripPrefix = false, }) {
+    const linkStyle = useMemo(() => StyleSheet.flatten([
+        styles.link,
+        linkStyleProp?.[position],
+    ]), [position, linkStyleProp]);
+    const style = useMemo(() => [
+        styles[`text_${position}`],
+        textStyle?.[position],
+        customTextStyle,
+    ], [position, textStyle, customTextStyle]);
+    const handlePress = useCallback((url, type) => {
+        onPressProp?.(currentMessage, url, type);
+    }, [onPressProp, currentMessage]);
+    const isStreaming = !!currentMessage?.streaming;
+    const parsed = (<LinkParser text={currentMessage.text} matchers={matchers} email={email} phone={phone} url={url} hashtag={hashtag} mention={mention} hashtagUrl={hashtagUrl} mentionUrl={mentionUrl} stripPrefix={stripPrefix} linkStyle={linkStyle} textStyle={style} onPress={onPressProp ? handlePress : undefined} TextComponent={Text}/>);
+    return (<View style={[styles.container, containerStyle?.[position]]}>
+      {isStreaming
+            ? (
+            // Wrap in a Text so the caret flows inline after the last word and
+            // inherits the bubble text color.
+            <Text style={style}>
+            {parsed}
+            <StreamingCursor />
+          </Text>)
+            : parsed}
+    </View>);
+}
+const styles = StyleSheet.create({
+    container: {
+        marginVertical: 5,
+        marginHorizontal: 10,
+    },
+    text: {
+        fontSize: 16,
+        lineHeight: 20,
+    },
+    text_left: {
+        color: 'black',
+    },
+    text_right: {
+        color: 'white',
+    },
+    link: {
+        textDecorationLine: 'underline',
+    },
+});
+//# sourceMappingURL=MessageText.js.map

package/lib/MessageText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageText.js","sourceRoot":"","sources":["../src/MessageText.tsx"],"names":[],"mappings":"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"}

package/lib/MessageVideo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function MessageVideo(): React.JSX.Element;
+//# sourceMappingURL=MessageVideo.d.ts.map

package/lib/MessageVideo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageVideo.d.ts","sourceRoot":"","sources":["../src/MessageVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AActC,wBAAgB,YAAY,sBAa3B"}

package/lib/MessageVideo.js

@@ -0,0 +1,24 @@
+import React, { useMemo } from 'react';
+import { View, StyleSheet, Text } from 'react-native';
+import { Color } from './Color';
+const styles = StyleSheet.create({
+    container: {
+        padding: 10,
+    },
+    text: {
+        color: Color.alizarin,
+        fontWeight: '600',
+    },
+});
+export function MessageVideo() {
+    const content = useMemo(() => (<View style={styles.container}>
+      <Text style={styles.text}>
+        {'Video is not implemented by Chat.'}
+      </Text>
+      <Text style={styles.text}>
+        {'\nYou need to provide your own implementation by using renderMessageVideo prop.'}
+      </Text>
+    </View>), []);
+    return content;
+}
+//# sourceMappingURL=MessageVideo.js.map

package/lib/MessageVideo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageVideo.js","sourceRoot":"","sources":["../src/MessageVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAG,IAAI,EAAE,MAAM,cAAc,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,OAAO,EAAE,EAAE;KACZ;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK,CAAC,QAAQ;QACrB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAA;AAEF,MAAM,UAAU,YAAY;IAC1B,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC5B,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB;QAAA,CAAC,mCAAmC,CACtC;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB;QAAA,CAAC,iFAAiF,CACpF;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,OAAO,CAAA;AAChB,CAAC"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const DAY_DEBUG: {
+    timeScale: number;
+    forceOpacity: boolean;
+    overlay: boolean;
+};
+export declare function useDayDebugOverlay(select: () => string, deps: unknown[]): React.ReactElement | null;
+//# sourceMappingURL=debug.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"debug.d.ts","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/debug.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,eAAO,MAAM,SAAS;;;;CAQrB,CAAA;AAID,wBAAgB,kBAAkB,CAAE,MAAM,EAAE,MAAM,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAgBpG"}

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

@@ -0,0 +1,38 @@
+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,
+};
+// 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, deps) {
+    const [text, setText] = useState('');
+    useAnimatedReaction(() => (DAY_DEBUG.overlay ? select() : ''), value => {
+        if (value)
+            runOnJS(setText)(value);
+    }, deps);
+    if (!DAY_DEBUG.overlay)
+        return null;
+    return <Text style={styles.overlay}>{text}</Text>;
+}
+const styles = StyleSheet.create({
+    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

@@ -0,0 +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,EAAE,IAAe;IACvE,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,EACD,IAAI,CACL,CAAA;IAED,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"}

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

@@ -0,0 +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;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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,6BA6J1J,CAAA"}

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

@@ -0,0 +1,123 @@
+import React, { useEffect, useMemo, useState, useCallback } from 'react';
+import Animated, { useAnimatedStyle, useDerivedValue, useSharedValue, useAnimatedReaction, runOnJS } from 'react-native-reanimated';
+import { Day } from '../../../Day';
+import stylesCommon from '../../../styles';
+import { DAY_HANDOFF_OFFSET, DAY_MARGIN_TOP, DAY_PIN_OFFSET, DAY_PUSH_GAP, dayPositionScreenTop } from '../dayLayout';
+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 };
+    }, [daysPositionsArray, listHeight, scrolledY, containerHeight, isLoadingAnim]);
+    const style = useAnimatedStyle(() => ({
+        top: sticky.value.top,
+    }), [sticky]);
+    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 };
+    }, [opacity, sticky, floatingRenderedDate]);
+    const handleLayout = useCallback(({ nativeEvent }) => {
+        containerHeight.value = nativeEvent.layout.height;
+    }, [containerHeight]);
+    useAnimatedReaction(() => sticky.value.createdAt, (value, prevValue) => {
+        if (value && value !== prevValue)
+            runOnJS(setCreatedAt)(value);
+    }, [sticky]);
+    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}`;
+    }, [sticky, containerHeight, isLoadingAnim]);
+    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>
+    </>);
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/index.tsx"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAEA,wBASE"}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,22 @@
+import { DayProps } from '../../../Day';
+import { DaysPositions } from '../../types';
+export interface DayAnimatedProps extends Omit<DayProps, 'createdAt'> {
+    scrolledY: {
+        value: number;
+    };
+    daysPositions: {
+        value: DaysPositions;
+    };
+    listHeight: {
+        value: number;
+    };
+    isScrollActive: {
+        value: boolean;
+    };
+    floatingRenderedDate: {
+        value: number | undefined;
+    };
+    renderDay?: (props: DayProps) => React.ReactNode;
+    isLoading: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,4 @@
+export declare function useScrollGatedOpacity(isScrollActive: {
+    value: boolean;
+}): import("react-native-reanimated").SharedValue<number>;
+//# sourceMappingURL=useScrollGatedOpacity.d.ts.map

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

@@ -0,0 +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,yDAiCxE"}

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

@@ -0,0 +1,37 @@
+import { useCallback } from 'react';
+import { runOnJS, useAnimatedReaction, useSharedValue, withTiming } from 'react-native-reanimated';
+import { DAY_DEBUG } from './debug';
+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
+// 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)();
+        }
+    }, [isScrollActive, scheduleFadeOut, fadeOutTimeoutId]);
+    return opacity;
+}
+//# sourceMappingURL=useScrollGatedOpacity.js.map

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

@@ -0,0 +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,EACD,CAAC,cAAc,EAAE,eAAe,EAAE,gBAAgB,CAAC,CACpD,CAAA;IAED,OAAO,OAAO,CAAA;AAChB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/Item/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAKtC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,cAAc,SAAS,CAAA;AAkFvB,eAAO,MAAM,IAAI,GAAI,QAAQ,SAAS,QAAQ,EAAE,OAAO,SAAS,CAAC,QAAQ,CAAC,sBAuCzE,CAAA"}