react-native-gifted-chat 2.8.0 → 2.8.2-alpha.0

package/README.md

@@ -78,6 +78,10 @@
     <a href="https://bit.ly/ethorachat" target="_blank">Check out our GitHub</a>
   </p>
 </p>
+<br>
+<p align="center">
+ <a href="https://amzn.to/3ZmTyb2" target="_blank">React Key Concepts: Consolidate your knowledge of React’s core features (2nd ed. Edition)</a>
+</p>
 
 ## Features
 
@@ -99,6 +103,14 @@
 
 # Getting started
 
+## 🚧👷 Important notice
+
+There's currently WIP going on to make the library more performant, modern in terms of chat UI and easier to maintain. If you have any issues, please report them. If you want to contribute, please do so.
+
+The most stable version is `2.6.5`. If you want to use the latest version, please be aware that it's a work in progress.
+
+Readme for this version: [2.6.5 readme](https://github.com/FaridSafi/react-native-gifted-chat/blob/eebab3751fcbe07715135e6e7b2aa3f76a10d8ac/README.md)
+
 ## Installation
 
 ### Install dependencies
@@ -343,6 +355,7 @@ interface QuickReplies {
 - **`messages`** _(Array)_ - Messages to display
 - **`isTyping`** _(Bool)_ - Typing Indicator state; default `false`. If you use`renderFooter` it will override this.
 - **`isKeyboardInternallyHandled`** _(Bool)_ - Determine whether to handle keyboard awareness inside the plugin. If you have your own keyboard handling outside the plugin set this to false; default is `true`
+- **`disableKeyboardController`** _(Bool)_ - Completely disable react-native-keyboard-controller. Useful when using react-native-navigation or other conflicting keyboard libraries; default is `false`
 - **`text`** _(String)_ - Input text; default is `undefined`, but if specified, it will override GiftedChat's internal state (e.g. for redux; [see notes below](#notes-for-redux))
 - **`placeholder`** _(String)_ - Placeholder when `text` is empty; default is `'Type a message...'`
 - **`messageIdGenerator`** _(Function)_ - Generate an id for new messages. Defaults to UUID v4, generated by [uuid](https://github.com/kelektiv/node-uuid)
@@ -352,7 +365,7 @@ interface QuickReplies {
 - **`locale`** _(String)_ - Locale to localize the dates. You need first to import the locale you need (ie. `require('dayjs/locale/de')` or `import 'dayjs/locale/fr'`)
 - **`timeFormat`** _(String)_ - Format to use for rendering times; default is `'LT'` (see [Day.js Format](https://day.js.org/docs/en/display/format))
 - **`dateFormat`** _(String)_ - Format to use for rendering dates; default is `'D MMMM'` (see [Day.js Format](https://day.js.org/docs/en/display/format))
-- **`dateFormatCalendar`** _(String)_ - Format to use for rendering relative times; Today - for now (see [Day.js Calendar](https://day.js.org/docs/en/plugin/calendar))
+- **`dateFormatCalendar`** _(Object)_ - Format to use for rendering relative times; default is `{ sameDay: '[Today]' }` (see [Day.js Calendar](https://day.js.org/docs/en/plugin/calendar))
 - **`loadEarlier`** _(Bool)_ - Enables the "load earlier messages" button, required for `infiniteScroll`
 - **`onLoadEarlier`** _(Function)_ - Callback when loading earlier messages
 - **`isLoadingEarlier`** _(Bool)_ - Display an `ActivityIndicator` when loading earlier messages
@@ -402,13 +415,13 @@ interface QuickReplies {
 - **`keyboardShouldPersistTaps`** _(Enum)_ - Determines whether the keyboard should stay visible after a tap; see [`<ScrollView>`](https://facebook.github.io/react-native/docs/scrollview.html) docs
 - **`onInputTextChanged`** _(Function)_ - Callback when the input text changes
 - **`maxInputLength`** _(Integer)_ - Max message composer TextInput length
-- **`parsePatterns`** _(Function)_ - Custom parse patterns for [react-native-parsed-text](https://github.com/taskrabbit/react-native-parsed-text) used to linking message content (like URLs and phone numbers), e.g.:
+- **`matchers`** _(Array)_ - Custom matchers for [react-native-autolink](https://github.com/joshswan/react-native-autolink) used to linking message content (like URLs and phone numbers), e.g.:
 
 ```js
  <GiftedChat
-   parsePatterns={(linkStyle) => [
-     { type: 'phone', style: linkStyle, onPress: this.onPressPhoneNumber },
-     { pattern: /#(\w+)/, style: { ...linkStyle, styles.hashtag }, onPress: this.onPressHashtag },
+   matchers={[
+     { type: 'phone', style: linkStyle, onPress: onPressPhoneNumber },
+     { pattern: /#(\w+)/, style: [linkStyle, styles.hashtag], onPress: onPressHashtag },
    ]}
  />
 ```

package/lib/Bubble/index.d.ts

@@ -1,30 +1,6 @@
-import React from 'react';
+import { JSX } from 'react';
 import { IMessage } from '../types';
 import { BubbleProps } from './types';
 export * from './types';
-export default class Bubble<TMessage extends IMessage = IMessage> extends React.Component<BubbleProps<TMessage>> {
-    static contextType: React.Context<import("..").IGiftedChatContext>;
-    onPress: () => void;
-    onLongPress: () => void;
-    styledBubbleToNext(): (import("react-native").StyleProp<import("react-native").ViewStyle> | {
-        borderBottomLeftRadius: number;
-    } | {
-        borderBottomRightRadius: number;
-    })[] | null;
-    styledBubbleToPrevious(): (import("react-native").StyleProp<import("react-native").ViewStyle> | {
-        borderTopLeftRadius: number;
-    } | {
-        borderTopRightRadius: number;
-    })[] | null;
-    renderQuickReplies(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
-    renderMessageText(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
-    renderMessageImage(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
-    renderMessageVideo(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
-    renderMessageAudio(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
-    renderTicks(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
-    renderTime(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
-    renderUsername(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
-    renderCustomView(): React.ReactNode;
-    renderBubbleContent(): React.JSX.Element;
-    render(): React.JSX.Element;
-}
+declare const Bubble: <TMessage extends IMessage = IMessage>(props: BubbleProps<TMessage>) => JSX.Element;
+export default Bubble;

package/lib/Bubble/index.js

@@ -1,6 +1,6 @@
-import React from 'react';
+import React, { useCallback } from 'react';
 import { Text, TouchableWithoutFeedback, View, } from 'react-native';
-import { GiftedChatContext } from '../GiftedChatContext';
+import { useChatContext } from '../GiftedChatContext';
 import { QuickReplies } from '../QuickReplies';
 import { MessageText } from '../MessageText';
 import { MessageImage } from '../MessageImage';
@@ -11,33 +11,20 @@ import { isSameUser, isSameDay } from '../utils';
 import stylesCommon from '../styles';
 import styles from './styles';
 export * from './types';
-class Bubble extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.onPress = () => {
-            if (this.props.onPress)
-                this.props.onPress(this.context, this.props.currentMessage);
-        };
-        this.onLongPress = () => {
-            const { currentMessage, onLongPress, optionTitles, } = this.props;
-            if (onLongPress) {
-                onLongPress(this.context, currentMessage);
-                return;
-            }
-            if (!optionTitles?.length)
-                return;
-            const options = optionTitles;
-            const cancelButtonIndex = options.length - 1;
-            this.context.actionSheet().showActionSheetWithOptions({
-                options,
-                cancelButtonIndex,
-            }, (buttonIndex) => {
-                console.log('onLongPress', { buttonIndex });
-            });
-        };
-    }
-    styledBubbleToNext() {
-        const { currentMessage, nextMessage, position, containerToNextStyle } = this.props;
+const Bubble = (props) => {
+    const { currentMessage, nextMessage, position, containerToNextStyle, previousMessage, containerToPreviousStyle, onQuickReply, renderQuickReplySend, quickReplyStyle, quickReplyTextStyle, quickReplyContainerStyle, containerStyle, wrapperStyle, bottomContainerStyle, onPress: onPressProp, onLongPress: onLongPressProp, } = props;
+    const context = useChatContext();
+    const onPress = useCallback(() => {
+        onPressProp?.(context, currentMessage);
+    }, [onPressProp, context, currentMessage]);
+    const onLongPress = useCallback(() => {
+        onLongPressProp?.(context, currentMessage);
+    }, [
+        currentMessage,
+        context,
+        onLongPressProp,
+    ]);
+    const styledBubbleToNext = useCallback(() => {
         if (currentMessage &&
             nextMessage &&
             position &&
@@ -48,9 +35,13 @@ class Bubble extends React.Component {
                 containerToNextStyle?.[position],
             ];
         return null;
-    }
-    styledBubbleToPrevious() {
-        const { currentMessage, previousMessage, position, containerToPreviousStyle, } = this.props;
+    }, [
+        currentMessage,
+        nextMessage,
+        position,
+        containerToNextStyle,
+    ]);
+    const styledBubbleToPrevious = useCallback(() => {
         if (currentMessage &&
             previousMessage &&
             position &&
@@ -58,76 +49,89 @@ class Bubble extends React.Component {
             isSameDay(currentMessage, previousMessage))
             return [
                 styles[position].containerToPrevious,
-                containerToPreviousStyle && containerToPreviousStyle[position],
+                containerToPreviousStyle?.[position],
             ];
         return null;
-    }
-    renderQuickReplies() {
-        const { currentMessage, onQuickReply, nextMessage, renderQuickReplySend, quickReplyStyle, quickReplyTextStyle, quickReplyContainerStyle, } = this.props;
+    }, [
+        currentMessage,
+        previousMessage,
+        position,
+        containerToPreviousStyle,
+    ]);
+    const renderQuickReplies = useCallback(() => {
         if (currentMessage?.quickReplies) {
             const { 
             /* eslint-disable @typescript-eslint/no-unused-vars */
             containerStyle, wrapperStyle, 
             /* eslint-enable @typescript-eslint/no-unused-vars */
-            ...quickReplyProps } = this.props;
-            if (this.props.renderQuickReplies)
-                return this.props.renderQuickReplies(quickReplyProps);
+            ...quickReplyProps } = props;
+            if (props.renderQuickReplies)
+                return props.renderQuickReplies(quickReplyProps);
             return (<QuickReplies currentMessage={currentMessage} onQuickReply={onQuickReply} renderQuickReplySend={renderQuickReplySend} quickReplyStyle={quickReplyStyle} quickReplyTextStyle={quickReplyTextStyle} quickReplyContainerStyle={quickReplyContainerStyle} nextMessage={nextMessage}/>);
         }
         return null;
-    }
-    renderMessageText() {
-        if (this.props.currentMessage?.text) {
+    }, [
+        currentMessage,
+        onQuickReply,
+        renderQuickReplySend,
+        quickReplyStyle,
+        quickReplyTextStyle,
+        quickReplyContainerStyle,
+        nextMessage,
+        props,
+    ]);
+    const renderMessageText = useCallback(() => {
+        if (currentMessage?.text) {
             const { 
             /* eslint-disable @typescript-eslint/no-unused-vars */
-            containerStyle, wrapperStyle, optionTitles, 
+            containerStyle, wrapperStyle, 
             /* eslint-enable @typescript-eslint/no-unused-vars */
-            ...messageTextProps } = this.props;
-            if (this.props.renderMessageText)
-                return this.props.renderMessageText(messageTextProps);
+            ...messageTextProps } = props;
+            if (props.renderMessageText)
+                return props.renderMessageText(messageTextProps);
             return <MessageText {...messageTextProps}/>;
         }
         return null;
-    }
-    renderMessageImage() {
-        if (this.props.currentMessage?.image) {
+    }, [props, currentMessage]);
+    const renderMessageImage = useCallback(() => {
+        if (currentMessage?.image) {
             const { 
             /* eslint-disable @typescript-eslint/no-unused-vars */
             containerStyle, wrapperStyle, 
             /* eslint-enable @typescript-eslint/no-unused-vars */
-            ...messageImageProps } = this.props;
-            if (this.props.renderMessageImage)
-                return this.props.renderMessageImage(messageImageProps);
+            ...messageImageProps } = props;
+            if (props.renderMessageImage)
+                return props.renderMessageImage(messageImageProps);
             return <MessageImage {...messageImageProps}/>;
         }
         return null;
-    }
-    renderMessageVideo() {
-        if (!this.props.currentMessage?.video)
+    }, [props, currentMessage]);
+    const renderMessageVideo = useCallback(() => {
+        if (!currentMessage?.video)
             return null;
         const { 
         /* eslint-disable @typescript-eslint/no-unused-vars */
         containerStyle, wrapperStyle, 
         /* eslint-enable @typescript-eslint/no-unused-vars */
-        ...messageVideoProps } = this.props;
-        if (this.props.renderMessageVideo)
-            return this.props.renderMessageVideo(messageVideoProps);
+        ...messageVideoProps } = props;
+        if (props.renderMessageVideo)
+            return props.renderMessageVideo(messageVideoProps);
         return <MessageVideo />;
-    }
-    renderMessageAudio() {
-        if (!this.props.currentMessage?.audio)
+    }, [props, currentMessage]);
+    const renderMessageAudio = useCallback(() => {
+        if (!currentMessage?.audio)
             return null;
         const { 
         /* eslint-disable @typescript-eslint/no-unused-vars */
         containerStyle, wrapperStyle, 
         /* eslint-enable @typescript-eslint/no-unused-vars */
-        ...messageAudioProps } = this.props;
-        if (this.props.renderMessageAudio)
-            return this.props.renderMessageAudio(messageAudioProps);
+        ...messageAudioProps } = props;
+        if (props.renderMessageAudio)
+            return props.renderMessageAudio(messageAudioProps);
         return <MessageAudio />;
-    }
-    renderTicks() {
-        const { currentMessage, renderTicks, user, } = this.props;
+    }, [props, currentMessage]);
+    const renderTicks = useCallback(() => {
+        const { renderTicks, user, } = props;
         if (renderTicks && currentMessage)
             return renderTicks(currentMessage);
         if (user &&
@@ -137,93 +141,102 @@ class Bubble extends React.Component {
         if (currentMessage &&
             (currentMessage.sent || currentMessage.received || currentMessage.pending))
             return (<View style={styles.content.tickView}>
-          {!!currentMessage.sent && (<Text style={[styles.content.tick, this.props.tickStyle]}>
+          {!!currentMessage.sent && (<Text style={[styles.content.tick, props.tickStyle]}>
               {'✓'}
             </Text>)}
-          {!!currentMessage.received && (<Text style={[styles.content.tick, this.props.tickStyle]}>
+          {!!currentMessage.received && (<Text style={[styles.content.tick, props.tickStyle]}>
               {'✓'}
             </Text>)}
-          {!!currentMessage.pending && (<Text style={[styles.content.tick, this.props.tickStyle]}>
+          {!!currentMessage.pending && (<Text style={[styles.content.tick, props.tickStyle]}>
               {'🕓'}
             </Text>)}
         </View>);
         return null;
-    }
-    renderTime() {
-        if (this.props.currentMessage?.createdAt) {
+    }, [
+        props,
+        currentMessage,
+    ]);
+    const renderTime = useCallback(() => {
+        if (currentMessage?.createdAt) {
             const { 
             /* eslint-disable @typescript-eslint/no-unused-vars */
             containerStyle, wrapperStyle, textStyle, 
             /* eslint-enable @typescript-eslint/no-unused-vars */
-            ...timeProps } = this.props;
-            if (this.props.renderTime)
-                return this.props.renderTime(timeProps);
+            ...timeProps } = props;
+            if (props.renderTime)
+                return props.renderTime(timeProps);
             return <Time {...timeProps}/>;
         }
         return null;
-    }
-    renderUsername() {
-        const { currentMessage, user, renderUsername, } = this.props;
-        if (this.props.renderUsernameOnMessage && currentMessage) {
+    }, [props, currentMessage]);
+    const renderUsername = useCallback(() => {
+        const { user, renderUsername, } = props;
+        if (props.renderUsernameOnMessage && currentMessage) {
             if (user && currentMessage.user._id === user._id)
                 return null;
             if (renderUsername)
                 return renderUsername(currentMessage.user);
             return (<View style={styles.content.usernameView}>
-          <Text style={[styles.content.username, this.props.usernameStyle]}>
+          <Text style={[styles.content.username, props.usernameStyle]}>
             {'~ '}
             {currentMessage.user.name}
           </Text>
         </View>);
         }
         return null;
-    }
-    renderCustomView() {
-        if (this.props.renderCustomView)
-            return this.props.renderCustomView(this.props);
+    }, [
+        currentMessage,
+        props,
+    ]);
+    const renderCustomView = useCallback(() => {
+        if (props.renderCustomView)
+            return props.renderCustomView(props);
         return null;
-    }
-    renderBubbleContent() {
+    }, [props]);
+    const renderBubbleContent = useCallback(() => {
         return (<View>
-        {!this.props.isCustomViewBottom && this.renderCustomView()}
-        {this.renderMessageImage()}
-        {this.renderMessageVideo()}
-        {this.renderMessageAudio()}
-        {this.renderMessageText()}
-        {this.props.isCustomViewBottom && this.renderCustomView()}
+        {!props.isCustomViewBottom && renderCustomView()}
+        {renderMessageImage()}
+        {renderMessageVideo()}
+        {renderMessageAudio()}
+        {renderMessageText()}
+        {props.isCustomViewBottom && renderCustomView()}
       </View>);
-    }
-    render() {
-        const { position, containerStyle, wrapperStyle, bottomContainerStyle, } = this.props;
-        return (<View style={[
-                stylesCommon.fill,
-                styles[position].container,
-                containerStyle && containerStyle[position],
-            ]}>
-        <View style={[
-                styles[position].wrapper,
-                this.styledBubbleToNext(),
-                this.styledBubbleToPrevious(),
-                wrapperStyle && wrapperStyle[position],
-            ]}>
-          <TouchableWithoutFeedback onPress={this.onPress} onLongPress={this.onLongPress} accessibilityRole='text' {...this.props.touchableProps}>
-            <View>
-              {this.renderBubbleContent()}
-              <View style={[
-                styles[position].bottom,
-                bottomContainerStyle && bottomContainerStyle[position],
-            ]}>
-                {this.renderUsername()}
-                {this.renderTime()}
-                {this.renderTicks()}
-              </View>
+    }, [
+        renderCustomView,
+        renderMessageImage,
+        renderMessageVideo,
+        renderMessageAudio,
+        renderMessageText,
+        props.isCustomViewBottom,
+    ]);
+    return (<View style={[
+            stylesCommon.fill,
+            styles[position].container,
+            containerStyle && containerStyle[position],
+        ]}>
+      <View style={[
+            styles[position].wrapper,
+            styledBubbleToNext(),
+            styledBubbleToPrevious(),
+            wrapperStyle && wrapperStyle[position],
+        ]}>
+        <TouchableWithoutFeedback onPress={onPress} onLongPress={onLongPress} accessibilityRole='text' {...props.touchableProps}>
+          <View>
+            {renderBubbleContent()}
+            <View style={[
+            styles[position].bottom,
+            bottomContainerStyle?.[position],
+        ]}>
+              {renderUsername()}
+              {renderTime()}
+              {renderTicks()}
             </View>
-          </TouchableWithoutFeedback>
-        </View>
-        {this.renderQuickReplies()}
-      </View>);
-    }
-}
-Bubble.contextType = GiftedChatContext;
+          </View>
+        </TouchableWithoutFeedback>
+      </View>
+      {renderQuickReplies()}
+    </View>);
+};
 export default Bubble;
 //# sourceMappingURL=index.js.map

package/lib/Bubble/index.js.map

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

package/lib/Bubble/types.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
 import { StyleProp, ViewStyle, TextStyle } from 'react-native';
 import { QuickRepliesProps } from '../QuickReplies';
-import { MessageTextProps } from '../MessageText';
+import { MessageTextProps, MessageOption } from '../MessageText';
 import { MessageImageProps } from '../MessageImage';
 import { TimeProps } from '../Time';
 import { User, IMessage, LeftRightStyle, Reply, Omit, MessageVideoProps, MessageAudioProps } from '../types';
 export type RenderMessageImageProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageImageProps<TMessage>;
 export type RenderMessageVideoProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageVideoProps<TMessage>;
 export type RenderMessageAudioProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageAudioProps<TMessage>;
-export type RenderMessageTextProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageTextProps<TMessage>;
+export type RenderMessageTextProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle' | 'options'> & MessageTextProps<TMessage>;
 export interface BubbleProps<TMessage extends IMessage> {
     user?: User;
     touchableProps?: object;
@@ -19,7 +19,7 @@ export interface BubbleProps<TMessage extends IMessage> {
     currentMessage: TMessage;
     nextMessage?: TMessage;
     previousMessage?: TMessage;
-    optionTitles?: string[];
+    options?: MessageOption[];
     containerStyle?: LeftRightStyle<ViewStyle>;
     wrapperStyle?: LeftRightStyle<ViewStyle>;
     textStyle?: LeftRightStyle<TextStyle>;

package/lib/GiftedChat/index.js

@@ -35,7 +35,7 @@ function GiftedChat(props) {
         ios: 'never',
         android: 'always',
         default: 'never',
-    }), onInputTextChanged = null, maxInputLength = null, inverted = true, minComposerHeight = MIN_COMPOSER_HEIGHT, maxComposerHeight = MAX_COMPOSER_HEIGHT, isKeyboardInternallyHandled = true, } = props;
+    }), onInputTextChanged = null, maxInputLength = null, inverted = true, minComposerHeight = MIN_COMPOSER_HEIGHT, maxComposerHeight = MAX_COMPOSER_HEIGHT, isKeyboardInternallyHandled = true, disableKeyboardController = false, } = props;
     const actionSheetRef = useRef(null);
     const messageContainerRef = useMemo(() => props.messageContainerRef || createRef(), [props.messageContainerRef]);
     const textInputRef = useMemo(() => props.textInputRef || createRef(), [props.textInputRef]);
@@ -44,7 +44,14 @@ function GiftedChat(props) {
     const [composerHeight, setComposerHeight] = useState(minComposerHeight);
     const [text, setText] = useState(() => props.text || '');
     const [isTypingDisabled, setIsTypingDisabled] = useState(false);
-    const keyboard = useReanimatedKeyboardAnimation();
+    // Always call the hook, but conditionally use its data
+    const keyboardControllerData = useReanimatedKeyboardAnimation();
+    // Create a mock keyboard object when disabled
+    const keyboard = useMemo(() => {
+        if (disableKeyboardController)
+            return { height: { value: 0 } };
+        return keyboardControllerData;
+    }, [disableKeyboardController, keyboardControllerData]);
     const trackingKeyboardMovement = useSharedValue(false);
     const debounceEnableTypingTimeoutId = useRef(undefined);
     const keyboardOffsetBottom = useSharedValue(0);
@@ -231,7 +238,11 @@ function GiftedChat(props) {
         if (props.text != null)
             setText(props.text);
     }, [props.text]);
-    useAnimatedReaction(() => -keyboard.height.value, (value, prevValue) => {
+    // Only set up keyboard animation when keyboard controller is enabled
+    useAnimatedReaction(() => disableKeyboardController ? 0 : -keyboard.height.value, (value, prevValue) => {
+        // Skip keyboard handling when disabled
+        if (disableKeyboardController)
+            return;
         if (prevValue !== null && value !== prevValue) {
             const isKeyboardMovingUp = value > prevValue;
             if (isKeyboardMovingUp !== trackingKeyboardMovement.value) {
@@ -264,12 +275,13 @@ function GiftedChat(props) {
         disableTyping,
         debounceEnableTyping,
         bottomOffset,
+        disableKeyboardController,
     ]);
     return (<GiftedChatContext.Provider value={contextValues}>
       <ActionSheetProvider ref={actionSheetRef}>
         <View testID={TEST_ID.WRAPPER} style={[stylesCommon.fill, styles.contentContainer]} onLayout={onInitialLayoutViewLayout}>
           {isInitialized
-            ? (<Animated.View style={[stylesCommon.fill, isKeyboardInternallyHandled && contentStyleAnim]}>
+            ? (<Animated.View style={[stylesCommon.fill, (isKeyboardInternallyHandled && !disableKeyboardController) && contentStyleAnim]}>
                 {renderMessages}
                 {inputToolbarFragment}
               </Animated.View>)
@@ -279,6 +291,9 @@ function GiftedChat(props) {
     </GiftedChatContext.Provider>);
 }
 function GiftedChatWrapper(props) {
+    // Don't use KeyboardProvider when keyboard controller is disabled
+    if (props.disableKeyboardController)
+        return <GiftedChat {...props}/>;
     return (<KeyboardProvider>
       <GiftedChat {...props}/>
     </KeyboardProvider>);