@sujeetdotkumar/react-native-gifted-chat-performant 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +868 -0
- package/lib/Actions.d.ts +16 -0
- package/lib/Actions.d.ts.map +1 -0
- package/lib/Actions.js +65 -0
- package/lib/Actions.js.map +1 -0
- package/lib/Avatar.d.ts +19 -0
- package/lib/Avatar.d.ts.map +1 -0
- package/lib/Avatar.js +93 -0
- package/lib/Avatar.js.map +1 -0
- package/lib/Bubble/index.d.ts +6 -0
- package/lib/Bubble/index.d.ts.map +1 -0
- package/lib/Bubble/index.js +269 -0
- package/lib/Bubble/index.js.map +1 -0
- package/lib/Bubble/styles.d.ts +57 -0
- package/lib/Bubble/styles.d.ts.map +1 -0
- package/lib/Bubble/styles.js +59 -0
- package/lib/Bubble/styles.js.map +1 -0
- package/lib/Bubble/types.d.ts +59 -0
- package/lib/Bubble/types.d.ts.map +1 -0
- package/lib/Bubble/types.js +2 -0
- package/lib/Bubble/types.js.map +1 -0
- package/lib/Color.d.ts +18 -0
- package/lib/Color.d.ts.map +1 -0
- package/lib/Color.js +18 -0
- package/lib/Color.js.map +1 -0
- package/lib/Composer.d.ts +9 -0
- package/lib/Composer.d.ts.map +1 -0
- package/lib/Composer.js +56 -0
- package/lib/Composer.js.map +1 -0
- package/lib/Constant.d.ts +6 -0
- package/lib/Constant.d.ts.map +1 -0
- package/lib/Constant.js +6 -0
- package/lib/Constant.js.map +1 -0
- package/lib/Day/index.d.ts +5 -0
- package/lib/Day/index.d.ts.map +1 -0
- package/lib/Day/index.js +37 -0
- package/lib/Day/index.js.map +1 -0
- package/lib/Day/styles.d.ts +21 -0
- package/lib/Day/styles.d.ts.map +1 -0
- package/lib/Day/styles.js +22 -0
- package/lib/Day/styles.js.map +1 -0
- package/lib/Day/types.d.ts +11 -0
- package/lib/Day/types.d.ts.map +1 -0
- package/lib/Day/types.js +2 -0
- package/lib/Day/types.js.map +1 -0
- package/lib/GiftedAvatar.d.ts +12 -0
- package/lib/GiftedAvatar.d.ts.map +1 -0
- package/lib/GiftedAvatar.js +101 -0
- package/lib/GiftedAvatar.js.map +1 -0
- package/lib/GiftedChat/index.d.ts +10 -0
- package/lib/GiftedChat/index.d.ts.map +1 -0
- package/lib/GiftedChat/index.js +215 -0
- package/lib/GiftedChat/index.js.map +1 -0
- package/lib/GiftedChat/styles.d.ts +13 -0
- package/lib/GiftedChat/styles.d.ts.map +1 -0
- package/lib/GiftedChat/styles.js +13 -0
- package/lib/GiftedChat/styles.js.map +1 -0
- package/lib/GiftedChat/types.d.ts +89 -0
- package/lib/GiftedChat/types.d.ts.map +1 -0
- package/lib/GiftedChat/types.js +2 -0
- package/lib/GiftedChat/types.js.map +1 -0
- package/lib/GiftedChatContext.d.ts +11 -0
- package/lib/GiftedChatContext.d.ts.map +1 -0
- package/lib/GiftedChatContext.js +10 -0
- package/lib/GiftedChatContext.js.map +1 -0
- package/lib/InputToolbar.d.ts +36 -0
- package/lib/InputToolbar.d.ts.map +1 -0
- package/lib/InputToolbar.js +108 -0
- package/lib/InputToolbar.js.map +1 -0
- package/lib/LoadEarlierMessages.d.ts +17 -0
- package/lib/LoadEarlierMessages.d.ts.map +1 -0
- package/lib/LoadEarlierMessages.js +45 -0
- package/lib/LoadEarlierMessages.js.map +1 -0
- package/lib/Message/index.d.ts +6 -0
- package/lib/Message/index.d.ts.map +1 -0
- package/lib/Message/index.js +180 -0
- package/lib/Message/index.js.map +1 -0
- package/lib/Message/styles.d.ts +18 -0
- package/lib/Message/styles.d.ts.map +1 -0
- package/lib/Message/styles.js +18 -0
- package/lib/Message/styles.js.map +1 -0
- package/lib/Message/types.d.ts +25 -0
- package/lib/Message/types.d.ts.map +1 -0
- package/lib/Message/types.js +2 -0
- package/lib/Message/types.js.map +1 -0
- package/lib/MessageAudio.d.ts +3 -0
- package/lib/MessageAudio.d.ts.map +1 -0
- package/lib/MessageAudio.js +25 -0
- package/lib/MessageAudio.js.map +1 -0
- package/lib/MessageImage.d.ts +12 -0
- package/lib/MessageImage.d.ts.map +1 -0
- package/lib/MessageImage.js +164 -0
- package/lib/MessageImage.js.map +1 -0
- package/lib/MessageReply.d.ts +15 -0
- package/lib/MessageReply.d.ts.map +1 -0
- package/lib/MessageReply.js +103 -0
- package/lib/MessageReply.js.map +1 -0
- package/lib/MessageText.d.ts +24 -0
- package/lib/MessageText.d.ts.map +1 -0
- package/lib/MessageText.js +41 -0
- package/lib/MessageText.js.map +1 -0
- package/lib/MessageVideo.d.ts +3 -0
- package/lib/MessageVideo.d.ts.map +1 -0
- package/lib/MessageVideo.js +25 -0
- package/lib/MessageVideo.js.map +1 -0
- package/lib/MessagesContainer/components/DayAnimated/index.d.ts +5 -0
- package/lib/MessagesContainer/components/DayAnimated/index.d.ts.map +1 -0
- package/lib/MessagesContainer/components/DayAnimated/index.js +44 -0
- package/lib/MessagesContainer/components/DayAnimated/index.js.map +1 -0
- package/lib/MessagesContainer/components/DayAnimated/styles.d.ts +12 -0
- package/lib/MessagesContainer/components/DayAnimated/styles.d.ts.map +1 -0
- package/lib/MessagesContainer/components/DayAnimated/styles.js +12 -0
- package/lib/MessagesContainer/components/DayAnimated/styles.js.map +1 -0
- package/lib/MessagesContainer/components/DayAnimated/types.d.ts +9 -0
- package/lib/MessagesContainer/components/DayAnimated/types.d.ts.map +1 -0
- package/lib/MessagesContainer/components/DayAnimated/types.js +2 -0
- package/lib/MessagesContainer/components/DayAnimated/types.js.map +1 -0
- package/lib/MessagesContainer/components/Item/index.d.ts +6 -0
- package/lib/MessagesContainer/components/Item/index.d.ts.map +1 -0
- package/lib/MessagesContainer/components/Item/index.js +25 -0
- package/lib/MessagesContainer/components/Item/index.js.map +1 -0
- package/lib/MessagesContainer/components/Item/types.d.ts +10 -0
- package/lib/MessagesContainer/components/Item/types.d.ts.map +1 -0
- package/lib/MessagesContainer/components/Item/types.js +2 -0
- package/lib/MessagesContainer/components/Item/types.js.map +1 -0
- package/lib/MessagesContainer/index.d.ts +7 -0
- package/lib/MessagesContainer/index.d.ts.map +1 -0
- package/lib/MessagesContainer/index.js +168 -0
- package/lib/MessagesContainer/index.js.map +1 -0
- package/lib/MessagesContainer/styles.d.ts +55 -0
- package/lib/MessagesContainer/styles.d.ts.map +1 -0
- package/lib/MessagesContainer/styles.js +42 -0
- package/lib/MessagesContainer/styles.js.map +1 -0
- package/lib/MessagesContainer/types.d.ts +72 -0
- package/lib/MessagesContainer/types.d.ts.map +1 -0
- package/lib/MessagesContainer/types.js +2 -0
- package/lib/MessagesContainer/types.js.map +1 -0
- package/lib/MessagesContainer/utils.d.ts +20 -0
- package/lib/MessagesContainer/utils.d.ts.map +1 -0
- package/lib/MessagesContainer/utils.js +28 -0
- package/lib/MessagesContainer/utils.js.map +1 -0
- package/lib/Models.d.ts +58 -0
- package/lib/Models.d.ts.map +1 -0
- package/lib/Models.js +2 -0
- package/lib/Models.js.map +1 -0
- package/lib/QuickReplies.d.ts +16 -0
- package/lib/QuickReplies.d.ts.map +1 -0
- package/lib/QuickReplies.js +108 -0
- package/lib/QuickReplies.js.map +1 -0
- package/lib/Reply/index.d.ts +2 -0
- package/lib/Reply/index.d.ts.map +1 -0
- package/lib/Reply/index.js +2 -0
- package/lib/Reply/index.js.map +1 -0
- package/lib/Reply/types.d.ts +72 -0
- package/lib/Reply/types.d.ts.map +1 -0
- package/lib/Reply/types.js +2 -0
- package/lib/Reply/types.js.map +1 -0
- package/lib/ReplyPreview.d.ts +14 -0
- package/lib/ReplyPreview.d.ts.map +1 -0
- package/lib/ReplyPreview.js +95 -0
- package/lib/ReplyPreview.js.map +1 -0
- package/lib/Send.d.ts +19 -0
- package/lib/Send.d.ts.map +1 -0
- package/lib/Send.js +57 -0
- package/lib/Send.js.map +1 -0
- package/lib/SystemMessage.d.ts +14 -0
- package/lib/SystemMessage.d.ts.map +1 -0
- package/lib/SystemMessage.js +42 -0
- package/lib/SystemMessage.js.map +1 -0
- package/lib/Time.d.ts +13 -0
- package/lib/Time.d.ts.map +1 -0
- package/lib/Time.js +42 -0
- package/lib/Time.js.map +1 -0
- package/lib/TypingIndicator/index.d.ts +5 -0
- package/lib/TypingIndicator/index.d.ts.map +1 -0
- package/lib/TypingIndicator/index.js +94 -0
- package/lib/TypingIndicator/index.js.map +1 -0
- package/lib/TypingIndicator/styles.d.ts +21 -0
- package/lib/TypingIndicator/styles.d.ts.map +1 -0
- package/lib/TypingIndicator/styles.js +22 -0
- package/lib/TypingIndicator/styles.js.map +1 -0
- package/lib/TypingIndicator/types.d.ts +6 -0
- package/lib/TypingIndicator/types.d.ts.map +1 -0
- package/lib/TypingIndicator/types.js +2 -0
- package/lib/TypingIndicator/types.js.map +1 -0
- package/lib/components/MessageReply.d.ts +29 -0
- package/lib/components/MessageReply.d.ts.map +1 -0
- package/lib/components/MessageReply.js +87 -0
- package/lib/components/MessageReply.js.map +1 -0
- package/lib/components/ReplyPreview.d.ts +17 -0
- package/lib/components/ReplyPreview.d.ts.map +1 -0
- package/lib/components/ReplyPreview.js +148 -0
- package/lib/components/ReplyPreview.js.map +1 -0
- package/lib/components/TouchableOpacity.d.ts +9 -0
- package/lib/components/TouchableOpacity.d.ts.map +1 -0
- package/lib/components/TouchableOpacity.js +37 -0
- package/lib/components/TouchableOpacity.js.map +1 -0
- package/lib/hooks/useColorScheme.d.ts +8 -0
- package/lib/hooks/useColorScheme.d.ts.map +1 -0
- package/lib/hooks/useColorScheme.js +17 -0
- package/lib/hooks/useColorScheme.js.map +1 -0
- package/lib/hooks/useUpdateLayoutEffect.d.ts +9 -0
- package/lib/hooks/useUpdateLayoutEffect.d.ts.map +1 -0
- package/lib/hooks/useUpdateLayoutEffect.js +17 -0
- package/lib/hooks/useUpdateLayoutEffect.js.map +1 -0
- package/lib/index.d.ts +31 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/index.js +31 -0
- package/lib/index.js.map +1 -0
- package/lib/linkParser.d.ts +39 -0
- package/lib/linkParser.d.ts.map +1 -0
- package/lib/linkParser.js +154 -0
- package/lib/linkParser.js.map +1 -0
- package/lib/logging.d.ts +3 -0
- package/lib/logging.d.ts.map +1 -0
- package/lib/logging.js +5 -0
- package/lib/logging.js.map +1 -0
- package/lib/styles.d.ts +14 -0
- package/lib/styles.d.ts.map +1 -0
- package/lib/styles.js +23 -0
- package/lib/styles.js.map +1 -0
- package/lib/types.d.ts +19 -0
- package/lib/types.d.ts.map +1 -0
- package/lib/types.js +2 -0
- package/lib/types.js.map +1 -0
- package/lib/utils.d.ts +8 -0
- package/lib/utils.d.ts.map +1 -0
- package/lib/utils.js +104 -0
- package/lib/utils.js.map +1 -0
- package/package.json +114 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MessageReply.js","sourceRoot":"","sources":["../src/MessageReply.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle, TextStyle } from 'react-native';
|
|
3
|
+
import { LinkMatcher, LinkType } from './linkParser';
|
|
4
|
+
import { LeftRightStyle, IMessage } from './Models';
|
|
5
|
+
export type MessageTextProps<TMessage extends IMessage> = {
|
|
6
|
+
position?: 'left' | 'right';
|
|
7
|
+
currentMessage: TMessage;
|
|
8
|
+
containerStyle?: LeftRightStyle<ViewStyle>;
|
|
9
|
+
textStyle?: LeftRightStyle<TextStyle>;
|
|
10
|
+
linkStyle?: LeftRightStyle<TextStyle>;
|
|
11
|
+
customTextStyle?: StyleProp<TextStyle>;
|
|
12
|
+
onPress?: (message: TMessage, url: string, type: LinkType) => void;
|
|
13
|
+
matchers?: LinkMatcher[];
|
|
14
|
+
email?: boolean;
|
|
15
|
+
phone?: boolean;
|
|
16
|
+
url?: boolean;
|
|
17
|
+
hashtag?: boolean;
|
|
18
|
+
mention?: boolean;
|
|
19
|
+
hashtagUrl?: string;
|
|
20
|
+
mentionUrl?: string;
|
|
21
|
+
stripPrefix?: boolean;
|
|
22
|
+
};
|
|
23
|
+
export declare function MessageText<TMessage extends IMessage>({ currentMessage, position, containerStyle, textStyle, linkStyle: linkStyleProp, customTextStyle, onPress: onPressProp, matchers, email, phone, url, hashtag, mention, hashtagUrl, mentionUrl, stripPrefix, }: MessageTextProps<TMessage>): React.JSX.Element;
|
|
24
|
+
//# sourceMappingURL=MessageText.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MessageText.d.ts","sourceRoot":"","sources":["../src/MessageText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AACnD,OAAO,EAEL,SAAS,EACT,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAA;AAGrB,OAAO,EAAc,WAAW,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAEnD,MAAM,MAAM,gBAAgB,CAAC,QAAQ,SAAS,QAAQ,IAAI;IACxD,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,cAAc,EAAE,QAAQ,CAAA;IACxB,cAAc,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACrC,SAAS,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACrC,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACtC,OAAO,CAAC,EAAE,CACR,OAAO,EAAE,QAAQ,EACjB,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,QAAQ,KACX,IAAI,CAAA;IAET,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,wBAAgB,WAAW,CAAC,QAAQ,SAAS,QAAQ,EAAE,EACrD,cAAc,EACd,QAAiB,EACjB,cAAc,EACd,SAAS,EACT,SAAS,EAAE,aAAa,EACxB,eAAe,EACf,OAAO,EAAE,WAAW,EACpB,QAAQ,EACR,KAAY,EACZ,KAAY,EACZ,GAAU,EACV,OAAe,EACf,OAAe,EACf,UAAU,EACV,UAAU,EACV,WAAmB,GACpB,EAAE,gBAAgB,CAAC,QAAQ,CAAC,qBAoC5B"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import React, { useMemo, useCallback } from 'react';
|
|
2
|
+
import { StyleSheet, View, } from 'react-native';
|
|
3
|
+
import { Text } from 'react-native-gesture-handler';
|
|
4
|
+
import { LinkParser } from './linkParser';
|
|
5
|
+
export function MessageText({ currentMessage, position = 'left', containerStyle, textStyle, linkStyle: linkStyleProp, customTextStyle, onPress: onPressProp, matchers, email = true, phone = true, url = true, hashtag = false, mention = false, hashtagUrl, mentionUrl, stripPrefix = false, }) {
|
|
6
|
+
const linkStyle = useMemo(() => StyleSheet.flatten([
|
|
7
|
+
styles.link,
|
|
8
|
+
linkStyleProp?.[position],
|
|
9
|
+
]), [position, linkStyleProp]);
|
|
10
|
+
const style = useMemo(() => [
|
|
11
|
+
styles[`text_${position}`],
|
|
12
|
+
textStyle?.[position],
|
|
13
|
+
customTextStyle,
|
|
14
|
+
], [position, textStyle, customTextStyle]);
|
|
15
|
+
const handlePress = useCallback((url, type) => {
|
|
16
|
+
onPressProp?.(currentMessage, url, type);
|
|
17
|
+
}, [onPressProp, currentMessage]);
|
|
18
|
+
return (<View style={[styles.container, containerStyle?.[position]]}>
|
|
19
|
+
<LinkParser text={currentMessage.text} matchers={matchers} email={email} phone={phone} url={url} hashtag={hashtag} mention={mention} hashtagUrl={hashtagUrl} mentionUrl={mentionUrl} stripPrefix={stripPrefix} linkStyle={linkStyle} textStyle={style} onPress={onPressProp ? handlePress : undefined} TextComponent={Text}/>
|
|
20
|
+
</View>);
|
|
21
|
+
}
|
|
22
|
+
const styles = StyleSheet.create({
|
|
23
|
+
container: {
|
|
24
|
+
marginVertical: 5,
|
|
25
|
+
marginHorizontal: 10,
|
|
26
|
+
},
|
|
27
|
+
text: {
|
|
28
|
+
fontSize: 16,
|
|
29
|
+
lineHeight: 20,
|
|
30
|
+
},
|
|
31
|
+
text_left: {
|
|
32
|
+
color: 'black',
|
|
33
|
+
},
|
|
34
|
+
text_right: {
|
|
35
|
+
color: 'white',
|
|
36
|
+
},
|
|
37
|
+
link: {
|
|
38
|
+
textDecorationLine: 'underline',
|
|
39
|
+
},
|
|
40
|
+
});
|
|
41
|
+
//# sourceMappingURL=MessageText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MessageText.js","sourceRoot":"","sources":["../src/MessageText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EACL,UAAU,EAIV,IAAI,GACL,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AACnD,OAAO,EAAE,UAAU,EAAyB,MAAM,cAAc,CAAA;AA2BhE,MAAM,UAAU,WAAW,CAA4B,EACrD,cAAc,EACd,QAAQ,GAAG,MAAM,EACjB,cAAc,EACd,SAAS,EACT,SAAS,EAAE,aAAa,EACxB,eAAe,EACf,OAAO,EAAE,WAAW,EACpB,QAAQ,EACR,KAAK,GAAG,IAAI,EACZ,KAAK,GAAG,IAAI,EACZ,GAAG,GAAG,IAAI,EACV,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,EACf,UAAU,EACV,UAAU,EACV,WAAW,GAAG,KAAK,GACQ;IAC3B,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC;QACjD,MAAM,CAAC,IAAI;QACX,aAAa,EAAE,CAAC,QAAQ,CAAC;KAC1B,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAA;IAE9B,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;QAC1B,MAAM,CAAC,QAAQ,QAAQ,EAAE,CAAC;QAC1B,SAAS,EAAE,CAAC,QAAQ,CAAC;QACrB,eAAe;KAChB,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC,CAAA;IAE1C,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,GAAW,EAAE,IAAc,EAAE,EAAE;QAC9D,WAAW,EAAE,CAAC,cAAc,EAAE,GAAG,EAAE,IAAI,CAAC,CAAA;IAC1C,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAA;IAEjC,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC1D;MAAA,CAAC,UAAU,CACT,IAAI,CAAC,CAAC,cAAe,CAAC,IAAI,CAAC,CAC3B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,SAAS,CAAC,CAAC,KAAK,CAAC,CACjB,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAC/C,aAAa,CAAC,CAAC,IAAI,CAAC,EAExB;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,cAAc,EAAE,CAAC;QACjB,gBAAgB,EAAE,EAAE;KACrB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;KACf;IACD,SAAS,EAAE;QACT,KAAK,EAAE,OAAO;KACf;IACD,UAAU,EAAE;QACV,KAAK,EAAE,OAAO;KACf;IACD,IAAI,EAAE;QACJ,kBAAkB,EAAE,WAAW;KAChC;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MessageVideo.d.ts","sourceRoot":"","sources":["../src/MessageVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAetC,wBAAgB,YAAY,sBAa3B"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import { View, StyleSheet } from 'react-native';
|
|
3
|
+
import { Text } from 'react-native-gesture-handler';
|
|
4
|
+
import { Color } from './Color';
|
|
5
|
+
const styles = StyleSheet.create({
|
|
6
|
+
container: {
|
|
7
|
+
padding: 10,
|
|
8
|
+
},
|
|
9
|
+
text: {
|
|
10
|
+
color: Color.alizarin,
|
|
11
|
+
fontWeight: '600',
|
|
12
|
+
},
|
|
13
|
+
});
|
|
14
|
+
export function MessageVideo() {
|
|
15
|
+
const content = useMemo(() => (<View style={styles.container}>
|
|
16
|
+
<Text style={styles.text}>
|
|
17
|
+
{'Video is not implemented by GiftedChat.'}
|
|
18
|
+
</Text>
|
|
19
|
+
<Text style={styles.text}>
|
|
20
|
+
{'\nYou need to provide your own implementation by using renderMessageVideo prop.'}
|
|
21
|
+
</Text>
|
|
22
|
+
</View>), []);
|
|
23
|
+
return content;
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=MessageVideo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MessageVideo.js","sourceRoot":"","sources":["../src/MessageVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,OAAO,EAAE,EAAE;KACZ;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK,CAAC,QAAQ;QACrB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAA;AAEF,MAAM,UAAU,YAAY;IAC1B,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC5B,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB;QAAA,CAAC,yCAAyC,CAC5C;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB;QAAA,CAAC,iFAAiF,CACpF;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,OAAO,CAAA;AAChB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAM3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE1C,cAAc,SAAS,CAAA;AAEvB,eAAO,MAAM,WAAW,GAAI,+CAA+C,gBAAgB,sBA4D1F,CAAA"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import React, { useCallback, useMemo, useRef } from 'react';
|
|
2
|
+
import Animated, { useAnimatedReaction, useAnimatedStyle, useSharedValue, withTiming, runOnJS } from 'react-native-reanimated';
|
|
3
|
+
import { Day } from '../../../Day';
|
|
4
|
+
import stylesCommon from '../../../styles';
|
|
5
|
+
import styles from './styles';
|
|
6
|
+
export * from './types';
|
|
7
|
+
export const DayAnimated = ({ scrolledY, visibleDay, renderDay, ...rest }) => {
|
|
8
|
+
const opacity = useSharedValue(0);
|
|
9
|
+
const containerHeight = useSharedValue(0);
|
|
10
|
+
const fadeOutTimeoutRef = useRef(undefined);
|
|
11
|
+
const prevScrolledY = useSharedValue(0);
|
|
12
|
+
const fadeOut = useCallback(() => {
|
|
13
|
+
'worklet';
|
|
14
|
+
opacity.value = withTiming(0, { duration: 500 });
|
|
15
|
+
}, [opacity]);
|
|
16
|
+
const scheduleFadeOut = useCallback(() => {
|
|
17
|
+
clearTimeout(fadeOutTimeoutRef.current);
|
|
18
|
+
fadeOutTimeoutRef.current = setTimeout(fadeOut, 500);
|
|
19
|
+
}, [fadeOut]);
|
|
20
|
+
useAnimatedReaction(() => scrolledY.value, (current, prev) => {
|
|
21
|
+
if (current === prev)
|
|
22
|
+
return;
|
|
23
|
+
prevScrolledY.value = current;
|
|
24
|
+
opacity.value = withTiming(1, { duration: 200 });
|
|
25
|
+
runOnJS(scheduleFadeOut)();
|
|
26
|
+
}, [scrolledY, scheduleFadeOut]);
|
|
27
|
+
const contentStyle = useAnimatedStyle(() => ({
|
|
28
|
+
opacity: opacity.value,
|
|
29
|
+
}), [opacity]);
|
|
30
|
+
const handleLayout = useCallback(({ nativeEvent }) => {
|
|
31
|
+
containerHeight.value = nativeEvent.layout.height;
|
|
32
|
+
}, [containerHeight]);
|
|
33
|
+
const dayContent = useMemo(() => {
|
|
34
|
+
return renderDay
|
|
35
|
+
? renderDay({ ...rest, createdAt: visibleDay })
|
|
36
|
+
: (<Day {...rest} containerStyle={[styles.dayAnimatedDayContainerStyle, rest.containerStyle]} createdAt={visibleDay}/>);
|
|
37
|
+
}, [visibleDay, renderDay, rest]);
|
|
38
|
+
return (<Animated.View style={[stylesCommon.centerItems, styles.dayAnimated]} onLayout={handleLayout} pointerEvents='none'>
|
|
39
|
+
<Animated.View style={contentStyle} pointerEvents='none'>
|
|
40
|
+
{dayContent}
|
|
41
|
+
</Animated.View>
|
|
42
|
+
</Animated.View>);
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAEA,wBASE"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
|
+
export default StyleSheet.create({
|
|
3
|
+
dayAnimated: {
|
|
4
|
+
position: 'absolute',
|
|
5
|
+
width: '100%',
|
|
6
|
+
},
|
|
7
|
+
dayAnimatedDayContainerStyle: {
|
|
8
|
+
marginTop: 0,
|
|
9
|
+
marginBottom: 0,
|
|
10
|
+
},
|
|
11
|
+
});
|
|
12
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;KACd;IACD,4BAA4B,EAAE;QAC5B,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;KAChB;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { DayProps } from '../../../Day';
|
|
2
|
+
export interface DayAnimatedProps extends Omit<DayProps, 'createdAt'> {
|
|
3
|
+
scrolledY: {
|
|
4
|
+
value: number;
|
|
5
|
+
};
|
|
6
|
+
visibleDay: number;
|
|
7
|
+
renderDay?: (props: DayProps) => React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC;IACnE,SAAS,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5B,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAA;CACjD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IMessage } from '../../../Models';
|
|
3
|
+
import { ItemProps } from './types';
|
|
4
|
+
export * from './types';
|
|
5
|
+
export declare const Item: <TMessage extends IMessage>(props: ItemProps<TMessage>) => React.JSX.Element;
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/Item/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,cAAc,SAAS,CAAA;AAEvB,eAAO,MAAM,IAAI,GAAI,QAAQ,SAAS,QAAQ,EAAE,OAAO,SAAS,CAAC,QAAQ,CAAC,sBAyBzE,CAAA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import { Message } from '../../../Message';
|
|
3
|
+
export * from './types';
|
|
4
|
+
export const Item = (props) => {
|
|
5
|
+
const { renderMessage: renderMessageProp, reply,
|
|
6
|
+
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
7
|
+
isDayAnimationEnabled: _isDayAnimationEnabled,
|
|
8
|
+
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
9
|
+
...rest } = props;
|
|
10
|
+
const messageProps = useMemo(() => ({
|
|
11
|
+
...rest,
|
|
12
|
+
swipeToReply: reply?.swipe,
|
|
13
|
+
messageReply: reply
|
|
14
|
+
? {
|
|
15
|
+
renderMessageReply: reply.renderMessageReply,
|
|
16
|
+
onPress: reply.onPress,
|
|
17
|
+
...reply.messageStyle,
|
|
18
|
+
}
|
|
19
|
+
: undefined,
|
|
20
|
+
}), [rest, reply]);
|
|
21
|
+
return renderMessageProp
|
|
22
|
+
? renderMessageProp(messageProps)
|
|
23
|
+
: <Message {...messageProps}/>;
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/Item/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,OAAO,EAAgB,MAAM,kBAAkB,CAAA;AAIxD,cAAc,SAAS,CAAA;AAEvB,MAAM,CAAC,MAAM,IAAI,GAAG,CAA4B,KAA0B,EAAE,EAAE;IAC5E,MAAM,EACJ,aAAa,EAAE,iBAAiB,EAChC,KAAK;IACL,sDAAsD;IACtD,qBAAqB,EAAE,sBAAsB;IAC7C,qDAAqD;IACrD,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IAET,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAClC,GAAG,IAAI;QACP,YAAY,EAAE,KAAK,EAAE,KAAK;QAC1B,YAAY,EAAE,KAAK;YACjB,CAAC,CAAC;gBACA,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;gBAC5C,OAAO,EAAE,KAAK,CAAC,OAAO;gBACtB,GAAG,KAAK,CAAC,YAAY;aACtB;YACD,CAAC,CAAC,SAAS;KACd,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAElB,OAAO,iBAAiB;QACtB,CAAC,CAAC,iBAAiB,CAAC,YAAsC,CAAC;QAC3D,CAAC,CAAC,CAAC,OAAO,CAAW,IAAI,YAAsC,CAAC,EAAG,CAAA;AACvE,CAAC,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { IMessage } from '../../../Models';
|
|
2
|
+
import { MessagesContainerProps } from '../../types';
|
|
3
|
+
export interface ItemProps<TMessage extends IMessage> extends MessagesContainerProps<TMessage> {
|
|
4
|
+
currentMessage: TMessage;
|
|
5
|
+
previousMessage?: TMessage;
|
|
6
|
+
nextMessage?: TMessage;
|
|
7
|
+
position: 'left' | 'right';
|
|
8
|
+
isDayAnimationEnabled?: boolean;
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/Item/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AAEpD,MAAM,WAAW,SAAS,CAAC,QAAQ,SAAS,QAAQ,CAAE,SAAQ,sBAAsB,CAAC,QAAQ,CAAC;IAC5F,cAAc,EAAE,QAAQ,CAAA;IACxB,eAAe,CAAC,EAAE,QAAQ,CAAA;IAC1B,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/Item/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IMessage } from '../Models';
|
|
3
|
+
import { MessagesContainerProps } from './types';
|
|
4
|
+
export * from './types';
|
|
5
|
+
export * from './utils';
|
|
6
|
+
export declare const MessagesContainer: <TMessage extends IMessage>(props: MessagesContainerProps<TMessage>) => React.JSX.Element;
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MessagesContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAA;AAQrE,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAQpC,OAAO,EAAgB,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAG9D,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AAEvB,eAAO,MAAM,iBAAiB,GAAI,QAAQ,SAAS,QAAQ,EAAE,OAAO,sBAAsB,CAAC,QAAQ,CAAC,sBAgTnG,CAAA"}
|
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
import React, { useCallback, useMemo, useRef, useState } from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import { KeyboardChatLegendList, useKeyboardScrollToEnd } from '@legendapp/list/keyboard-chat';
|
|
4
|
+
import { Pressable, Text } from 'react-native-gesture-handler';
|
|
5
|
+
import Animated, { runOnJS, useAnimatedReaction, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
|
|
6
|
+
import { Day } from '../Day';
|
|
7
|
+
import { LoadEarlierMessages } from '../LoadEarlierMessages';
|
|
8
|
+
import { warning } from '../logging';
|
|
9
|
+
import stylesCommon from '../styles';
|
|
10
|
+
import { TypingIndicator } from '../TypingIndicator';
|
|
11
|
+
import { DayAnimated } from './components/DayAnimated';
|
|
12
|
+
import { Item } from './components/Item';
|
|
13
|
+
import styles from './styles';
|
|
14
|
+
import { buildDisplayData } from './utils';
|
|
15
|
+
export * from './types';
|
|
16
|
+
export * from './utils';
|
|
17
|
+
export const MessagesContainer = (props) => {
|
|
18
|
+
const { messages = [], user, isTyping = false, renderChatEmpty: renderChatEmptyProp, isInverted = true, listProps, isScrollToBottomEnabled = false, scrollToBottomStyle, scrollToBottomContentStyle, loadEarlierMessagesProps, renderTypingIndicator: renderTypingIndicatorProp, renderFooter: renderFooterProp, renderLoadEarlier: renderLoadEarlierProp, forwardRef: forwardRefProp, scrollToBottomComponent: scrollToBottomComponentProp, renderDay: renderDayProp, isDayAnimationEnabled = true, isAlignedTop = false, contentInsetEndAdjustment, } = props;
|
|
19
|
+
// Internal ref used when no external ref is provided
|
|
20
|
+
const internalRef = useRef(null);
|
|
21
|
+
const listRef = forwardRefProp ?? internalRef;
|
|
22
|
+
// SharedValues for DayAnimated overlay — synced from LegendList via sharedValues prop
|
|
23
|
+
const scrolledY = useSharedValue(0);
|
|
24
|
+
const isNearEnd = useSharedValue(true);
|
|
25
|
+
const scrollToBottomOpacity = useSharedValue(0);
|
|
26
|
+
const [isScrollToBottomVisible, setIsScrollToBottomVisible] = useState(false);
|
|
27
|
+
const scrollToBottomStyleAnim = useAnimatedStyle(() => ({
|
|
28
|
+
opacity: scrollToBottomOpacity.value,
|
|
29
|
+
}), [scrollToBottomOpacity]);
|
|
30
|
+
// Track which day is currently visible for the DayAnimated overlay
|
|
31
|
+
const [visibleDay, setVisibleDay] = useState();
|
|
32
|
+
// useKeyboardScrollToEnd provides scrollMessageToEnd used by scroll-to-bottom button
|
|
33
|
+
const { scrollMessageToEnd } = useKeyboardScrollToEnd({ listRef: listRef });
|
|
34
|
+
// Reverse messages internally so LegendList always receives oldest-first data.
|
|
35
|
+
// The public API keeps messages as newest-first when isInverted=true.
|
|
36
|
+
const orderedMessages = useMemo(() => (isInverted ? [...messages].reverse() : messages), [messages, isInverted]);
|
|
37
|
+
const displayData = useMemo(() => buildDisplayData(orderedMessages, user?._id), [orderedMessages, user?._id]);
|
|
38
|
+
const renderTypingIndicator = useCallback(() => {
|
|
39
|
+
if (renderTypingIndicatorProp)
|
|
40
|
+
return renderTypingIndicatorProp();
|
|
41
|
+
return <TypingIndicator isTyping={isTyping} style={props.typingIndicatorStyle}/>;
|
|
42
|
+
}, [isTyping, renderTypingIndicatorProp, props.typingIndicatorStyle]);
|
|
43
|
+
const ListFooterComponent = useMemo(() => {
|
|
44
|
+
if (renderFooterProp)
|
|
45
|
+
return renderFooterProp(props);
|
|
46
|
+
return renderTypingIndicator();
|
|
47
|
+
}, [renderFooterProp, renderTypingIndicator, props]);
|
|
48
|
+
const renderLoadEarlier = useCallback(() => {
|
|
49
|
+
if (loadEarlierMessagesProps?.isAvailable) {
|
|
50
|
+
if (renderLoadEarlierProp)
|
|
51
|
+
return renderLoadEarlierProp(loadEarlierMessagesProps);
|
|
52
|
+
return <LoadEarlierMessages {...loadEarlierMessagesProps}/>;
|
|
53
|
+
}
|
|
54
|
+
return null;
|
|
55
|
+
}, [loadEarlierMessagesProps, renderLoadEarlierProp]);
|
|
56
|
+
const ListHeaderComponent = useMemo(() => {
|
|
57
|
+
const content = renderLoadEarlier();
|
|
58
|
+
if (!content)
|
|
59
|
+
return null;
|
|
60
|
+
return <View style={stylesCommon.fill}>{content}</View>;
|
|
61
|
+
}, [renderLoadEarlier]);
|
|
62
|
+
const renderChatEmpty = useCallback(() => {
|
|
63
|
+
if (renderChatEmptyProp)
|
|
64
|
+
return isAlignedTop
|
|
65
|
+
? renderChatEmptyProp()
|
|
66
|
+
: (<View style={[stylesCommon.fill, styles.emptyChatContainer]}>
|
|
67
|
+
{renderChatEmptyProp()}
|
|
68
|
+
</View>);
|
|
69
|
+
return <View style={stylesCommon.fill}/>;
|
|
70
|
+
}, [isAlignedTop, renderChatEmptyProp]);
|
|
71
|
+
const keyExtractor = useCallback((item) => item.type === 'day' ? item.key : item.message._id.toString(), []);
|
|
72
|
+
const getItemType = useCallback((item) => item.type, []);
|
|
73
|
+
const renderItem = useCallback(({ item }) => {
|
|
74
|
+
if (item.type === 'day')
|
|
75
|
+
return renderDayProp
|
|
76
|
+
? renderDayProp({ createdAt: item.createdAt })
|
|
77
|
+
: <Day createdAt={item.createdAt}/>;
|
|
78
|
+
const { message, position, previousMessage, nextMessage } = item;
|
|
79
|
+
if (!message._id && message._id !== 0)
|
|
80
|
+
warning('GiftedChat: `_id` is missing for message', JSON.stringify(message));
|
|
81
|
+
if (!message.user) {
|
|
82
|
+
if (!message.system)
|
|
83
|
+
warning('GiftedChat: `user` is missing for message', JSON.stringify(message));
|
|
84
|
+
message.user = { _id: 0 };
|
|
85
|
+
}
|
|
86
|
+
const { messages: _messages, user: _user, isInverted: _isInverted, listProps: _listProps, forwardRef: _forwardRef, renderDay: _renderDay, contentInsetEndAdjustment: _cia, ...restProps } = props;
|
|
87
|
+
const messageProps = {
|
|
88
|
+
position,
|
|
89
|
+
...restProps,
|
|
90
|
+
currentMessage: message,
|
|
91
|
+
previousMessage: previousMessage,
|
|
92
|
+
nextMessage: nextMessage,
|
|
93
|
+
isDayAnimationEnabled: false, // day items are already in displayData; no per-item day rendering needed
|
|
94
|
+
};
|
|
95
|
+
return <Item {...messageProps}/>;
|
|
96
|
+
}, [props, renderDayProp]);
|
|
97
|
+
const onViewableItemsChanged = useCallback(({ viewableItems }) => {
|
|
98
|
+
// Find the topmost visible day separator to show in the overlay
|
|
99
|
+
const dayItem = viewableItems
|
|
100
|
+
.map(v => v.item)
|
|
101
|
+
.find((item) => item.type === 'day');
|
|
102
|
+
setVisibleDay(dayItem?.createdAt);
|
|
103
|
+
}, []);
|
|
104
|
+
// Show/hide scroll-to-bottom button via isNearEnd SharedValue
|
|
105
|
+
const showScrollToBottom = useCallback((show) => {
|
|
106
|
+
if (show)
|
|
107
|
+
setIsScrollToBottomVisible(true);
|
|
108
|
+
scrollToBottomOpacity.value = withTiming(show ? 1 : 0, { duration: 250 }, isFinished => {
|
|
109
|
+
if (isFinished && !show)
|
|
110
|
+
runOnJS(setIsScrollToBottomVisible)(false);
|
|
111
|
+
});
|
|
112
|
+
}, [scrollToBottomOpacity]);
|
|
113
|
+
// React to isNearEnd changes from LegendList's sharedValues to show/hide the scroll-to-bottom button
|
|
114
|
+
useAnimatedReaction(() => isNearEnd.value, (near, prev) => {
|
|
115
|
+
if (near === prev || !isScrollToBottomEnabled)
|
|
116
|
+
return;
|
|
117
|
+
runOnJS(showScrollToBottom)(!near);
|
|
118
|
+
}, [isNearEnd, isScrollToBottomEnabled, showScrollToBottom]);
|
|
119
|
+
const handleScrollToBottomPress = useCallback(() => {
|
|
120
|
+
scrollMessageToEnd({ animated: true, closeKeyboard: false });
|
|
121
|
+
}, [scrollMessageToEnd]);
|
|
122
|
+
const renderScrollBottomComponent = useCallback(() => {
|
|
123
|
+
if (scrollToBottomComponentProp)
|
|
124
|
+
return scrollToBottomComponentProp();
|
|
125
|
+
return <Text>{'V'}</Text>;
|
|
126
|
+
}, [scrollToBottomComponentProp]);
|
|
127
|
+
const scrollToBottomContent = useMemo(() => (<Animated.View style={[
|
|
128
|
+
stylesCommon.centerItems,
|
|
129
|
+
styles.scrollToBottomContent,
|
|
130
|
+
scrollToBottomContentStyle,
|
|
131
|
+
scrollToBottomStyleAnim,
|
|
132
|
+
]}>
|
|
133
|
+
{renderScrollBottomComponent()}
|
|
134
|
+
</Animated.View>), [scrollToBottomStyleAnim, scrollToBottomContentStyle, renderScrollBottomComponent]);
|
|
135
|
+
const ScrollToBottomWrapper = useCallback(() => {
|
|
136
|
+
if (!isScrollToBottomEnabled || !isScrollToBottomVisible)
|
|
137
|
+
return null;
|
|
138
|
+
return (<Pressable style={[styles.scrollToBottom, scrollToBottomStyle]} onPress={handleScrollToBottomPress}>
|
|
139
|
+
{scrollToBottomContent}
|
|
140
|
+
</Pressable>);
|
|
141
|
+
}, [
|
|
142
|
+
isScrollToBottomEnabled,
|
|
143
|
+
isScrollToBottomVisible,
|
|
144
|
+
handleScrollToBottomPress,
|
|
145
|
+
scrollToBottomContent,
|
|
146
|
+
scrollToBottomStyle,
|
|
147
|
+
]);
|
|
148
|
+
// onEndReached in the public API means "load earlier messages" (oldest end in inverted view).
|
|
149
|
+
// With oldest-first data and KeyboardChatLegendList, this is onStartReached.
|
|
150
|
+
const onStartReached = useCallback(() => {
|
|
151
|
+
if (loadEarlierMessagesProps?.isAvailable &&
|
|
152
|
+
loadEarlierMessagesProps.isInfiniteScrollEnabled &&
|
|
153
|
+
!loadEarlierMessagesProps.isLoading)
|
|
154
|
+
loadEarlierMessagesProps.onPress();
|
|
155
|
+
}, [loadEarlierMessagesProps]);
|
|
156
|
+
return (<View style={[
|
|
157
|
+
styles.contentContainerStyle,
|
|
158
|
+
isAlignedTop ? styles.containerAlignTop : stylesCommon.fill,
|
|
159
|
+
]}>
|
|
160
|
+
<KeyboardChatLegendList ref={listRef} data={displayData} renderItem={renderItem} keyExtractor={keyExtractor} estimatedItemSize={80} drawDistance={500} recycleItems={false} getItemType={getItemType} maintainScrollAtEnd={isInverted} maintainScrollAtEndThreshold={0.1} maintainVisibleContentPosition={isInverted} initialScrollAtEnd={isInverted} alignItemsAtEnd={isInverted} onStartReached={isInverted ? onStartReached : undefined} onStartReachedThreshold={0.1} onEndReached={!isInverted ? onStartReached : undefined} onEndReachedThreshold={0.1} keyboardDismissMode='interactive' keyboardShouldPersistTaps='handled' ListHeaderComponent={ListHeaderComponent} ListFooterComponent={<>{ListFooterComponent}</>} ListEmptyComponent={renderChatEmpty} contentContainerStyle={styles.messagesContainer} style={stylesCommon.fill} onViewableItemsChanged={onViewableItemsChanged} contentInsetEndAdjustment={contentInsetEndAdjustment} sharedValues={{
|
|
161
|
+
scrollOffset: scrolledY,
|
|
162
|
+
isNearEnd,
|
|
163
|
+
}} {...listProps}/>
|
|
164
|
+
<ScrollToBottomWrapper />
|
|
165
|
+
{isDayAnimationEnabled && visibleDay != null && (<DayAnimated scrolledY={scrolledY} visibleDay={visibleDay} renderDay={renderDayProp} dateFormatOptions={props.dateFormatOptions}/>)}
|
|
166
|
+
</View>);
|
|
167
|
+
};
|
|
168
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MessagesContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAA;AAC9F,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,QAAQ,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAC9H,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,OAAO,YAAY,MAAM,WAAW,CAAA;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,OAAO,EAAE,gBAAgB,EAAe,MAAM,SAAS,CAAA;AAEvD,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AAEvB,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAA4B,KAAuC,EAAE,EAAE;IACtG,MAAM,EACJ,QAAQ,GAAG,EAAE,EACb,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,eAAe,EAAE,mBAAmB,EACpC,UAAU,GAAG,IAAI,EACjB,SAAS,EACT,uBAAuB,GAAG,KAAK,EAC/B,mBAAmB,EACnB,0BAA0B,EAC1B,wBAAwB,EACxB,qBAAqB,EAAE,yBAAyB,EAChD,YAAY,EAAE,gBAAgB,EAC9B,iBAAiB,EAAE,qBAAqB,EACxC,UAAU,EAAE,cAAc,EAC1B,uBAAuB,EAAE,2BAA2B,EACpD,SAAS,EAAE,aAAa,EACxB,qBAAqB,GAAG,IAAI,EAC5B,YAAY,GAAG,KAAK,EACpB,yBAAyB,GAC1B,GAAG,KAAK,CAAA;IAET,qDAAqD;IACrD,MAAM,WAAW,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAA;IACxD,MAAM,OAAO,GAAG,cAAc,IAAI,WAAW,CAAA;IAE7C,sFAAsF;IACtF,MAAM,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,CAAA;IACnC,MAAM,SAAS,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA;IAEtC,MAAM,qBAAqB,GAAG,cAAc,CAAC,CAAC,CAAC,CAAA;IAC/C,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7E,MAAM,uBAAuB,GAAG,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC;QACtD,OAAO,EAAE,qBAAqB,CAAC,KAAK;KACrC,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAA;IAE5B,mEAAmE;IACnE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,EAAsB,CAAA;IAElE,qFAAqF;IACrF,MAAM,EAAE,kBAAkB,EAAE,GAAG,sBAAsB,CAAC,EAAE,OAAO,EAAE,OAAc,EAAE,CAAC,CAAA;IAElF,+EAA+E;IAC/E,sEAAsE;IACtE,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EACvD,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAA;IAED,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,EAAE,GAAG,CAAC,EAClD,CAAC,eAAe,EAAE,IAAI,EAAE,GAAG,CAAC,CAC7B,CAAA;IAED,MAAM,qBAAqB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7C,IAAI,yBAAyB;YAC3B,OAAO,yBAAyB,EAAE,CAAA;QAEpC,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAG,CAAA;IACnF,CAAC,EAAE,CAAC,QAAQ,EAAE,yBAAyB,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAA;IAErE,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE;QACvC,IAAI,gBAAgB;YAClB,OAAO,gBAAgB,CAAC,KAAK,CAAC,CAAA;QAEhC,OAAO,qBAAqB,EAAE,CAAA;IAChC,CAAC,EAAE,CAAC,gBAAgB,EAAE,qBAAqB,EAAE,KAAK,CAAC,CAAC,CAAA;IAEpD,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,wBAAwB,EAAE,WAAW,EAAE,CAAC;YAC1C,IAAI,qBAAqB;gBACvB,OAAO,qBAAqB,CAAC,wBAAwB,CAAC,CAAA;YAExD,OAAO,CAAC,mBAAmB,CAAC,IAAI,wBAAwB,CAAC,EAAG,CAAA;QAC9D,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC,EAAE,CAAC,wBAAwB,EAAE,qBAAqB,CAAC,CAAC,CAAA;IAErD,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE;QACvC,MAAM,OAAO,GAAG,iBAAiB,EAAE,CAAA;QAEnC,IAAI,CAAC,OAAO;YACV,OAAO,IAAI,CAAA;QAEb,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,CAAA;IACzD,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAEvB,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,IAAI,mBAAmB;YACrB,OAAO,YAAY;gBACjB,CAAC,CAAC,mBAAmB,EAAE;gBACvB,CAAC,CAAC,CACA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAC1D;YAAA,CAAC,mBAAmB,EAAE,CACxB;UAAA,EAAE,IAAI,CAAC,CACR,CAAA;QAEL,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,EAAG,CAAA;IAC3C,CAAC,EAAE,CAAC,YAAY,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAEvC,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,IAA2B,EAAE,EAAE,CAC9B,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,EAC9D,EAAE,CACH,CAAA;IAED,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,IAA2B,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAC1C,EAAE,CACH,CAAA;IAED,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,EAAE,IAAI,EAAmC,EAAE,EAAE;QAC5C,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK;YACrB,OAAO,aAAa;gBAClB,CAAC,CAAC,aAAa,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC;gBAC9C,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,EAAG,CAAA;QAGxC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,IAAI,CAAA;QAEhE,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,OAAO,CAAC,GAAG,KAAK,CAAC;YACnC,OAAO,CAAC,0CAA0C,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;QAE9E,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAClB,IAAI,CAAC,OAAO,CAAC,MAAM;gBACjB,OAAO,CAAC,2CAA2C,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;YAE/E,OAAO,CAAC,IAAI,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,CAAA;QAC3B,CAAC;QAED,MAAM,EACJ,QAAQ,EAAE,SAAS,EACnB,IAAI,EAAE,KAAK,EACX,UAAU,EAAE,WAAW,EACvB,SAAS,EAAE,UAAU,EACrB,UAAU,EAAE,WAAW,EACvB,SAAS,EAAE,UAAU,EACrB,yBAAyB,EAAE,IAAI,EAC/B,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;QAET,MAAM,YAAY,GAAwB;YACxC,QAAQ;YACR,GAAG,SAAS;YACZ,cAAc,EAAE,OAAO;YACvB,eAAe,EAAE,eAA2B;YAC5C,WAAW,EAAE,WAAuB;YACpC,qBAAqB,EAAE,KAAK,EAAE,yEAAyE;SACxG,CAAA;QAED,OAAO,CAAC,IAAI,CAAW,IAAI,YAAY,CAAC,EAAG,CAAA;IAC7C,CAAC,EAED,CAAC,KAAK,EAAE,aAAa,CAAC,CACvB,CAAA;IAED,MAAM,sBAAsB,GAAG,WAAW,CACxC,CAAC,EAAE,aAAa,EAA6D,EAAE,EAAE;QAC/E,gEAAgE;QAChE,MAAM,OAAO,GAAG,aAAa;aAC1B,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;aAChB,IAAI,CAAC,CAAC,IAAI,EAAyC,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,CAAA;QAE7E,aAAa,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;IACnC,CAAC,EACD,EAAE,CACH,CAAA;IAED,8DAA8D;IAC9D,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,IAAa,EAAE,EAAE;QACvD,IAAI,IAAI;YACN,0BAA0B,CAAC,IAAI,CAAC,CAAA;QAElC,qBAAqB,CAAC,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,UAAU,CAAC,EAAE;YACrF,IAAI,UAAU,IAAI,CAAC,IAAI;gBACrB,OAAO,CAAC,0BAA0B,CAAC,CAAC,KAAK,CAAC,CAAA;QAC9C,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAA;IAE3B,qGAAqG;IACrG,mBAAmB,CACjB,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,EACrB,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;QACb,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC,uBAAuB;YAC3C,OAAM;QAER,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IACpC,CAAC,EACD,CAAC,SAAS,EAAE,uBAAuB,EAAE,kBAAkB,CAAC,CACzD,CAAA;IAED,MAAM,yBAAyB,GAAG,WAAW,CAAC,GAAG,EAAE;QACjD,kBAAkB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAA;IAC9D,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAExB,MAAM,2BAA2B,GAAG,WAAW,CAAC,GAAG,EAAE;QACnD,IAAI,2BAA2B;YAC7B,OAAO,2BAA2B,EAAE,CAAA;QAEtC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAA;IAC3B,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC,CAAA;IAEjC,MAAM,qBAAqB,GAAG,OAAO,CACnC,GAAG,EAAE,CAAC,CACJ,CAAC,QAAQ,CAAC,IAAI,CACZ,KAAK,CAAC,CAAC;YACL,YAAY,CAAC,WAAW;YACxB,MAAM,CAAC,qBAAqB;YAC5B,0BAA0B;YAC1B,uBAAuB;SACxB,CAAC,CAEF;QAAA,CAAC,2BAA2B,EAAE,CAChC;MAAA,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjB,EACD,CAAC,uBAAuB,EAAE,0BAA0B,EAAE,2BAA2B,CAAC,CACnF,CAAA;IAED,MAAM,qBAAqB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7C,IAAI,CAAC,uBAAuB,IAAI,CAAC,uBAAuB;YACtD,OAAO,IAAI,CAAA;QAEb,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC,CACpD,OAAO,CAAC,CAAC,yBAAyB,CAAC,CAEnC;QAAA,CAAC,qBAAqB,CACxB;MAAA,EAAE,SAAS,CAAC,CACb,CAAA;IACH,CAAC,EAAE;QACD,uBAAuB;QACvB,uBAAuB;QACvB,yBAAyB;QACzB,qBAAqB;QACrB,mBAAmB;KACpB,CAAC,CAAA;IAEF,8FAA8F;IAC9F,6EAA6E;IAC7E,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IACE,wBAAwB,EAAE,WAAW;YACrC,wBAAwB,CAAC,uBAAuB;YAChD,CAAC,wBAAwB,CAAC,SAAS;YAEnC,wBAAwB,CAAC,OAAO,EAAE,CAAA;IACtC,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAA;IAE9B,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,MAAM,CAAC,qBAAqB;YAC5B,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI;SAC5D,CAAC,CAEF;MAAA,CAAC,sBAAsB,CACrB,GAAG,CAAC,CAAC,OAAc,CAAC,CACpB,IAAI,CAAC,CAAC,WAAW,CAAC,CAClB,UAAU,CAAC,CAAC,UAAiB,CAAC,CAC9B,YAAY,CAAC,CAAC,YAAmB,CAAC,CAClC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CACtB,YAAY,CAAC,CAAC,GAAG,CAAC,CAClB,YAAY,CAAC,CAAC,KAAK,CAAC,CACpB,WAAW,CAAC,CAAC,WAAkB,CAAC,CAChC,mBAAmB,CAAC,CAAC,UAAU,CAAC,CAChC,4BAA4B,CAAC,CAAC,GAAG,CAAC,CAClC,8BAA8B,CAAC,CAAC,UAAU,CAAC,CAC3C,kBAAkB,CAAC,CAAC,UAAU,CAAC,CAC/B,eAAe,CAAC,CAAC,UAAU,CAAC,CAC5B,cAAc,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CACxD,uBAAuB,CAAC,CAAC,GAAG,CAAC,CAC7B,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CACvD,qBAAqB,CAAC,CAAC,GAAG,CAAC,CAC3B,mBAAmB,CAAC,aAAa,CACjC,yBAAyB,CAAC,SAAS,CACnC,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,CACzC,mBAAmB,CAAC,CAAC,EAAE,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAChD,kBAAkB,CAAC,CAAC,eAAsB,CAAC,CAC3C,qBAAqB,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAChD,KAAK,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CACzB,sBAAsB,CAAC,CAAC,sBAA6B,CAAC,CACtD,yBAAyB,CAAC,CAAC,yBAAyB,CAAC,CACrD,YAAY,CAAC,CAAC;YACZ,YAAY,EAAE,SAAS;YACvB,SAAS;SACV,CAAC,CACF,IAAK,SAAiB,CAAC,EAEzB;MAAA,CAAC,qBAAqB,CAAC,AAAD,EACtB;MAAA,CAAC,qBAAqB,IAAI,UAAU,IAAI,IAAI,IAAI,CAC9C,CAAC,WAAW,CACV,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,SAAS,CAAC,CAAC,aAAa,CAAC,CACzB,iBAAiB,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAC3C,CACH,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
containerAlignTop: {
|
|
3
|
+
flexDirection: "row";
|
|
4
|
+
alignItems: "flex-start";
|
|
5
|
+
};
|
|
6
|
+
contentContainerStyle: {
|
|
7
|
+
flexGrow: number;
|
|
8
|
+
justifyContent: "flex-start";
|
|
9
|
+
};
|
|
10
|
+
messagesContainer: {
|
|
11
|
+
paddingBottom: number;
|
|
12
|
+
};
|
|
13
|
+
emptyChatContainer: {
|
|
14
|
+
transform: {
|
|
15
|
+
scaleY: number;
|
|
16
|
+
}[];
|
|
17
|
+
};
|
|
18
|
+
scrollToBottom: {
|
|
19
|
+
position: "absolute";
|
|
20
|
+
right: number;
|
|
21
|
+
bottom: number;
|
|
22
|
+
zIndex: number;
|
|
23
|
+
};
|
|
24
|
+
scrollToBottomContent: {
|
|
25
|
+
height: number;
|
|
26
|
+
width: number;
|
|
27
|
+
borderRadius: number;
|
|
28
|
+
backgroundColor: string;
|
|
29
|
+
} | {
|
|
30
|
+
shadowColor: string;
|
|
31
|
+
shadowOpacity: number;
|
|
32
|
+
shadowOffset: {
|
|
33
|
+
width: number;
|
|
34
|
+
height: number;
|
|
35
|
+
};
|
|
36
|
+
shadowRadius: number;
|
|
37
|
+
elevation?: undefined;
|
|
38
|
+
height: number;
|
|
39
|
+
width: number;
|
|
40
|
+
borderRadius: number;
|
|
41
|
+
backgroundColor: string;
|
|
42
|
+
} | {
|
|
43
|
+
elevation: number;
|
|
44
|
+
shadowColor?: undefined;
|
|
45
|
+
shadowOpacity?: undefined;
|
|
46
|
+
shadowOffset?: undefined;
|
|
47
|
+
shadowRadius?: undefined;
|
|
48
|
+
height: number;
|
|
49
|
+
width: number;
|
|
50
|
+
borderRadius: number;
|
|
51
|
+
backgroundColor: string;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
export default _default;
|
|
55
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/MessagesContainer/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,wBAsCE"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { Platform, StyleSheet } from 'react-native';
|
|
2
|
+
import { Color } from '../Color';
|
|
3
|
+
export default StyleSheet.create({
|
|
4
|
+
containerAlignTop: {
|
|
5
|
+
flexDirection: 'row',
|
|
6
|
+
alignItems: 'flex-start',
|
|
7
|
+
},
|
|
8
|
+
contentContainerStyle: {
|
|
9
|
+
flexGrow: 1,
|
|
10
|
+
justifyContent: 'flex-start',
|
|
11
|
+
},
|
|
12
|
+
messagesContainer: {
|
|
13
|
+
paddingBottom: 10,
|
|
14
|
+
},
|
|
15
|
+
emptyChatContainer: {
|
|
16
|
+
transform: [{ scaleY: -1 }],
|
|
17
|
+
},
|
|
18
|
+
scrollToBottom: {
|
|
19
|
+
position: 'absolute',
|
|
20
|
+
right: 10,
|
|
21
|
+
bottom: 30,
|
|
22
|
+
zIndex: 999,
|
|
23
|
+
},
|
|
24
|
+
scrollToBottomContent: {
|
|
25
|
+
height: 40,
|
|
26
|
+
width: 40,
|
|
27
|
+
borderRadius: 20,
|
|
28
|
+
backgroundColor: Color.white,
|
|
29
|
+
...Platform.select({
|
|
30
|
+
ios: {
|
|
31
|
+
shadowColor: Color.black,
|
|
32
|
+
shadowOpacity: 0.5,
|
|
33
|
+
shadowOffset: { width: 0, height: 0 },
|
|
34
|
+
shadowRadius: 1,
|
|
35
|
+
},
|
|
36
|
+
android: {
|
|
37
|
+
elevation: 5,
|
|
38
|
+
},
|
|
39
|
+
}),
|
|
40
|
+
},
|
|
41
|
+
});
|
|
42
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/MessagesContainer/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,iBAAiB,EAAE;QACjB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,YAAY;KACzB;IACD,qBAAqB,EAAE;QACrB,QAAQ,EAAE,CAAC;QACX,cAAc,EAAE,YAAY;KAC7B;IACD,iBAAiB,EAAE;QACjB,aAAa,EAAE,EAAE;KAClB;IACD,kBAAkB,EAAE;QAClB,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC;KAC5B;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,GAAG;KACZ;IACD,qBAAqB,EAAE;QACrB,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,KAAK,CAAC,KAAK;QAC5B,GAAG,QAAQ,CAAC,MAAM,CAAC;YACjB,GAAG,EAAE;gBACH,WAAW,EAAE,KAAK,CAAC,KAAK;gBACxB,aAAa,EAAE,GAAG;gBAClB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;gBACrC,YAAY,EAAE,CAAC;aAChB;YACD,OAAO,EAAE;gBACP,SAAS,EAAE,CAAC;aACb;SACF,CAAC;KACH;CACF,CAAC,CAAA"}
|