react-native-gifted-chat 3.3.0 → 3.3.3

package/lib/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAwB,MAAM,cAAc,CAAA;AAE1E,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;AAEF,MAAM,UAAU,mBAAmB,CAAI,MAAS,EAAE,QAAgB,EAAE,WAA2B;IAC7F,MAAM,GAAG,GAAG,GAAG,QAAQ,IAAI,WAAW,EAAa,CAAA;IACnD,OAAO,CAAC,MAAM,CAAC,QAAmB,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAA;AACnD,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAI,MAAS,EAAE,QAAgB,EAAE,QAAkC;IACrG,MAAM,WAAW,GAAG,CAAC,MAAM,CAAC,QAAmB,CAAC,CAAC,CAAA;IACjD,IAAI,QAAQ,EAAE,CAAC;QACb,MAAM,GAAG,GAAG,GAAG,QAAQ,IAAI,QAAQ,EAAa,CAAA;QAChD,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAA;IAC/B,CAAC;IACD,OAAO,UAAU,CAAC,OAAO,CAAC,WAAW,CAAgD,CAAA;AACvF,CAAC"}

package/lib/types.d.ts

@@ -0,0 +1,19 @@
+export * from './Models';
+export type { ActionsProps } from './Actions';
+export type { AvatarProps } from './Avatar';
+export type { BubbleProps, RenderMessageImageProps, RenderMessageVideoProps, RenderMessageAudioProps, RenderMessageTextProps } from './Bubble';
+export type { ComposerProps } from './Composer';
+export type { DayProps } from './Day';
+export type { GiftedAvatarProps } from './GiftedAvatar';
+export type { InputToolbarProps, ReplyPreviewProps } from './InputToolbar';
+export type { LoadEarlierMessagesProps } from './LoadEarlierMessages';
+export type { MessageProps } from './Message';
+export type { MessagesContainerProps } from './MessagesContainer';
+export type { MessageImageProps } from './MessageImage';
+export type { MessageTextProps } from './MessageText';
+export type { MessageReplyProps } from './components/MessageReply';
+export type { QuickRepliesProps } from './QuickReplies';
+export type { SendProps } from './Send';
+export type { SystemMessageProps } from './SystemMessage';
+export type { TimeProps } from './Time';
+//# sourceMappingURL=types.d.ts.map

package/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AAExB,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC3C,YAAY,EACV,WAAW,EACX,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACvB,MAAM,UAAU,CAAA;AACjB,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC/C,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACrC,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACvD,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAC1E,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AACrE,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAC7C,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACjE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAClE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACvD,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AACvC,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACzD,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA"}

package/lib/types.js

@@ -0,0 +1,2 @@
+export * from './Models';
+//# sourceMappingURL=types.js.map

package/lib/types.js.map

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

package/lib/utils.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IMessage } from './Models';
+export declare function renderComponentOrElement<TProps extends Record<string, any>>(component: React.ComponentType<TProps> | React.ReactElement | ((props: TProps) => React.ReactNode) | null | undefined, props: TProps): React.ReactNode;
+export declare function isSameDay(currentMessage: IMessage, diffMessage: IMessage | null | undefined): boolean;
+export declare function isSameUser(currentMessage: IMessage, diffMessage: IMessage | null | undefined): boolean;
+export declare function useCallbackDebounced<T extends (...args: any[]) => any>(callbackFunc: T, deps: React.DependencyList | undefined, time: number): (...args: Parameters<T>) => void;
+export declare function useCallbackThrottled<T extends (...args: any[]) => any>(callbackFunc: T, deps: React.DependencyList | undefined, time: number): (...args: Parameters<T>) => void;
+//# sourceMappingURL=utils.d.ts.map

package/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAEnC,wBAAgB,wBAAwB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACzE,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,GAAG,SAAS,EACrH,KAAK,EAAE,MAAM,GACZ,KAAK,CAAC,SAAS,CA6BjB;AAED,wBAAgB,SAAS,CACvB,cAAc,EAAE,QAAQ,EACxB,WAAW,EAAE,QAAQ,GAAG,IAAI,GAAG,SAAS,WAYzC;AAED,wBAAgB,UAAU,CACxB,cAAc,EAAE,QAAQ,EACxB,WAAW,EAAE,QAAQ,GAAG,IAAI,GAAG,SAAS,WAQzC;AAkBD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,cAAc,YAAK,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAqBxK;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,cAAc,YAAK,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAiCxK"}

package/lib/utils.js

@@ -0,0 +1,105 @@
+import React, { useCallback, useEffect, useRef } from 'react';
+import dayjs from 'dayjs';
+export function renderComponentOrElement(component, props) {
+    if (!component)
+        return null;
+    if (React.isValidElement(component))
+        // If it's already a React element, clone it with props
+        return React.cloneElement(component, props);
+    if (typeof component === 'function') {
+        // Check if it's a class component (has prototype.isReactComponent)
+        // Class components must use React.createElement
+        const isClassComponent = component.prototype && component.prototype.isReactComponent;
+        if (isClassComponent)
+            return React.createElement(component, props);
+        // For function components and render functions, call directly
+        // Using createElement with inline arrow functions causes unmount/remount
+        // when function reference changes, this matches v2.x behavior
+        return component(props);
+    }
+    // Check for React.memo or React.forwardRef wrapped components
+    // These have $$typeof property and should be rendered with createElement
+    if (typeof component === 'object' && component !== null && '$$typeof' in component)
+        return React.createElement(component, props);
+    // If it's neither, return it as-is
+    return component;
+}
+export function isSameDay(currentMessage, diffMessage) {
+    if (!diffMessage || !diffMessage.createdAt)
+        return false;
+    const currentCreatedAt = dayjs(currentMessage.createdAt);
+    const diffCreatedAt = dayjs(diffMessage.createdAt);
+    if (!currentCreatedAt.isValid() || !diffCreatedAt.isValid())
+        return false;
+    return currentCreatedAt.isSame(diffCreatedAt, 'day');
+}
+export function isSameUser(currentMessage, diffMessage) {
+    return !!(diffMessage &&
+        diffMessage.user &&
+        currentMessage.user &&
+        diffMessage.user._id === currentMessage.user._id);
+}
+function processCallbackArguments(args) {
+    const [e, ...rest] = args;
+    const { nativeEvent } = e || {};
+    let params = [];
+    if (e) {
+        if (nativeEvent)
+            params.push({ nativeEvent });
+        else
+            params.push(e);
+        if (rest)
+            params = params.concat(rest);
+    }
+    return params;
+}
+export function useCallbackDebounced(callbackFunc, deps = [], time) {
+    const timeoutId = useRef(undefined);
+    const savedFunc = useCallback((...args) => {
+        const params = processCallbackArguments(args);
+        if (timeoutId.current)
+            clearTimeout(timeoutId.current);
+        timeoutId.current = setTimeout(() => {
+            callbackFunc(...params);
+        }, time);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [callbackFunc, time, ...deps]);
+    useEffect(() => {
+        return () => {
+            if (timeoutId.current)
+                clearTimeout(timeoutId.current);
+        };
+    }, []);
+    return savedFunc;
+}
+export function useCallbackThrottled(callbackFunc, deps = [], time) {
+    const lastExecution = useRef(0);
+    const timeoutId = useRef(undefined);
+    // we use function instead of arrow to access arguments object
+    const savedFunc = useCallback((...args) => {
+        const params = processCallbackArguments(args);
+        const now = Date.now();
+        const timeSinceLastExecution = now - lastExecution.current;
+        if (timeSinceLastExecution >= time) {
+            // Execute immediately if enough time has passed
+            lastExecution.current = now;
+            callbackFunc(...params);
+        }
+        else {
+            // Schedule execution for the remaining time
+            clearTimeout(timeoutId.current);
+            timeoutId.current = setTimeout(() => {
+                lastExecution.current = Date.now();
+                callbackFunc(...params);
+            }, time - timeSinceLastExecution);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [callbackFunc, time, ...deps]);
+    useEffect(() => {
+        return () => {
+            clearTimeout(timeoutId.current);
+        };
+    }, []);
+    return savedFunc;
+}
+//# sourceMappingURL=utils.js.map

package/lib/utils.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gifted-chat",
-  "version": "3.3.0",
+  "version": "3.3.3",
   "description": "The most complete chat UI for React Native",
   "keywords": [
     "android",
@@ -23,22 +23,23 @@
   "license": "MIT",
   "author": "Farid Safi",
   "type": "module",
-  "main": "src/index.ts",
-  "types": "src/index.ts",
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
   "files": [
-    "src"
+    "lib"
   ],
   "scripts": {
+    "typecheck": "yarn tsc --noEmit",
+    "build": "rm -rf lib && yarn tsc",
+    "tsc:watch": "yarn typecheck --watch",
     "lint": "yarn eslint src example",
     "lint:fix": "yarn eslint --cache --fix src example",
-    "prepublishOnly": "yarn lint && yarn test",
+    "prepublishOnly": "yarn lint && yarn test && yarn build",
     "start": "cd example && expo start",
     "start:web": "cd example && expo start -w --dev",
     "test": "TZ=Europe/Paris jest --no-watchman",
     "test:coverage": "TZ=Europe/Paris jest --coverage",
     "test:watch": "TZ=Europe/Paris jest --watch",
-    "tsc:write": "yarn tsc --project tsconfig.json",
-    "tsc:watch": "yarn tsc --watch --noEmit",
     "fresh": "yarn start --reset-cache",
     "prepare": "yarn husky"
   },
@@ -92,11 +93,11 @@
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "react-native": "0.81.5",
-    "react-native-gesture-handler": "~2.28.0",
-    "react-native-keyboard-controller": "1.18.5",
-    "react-native-reanimated": "~4.1.1",
+    "react-native-gesture-handler": "~2.30.0",
+    "react-native-keyboard-controller": "1.20.6",
+    "react-native-reanimated": "~4.2.1",
     "react-native-safe-area-context": "~5.6.2",
-    "react-native-worklets": "0.5.1",
+    "react-native-worklets": "0.7.2",
     "react-test-renderer": "19.1.0",
     "typescript": "^5.9.3"
   },

package/src/Actions.tsx

@@ -1,110 +0,0 @@
-import React, { ReactNode, useCallback } from 'react'
-import {
-  StyleSheet,
-  View,
-  StyleProp,
-  ViewStyle,
-  TextStyle,
-} from 'react-native'
-import { Text } from 'react-native-gesture-handler'
-import { Color } from './Color'
-import { TouchableOpacity } from './components/TouchableOpacity'
-
-import { useChatContext } from './GiftedChatContext'
-import stylesCommon from './styles'
-
-export interface ActionsProps {
-  actions?: Array<{ title: string, action: () => void }>
-  actionSheetOptionTintColor?: string
-  icon?: () => ReactNode
-  wrapperStyle?: StyleProp<ViewStyle>
-  iconTextStyle?: StyleProp<TextStyle>
-  buttonStyle?: StyleProp<ViewStyle>
-  onPressActionButton?(): void
-}
-
-export function Actions ({
-  actions,
-  actionSheetOptionTintColor = Color.optionTintColor,
-  icon,
-  wrapperStyle,
-  iconTextStyle,
-  onPressActionButton,
-  buttonStyle,
-}: ActionsProps) {
-  const { actionSheet } = useChatContext()
-
-  const handlePress = useCallback(() => {
-    if (onPressActionButton) {
-      onPressActionButton()
-      return
-    }
-
-    if (!actions?.length)
-      return
-
-    const titles = actions.map(item => item.title)
-
-    actionSheet().showActionSheetWithOptions(
-      {
-        options: titles,
-        cancelButtonIndex: titles.length - 1,
-        tintColor: actionSheetOptionTintColor,
-      },
-      (buttonIndex?: number) => {
-        if (buttonIndex === undefined)
-          return
-
-        const item = actions[buttonIndex]
-        item.action?.()
-      }
-    )
-  }, [actionSheet, actions, actionSheetOptionTintColor, onPressActionButton])
-
-  const renderIcon = useCallback(() => {
-    if (icon)
-      return icon()
-
-    return (
-      <View style={[stylesCommon.centerItems, styles.wrapper, wrapperStyle]}>
-        <Text style={[styles.iconText, iconTextStyle]}>{'+'}</Text>
-      </View>
-    )
-  }, [icon, iconTextStyle, wrapperStyle])
-
-  return (
-    <View style={styles.container}>
-      <TouchableOpacity
-        onPress={handlePress}
-        style={[styles.button, buttonStyle]}
-      >
-        {renderIcon()}
-      </TouchableOpacity>
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  container: {
-    alignItems: 'flex-end',
-  },
-  button: {
-    paddingLeft: 10,
-    paddingRight: 4,
-    paddingVertical: 7,
-  },
-
-  wrapper: {
-    borderColor: Color.defaultColor,
-    borderWidth: 2,
-    width: 26,
-    height: 26,
-    borderRadius: 13,
-  },
-  iconText: {
-    color: Color.defaultColor,
-    fontWeight: 'bold',
-    fontSize: 16,
-    lineHeight: 16,
-  },
-})

package/src/Avatar.tsx

@@ -1,169 +0,0 @@
-import React, { ReactNode, useCallback } from 'react'
-import {
-  ImageStyle,
-  StyleSheet,
-  TextStyle,
-  View,
-  ViewStyle,
-} from 'react-native'
-import { GiftedAvatar } from './GiftedAvatar'
-import { IMessage, LeftRightStyle, User } from './Models'
-import { isSameUser, isSameDay } from './utils'
-
-interface Styles {
-  left: {
-    container: ViewStyle
-    onTop: ViewStyle
-    image: ImageStyle
-  }
-  right: {
-    container: ViewStyle
-    onTop: ViewStyle
-    image: ImageStyle
-  }
-}
-
-const styles: Styles = {
-  left: StyleSheet.create({
-    container: {
-      marginRight: 8,
-    },
-    onTop: {
-      alignSelf: 'flex-start',
-    },
-    image: {
-      height: 36,
-      width: 36,
-      borderRadius: 18,
-    },
-  }),
-  right: StyleSheet.create({
-    container: {
-      marginLeft: 8,
-    },
-    onTop: {
-      alignSelf: 'flex-start',
-    },
-    image: {
-      height: 36,
-      width: 36,
-      borderRadius: 18,
-    },
-  }),
-}
-
-export interface AvatarProps<TMessage extends IMessage> {
-  currentMessage: TMessage
-  previousMessage?: TMessage
-  nextMessage?: TMessage
-  position: 'left' | 'right'
-  isAvatarOnTop?: boolean
-  isAvatarVisibleForEveryMessage?: boolean
-  imageStyle?: LeftRightStyle<ImageStyle>
-  containerStyle?: LeftRightStyle<ViewStyle>
-  textStyle?: TextStyle
-  renderAvatar?(props: Omit<AvatarProps<TMessage>, 'renderAvatar'>): ReactNode
-  onPressAvatar?: (user: User) => void
-  onLongPressAvatar?: (user: User) => void
-}
-
-export function Avatar<TMessage extends IMessage = IMessage> (
-  props: AvatarProps<TMessage>
-) {
-  const {
-    isAvatarOnTop,
-    isAvatarVisibleForEveryMessage,
-    containerStyle,
-    position,
-    currentMessage,
-    renderAvatar,
-    previousMessage,
-    nextMessage,
-    imageStyle,
-    onPressAvatar,
-    onLongPressAvatar,
-  } = props
-
-  const messageToCompare = isAvatarOnTop ? previousMessage : nextMessage
-
-  const renderAvatarComponent = useCallback(() => {
-    if (renderAvatar)
-      return renderAvatar({
-        isAvatarOnTop,
-        isAvatarVisibleForEveryMessage,
-        containerStyle,
-        position,
-        currentMessage,
-        previousMessage,
-        nextMessage,
-        imageStyle,
-        onPressAvatar,
-        onLongPressAvatar,
-      })
-
-    if (currentMessage)
-      return (
-        <GiftedAvatar
-          avatarStyle={[
-            styles[position].image,
-            imageStyle?.[position],
-          ]}
-          user={currentMessage.user}
-          onPress={() => onPressAvatar?.(currentMessage.user)}
-          onLongPress={() => onLongPressAvatar?.(currentMessage.user)}
-        />
-      )
-
-    return null
-  }, [
-    renderAvatar,
-    isAvatarOnTop,
-    isAvatarVisibleForEveryMessage,
-    containerStyle,
-    position,
-    currentMessage,
-    previousMessage,
-    nextMessage,
-    imageStyle,
-    onPressAvatar,
-    onLongPressAvatar,
-  ])
-
-  if (renderAvatar === null)
-    return null
-
-  if (
-    !isAvatarVisibleForEveryMessage &&
-    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
-      style={[
-        styles[position].container,
-        isAvatarOnTop && styles[position].onTop,
-        containerStyle?.[position],
-      ]}
-    >
-      {renderAvatarComponent()}
-    </View>
-  )
-}