@kesha-antonov/react-native-chat 4.2.0 → 4.3.0

package/package.json

@@ -1,16 +1,32 @@
 {
   "name": "@kesha-antonov/react-native-chat",
-  "version": "4.2.0",
-  "description": "The most complete chat UI for React Native",
+  "version": "4.3.0",
+  "description": "The most complete chat UI for React Native & Web - streaming AI messages, emoji reactions, replies, quick replies, and full customization. TypeScript-first, Expo-ready. A maintained react-native-gifted-chat successor.",
   "keywords": [
-    "android",
-    "ios",
     "react-native",
     "react",
     "react-component",
+    "ios",
+    "android",
+    "react-native-web",
+    "expo",
+    "chat",
+    "chat-ui",
+    "chat-bubble",
+    "messaging",
     "messenger",
     "message",
-    "chat"
+    "gifted-chat",
+    "react-native-gifted-chat",
+    "ai",
+    "ai-chat",
+    "chatbot",
+    "streaming",
+    "chatgpt",
+    "llm",
+    "typescript",
+    "emoji-reactions",
+    "voice-messages"
   ],
   "homepage": "https://github.com/kesha-antonov/react-native-chat#readme",
   "bugs": {
@@ -52,75 +68,114 @@
     ]
   },
   "dependencies": {
-    "@expo/react-native-action-sheet": "^4.1.1",
     "@types/lodash.isequal": "^4.5.8",
-    "dayjs": "^1.11.19",
+    "dayjs": "^1.11.21",
     "lodash.isequal": "^4.5.0",
-    "react-native-zoom-reanimated": "^1.5.2"
+    "react-native-zoom-reanimated": "^1.5.4"
   },
   "devDependencies": {
     "@babel/core": "^7.28.5",
+    "@babel/plugin-transform-class-properties": "^7.27.1",
+    "@babel/plugin-transform-private-methods": "^7.27.1",
+    "@babel/plugin-transform-private-property-in-object": "^7.27.1",
     "@babel/plugin-transform-react-jsx": "^7.27.1",
     "@babel/plugin-transform-unicode-property-regex": "^7.27.1",
     "@babel/preset-env": "^7.28.5",
-    "@react-native-community/cli": "20.0.0",
-    "@react-native-community/cli-platform-android": "20.0.0",
-    "@react-native-community/cli-platform-ios": "20.0.0",
-    "@react-native/babel-preset": "0.81.5",
-    "@react-native/eslint-config": "0.81.5",
-    "@react-native/metro-config": "0.81.5",
-    "@react-native/typescript-config": "0.81.5",
+    "@react-native-community/cli": "20.2.0",
+    "@react-native-community/cli-platform-android": "20.2.0",
+    "@react-native-community/cli-platform-ios": "20.2.0",
+    "@react-native/babel-preset": "0.86.2",
+    "@react-native/eslint-config": "0.86.2",
+    "@react-native/jest-preset": "0.86.2",
+    "@react-native/metro-config": "0.86.2",
+    "@react-native/typescript-config": "0.86.2",
     "@shopify/flash-list": "^2.3.2",
-    "@stylistic/eslint-plugin": "^3.1.0",
+    "@stylistic/eslint-plugin": "^5.10.0",
     "@testing-library/dom": "^10.4.1",
-    "@testing-library/react": "^16.3.0",
+    "@testing-library/react": "^16.3.2",
     "@testing-library/react-native": "^13.3.3",
-    "@types/jest": "^29.5.13",
-    "@types/react": "^19.2.5",
-    "@types/react-dom": "^19.2.3",
-    "@types/react-native": "^0.72.8",
+    "@types/jest": "^29.5.14",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
+    "@types/react-native": "^0.73.0",
     "@types/react-test-renderer": "^19.1.0",
-    "@typescript-eslint/eslint-plugin": "^8.46.4",
-    "@typescript-eslint/parser": "^8.46.4",
+    "@typescript-eslint/eslint-plugin": "^8.66.0",
+    "@typescript-eslint/parser": "^8.66.0",
     "babel-jest": "^29.7.0",
-    "eslint": "^9.18.0",
-    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint": "^10.8.0",
+    "eslint-import-resolver-typescript": "^4.4.5",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jest": "^28.11.0",
-    "eslint-plugin-perfectionist": "^4.15.1",
+    "eslint-plugin-jest": "^29.16.0",
+    "eslint-plugin-perfectionist": "^5.10.1",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-hooks": "^7.1.1",
     "husky": "^9.1.7",
     "jest": "^29.7.0",
     "json": "^11.0.0",
-    "lint-staged": "^15.5.0",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "react-native": "0.81.5",
-    "react-native-gesture-handler": "~2.30.0",
-    "react-native-keyboard-controller": "^1.21.11",
-    "react-native-reanimated": "~4.2.1",
-    "react-native-safe-area-context": "~5.6.2",
-    "react-native-worklets": "0.7.2",
-    "react-test-renderer": "19.1.0",
-    "typescript": "^5.9.3"
+    "lint-staged": "^17.3.0",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "react-native": "0.86.2",
+    "react-native-gesture-handler": "~2.32.0",
+    "react-native-keyboard-controller": "^1.21.14",
+    "react-native-reanimated": "~4.5.3",
+    "react-native-safe-area-context": "~5.7.0",
+    "react-native-worklets": "~0.10.3",
+    "react-test-renderer": "19.2.3",
+    "typescript": "^6.0.3"
   },
   "peerDependencies": {
+    "@lodev09/react-native-true-sheet": "*",
     "@shopify/flash-list": "*",
+    "expo-audio": "*",
+    "expo-device": "*",
+    "expo-image-picker": "*",
+    "expo-video": "*",
     "react": ">=18.0.0",
     "react-native": "*",
+    "react-native-audio-api": "*",
     "react-native-gesture-handler": ">=2.0.0",
     "react-native-keyboard-controller": ">=1.0.0",
     "react-native-reanimated": ">=3.0.0 || ^4.0.0",
-    "react-native-safe-area-context": ">=5.0.0"
-  },
-  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e",
-  "engines": {
-    "node": ">=20"
+    "react-native-safe-area-context": ">=5.0.0",
+    "react-native-streamdown": "*",
+    "react-native-svg": "*",
+    "react-native-vision-camera": "*"
   },
   "peerDependenciesMeta": {
+    "@lodev09/react-native-true-sheet": {
+      "optional": true
+    },
     "@shopify/flash-list": {
       "optional": true
+    },
+    "expo-audio": {
+      "optional": true
+    },
+    "expo-device": {
+      "optional": true
+    },
+    "expo-image-picker": {
+      "optional": true
+    },
+    "expo-video": {
+      "optional": true
+    },
+    "react-native-audio-api": {
+      "optional": true
+    },
+    "react-native-streamdown": {
+      "optional": true
+    },
+    "react-native-svg": {
+      "optional": true
+    },
+    "react-native-vision-camera": {
+      "optional": true
     }
+  },
+  "packageManager": "yarn@4.17.0",
+  "engines": {
+    "node": ">=20"
   }
 }

package/lib/MessageReply.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { ViewStyle, TextStyle, StyleProp, ImageStyle } from 'react-native';
-import { LeftRightStyle, IMessage, ReplyMessage } from './Models';
-export interface MessageReplyProps<TMessage extends IMessage> {
-    position?: 'left' | 'right';
-    currentMessage: TMessage;
-    containerStyle?: LeftRightStyle<ViewStyle>;
-    contentContainerStyle?: LeftRightStyle<ViewStyle>;
-    imageStyle?: StyleProp<ImageStyle>;
-    usernameStyle?: StyleProp<TextStyle>;
-    textStyle?: StyleProp<TextStyle>;
-    onPress?: (replyMessage: ReplyMessage) => void;
-}
-export declare function MessageReply<TMessage extends IMessage = IMessage>({ currentMessage, position, containerStyle, contentContainerStyle, imageStyle, usernameStyle, textStyle, onPress: onPressProp, }: MessageReplyProps<TMessage>): React.JSX.Element | null;
-//# sourceMappingURL=MessageReply.d.ts.map

package/lib/MessageReply.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageReply.d.ts","sourceRoot":"","sources":["../src/MessageReply.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AACnD,OAAO,EAEL,SAAS,EAIT,SAAS,EACT,SAAS,EACT,UAAU,EACJ,MAAM,cAAc,CAAA;AAG5B,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAGjE,MAAM,WAAW,iBAAiB,CAAC,QAAQ,SAAS,QAAQ;IAC1D,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,cAAc,EAAE,QAAQ,CAAA;IACxB,cAAc,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IAC1C,qBAAqB,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACjD,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAClC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAA;CAC/C;AAED,wBAAgB,YAAY,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAG,EAClE,cAAc,EACd,QAAiB,EACjB,cAAc,EACd,qBAAqB,EACrB,UAAU,EACV,aAAa,EACb,SAAS,EACT,OAAO,EAAE,WAAW,GACrB,EAAE,iBAAiB,CAAC,QAAQ,CAAC,4BAsE7B"}

package/lib/MessageReply.js

@@ -1,102 +0,0 @@
-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

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

package/lib/ReplyPreview.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { StyleProp, ViewStyle, TextStyle } from 'react-native';
-import { ReplyMessage } from './Models';
-export interface ReplyPreviewProps {
-    replyMessage: ReplyMessage;
-    onClearReply: () => void;
-    containerStyle?: StyleProp<ViewStyle>;
-    usernameStyle?: StyleProp<TextStyle>;
-    textStyle?: StyleProp<TextStyle>;
-    clearButtonStyle?: StyleProp<ViewStyle>;
-    clearButtonTextStyle?: StyleProp<TextStyle>;
-}
-export declare function ReplyPreview({ replyMessage, onClearReply, containerStyle, usernameStyle, textStyle, clearButtonStyle, clearButtonTextStyle, }: ReplyPreviewProps): React.JSX.Element;
-//# sourceMappingURL=ReplyPreview.d.ts.map

package/lib/ReplyPreview.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReplyPreview.d.ts","sourceRoot":"","sources":["../src/ReplyPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAE,SAAS,EAAoB,MAAM,cAAc,CAAA;AAIlG,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,YAAY,CAAA;IAC1B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACvC,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC5C;AAED,wBAAgB,YAAY,CAAE,EAC5B,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,aAAa,EACb,SAAS,EACT,gBAAgB,EAChB,oBAAoB,GACrB,EAAE,iBAAiB,qBAiDnB"}

package/lib/ReplyPreview.js

@@ -1,94 +0,0 @@
-import React, { useMemo } from 'react';
-import { StyleSheet, View, Pressable, Text } from 'react-native';
-import { Color } from './Color';
-import { useColorScheme } from './hooks/useColorScheme';
-export function ReplyPreview({ replyMessage, onClearReply, containerStyle, usernameStyle, textStyle, clearButtonStyle, clearButtonTextStyle, }) {
-    const colorScheme = useColorScheme();
-    const containerStyles = useMemo(() => [
-        styles.container,
-        colorScheme === 'dark' && styles.container_dark,
-        containerStyle,
-    ], [colorScheme, containerStyle]);
-    const usernameStyles = useMemo(() => [
-        styles.username,
-        colorScheme === 'dark' && styles.username_dark,
-        usernameStyle,
-    ], [colorScheme, usernameStyle]);
-    const textStyles = useMemo(() => [
-        styles.text,
-        colorScheme === 'dark' && styles.text_dark,
-        textStyle,
-    ], [colorScheme, textStyle]);
-    return (<View style={containerStyles}>
-      <View style={styles.border}/>
-      <View style={styles.content}>
-        <Text style={usernameStyles} numberOfLines={1}>
-          {replyMessage.user?.name || 'User'}
-        </Text>
-        <Text style={textStyles} numberOfLines={1}>
-          {replyMessage.text || (replyMessage.image ? 'Photo' : (replyMessage.audio ? 'Audio' : 'Message'))}
-        </Text>
-      </View>
-      <Pressable onPress={onClearReply} style={[styles.clearButton, clearButtonStyle]} hitSlop={8}>
-        <Text style={[styles.clearButtonText, clearButtonTextStyle]}>
-          {'✕'}
-        </Text>
-      </Pressable>
-    </View>);
-}
-const styles = StyleSheet.create({
-    container: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingHorizontal: 10,
-        paddingVertical: 8,
-        backgroundColor: '#f5f5f5',
-        borderBottomWidth: StyleSheet.hairlineWidth,
-        borderBottomColor: Color.defaultColor,
-    },
-    container_dark: {
-        backgroundColor: '#2a2a2a',
-        borderBottomColor: '#444',
-    },
-    border: {
-        width: 3,
-        height: '100%',
-        backgroundColor: Color.defaultBlue,
-        borderRadius: 1.5,
-        marginRight: 10,
-    },
-    content: {
-        flex: 1,
-    },
-    username: {
-        fontSize: 13,
-        fontWeight: '600',
-        color: Color.defaultBlue,
-        marginBottom: 2,
-    },
-    username_dark: {
-        color: '#6eb5ff',
-    },
-    text: {
-        fontSize: 13,
-        color: '#666',
-    },
-    text_dark: {
-        color: '#999',
-    },
-    clearButton: {
-        width: 24,
-        height: 24,
-        borderRadius: 12,
-        backgroundColor: Color.defaultColor,
-        justifyContent: 'center',
-        alignItems: 'center',
-        marginLeft: 10,
-    },
-    clearButtonText: {
-        fontSize: 12,
-        fontWeight: '600',
-        color: '#666',
-    },
-});
-//# sourceMappingURL=ReplyPreview.js.map

package/lib/ReplyPreview.js.map

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