react-native-gifted-chat 0.16.3 → 1.0.0-beta-1

package/lib/QuickReplies.js

@@ -1,8 +1,9 @@
 import PropTypes from 'prop-types';
-import React, { Component } from 'react';
+import React, { useState, useMemo } from 'react';
 import { Text, StyleSheet, View, TouchableOpacity, } from 'react-native';
 import Color from './Color';
 import { warning, StylePropType } from './utils';
+import { useCallbackOne } from 'use-memo-one';
 const styles = StyleSheet.create({
     container: {
         flexDirection: 'row',
@@ -34,97 +35,76 @@ const styles = StyleSheet.create({
 });
 const sameReply = (currentReply) => (reply) => currentReply.value === reply.value;
 const diffReply = (currentReply) => (reply) => currentReply.value !== reply.value;
-export default class QuickReplies extends Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            replies: [],
-        };
-        this.handlePress = (reply) => () => {
-            const { currentMessage } = this.props;
-            const { replies } = this.state;
-            if (currentMessage) {
-                const { type } = currentMessage.quickReplies;
-                switch (type) {
-                    case 'radio': {
-                        this.handleSend([reply])();
-                        return;
-                    }
-                    case 'checkbox': {
-                        if (replies.find(sameReply(reply))) {
-                            this.setState({
-                                replies: this.state.replies.filter(diffReply(reply)),
-                            });
-                        }
-                        else {
-                            this.setState({ replies: [...this.state.replies, reply] });
-                        }
-                        return;
+export function QuickReplies(props) {
+    const { currentMessage, nextMessage, color, quickReplyStyle, onQuickReply, sendText, renderQuickReplySend, } = props;
+    const { type } = currentMessage.quickReplies;
+    const [replies, setReplies] = useState([]);
+    const shouldComponentDisplay = useMemo(() => {
+        const hasReplies = !!currentMessage && !!currentMessage.quickReplies;
+        const hasNext = !!nextMessage && !!nextMessage._id;
+        const keepIt = currentMessage.quickReplies.keepIt;
+        if (hasReplies && !hasNext) {
+            return true;
+        }
+        if (hasReplies && hasNext && keepIt) {
+            return true;
+        }
+        return false;
+    }, [currentMessage, nextMessage]);
+    if (!shouldComponentDisplay) {
+        return null;
+    }
+    const handlePress = useCallbackOne((reply) => () => {
+        if (currentMessage) {
+            const { type } = currentMessage.quickReplies;
+            switch (type) {
+                case 'radio': {
+                    handleSend([reply])();
+                    return;
+                }
+                case 'checkbox': {
+                    if (replies.find(sameReply(reply))) {
+                        setReplies(replies.filter(diffReply(reply)));
                     }
-                    default: {
-                        warning(`onQuickReply unknown type: ${type}`);
-                        return;
+                    else {
+                        setReplies([...replies, reply]);
                     }
+                    return;
+                }
+                default: {
+                    warning(`onQuickReply unknown type: ${type}`);
+                    return;
                 }
             }
-        };
-        this.handleSend = (replies) => () => {
-            const { currentMessage } = this.props;
-            if (this.props.onQuickReply) {
-                this.props.onQuickReply(replies.map((reply) => ({
-                    ...reply,
-                    messageId: currentMessage._id,
-                })));
-            }
-        };
-        this.shouldComponentDisplay = () => {
-            const { currentMessage, nextMessage } = this.props;
-            const hasReplies = !!currentMessage && !!currentMessage.quickReplies;
-            const hasNext = !!nextMessage && !!nextMessage._id;
-            const keepIt = currentMessage.quickReplies.keepIt;
-            if (hasReplies && !hasNext) {
-                return true;
-            }
-            if (hasReplies && hasNext && keepIt) {
-                return true;
-            }
-            return false;
-        };
-        this.renderQuickReplySend = () => {
-            const { replies } = this.state;
-            const { sendText, renderQuickReplySend: customSend } = this.props;
-            return (<TouchableOpacity style={[styles.quickReply, styles.sendLink]} onPress={this.handleSend(replies)}>
-        {customSend ? (customSend()) : (<Text style={styles.sendLinkText}>{sendText}</Text>)}
-      </TouchableOpacity>);
-        };
-    }
-    render() {
-        const { currentMessage, color, quickReplyStyle } = this.props;
-        const { replies } = this.state;
-        if (!this.shouldComponentDisplay()) {
-            return null;
         }
-        const { type } = currentMessage.quickReplies;
-        return (<View style={styles.container}>
-        {currentMessage.quickReplies.values.map((reply, index) => {
-            const selected = type === 'checkbox' && replies.find(sameReply(reply));
-            return (<TouchableOpacity onPress={this.handlePress(reply)} style={[
-                styles.quickReply,
-                quickReplyStyle,
-                { borderColor: color },
-                selected && { backgroundColor: color },
-            ]} key={`${reply.value}-${index}`}>
-                <Text numberOfLines={10} ellipsizeMode={'tail'} style={[
-                styles.quickReplyText,
-                { color: selected ? Color.white : color },
-            ]}>
-                  {reply.title}
-                </Text>
-              </TouchableOpacity>);
-        })}
-        {replies.length > 0 && this.renderQuickReplySend()}
-      </View>);
-    }
+    }, [replies, currentMessage]);
+    const handleSend = (repliesData) => () => {
+        onQuickReply === null || onQuickReply === void 0 ? void 0 : onQuickReply(repliesData.map((reply) => ({
+            ...reply,
+            messageId: currentMessage._id,
+        })));
+    };
+    return (<View style={styles.container}>
+      {currentMessage.quickReplies.values.map((reply, index) => {
+        const selected = type === 'checkbox' && replies.find(sameReply(reply));
+        return (<TouchableOpacity onPress={handlePress(reply)} style={[
+            styles.quickReply,
+            quickReplyStyle,
+            { borderColor: color },
+            selected && { backgroundColor: color },
+        ]} key={`${reply.value}-${index}`}>
+              <Text numberOfLines={10} ellipsizeMode={'tail'} style={[
+            styles.quickReplyText,
+            { color: selected ? Color.white : color },
+        ]}>
+                {reply.title}
+              </Text>
+            </TouchableOpacity>);
+    })}
+      {replies.length > 0 && (<TouchableOpacity style={[styles.quickReply, styles.sendLink]} onPress={handleSend(replies)}>
+          {(renderQuickReplySend === null || renderQuickReplySend === void 0 ? void 0 : renderQuickReplySend()) || (<Text style={styles.sendLinkText}>{sendText}</Text>)}
+        </TouchableOpacity>)}
+    </View>);
 }
 QuickReplies.defaultProps = {
     currentMessage: {

package/lib/QuickReplies.js.map

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

package/lib/Send.d.ts

@@ -1,5 +1,5 @@
+import * as React from 'react';
 import PropTypes from 'prop-types';
-import React, { Component } from 'react';
 import { StyleProp, ViewStyle, TextStyle, TouchableOpacityProps } from 'react-native';
 import { IMessage } from './Models';
 export interface SendProps<TMessage extends IMessage> {
@@ -13,8 +13,9 @@ export interface SendProps<TMessage extends IMessage> {
     sendButtonProps?: Partial<TouchableOpacityProps>;
     onSend?(messages: Partial<TMessage> | Partial<TMessage>[], shouldResetInputToolbar: boolean): void;
 }
-export default class Send<TMessage extends IMessage = IMessage> extends Component<SendProps<TMessage>> {
-    static defaultProps: {
+export declare const Send: {
+    <TMessage extends IMessage = IMessage>({ text, containerStyle, children, textStyle, label, alwaysShowSend, disabled, sendButtonProps, onSend, }: SendProps<TMessage>): JSX.Element;
+    defaultProps: {
         text: string;
         onSend: () => void;
         label: string;
@@ -25,7 +26,7 @@ export default class Send<TMessage extends IMessage = IMessage> extends Componen
         disabled: boolean;
         sendButtonProps: null;
     };
-    static propTypes: {
+    propTypes: {
         text: PropTypes.Requireable<string>;
         onSend: PropTypes.Requireable<(...args: any[]) => any>;
         label: PropTypes.Requireable<string>;
@@ -36,6 +37,4 @@ export default class Send<TMessage extends IMessage = IMessage> extends Componen
         disabled: PropTypes.Requireable<boolean>;
         sendButtonProps: PropTypes.Requireable<object>;
     };
-    handleOnPress: () => void;
-    render(): JSX.Element;
-}
+};

package/lib/Send.js

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import PropTypes from 'prop-types';
-import React, { Component } from 'react';
 import { StyleSheet, Text, TouchableOpacity, View, } from 'react-native';
+import { useCallbackOne, useMemoOne } from 'use-memo-one';
 import Color from './Color';
 import { StylePropType } from './utils';
 const styles = StyleSheet.create({
@@ -18,28 +19,22 @@ const styles = StyleSheet.create({
         marginRight: 10,
     },
 });
-export default class Send extends Component {
-    constructor() {
-        super(...arguments);
-        this.handleOnPress = () => {
-            const { text, onSend } = this.props;
-            if (text && onSend) {
-                onSend({ text: text.trim() }, true);
-            }
-        };
-    }
-    render() {
-        const { text, containerStyle, children, textStyle, label, alwaysShowSend, disabled, sendButtonProps, } = this.props;
-        if (alwaysShowSend || (text && text.trim().length > 0)) {
-            return (<TouchableOpacity testID='send' accessible accessibilityLabel='send' style={[styles.container, containerStyle]} onPress={this.handleOnPress} accessibilityTraits='button' disabled={disabled} {...sendButtonProps}>
-          <View>
-            {children || <Text style={[styles.text, textStyle]}>{label}</Text>}
-          </View>
-        </TouchableOpacity>);
+export const Send = ({ text, containerStyle, children, textStyle, label, alwaysShowSend, disabled, sendButtonProps, onSend, }) => {
+    const handleOnPress = useCallbackOne(() => {
+        if (text && onSend) {
+            onSend({ text: text.trim() }, true);
         }
-        return <View />;
+    }, [text, onSend]);
+    const showSend = useMemoOne(() => alwaysShowSend || (text && text.trim().length > 0), [alwaysShowSend, text]);
+    if (showSend) {
+        return (<TouchableOpacity testID='send' accessible accessibilityLabel='send' style={[styles.container, containerStyle]} onPress={handleOnPress} accessibilityRole='button' disabled={disabled} {...sendButtonProps}>
+        <View>
+          {children || <Text style={[styles.text, textStyle]}>{label}</Text>}
+        </View>
+      </TouchableOpacity>);
     }
-}
+    return <View />;
+};
 Send.defaultProps = {
     text: '',
     onSend: () => { },

package/lib/Send.js.map

@@ -1 +1 @@
-{"version":3,"file":"Send.js","sourceRoot":"","sources":["../src/Send.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EACL,UAAU,EACV,IAAI,EACJ,gBAAgB,EAChB,IAAI,GAKL,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,MAAM,EAAE,EAAE;QACV,cAAc,EAAE,UAAU;KAC3B;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK,CAAC,WAAW;QACxB,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,EAAE;QACZ,eAAe,EAAE,KAAK,CAAC,qBAAqB;QAC5C,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,EAAE;QACd,WAAW,EAAE,EAAE;KAChB;CACF,CAAC,CAAA;AAiBF,MAAM,CAAC,OAAO,OAAO,IAEnB,SAAQ,SAA8B;IAFxC;;QA2BE,kBAAa,GAAG,GAAG,EAAE;YACnB,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;YACnC,IAAI,IAAI,IAAI,MAAM,EAAE;gBAClB,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAuB,EAAE,IAAI,CAAC,CAAA;aACzD;QACH,CAAC,CAAA;IAiCH,CAAC;IA/BC,MAAM;QACJ,MAAM,EACJ,IAAI,EACJ,cAAc,EACd,QAAQ,EACR,SAAS,EACT,KAAK,EACL,cAAc,EACd,QAAQ,EACR,eAAe,GAChB,GAAG,IAAI,CAAC,KAAK,CAAA;QACd,IAAI,cAAc,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE;YACtD,OAAO,CACL,CAAC,gBAAgB,CACf,MAAM,CAAC,MAAM,CACb,UAAU,CACV,kBAAkB,CAAC,MAAM,CACzB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAC1C,OAAO,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAC5B,mBAAmB,CAAC,QAAQ,CAC5B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,IAAI,eAAe,CAAC,CAEpB;UAAA,CAAC,IAAI,CACH;YAAA,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CACpE;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,gBAAgB,CAAC,CACpB,CAAA;SACF;QACD,OAAO,CAAC,IAAI,CAAC,AAAD,EAAG,CAAA;IACjB,CAAC;;AA7DM,iBAAY,GAAG;IACpB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;IAChB,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,EAAE;IAClB,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,IAAI;IACd,cAAc,EAAE,KAAK;IACrB,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,IAAI;CACtB,CAAA;AAEM,cAAS,GAAG;IACjB,IAAI,EAAE,SAAS,CAAC,MAAM;IACtB,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,cAAc,EAAE,aAAa;IAC7B,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE,SAAS,CAAC,OAAO;IAC3B,cAAc,EAAE,SAAS,CAAC,IAAI;IAC9B,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,eAAe,EAAE,SAAS,CAAC,MAAM;CAClC,CAAA"}
+{"version":3,"file":"Send.js","sourceRoot":"","sources":["../src/Send.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,OAAO,EACL,UAAU,EACV,IAAI,EACJ,gBAAgB,EAChB,IAAI,GAKL,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzD,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,MAAM,EAAE,EAAE;QACV,cAAc,EAAE,UAAU;KAC3B;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK,CAAC,WAAW;QACxB,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,EAAE;QACZ,eAAe,EAAE,KAAK,CAAC,qBAAqB;QAC5C,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,EAAE;QACd,WAAW,EAAE,EAAE;KAChB;CACF,CAAC,CAAA;AAiBF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAuC,EACzD,IAAI,EACJ,cAAc,EACd,QAAQ,EACR,SAAS,EACT,KAAK,EACL,cAAc,EACd,QAAQ,EACR,eAAe,EACf,MAAM,GACc,EAAE,EAAE;IACxB,MAAM,aAAa,GAAG,cAAc,CAAC,GAAG,EAAE;QACxC,IAAI,IAAI,IAAI,MAAM,EAAE;YAClB,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAuB,EAAE,IAAI,CAAC,CAAA;SACzD;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAA;IAElB,MAAM,QAAQ,GAAG,UAAU,CACzB,GAAG,EAAE,CAAC,cAAc,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,EACxD,CAAC,cAAc,EAAE,IAAI,CAAC,CACvB,CAAA;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,CAAC,gBAAgB,CACf,MAAM,CAAC,MAAM,CACb,UAAU,CACV,kBAAkB,CAAC,MAAM,CACzB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAC1C,OAAO,CAAC,CAAC,aAAa,CAAC,CACvB,iBAAiB,CAAC,QAAQ,CAC1B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,IAAI,eAAe,CAAC,CAEpB;QAAA,CAAC,IAAI,CACH;UAAA,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CACpE;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,gBAAgB,CAAC,CACpB,CAAA;KACF;IACD,OAAO,CAAC,IAAI,CAAC,AAAD,EAAG,CAAA;AACjB,CAAC,CAAA;AAED,IAAI,CAAC,YAAY,GAAG;IAClB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;IAChB,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,EAAE;IAClB,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,IAAI;IACd,cAAc,EAAE,KAAK;IACrB,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,IAAI;CACtB,CAAA;AAED,IAAI,CAAC,SAAS,GAAG;IACf,IAAI,EAAE,SAAS,CAAC,MAAM;IACtB,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,cAAc,EAAE,aAAa;IAC7B,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE,SAAS,CAAC,OAAO;IAC3B,cAAc,EAAE,SAAS,CAAC,IAAI;IAC9B,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,eAAe,EAAE,SAAS,CAAC,MAAM;CAClC,CAAA"}

package/lib/SystemMessage.d.ts

@@ -1,4 +1,3 @@
-import { Component } from 'react';
 import { ViewStyle, StyleProp, TextStyle } from 'react-native';
 import PropTypes from 'prop-types';
 import { IMessage } from './Models';
@@ -8,8 +7,9 @@ export interface SystemMessageProps<TMessage extends IMessage> {
     wrapperStyle?: StyleProp<ViewStyle>;
     textStyle?: StyleProp<TextStyle>;
 }
-export default class SystemMessage<TMessage extends IMessage = IMessage> extends Component<SystemMessageProps<TMessage>> {
-    static defaultProps: {
+export declare function SystemMessage<TMessage extends IMessage = IMessage>(props: SystemMessageProps<TMessage>): JSX.Element | null;
+export declare namespace SystemMessage {
+    var defaultProps: {
         currentMessage: {
             system: boolean;
         };
@@ -17,11 +17,10 @@ export default class SystemMessage<TMessage extends IMessage = IMessage> extends
         wrapperStyle: {};
         textStyle: {};
     };
-    static propTypes: {
+    var propTypes: {
         currentMessage: PropTypes.Requireable<object>;
         containerStyle: PropTypes.Requireable<number | boolean | object>;
         wrapperStyle: PropTypes.Requireable<number | boolean | object>;
         textStyle: PropTypes.Requireable<number | boolean | object>;
     };
-    render(): JSX.Element | null;
 }

package/lib/SystemMessage.js

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React from 'react';
 import { StyleSheet, Text, View, } from 'react-native';
 import PropTypes from 'prop-types';
 import Color from './Color';
@@ -18,18 +18,16 @@ const styles = StyleSheet.create({
         fontWeight: '300',
     },
 });
-export default class SystemMessage extends Component {
-    render() {
-        const { currentMessage, containerStyle, wrapperStyle, textStyle, } = this.props;
-        if (currentMessage) {
-            return (<View style={[styles.container, containerStyle]}>
-          <View style={wrapperStyle}>
-            <Text style={[styles.text, textStyle]}>{currentMessage.text}</Text>
-          </View>
-        </View>);
-        }
-        return null;
+export function SystemMessage(props) {
+    const { currentMessage, containerStyle, wrapperStyle, textStyle } = props;
+    if (currentMessage) {
+        return (<View style={[styles.container, containerStyle]}>
+        <View style={wrapperStyle}>
+          <Text style={[styles.text, textStyle]}>{currentMessage.text}</Text>
+        </View>
+      </View>);
     }
+    return null;
 }
 SystemMessage.defaultProps = {
     currentMessage: {

package/lib/SystemMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SystemMessage.js","sourceRoot":"","sources":["../src/SystemMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EACL,UAAU,EACV,IAAI,EACJ,IAAI,GAIL,MAAM,cAAc,CAAA;AACrB,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,IAAI,EAAE,CAAC;QACP,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,EAAE;KACjB;IACD,IAAI,EAAE;QACJ,eAAe,EAAE,KAAK,CAAC,qBAAqB;QAC5C,KAAK,EAAE,KAAK,CAAC,YAAY;QACzB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAA;AASF,MAAM,CAAC,OAAO,OAAO,aAEnB,SAAQ,SAAuC;IAiB/C,MAAM;QACJ,MAAM,EACJ,cAAc,EACd,cAAc,EACd,YAAY,EACZ,SAAS,GACV,GAAG,IAAI,CAAC,KAAK,CAAA;QACd,IAAI,cAAc,EAAE;YAClB,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAC9C;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CACxB;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,CACpE;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CAAA;SACF;QACD,OAAO,IAAI,CAAA;IACb,CAAC;;AAjCM,0BAAY,GAAG;IACpB,cAAc,EAAE;QACd,MAAM,EAAE,KAAK;KACd;IACD,cAAc,EAAE,EAAE;IAClB,YAAY,EAAE,EAAE;IAChB,SAAS,EAAE,EAAE;CACd,CAAA;AAEM,uBAAS,GAAG;IACjB,cAAc,EAAE,SAAS,CAAC,MAAM;IAChC,cAAc,EAAE,aAAa;IAC7B,YAAY,EAAE,aAAa;IAC3B,SAAS,EAAE,aAAa;CACzB,CAAA"}
+{"version":3,"file":"SystemMessage.js","sourceRoot":"","sources":["../src/SystemMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,UAAU,EACV,IAAI,EACJ,IAAI,GAIL,MAAM,cAAc,CAAA;AACrB,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,IAAI,EAAE,CAAC;QACP,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,EAAE;KACjB;IACD,IAAI,EAAE;QACJ,eAAe,EAAE,KAAK,CAAC,qBAAqB;QAC5C,KAAK,EAAE,KAAK,CAAC,YAAY;QACzB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAA;AASF,MAAM,UAAU,aAAa,CAC3B,KAAmC;IAEnC,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAEzE,IAAI,cAAc,EAAE;QAClB,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAC9C;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CACxB;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,CACpE;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CAAC,CACR,CAAA;KACF;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED,aAAa,CAAC,YAAY,GAAG;IAC3B,cAAc,EAAE;QACd,MAAM,EAAE,KAAK;KACd;IACD,cAAc,EAAE,EAAE;IAClB,YAAY,EAAE,EAAE;IAChB,SAAS,EAAE,EAAE;CACd,CAAA;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,cAAc,EAAE,SAAS,CAAC,MAAM;IAChC,cAAc,EAAE,aAAa;IAC7B,YAAY,EAAE,aAAa;IAC3B,SAAS,EAAE,aAAa;CACzB,CAAA"}

package/lib/Time.d.ts

@@ -1,5 +1,4 @@
 import PropTypes from 'prop-types';
-import { Component } from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
 import { LeftRightStyle, IMessage } from './Models';
 export interface TimeProps<TMessage extends IMessage> {
@@ -9,11 +8,9 @@ export interface TimeProps<TMessage extends IMessage> {
     timeTextStyle?: LeftRightStyle<TextStyle>;
     timeFormat?: string;
 }
-export default class Time<TMessage extends IMessage = IMessage> extends Component<TimeProps<TMessage>> {
-    static contextTypes: {
-        getLocale: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
+export declare const Time: {
+    <TMessage extends IMessage = IMessage>({ position, containerStyle, currentMessage, timeFormat, timeTextStyle, }: TimeProps<TMessage>): JSX.Element | null;
+    defaultProps: {
         position: string;
         currentMessage: {
             createdAt: null;
@@ -22,7 +19,7 @@ export default class Time<TMessage extends IMessage = IMessage> extends Componen
         timeFormat: string;
         timeTextStyle: {};
     };
-    static propTypes: {
+    propTypes: {
         position: PropTypes.Requireable<string>;
         currentMessage: PropTypes.Requireable<object>;
         containerStyle: PropTypes.Requireable<PropTypes.InferProps<{
@@ -35,5 +32,4 @@ export default class Time<TMessage extends IMessage = IMessage> extends Componen
             right: PropTypes.Requireable<number | boolean | object>;
         }>>;
     };
-    render(): JSX.Element | null;
-}
+};

package/lib/Time.js

@@ -1,20 +1,25 @@
+import * as React from 'react';
 import PropTypes from 'prop-types';
-import React, { Component } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import dayjs from 'dayjs';
 import Color from './Color';
 import { TIME_FORMAT } from './Constant';
 import { StylePropType } from './utils';
-const containerStyle = {
-    marginLeft: 10,
-    marginRight: 10,
-    marginBottom: 5,
-};
-const textStyle = {
-    fontSize: 10,
-    backgroundColor: 'transparent',
-    textAlign: 'right',
-};
+import { useChatContext } from './GiftedChatContext';
+const { containerStyle } = StyleSheet.create({
+    containerStyle: {
+        marginLeft: 10,
+        marginRight: 10,
+        marginBottom: 5,
+    },
+});
+const { textStyle } = StyleSheet.create({
+    textStyle: {
+        fontSize: 10,
+        backgroundColor: 'transparent',
+        textAlign: 'right',
+    },
+});
 const styles = {
     left: StyleSheet.create({
         container: {
@@ -35,29 +40,24 @@ const styles = {
         },
     }),
 };
-export default class Time extends Component {
-    render() {
-        const { position, containerStyle, currentMessage, timeFormat, timeTextStyle, } = this.props;
-        if (!!currentMessage) {
-            return (<View style={[
-                styles[position].container,
-                containerStyle && containerStyle[position],
-            ]}>
-          <Text style={[
-                styles[position].text,
-                timeTextStyle && timeTextStyle[position],
-            ]}>
-            {dayjs(currentMessage.createdAt)
-                .locale(this.context.getLocale())
-                .format(timeFormat)}
-          </Text>
-        </View>);
-        }
-        return null;
+export const Time = ({ position, containerStyle, currentMessage, timeFormat, timeTextStyle, }) => {
+    const { getLocale } = useChatContext();
+    if (!!currentMessage) {
+        return (<View style={[
+            styles[position].container,
+            containerStyle && containerStyle[position],
+        ]}>
+        <Text style={[
+            styles[position].text,
+            timeTextStyle && timeTextStyle[position],
+        ]}>
+          {dayjs(currentMessage.createdAt)
+            .locale(getLocale())
+            .format(timeFormat)}
+        </Text>
+      </View>);
     }
-}
-Time.contextTypes = {
-    getLocale: PropTypes.func,
+    return null;
 };
 Time.defaultProps = {
     position: 'left',

package/lib/Time.js.map

@@ -1 +1 @@
-{"version":3,"file":"Time.js","sourceRoot":"","sources":["../src/Time.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAwB,MAAM,cAAc,CAAA;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,MAAM,cAAc,GAAG;IACrB,UAAU,EAAE,EAAE;IACd,WAAW,EAAE,EAAE;IACf,YAAY,EAAE,CAAC;CAChB,CAAA;AAED,MAAM,SAAS,GAAG;IAChB,QAAQ,EAAE,EAAE;IACZ,eAAe,EAAE,aAAa;IAC9B,SAAS,EAAE,OAAO;CACnB,CAAA;AAED,MAAM,MAAM,GAAG;IACb,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC;QACtB,SAAS,EAAE;YACT,GAAG,cAAc;SAClB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,aAAa;YAC1B,GAAG,SAAS;SACb;KACF,CAAC;IACF,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,GAAG,cAAc;SAClB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,GAAG,SAAS;SACb;KACF,CAAC;CACH,CAAA;AAUD,MAAM,CAAC,OAAO,OAAO,IAEnB,SAAQ,SAA8B;IA6BtC,MAAM;QACJ,MAAM,EACJ,QAAQ,EACR,cAAc,EACd,cAAc,EACd,UAAU,EACV,aAAa,GACd,GAAG,IAAI,CAAC,KAAK,CAAA;QAEd,IAAI,CAAC,CAAC,cAAc,EAAE;YACpB,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;gBACL,MAAM,CAAC,QAAQ,CAAC,CAAC,SAAS;gBAC1B,cAAc,IAAI,cAAc,CAAC,QAAQ,CAAC;aAC3C,CAAC,CAEF;UAAA,CAAC,IAAI,CACH,KAAK,CAAC,CACJ;gBACE,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI;gBACrB,aAAa,IAAI,aAAa,CAAC,QAAQ,CAAC;aAC5B,CACf,CAED;YAAA,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC;iBAC7B,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;iBAChC,MAAM,CAAC,UAAU,CAAC,CACvB;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CAAA;SACF;QACD,OAAO,IAAI,CAAA;IACb,CAAC;;AA7DM,iBAAY,GAAG;IACpB,SAAS,EAAE,SAAS,CAAC,IAAI;CAC1B,CAAA;AAEM,iBAAY,GAAG;IACpB,QAAQ,EAAE,MAAM;IAChB,cAAc,EAAE;QACd,SAAS,EAAE,IAAI;KAChB;IACD,cAAc,EAAE,EAAE;IAClB,UAAU,EAAE,WAAW;IACvB,aAAa,EAAE,EAAE;CAClB,CAAA;AAEM,cAAS,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5C,cAAc,EAAE,SAAS,CAAC,MAAM;IAChC,cAAc,EAAE,SAAS,CAAC,KAAK,CAAC;QAC9B,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,aAAa;KACrB,CAAC;IACF,UAAU,EAAE,SAAS,CAAC,MAAM;IAC5B,aAAa,EAAE,SAAS,CAAC,KAAK,CAAC;QAC7B,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,aAAa;KACrB,CAAC;CACH,CAAA"}
+{"version":3,"file":"Time.js","sourceRoot":"","sources":["../src/Time.tsx"],"names":[],"mappings":"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"}

package/lib/TypingIndicator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface Props {
     isTyping?: boolean;
 }

package/lib/hooks/useUpdateLayoutEffect.d.ts

@@ -1,7 +1,8 @@
+import { DependencyList } from 'react';
 /**
  * A custom useEffect hook that only triggers on updates, not on initial mount
  * Idea stolen from: https://stackoverflow.com/a/55075818/1526448
  * @param {()=>void} effect the function to call
- * @param {Array<any>} dependencies the state(s) that fires the update
+ * @param {DependencyList} dependencies the state(s) that fires the update
  */
-export declare function useUpdateLayoutEffect(effect: () => void, dependencies?: any[]): void;
+export declare function useUpdateLayoutEffect(effect: () => void, dependencies?: DependencyList): void;

package/lib/hooks/useUpdateLayoutEffect.js

@@ -3,7 +3,7 @@ import { useLayoutEffect, useRef } from 'react';
  * A custom useEffect hook that only triggers on updates, not on initial mount
  * Idea stolen from: https://stackoverflow.com/a/55075818/1526448
  * @param {()=>void} effect the function to call
- * @param {Array<any>} dependencies the state(s) that fires the update
+ * @param {DependencyList} dependencies the state(s) that fires the update
  */
 export function useUpdateLayoutEffect(effect, dependencies = []) {
     const isInitialMount = useRef(true);

package/lib/hooks/useUpdateLayoutEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUpdateLayoutEffect.js","sourceRoot":"","sources":["../../src/hooks/useUpdateLayoutEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE/C;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CACnC,MAAkB,EAClB,eAAsB,EAAE;IAExB,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAEnC,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO,EAAE;YAC1B,cAAc,CAAC,OAAO,GAAG,KAAK,CAAA;SAC/B;aAAM;YACL,MAAM,EAAE,CAAA;SACT;IACH,CAAC,EAAE,YAAY,CAAC,CAAA;AAClB,CAAC"}
+{"version":3,"file":"useUpdateLayoutEffect.js","sourceRoot":"","sources":["../../src/hooks/useUpdateLayoutEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE/D;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CACnC,MAAkB,EAClB,eAA+B,EAAE;IAEjC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAEnC,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO,EAAE;YAC1B,cAAc,CAAC,OAAO,GAAG,KAAK,CAAA;SAC/B;aAAM;YACL,MAAM,EAAE,CAAA;SACT;IACH,CAAC,EAAE,YAAY,CAAC,CAAA;AAClB,CAAC"}