@kesha-antonov/react-native-chat 4.1.0

package/lib/ChatAvatar.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { StyleProp, ImageStyle, TextStyle } from 'react-native';
+import { User } from './Models';
+export interface ChatAvatarProps {
+    user?: User;
+    avatarStyle?: StyleProp<ImageStyle>;
+    textStyle?: StyleProp<TextStyle>;
+    onPress?: (props: ChatAvatarProps) => void;
+    onLongPress?: (props: ChatAvatarProps) => void;
+}
+export declare function ChatAvatar(props: ChatAvatarProps): React.JSX.Element;
+//# sourceMappingURL=ChatAvatar.d.ts.map

package/lib/ChatAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatAvatar.d.ts","sourceRoot":"","sources":["../src/ChatAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AACnD,OAAO,EAIL,SAAS,EACT,UAAU,EACV,SAAS,EACH,MAAM,cAAc,CAAA;AAG5B,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AA8B/B,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IACnC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAC1C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;CAC/C;AAED,wBAAgB,UAAU,CACxB,KAAK,EAAE,eAAe,qBAuIvB"}

package/lib/ChatAvatar.js

@@ -0,0 +1,100 @@
+import React, { useCallback, useMemo } from 'react';
+import { Image, View, StyleSheet, Text } from 'react-native';
+import { Color } from './Color';
+import { TouchableOpacity } from './components/TouchableOpacity';
+import stylesCommon from './styles';
+const { carrot, emerald, peterRiver, wisteria, alizarin, turquoise, midnightBlue, } = Color;
+const styles = StyleSheet.create({
+    avatarStyle: {
+        width: 40,
+        height: 40,
+        borderRadius: 20,
+    },
+    avatarTransparent: {
+        backgroundColor: Color.backgroundTransparent,
+    },
+    textStyle: {
+        color: Color.white,
+        fontSize: 16,
+        backgroundColor: Color.backgroundTransparent,
+        fontWeight: '100',
+    },
+});
+export function ChatAvatar(props) {
+    const { user, avatarStyle, textStyle, onPress, } = props;
+    const avatarName = useMemo(() => {
+        const userName = user?.name || '';
+        const name = userName.toUpperCase().split(' ');
+        if (name.length === 1)
+            return `${name[0].charAt(0)}`;
+        else if (name.length > 1)
+            return `${name[0].charAt(0)}${name[1].charAt(0)}`;
+        else
+            return '';
+    }, [user?.name]);
+    const backgroundColor = useMemo(() => {
+        let sumChars = 0;
+        if (user?.name)
+            for (let i = 0; i < user.name.length; i += 1)
+                sumChars += user.name.charCodeAt(i);
+        // inspired by https://github.com/wbinnssmith/react-user-avatar
+        // colors from https://flatuicolors.com/
+        const colors = [
+            carrot,
+            emerald,
+            peterRiver,
+            wisteria,
+            alizarin,
+            turquoise,
+            midnightBlue,
+        ];
+        return colors[sumChars % colors.length];
+    }, [user?.name]);
+    const renderAvatar = useCallback(() => {
+        switch (typeof user?.avatar) {
+            case 'function':
+                return user.avatar([stylesCommon.centerItems, styles.avatarStyle, avatarStyle]);
+            case 'string':
+                return (<Image source={{ uri: user.avatar }} style={[stylesCommon.centerItems, styles.avatarStyle, avatarStyle]}/>);
+            case 'number':
+                return (<Image source={user.avatar} style={[stylesCommon.centerItems, styles.avatarStyle, avatarStyle]}/>);
+            default:
+                return null;
+        }
+    }, [user, avatarStyle]);
+    const renderInitials = useCallback(() => {
+        return (<Text style={[styles.textStyle, textStyle]}>
+        {avatarName}
+      </Text>);
+    }, [textStyle, avatarName]);
+    const handleOnPress = useCallback(() => {
+        const { onPress, ...rest } = props;
+        onPress?.(rest);
+    }, [props]);
+    const handleOnLongPress = useCallback(() => {
+        const { onLongPress, ...rest } = props;
+        if (onLongPress)
+            onLongPress(rest);
+    }, [props]);
+    const placeholderView = useMemo(() => (<View style={[
+            stylesCommon.centerItems,
+            styles.avatarStyle,
+            styles.avatarTransparent,
+            avatarStyle,
+        ]} accessibilityRole='image'/>), [avatarStyle]);
+    if (!user || (!user.name && !user.avatar))
+        return placeholderView;
+    if (user.avatar)
+        return (<TouchableOpacity enabled={!!onPress} onPress={handleOnPress} onLongPress={handleOnLongPress} accessibilityRole='image'>
+        {renderAvatar()}
+      </TouchableOpacity>);
+    return (<TouchableOpacity enabled={!!onPress} onPress={handleOnPress} onLongPress={handleOnLongPress} style={[
+            stylesCommon.centerItems,
+            styles.avatarStyle,
+            { backgroundColor },
+            avatarStyle,
+        ]} accessibilityRole='image'>
+      {renderInitials()}
+    </TouchableOpacity>);
+}
+//# sourceMappingURL=ChatAvatar.js.map

package/lib/ChatAvatar.js.map

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

package/lib/ChatContext.d.ts

@@ -0,0 +1,12 @@
+import { ColorSchemeName } from 'react-native';
+import { ActionSheetOptions } from '@expo/react-native-action-sheet';
+export interface IChatContext {
+    actionSheet(): {
+        showActionSheetWithOptions: (options: ActionSheetOptions, callback: (buttonIndex?: number) => void | Promise<void>) => void;
+    };
+    getLocale(): string;
+    getColorScheme(): ColorSchemeName | null | undefined;
+}
+export declare const ChatContext: import("react").Context<IChatContext>;
+export declare const useChatContext: () => IChatContext;
+//# sourceMappingURL=ChatContext.d.ts.map

package/lib/ChatContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../src/ChatContext.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,EACL,kBAAkB,EACnB,MAAM,iCAAiC,CAAA;AAExC,MAAM,WAAW,YAAY;IAC3B,WAAW,IAAI;QACb,0BAA0B,EAAE,CAC1B,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,KACrD,IAAI,CAAA;KACV,CAAA;IACD,SAAS,IAAI,MAAM,CAAA;IACnB,cAAc,IAAI,eAAe,GAAG,IAAI,GAAG,SAAS,CAAA;CACrD;AAED,eAAO,MAAM,WAAW,uCAMtB,CAAA;AAEF,eAAO,MAAM,cAAc,oBAAgC,CAAA"}

package/lib/ChatContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+export const ChatContext = createContext({
+    getLocale: () => 'en',
+    actionSheet: () => ({
+        showActionSheetWithOptions: () => { },
+    }),
+    getColorScheme: () => null,
+});
+export const useChatContext = () => useContext(ChatContext);
+//# sourceMappingURL=ChatContext.js.map

package/lib/ChatContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatContext.js","sourceRoot":"","sources":["../src/ChatContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAiBjD,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAe;IACrD,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI;IACrB,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC;QAClB,0BAA0B,EAAE,GAAG,EAAE,GAAE,CAAC;KACrC,CAAC;IACF,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI;CAC3B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,CAAA"}

package/lib/Color.d.ts

@@ -0,0 +1,18 @@
+export declare const Color: {
+    defaultColor: string;
+    backgroundTransparent: string;
+    defaultBlue: string;
+    leftBubbleBackground: string;
+    black: string;
+    white: string;
+    carrot: string;
+    emerald: string;
+    peterRiver: string;
+    wisteria: string;
+    alizarin: string;
+    turquoise: string;
+    midnightBlue: string;
+    optionTintColor: string;
+    timeTextColor: string;
+};
+//# sourceMappingURL=Color.d.ts.map

package/lib/Color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../src/Color.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;CAgBjB,CAAA"}

package/lib/Color.js

@@ -0,0 +1,18 @@
+export const Color = {
+    defaultColor: '#b2b2b2',
+    backgroundTransparent: 'transparent',
+    defaultBlue: '#0084ff',
+    leftBubbleBackground: '#f0f0f0',
+    black: '#000',
+    white: '#fff',
+    carrot: '#e67e22',
+    emerald: '#2ecc71',
+    peterRiver: '#3498db',
+    wisteria: '#8e44ad',
+    alizarin: '#e74c3c',
+    turquoise: '#1abc9c',
+    midnightBlue: '#2c3e50',
+    optionTintColor: '#007AFF',
+    timeTextColor: '#aaa',
+};
+//# sourceMappingURL=Color.js.map

package/lib/Color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.js","sourceRoot":"","sources":["../src/Color.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,YAAY,EAAE,SAAS;IACvB,qBAAqB,EAAE,aAAa;IACpC,WAAW,EAAE,SAAS;IACtB,oBAAoB,EAAE,SAAS;IAC/B,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;IACpB,YAAY,EAAE,SAAS;IACvB,eAAe,EAAE,SAAS;IAC1B,aAAa,EAAE,MAAM;CACtB,CAAA"}

package/lib/Composer.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TextInputProps } from 'react-native';
+export interface ComposerProps {
+    composerHeight?: number;
+    text?: string;
+    textInputProps?: Partial<TextInputProps>;
+}
+export declare function Composer({ text, textInputProps, }: ComposerProps): React.ReactElement;
+//# sourceMappingURL=Composer.d.ts.map

package/lib/Composer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Composer.d.ts","sourceRoot":"","sources":["../src/Composer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAA;AACxE,OAAO,EAKL,cAAc,EAEf,MAAM,cAAc,CAAA;AAMrB,MAAM,WAAW,aAAa;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAA;CACzC;AAED,wBAAgB,QAAQ,CAAE,EACxB,IAAS,EACT,cAAc,GACf,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAgEpC"}

package/lib/Composer.js

@@ -0,0 +1,63 @@
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { Platform, StyleSheet, View, } from 'react-native';
+import { TextInput } from 'react-native-gesture-handler';
+import { Color } from './Color';
+import { useColorScheme } from './hooks/useColorScheme';
+import stylesCommon, { getColorSchemeStyle } from './styles';
+export function Composer({ text = '', textInputProps, }) {
+    const colorScheme = useColorScheme();
+    const isDark = colorScheme === 'dark';
+    const placeholder = textInputProps?.placeholder ?? 'Type a message...';
+    const minHeight = useMemo(() => Platform.select({
+        web: styles.textInput.lineHeight + styles.textInput.paddingTop + styles.textInput.paddingBottom,
+        default: undefined,
+    }), []);
+    const [height, setHeight] = useState(minHeight);
+    // Reset the (web) auto-grown height back to its minimum once the text is
+    // cleared, e.g. after sending. Without this the composer stays expanded at
+    // the height of the previously sent multiline message. (#2716)
+    useEffect(() => {
+        if (Platform.OS === 'web' && text.length === 0)
+            setHeight(minHeight);
+    }, [text, minHeight]);
+    const handleContentSizeChange = useMemo(() => {
+        if (Platform.OS === 'web')
+            return (e) => {
+                const contentHeight = e.nativeEvent.contentSize.height;
+                setHeight(Math.max(minHeight ?? 0, contentHeight));
+            };
+        return undefined;
+    }, [minHeight]);
+    const handleChange = useCallback((event) => {
+        if (Platform.OS === 'web')
+            // Reset height to 0 to get the correct scrollHeight
+            requestAnimationFrame(() => {
+                // @ts-expect-error - web-specific code
+                event.nativeEvent.target.style.height = '0px';
+                // @ts-expect-error - web-specific code
+                event.nativeEvent.target.style.height = `${event.nativeEvent.target.scrollHeight}px`;
+            });
+    }, []);
+    return (<View style={stylesCommon.fill}>
+      <TextInput testID={placeholder} accessible accessibilityLabel={placeholder} placeholderTextColor={textInputProps?.placeholderTextColor ?? (isDark ? '#888' : Color.defaultColor)} value={text} enablesReturnKeyAutomatically underlineColorAndroid='transparent' keyboardAppearance={isDark ? 'dark' : 'default'} multiline placeholder={placeholder} onContentSizeChange={handleContentSizeChange} onChange={handleChange} {...textInputProps} style={[getColorSchemeStyle(styles, 'textInput', colorScheme), stylesWeb.textInput, { height }, textInputProps?.style]}/>
+    </View>);
+}
+const styles = StyleSheet.create({
+    textInput: {
+        fontSize: 16,
+        lineHeight: 22,
+        paddingTop: 8,
+        paddingBottom: 10,
+        paddingHorizontal: 8,
+    },
+    textInput_dark: {
+        color: '#fff',
+    },
+});
+const stylesWeb = StyleSheet.create({
+    textInput: {
+        /* @ts-expect-error - web-specific styles */
+        outlineStyle: 'none',
+    },
+});
+//# sourceMappingURL=Composer.js.map

package/lib/Composer.js.map

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

package/lib/Constant.d.ts

@@ -0,0 +1,8 @@
+export declare const DATE_FORMAT = "D MMMM";
+export declare const TIME_FORMAT = "LT";
+export declare const TEST_ID: {
+    WRAPPER: string;
+    LOADING_WRAPPER: string;
+    SEND_TOUCHABLE: string;
+};
+//# sourceMappingURL=Constant.d.ts.map

package/lib/Constant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Constant.d.ts","sourceRoot":"","sources":["../src/Constant.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,WAAW,CAAA;AACnC,eAAO,MAAM,WAAW,OAAO,CAAA;AAE/B,eAAO,MAAM,OAAO;;;;CAInB,CAAA"}

package/lib/Constant.js

@@ -0,0 +1,8 @@
+export const DATE_FORMAT = 'D MMMM';
+export const TIME_FORMAT = 'LT';
+export const TEST_ID = {
+    WRAPPER: 'GC_WRAPPER',
+    LOADING_WRAPPER: 'GC_LOADING_CONTAINER',
+    SEND_TOUCHABLE: 'GC_SEND_TOUCHABLE',
+};
+//# sourceMappingURL=Constant.js.map

package/lib/Constant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Constant.js","sourceRoot":"","sources":["../src/Constant.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAA;AACnC,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAA;AAE/B,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,OAAO,EAAE,YAAY;IACrB,eAAe,EAAE,sBAAsB;IACvC,cAAc,EAAE,mBAAmB;CACpC,CAAA"}

package/lib/Day/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DayProps } from './types';
+export * from './types';
+export declare function Day({ dateFormat, dateFormatCalendar, createdAt, containerStyle, wrapperStyle, textProps, }: DayProps): React.JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/lib/Day/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Day/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAWtC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAElC,cAAc,SAAS,CAAA;AAKvB,wBAAgB,GAAG,CAAE,EACnB,UAAwB,EACxB,kBAAkB,EAClB,SAAS,EACT,cAAc,EACd,YAAY,EACZ,SAAS,GACV,EAAE,QAAQ,4BAkCV"}

package/lib/Day/index.js

@@ -0,0 +1,39 @@
+import React, { useMemo } from 'react';
+import { View, Text } from 'react-native';
+import dayjs from 'dayjs';
+import calendar from 'dayjs/plugin/calendar';
+import relativeTime from 'dayjs/plugin/relativeTime';
+import { useChatContext } from '../ChatContext';
+import { DATE_FORMAT } from '../Constant';
+import stylesCommon from '../styles';
+import styles from './styles';
+export * from './types';
+dayjs.extend(relativeTime);
+dayjs.extend(calendar);
+export function Day({ dateFormat = DATE_FORMAT, dateFormatCalendar, createdAt, containerStyle, wrapperStyle, textProps, }) {
+    const { getLocale } = useChatContext();
+    const dateStr = useMemo(() => {
+        if (createdAt == null)
+            return null;
+        const now = dayjs().startOf('day');
+        const date = dayjs(createdAt).locale(getLocale()).startOf('day');
+        if (!now.isSame(date, 'year'))
+            return date.format('D MMMM YYYY');
+        if (now.diff(date, 'days') < 1)
+            return date.calendar(now, {
+                sameDay: '[Today]',
+                ...dateFormatCalendar,
+            });
+        return date.format(dateFormat);
+    }, [createdAt, dateFormat, getLocale, dateFormatCalendar]);
+    if (!dateStr)
+        return null;
+    return (<View style={[stylesCommon.centerItems, styles.container, containerStyle]}>
+      <View style={[styles.wrapper, wrapperStyle]}>
+        <Text {...textProps} style={[styles.text, textProps?.style]}>
+          {dateStr}
+        </Text>
+      </View>
+    </View>);
+}
+//# sourceMappingURL=index.js.map

package/lib/Day/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Day/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EACL,IAAI,EACJ,IAAI,EAAE,MAAM,cAAc,CAAA;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,YAAY,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,YAAY,MAAM,WAAW,CAAA;AACpC,OAAO,MAAM,MAAM,UAAU,CAAA;AAG7B,cAAc,SAAS,CAAA;AAEvB,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;AAC1B,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;AAEtB,MAAM,UAAU,GAAG,CAAE,EACnB,UAAU,GAAG,WAAW,EACxB,kBAAkB,EAClB,SAAS,EACT,cAAc,EACd,YAAY,EACZ,SAAS,GACA;IACT,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,SAAS,IAAI,IAAI;YACnB,OAAO,IAAI,CAAA;QAEb,MAAM,GAAG,GAAG,KAAK,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAClC,MAAM,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAEhE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC;YAC3B,OAAO,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAA;QAEnC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC;YAC5B,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBACxB,OAAO,EAAE,SAAS;gBAClB,GAAG,kBAAkB;aACtB,CAAC,CAAA;QAEJ,OAAO,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAE1D,IAAI,CAAC,OAAO;QACV,OAAO,IAAI,CAAA;IAEb,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CACxE;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAC1C;QAAA,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAC1D;UAAA,CAAC,OAAO,CACV;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC"}

package/lib/Day/styles.d.ts

@@ -0,0 +1,21 @@
+declare const _default: {
+    container: {
+        marginTop: number;
+        marginBottom: number;
+    };
+    wrapper: {
+        backgroundColor: string;
+        paddingTop: number;
+        paddingBottom: number;
+        paddingLeft: number;
+        paddingRight: number;
+        borderRadius: number;
+    };
+    text: {
+        color: string;
+        fontSize: number;
+        fontWeight: "600";
+    };
+};
+export default _default;
+//# sourceMappingURL=styles.d.ts.map

package/lib/Day/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Day/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAGA,wBAkBE"}

package/lib/Day/styles.js

@@ -0,0 +1,22 @@
+import { StyleSheet } from 'react-native';
+import { Color } from '../Color';
+export default StyleSheet.create({
+    container: {
+        marginTop: 5,
+        marginBottom: 10,
+    },
+    wrapper: {
+        backgroundColor: 'rgba(0, 0, 0, 0.75)',
+        paddingTop: 6,
+        paddingBottom: 6,
+        paddingLeft: 10,
+        paddingRight: 10,
+        borderRadius: 15,
+    },
+    text: {
+        color: Color.white,
+        fontSize: 12,
+        fontWeight: '600',
+    },
+});
+//# sourceMappingURL=styles.js.map

package/lib/Day/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Day/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,EAAE;KACjB;IACD,OAAO,EAAE;QACP,eAAe,EAAE,qBAAqB;QACtC,UAAU,EAAE,CAAC;QACb,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,EAAE;QACf,YAAY,EAAE,EAAE;QAChB,YAAY,EAAE,EAAE;KACjB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAA"}

package/lib/Day/types.d.ts

@@ -0,0 +1,17 @@
+import { StyleProp, ViewStyle, TextProps } from 'react-native';
+export interface DayProps {
+    createdAt: Date | number;
+    dateFormat?: string;
+    dateFormatCalendar?: object;
+    containerStyle?: StyleProp<ViewStyle>;
+    wrapperStyle?: StyleProp<ViewStyle>;
+    /** Props to pass to the Text component (e.g., style, allowFontScaling, numberOfLines) */
+    textProps?: Partial<TextProps>;
+    /**
+     * `true` when rendered as the floating/animated day header that sticks to the
+     * top while scrolling, `false`/`undefined` for the inline day separators.
+     * Use this in a custom `renderDay` to give the floating header a different look.
+     */
+    isAnimated?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/Day/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Day/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAA;AAErB,MAAM,WAAW,QAAQ;IACvB,SAAS,EAAE,IAAI,GAAG,MAAM,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACnC,yFAAyF;IACzF,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;IAC9B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB"}

package/lib/Day/types.js

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

package/lib/Day/types.js.map

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

package/lib/InputToolbar.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { StyleProp, ViewStyle, TextStyle } from 'react-native';
+import { ActionsProps } from './Actions';
+import { ReplyPreviewProps } from './components/ReplyPreview';
+import { ComposerProps } from './Composer';
+import { IMessage, ReplyMessage } from './Models';
+import { SendProps } from './Send';
+export type { ReplyPreviewProps } from './components/ReplyPreview';
+export interface InputToolbarProps<TMessage extends IMessage> {
+    actions?: Array<{
+        title: string;
+        action: () => void;
+    }>;
+    actionSheetOptionTintColor?: string;
+    containerStyle?: StyleProp<ViewStyle>;
+    primaryStyle?: StyleProp<ViewStyle>;
+    renderAccessory?: (props: InputToolbarProps<TMessage>) => React.ReactNode;
+    renderActions?: (props: ActionsProps) => React.ReactNode;
+    renderSend?: (props: SendProps<TMessage>) => React.ReactNode;
+    renderComposer?: (props: ComposerProps) => React.ReactNode;
+    onPressActionButton?: () => void;
+    icon?: () => React.ReactNode;
+    wrapperStyle?: StyleProp<ViewStyle>;
+    /** Reply message to show in preview */
+    replyMessage?: ReplyMessage | null;
+    /** Callback to clear reply */
+    onClearReply?: () => void;
+    /** Custom render for reply preview */
+    renderReplyPreview?: (props: ReplyPreviewProps) => React.ReactNode;
+    /** Style for reply preview container */
+    replyPreviewContainerStyle?: StyleProp<ViewStyle>;
+    /** Style for reply preview text */
+    replyPreviewTextStyle?: StyleProp<TextStyle>;
+}
+export declare function InputToolbar<TMessage extends IMessage = IMessage>(props: InputToolbarProps<TMessage>): React.JSX.Element;
+//# sourceMappingURL=InputToolbar.d.ts.map

package/lib/InputToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputToolbar.d.ts","sourceRoot":"","sources":["../src/InputToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AACnD,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAEhF,OAAO,EAAW,YAAY,EAAE,MAAM,WAAW,CAAA;AAEjD,OAAO,EAAgB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC3E,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAA;AAEpD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACjD,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAA;AAGxC,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAElE,MAAM,WAAW,iBAAiB,CAAC,QAAQ,SAAS,QAAQ;IAC1D,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAA;IACtD,0BAA0B,CAAC,EAAE,MAAM,CAAA;IACnC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACnC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IACzE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAA;IACxD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC5D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,KAAK,CAAC,SAAS,CAAA;IAC1D,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,IAAI,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACnC,uCAAuC;IACvC,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IAClC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,sCAAsC;IACtC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAA;IAClE,wCAAwC;IACxC,0BAA0B,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACjD,mCAAmC;IACnC,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7C;AAED,wBAAgB,YAAY,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAC/D,KAAK,EAAE,iBAAiB,CAAC,QAAQ,CAAC,qBAyHnC"}

package/lib/InputToolbar.js

@@ -0,0 +1,108 @@
+import React, { useCallback, useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Actions } from './Actions';
+import { Color } from './Color';
+import { ReplyPreview } from './components/ReplyPreview';
+import { Composer } from './Composer';
+import { useColorScheme } from './hooks/useColorScheme';
+import { Send } from './Send';
+import { renderComponentOrElement } from './utils';
+export function InputToolbar(props) {
+    const { renderActions, onPressActionButton, renderComposer, renderSend, renderAccessory, actions, actionSheetOptionTintColor, icon, wrapperStyle, containerStyle, replyMessage, onClearReply, renderReplyPreview: renderReplyPreviewProp, replyPreviewContainerStyle, replyPreviewTextStyle, } = props;
+    const colorScheme = useColorScheme();
+    const containerStyles = useMemo(() => [
+        styles.container,
+        colorScheme === 'dark' && styles.container_dark,
+        containerStyle,
+    ], [colorScheme, containerStyle]);
+    const primaryStyles = useMemo(() => [
+        styles.primary,
+        props.primaryStyle,
+    ], [props.primaryStyle]);
+    const actionsFragment = useMemo(() => {
+        const actionsProps = {
+            onPressActionButton,
+            actions,
+            actionSheetOptionTintColor,
+            icon,
+            wrapperStyle,
+            containerStyle,
+        };
+        if (renderActions)
+            return renderComponentOrElement(renderActions, actionsProps);
+        if (onPressActionButton)
+            return <Actions {...actionsProps}/>;
+        return null;
+    }, [
+        renderActions,
+        onPressActionButton,
+        actions,
+        actionSheetOptionTintColor,
+        icon,
+        wrapperStyle,
+        containerStyle,
+    ]);
+    const composerFragment = useMemo(() => {
+        const composerProps = props;
+        if (renderComposer)
+            return renderComponentOrElement(renderComposer, composerProps);
+        return <Composer {...composerProps}/>;
+    }, [renderComposer, props]);
+    const sendFragment = useMemo(() => {
+        if (renderSend)
+            return renderComponentOrElement(renderSend, props);
+        return <Send {...props}/>;
+    }, [renderSend, props]);
+    const accessoryFragment = useMemo(() => {
+        if (!renderAccessory)
+            return null;
+        return renderComponentOrElement(renderAccessory, props);
+    }, [renderAccessory, props]);
+    const handleClearReply = useCallback(() => {
+        onClearReply?.();
+    }, [onClearReply]);
+    const replyPreviewFragment = useMemo(() => {
+        if (!replyMessage)
+            return null;
+        const replyPreviewProps = {
+            replyMessage,
+            onClearReply: handleClearReply,
+            containerStyle: replyPreviewContainerStyle,
+            textStyle: replyPreviewTextStyle,
+        };
+        if (renderReplyPreviewProp)
+            return renderComponentOrElement(renderReplyPreviewProp, replyPreviewProps);
+        return <ReplyPreview {...replyPreviewProps}/>;
+    }, [
+        replyMessage,
+        handleClearReply,
+        renderReplyPreviewProp,
+        replyPreviewContainerStyle,
+        replyPreviewTextStyle,
+    ]);
+    return (<View style={containerStyles}>
+      {replyPreviewFragment}
+      <View style={primaryStyles}>
+        {actionsFragment}
+        {composerFragment}
+        {sendFragment}
+      </View>
+      {accessoryFragment}
+    </View>);
+}
+const styles = StyleSheet.create({
+    container: {
+        borderTopWidth: StyleSheet.hairlineWidth,
+        borderTopColor: Color.defaultColor,
+        backgroundColor: Color.white,
+    },
+    container_dark: {
+        backgroundColor: '#1a1a1a',
+        borderTopColor: '#444',
+    },
+    primary: {
+        flexDirection: 'row',
+        alignItems: 'flex-end',
+    },
+});
+//# sourceMappingURL=InputToolbar.js.map

package/lib/InputToolbar.js.map

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

package/lib/LoadEarlierMessages.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { StyleProp, ViewStyle, TextStyle } from 'react-native';
+export interface LoadEarlierMessagesProps {
+    isAvailable: boolean;
+    isLoading: boolean;
+    onPress: () => void;
+    isInfiniteScrollEnabled?: boolean;
+    label?: string;
+    containerStyle?: StyleProp<ViewStyle>;
+    wrapperStyle?: StyleProp<ViewStyle>;
+    textStyle?: StyleProp<TextStyle>;
+    activityIndicatorStyle?: StyleProp<ViewStyle>;
+    activityIndicatorColor?: string;
+    activityIndicatorSize?: number | 'small' | 'large';
+}
+export declare const LoadEarlierMessages: React.FC<LoadEarlierMessagesProps>;
+//# sourceMappingURL=LoadEarlierMessages.d.ts.map