react-native-gifted-chat 2.6.5 → 2.7.1

package/lib/{TypingIndicator.js → TypingIndicator/index.js}

@@ -1,7 +1,9 @@
 import React, { useCallback, useEffect, useState, useMemo } from 'react';
-import { StyleSheet, View } from 'react-native';
-import Color from './Color';
+import { View } from 'react-native';
 import Animated, { runOnJS, useAnimatedStyle, useSharedValue, withDelay, withRepeat, withSequence, withTiming, } from 'react-native-reanimated';
+import stylesCommon from '../styles';
+import styles from './styles';
+export * from './types';
 const DotsAnimation = () => {
     const dot1 = useSharedValue(0);
     const dot2 = useSharedValue(0);
@@ -33,7 +35,7 @@ const DotsAnimation = () => {
     useEffect(() => {
         dot3.value = withDelay(200, withRepeat(withSequence(withTiming(topY, { duration }), withTiming(bottomY, { duration })), 0, true));
     }, [dot3, topY, bottomY, duration]);
-    return (<View style={styles.dots}>
+    return (<View style={[stylesCommon.fill, stylesCommon.centerItems, styles.dots]}>
       <Animated.View style={[styles.dot, dot1Style]}/>
       <Animated.View style={[styles.dot, dot2Style]}/>
       <Animated.View style={[styles.dot, dot3Style]}/>
@@ -59,15 +61,14 @@ const TypingIndicator = ({ isTyping }) => {
         heightScale.value = withTiming(35, { duration });
         marginScale.value = withTiming(8, { duration });
     }, [yCoords, heightScale, marginScale]);
-    // side effect
     const slideOut = useCallback(() => {
         const duration = 250;
-        yCoords.value = withTiming(200, { duration });
-        heightScale.value = withTiming(0, { duration });
-        marginScale.value = withTiming(0, { duration }, isFinished => {
+        yCoords.value = withTiming(200, { duration }, isFinished => {
             if (isFinished)
                 runOnJS(setIsVisible)(false);
         });
+        heightScale.value = withTiming(0, { duration });
+        marginScale.value = withTiming(0, { duration });
     }, [yCoords, heightScale, marginScale]);
     useEffect(() => {
         if (isVisible)
@@ -89,27 +90,5 @@ const TypingIndicator = ({ isTyping }) => {
       <DotsAnimation />
     </Animated.View>);
 };
-const styles = StyleSheet.create({
-    container: {
-        marginLeft: 8,
-        width: 45,
-        borderRadius: 15,
-        backgroundColor: Color.leftBubbleBackground,
-    },
-    dots: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center',
-        flex: 1,
-    },
-    dot: {
-        marginLeft: 2,
-        marginRight: 2,
-        borderRadius: 4,
-        width: 8,
-        height: 8,
-        backgroundColor: 'rgba(0, 0, 0, 0.38)',
-    },
-});
 export default TypingIndicator;
-//# sourceMappingURL=TypingIndicator.js.map
+//# sourceMappingURL=index.js.map

package/lib/TypingIndicator/index.js.map

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

package/lib/TypingIndicator/styles.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    container: {
+        marginLeft: number;
+        width: number;
+        borderRadius: number;
+        backgroundColor: string;
+    };
+    dots: {
+        flexDirection: "row";
+    };
+    dot: {
+        marginLeft: number;
+        marginRight: number;
+        borderRadius: number;
+        width: number;
+        height: number;
+        backgroundColor: string;
+    };
+};
+export default _default;

package/lib/TypingIndicator/styles.js

@@ -0,0 +1,22 @@
+import { StyleSheet } from 'react-native';
+import Color from '../Color';
+export default StyleSheet.create({
+    container: {
+        marginLeft: 8,
+        width: 45,
+        borderRadius: 15,
+        backgroundColor: Color.leftBubbleBackground,
+    },
+    dots: {
+        flexDirection: 'row',
+    },
+    dot: {
+        marginLeft: 2,
+        marginRight: 2,
+        borderRadius: 4,
+        width: 8,
+        height: 8,
+        backgroundColor: 'rgba(0, 0, 0, 0.38)',
+    },
+});
+//# sourceMappingURL=styles.js.map

package/lib/TypingIndicator/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/TypingIndicator/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,KAAK,MAAM,UAAU,CAAA;AAE5B,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,UAAU,EAAE,CAAC;QACb,KAAK,EAAE,EAAE;QACT,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,KAAK,CAAC,oBAAoB;KAC5C;IACD,IAAI,EAAE;QACJ,aAAa,EAAE,KAAK;KACrB;IACD,GAAG,EAAE;QACH,UAAU,EAAE,CAAC;QACb,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,qBAAqB;KACvC;CACF,CAAC,CAAA"}

package/lib/TypingIndicator/types.d.ts

@@ -0,0 +1,3 @@
+export interface TypingIndicatorProps {
+    isTyping?: boolean;
+}

package/lib/TypingIndicator/types.js

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

package/lib/TypingIndicator/types.js.map

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

package/lib/index.d.ts

@@ -1,4 +1,3 @@
-import 'react-native-get-random-values';
 export * from './GiftedChat';
 export * from './Constant';
 export * from './utils';

package/lib/index.js

@@ -1,4 +1,3 @@
-import 'react-native-get-random-values'; // NOTE: FOR "uuid" SUPPORT
 export * from './GiftedChat';
 export * from './Constant';
 export * from './utils';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gCAAgC,CAAA,CAAC,2BAA2B;AAEnE,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA"}

package/lib/styles.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    fill: {
+        flex: number;
+    };
+    centerItems: {
+        justifyContent: "center";
+        alignItems: "center";
+    };
+};
+export default _default;

package/lib/styles.js

@@ -0,0 +1,11 @@
+import { StyleSheet } from 'react-native';
+export default StyleSheet.create({
+    fill: {
+        flex: 1,
+    },
+    centerItems: {
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+});
+//# sourceMappingURL=styles.js.map

package/lib/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;KACR;IACD,WAAW,EAAE;QACX,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAA"}

package/lib/{Models.d.ts → types.d.ts}

@@ -21,7 +21,7 @@ export interface LeftRightStyle<T> {
     left?: StyleProp<T>;
     right?: StyleProp<T>;
 }
-type renderFunction = (x: unknown) => JSX.Element;
+type renderFunction = (x: unknown) => React.ReactNode;
 export interface User {
     _id: string | number;
     name?: string;

package/lib/types.js

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

package/lib/types.js.map

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

package/lib/utils.d.ts

@@ -1,5 +1,3 @@
-import PropTypes from 'prop-types';
-import { IMessage } from './Models';
-export declare const StylePropType: PropTypes.Requireable<NonNullable<number | boolean | object | null | undefined>>;
+import { IMessage } from './types';
 export declare function isSameDay(currentMessage: IMessage, diffMessage: IMessage | null | undefined): boolean;
 export declare function isSameUser(currentMessage: IMessage, diffMessage: IMessage | null | undefined): boolean;

package/lib/utils.js

@@ -1,11 +1,4 @@
-import PropTypes from 'prop-types';
 import dayjs from 'dayjs';
-export const StylePropType = PropTypes.oneOfType([
-    PropTypes.array,
-    PropTypes.object,
-    PropTypes.number,
-    PropTypes.bool,
-]);
 export function isSameDay(currentMessage, diffMessage) {
     if (!diffMessage || !diffMessage.createdAt)
         return false;

package/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAC,SAAS,CAAC;IAC/C,SAAS,CAAC,KAAK;IACf,SAAS,CAAC,MAAM;IAChB,SAAS,CAAC,MAAM;IAChB,SAAS,CAAC,IAAI;CACf,CAAC,CAAA;AAEF,MAAM,UAAU,SAAS,CACvB,cAAwB,EACxB,WAAwC;IAExC,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW,CAAC,SAAS;QACxC,OAAO,KAAK,CAAA;IAEd,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAA;IACxD,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;IAElD,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;QACzD,OAAO,KAAK,CAAA;IAEd,OAAO,gBAAgB,CAAC,MAAM,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;AACtD,CAAC;AAED,MAAM,UAAU,UAAU,CACxB,cAAwB,EACxB,WAAwC;IAExC,OAAO,CAAC,CAAC,CACP,WAAW;QACX,WAAW,CAAC,IAAI;QAChB,cAAc,CAAC,IAAI;QACnB,WAAW,CAAC,IAAI,CAAC,GAAG,KAAK,cAAc,CAAC,IAAI,CAAC,GAAG,CACjD,CAAA;AACH,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,UAAU,SAAS,CACvB,cAAwB,EACxB,WAAwC;IAExC,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW,CAAC,SAAS;QACxC,OAAO,KAAK,CAAA;IAEd,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAA;IACxD,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;IAElD,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;QACzD,OAAO,KAAK,CAAA;IAEd,OAAO,gBAAgB,CAAC,MAAM,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;AACtD,CAAC;AAED,MAAM,UAAU,UAAU,CACxB,cAAwB,EACxB,WAAwC;IAExC,OAAO,CAAC,CAAC,CACP,WAAW;QACX,WAAW,CAAC,IAAI;QAChB,cAAc,CAAC,IAAI;QACnB,WAAW,CAAC,IAAI,CAAC,GAAG,KAAK,cAAc,CAAC,IAAI,CAAC,GAAG,CACjD,CAAA;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gifted-chat",
-  "version": "2.6.5",
+  "version": "2.7.1",
   "description": "The most complete chat UI for React Native",
   "keywords": [
     "android",
@@ -30,7 +30,7 @@
     "lib"
   ],
   "scripts": {
-    "build": "rm -rf lib/ && yarn tsc && cp flow-typedefs/*.js.flow lib/",
+    "build": "rm -rf lib/ && yarn tsc",
     "lint": "yarn eslint src",
     "lint:fix": "yarn eslint --cache --fix",
     "prepublishOnly": "yarn lint && yarn build && yarn test",
@@ -50,67 +50,59 @@
       "bash -c 'yarn tsc:write'"
     ]
   },
-  "resolutions": {
-    "@babel/plugin-transform-flow-strip-types": "^7.25.0"
-  },
   "dependencies": {
     "@expo/react-native-action-sheet": "^4.1.0",
     "@types/lodash.isequal": "^4.5.8",
     "dayjs": "^1.11.13",
     "lodash.isequal": "^4.5.0",
-    "prop-types": "^15.8.1",
     "react-native-communications": "^2.2.1",
     "react-native-iphone-x-helper": "^1.3.1",
     "react-native-lightbox-v2": "^0.9.2",
-    "react-native-parsed-text": "^0.0.22",
-    "uuid": "^11.0.4"
+    "react-native-parsed-text": "^0.0.22"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.0",
-    "@babel/plugin-transform-flow-strip-types": "^7.25.9",
+    "@babel/core": "^7.26.8",
     "@babel/plugin-transform-react-jsx": "^7.25.9",
     "@babel/plugin-transform-unicode-property-regex": "^7.25.9",
-    "@babel/preset-env": "^7.26.0",
-    "@react-native/eslint-config": "^0.76.5",
-    "@stylistic/eslint-plugin": "^2.12.1",
+    "@babel/preset-env": "^7.26.8",
+    "@react-native/eslint-config": "^0.76.6",
+    "@shopify/flash-list": "^1.7.3",
+    "@stylistic/eslint-plugin": "^3.1.0",
     "@types/jest": "^29.5.14",
-    "@types/react": "^18.3.3",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
     "@types/react-native": "^0.72.8",
-    "@types/react-test-renderer": "^18.3.0",
-    "@types/uuid": "^10.0.0",
-    "@typescript-eslint/eslint-plugin": "^8.19.1",
-    "@typescript-eslint/parser": "^8.19.1",
+    "@typescript-eslint/eslint-plugin": "^8.23.0",
+    "@typescript-eslint/parser": "^8.23.0",
     "babel-jest": "^29.7.0",
     "eslint": "^8.57.0",
     "eslint-config-standard": "^17.1.0",
     "eslint-config-standard-jsx": "^11.0.0",
     "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jest": "^28.10.0",
+    "eslint-plugin-jest": "^28.11.0",
     "eslint-plugin-json": "^4.0.1",
     "eslint-plugin-n": "^17.15.1",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^7.2.1",
-    "eslint-plugin-react": "^7.37.3",
-    "flow-bin": "^0.258.1",
+    "eslint-plugin-react": "^7.37.4",
     "husky": "^9.1.7",
     "jest": "^29.7.0",
     "json": "^11.0.0",
-    "lint-staged": "^15.3.0",
+    "lint-staged": "^15.4.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-native": "^0.76.5",
-    "react-native-get-random-values": "^1.11.0",
-    "react-native-reanimated": "^3.16.6",
-    "react-native-safe-area-context": "^5.1.0",
+    "react-native": "^0.76.6",
+    "react-native-keyboard-controller": "^1.16.3",
+    "react-native-reanimated": "^3.16.7",
     "react-test-renderer": "^18.3.1",
     "typescript": "^5.7.3"
   },
   "peerDependencies": {
+    "@shopify/flash-list": ">=1.0.0",
     "react": "*",
     "react-native": "*",
-    "react-native-get-random-values": "*",
-    "react-native-reanimated": "*",
-    "react-native-safe-area-context": "*"
+    "react-native-keyboard-controller": ">=1.0.0",
+    "react-native-reanimated": ">=2.0.0"
   },
   "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e",
   "engines": {

package/src/Actions.tsx

@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types'
 import React, { ReactNode, useCallback } from 'react'
 import {
   StyleSheet,
@@ -10,9 +9,10 @@ import {
   TextStyle,
 } from 'react-native'
 import Color from './Color'
-import { StylePropType } from './utils'
 import { useChatContext } from './GiftedChatContext'
 
+import stylesCommon from './styles'
+
 export interface ActionsProps {
   options?: { [key: string]: () => void }
   optionTintColor?: string
@@ -63,7 +63,7 @@ export function Actions ({
       return icon()
 
     return (
-      <View style={[styles.wrapper, wrapperStyle]}>
+      <View style={[stylesCommon.fill, stylesCommon.centerItems, styles.wrapper, wrapperStyle]}>
         <Text style={[styles.iconText, iconTextStyle]}>{'+'}</Text>
       </View>
     )
@@ -79,15 +79,6 @@ export function Actions ({
   )
 }
 
-Actions.propTypes = {
-  options: PropTypes.object,
-  optionTintColor: PropTypes.string,
-  icon: PropTypes.func,
-  onPressActionButton: PropTypes.func,
-  wrapperStyle: StylePropType,
-  containerStyle: StylePropType,
-}
-
 const styles = StyleSheet.create({
   container: {
     width: 26,
@@ -99,9 +90,6 @@ const styles = StyleSheet.create({
     borderRadius: 13,
     borderColor: Color.defaultColor,
     borderWidth: 2,
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
   },
   iconText: {
     color: Color.defaultColor,

package/src/Avatar.tsx

@@ -1,5 +1,4 @@
-import PropTypes from 'prop-types'
-import React, { ReactNode } from 'react'
+import React, { ReactNode, useCallback } from 'react'
 import {
   ImageStyle,
   StyleSheet,
@@ -8,8 +7,8 @@ import {
   ViewStyle,
 } from 'react-native'
 import { GiftedAvatar } from './GiftedAvatar'
-import { StylePropType, isSameUser, isSameDay } from './utils'
-import { IMessage, LeftRightStyle, User } from './Models'
+import { isSameUser, isSameDay } from './utils'
+import { IMessage, LeftRightStyle, User } from './types'
 
 interface Styles {
   left: {
@@ -87,33 +86,7 @@ export function Avatar<TMessage extends IMessage = IMessage> (
 
   const messageToCompare = renderAvatarOnTop ? previousMessage : nextMessage
 
-  if (renderAvatar === null)
-    return null
-
-  if (
-    !showAvatarForEveryMessage &&
-    currentMessage &&
-    messageToCompare &&
-    isSameUser(currentMessage, messageToCompare) &&
-    isSameDay(currentMessage, messageToCompare)
-  )
-    return (
-      <View
-        style={[
-          styles[position].container,
-          containerStyle?.[position],
-        ]}
-      >
-        <GiftedAvatar
-          avatarStyle={[
-            styles[position].image,
-            imageStyle?.[position],
-          ]}
-        />
-      </View>
-    )
-
-  const renderAvatarComponent = () => {
+  const renderAvatarComponent = useCallback(() => {
     if (renderAvatar)
       return renderAvatar({
         renderAvatarOnTop,
@@ -142,7 +115,45 @@ export function Avatar<TMessage extends IMessage = IMessage> (
       )
 
     return null
-  }
+  }, [
+    renderAvatar,
+    renderAvatarOnTop,
+    showAvatarForEveryMessage,
+    containerStyle,
+    position,
+    currentMessage,
+    previousMessage,
+    nextMessage,
+    imageStyle,
+    onPressAvatar,
+    onLongPressAvatar,
+  ])
+
+  if (renderAvatar === null)
+    return null
+
+  if (
+    !showAvatarForEveryMessage &&
+    currentMessage &&
+    messageToCompare &&
+    isSameUser(currentMessage, messageToCompare) &&
+    isSameDay(currentMessage, messageToCompare)
+  )
+    return (
+      <View
+        style={[
+          styles[position].container,
+          containerStyle?.[position],
+        ]}
+      >
+        <GiftedAvatar
+          avatarStyle={[
+            styles[position].image,
+            imageStyle?.[position],
+          ]}
+        />
+      </View>
+    )
 
   return (
     <View
@@ -156,23 +167,3 @@ export function Avatar<TMessage extends IMessage = IMessage> (
     </View>
   )
 }
-
-Avatar.propTypes = {
-  renderAvatarOnTop: PropTypes.bool,
-  showAvatarForEveryMessage: PropTypes.bool,
-  position: PropTypes.oneOf(['left', 'right']),
-  currentMessage: PropTypes.object,
-  previousMessage: PropTypes.object,
-  nextMessage: PropTypes.object,
-  onPressAvatar: PropTypes.func,
-  onLongPressAvatar: PropTypes.func,
-  renderAvatar: PropTypes.func,
-  containerStyle: PropTypes.shape({
-    left: StylePropType,
-    right: StylePropType,
-  }),
-  imageStyle: PropTypes.shape({
-    left: StylePropType,
-    right: StylePropType,
-  }),
-}