@kesha-antonov/react-native-chat 4.1.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 +22 -0
- package/README.md +1087 -0
- package/lib/Actions.d.ts +16 -0
- package/lib/Actions.d.ts.map +1 -0
- package/lib/Actions.js +64 -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 +391 -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 +62 -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/Chat/index.d.ts +10 -0
- package/lib/Chat/index.d.ts.map +1 -0
- package/lib/Chat/index.js +243 -0
- package/lib/Chat/index.js.map +1 -0
- package/lib/Chat/styles.d.ts +13 -0
- package/lib/Chat/styles.d.ts.map +1 -0
- package/lib/Chat/styles.js +13 -0
- package/lib/Chat/styles.js.map +1 -0
- package/lib/Chat/types.d.ts +102 -0
- package/lib/Chat/types.d.ts.map +1 -0
- package/lib/Chat/types.js +2 -0
- package/lib/Chat/types.js.map +1 -0
- package/lib/ChatAvatar.d.ts +12 -0
- package/lib/ChatAvatar.d.ts.map +1 -0
- package/lib/ChatAvatar.js +100 -0
- package/lib/ChatAvatar.js.map +1 -0
- package/lib/ChatContext.d.ts +12 -0
- package/lib/ChatContext.d.ts.map +1 -0
- package/lib/ChatContext.js +10 -0
- package/lib/ChatContext.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 +63 -0
- package/lib/Composer.js.map +1 -0
- package/lib/Constant.d.ts +8 -0
- package/lib/Constant.d.ts.map +1 -0
- package/lib/Constant.js +8 -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 +39 -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 +17 -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/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 +44 -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 +28 -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 +24 -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 +102 -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 +51 -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 +24 -0
- package/lib/MessageVideo.js.map +1 -0
- package/lib/MessagesContainer/components/DayAnimated/debug.d.ts +8 -0
- package/lib/MessagesContainer/components/DayAnimated/debug.d.ts.map +1 -0
- package/lib/MessagesContainer/components/DayAnimated/debug.js +38 -0
- package/lib/MessagesContainer/components/DayAnimated/debug.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 +123 -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 +22 -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/DayAnimated/useScrollGatedOpacity.d.ts +4 -0
- package/lib/MessagesContainer/components/DayAnimated/useScrollGatedOpacity.d.ts.map +1 -0
- package/lib/MessagesContainer/components/DayAnimated/useScrollGatedOpacity.js +37 -0
- package/lib/MessagesContainer/components/DayAnimated/useScrollGatedOpacity.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 +86 -0
- package/lib/MessagesContainer/components/Item/index.js.map +1 -0
- package/lib/MessagesContainer/components/Item/types.d.ts +22 -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/components/dayLayout.d.ts +10 -0
- package/lib/MessagesContainer/components/dayLayout.d.ts.map +1 -0
- package/lib/MessagesContainer/components/dayLayout.js +37 -0
- package/lib/MessagesContainer/components/dayLayout.js.map +1 -0
- package/lib/MessagesContainer/index.d.ts +6 -0
- package/lib/MessagesContainer/index.d.ts.map +1 -0
- package/lib/MessagesContainer/index.js +308 -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 +91 -0
- package/lib/MessagesContainer/types.d.ts.map +1 -0
- package/lib/MessagesContainer/types.js +10 -0
- package/lib/MessagesContainer/types.js.map +1 -0
- package/lib/Models.d.ts +67 -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 +107 -0
- package/lib/QuickReplies.js.map +1 -0
- package/lib/Reactions/MessageReactions.d.ts +5 -0
- package/lib/Reactions/MessageReactions.d.ts.map +1 -0
- package/lib/Reactions/MessageReactions.js +83 -0
- package/lib/Reactions/MessageReactions.js.map +1 -0
- package/lib/Reactions/ReactionPicker.d.ts +10 -0
- package/lib/Reactions/ReactionPicker.d.ts.map +1 -0
- package/lib/Reactions/ReactionPicker.js +84 -0
- package/lib/Reactions/ReactionPicker.js.map +1 -0
- package/lib/Reactions/index.d.ts +6 -0
- package/lib/Reactions/index.d.ts.map +1 -0
- package/lib/Reactions/index.js +6 -0
- package/lib/Reactions/index.js.map +1 -0
- package/lib/Reactions/types.d.ts +79 -0
- package/lib/Reactions/types.d.ts.map +1 -0
- package/lib/Reactions/types.js +2 -0
- package/lib/Reactions/types.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 +94 -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 +56 -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 +12 -0
- package/lib/Time.d.ts.map +1 -0
- package/lib/Time.js +38 -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/StreamingCursor.d.ts +15 -0
- package/lib/components/StreamingCursor.d.ts.map +1 -0
- package/lib/components/StreamingCursor.js +16 -0
- package/lib/components/StreamingCursor.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 +47 -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/useStreamingMessages.d.ts +42 -0
- package/lib/hooks/useStreamingMessages.d.ts.map +1 -0
- package/lib/hooks/useStreamingMessages.js +96 -0
- package/lib/hooks/useStreamingMessages.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 +35 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/index.js +34 -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 +105 -0
- package/lib/utils.js.map +1 -0
- package/package.json +119 -0
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
declare const styles: {
|
|
2
|
+
wrapper: {
|
|
3
|
+
borderRadius: number;
|
|
4
|
+
minHeight: number;
|
|
5
|
+
};
|
|
6
|
+
wrapper_left: {
|
|
7
|
+
backgroundColor: string;
|
|
8
|
+
justifyContent: "flex-end";
|
|
9
|
+
};
|
|
10
|
+
wrapper_right: {
|
|
11
|
+
backgroundColor: string;
|
|
12
|
+
justifyContent: "flex-end";
|
|
13
|
+
};
|
|
14
|
+
bottom: {
|
|
15
|
+
flexDirection: "row";
|
|
16
|
+
justifyContent: "space-between";
|
|
17
|
+
alignItems: "flex-end";
|
|
18
|
+
paddingHorizontal: number;
|
|
19
|
+
paddingBottom: number;
|
|
20
|
+
};
|
|
21
|
+
containerToNext_left: {
|
|
22
|
+
borderBottomLeftRadius: number;
|
|
23
|
+
};
|
|
24
|
+
containerToNext_right: {
|
|
25
|
+
borderBottomRightRadius: number;
|
|
26
|
+
};
|
|
27
|
+
containerToPrevious_left: {
|
|
28
|
+
borderTopLeftRadius: number;
|
|
29
|
+
};
|
|
30
|
+
containerToPrevious_right: {
|
|
31
|
+
borderTopRightRadius: number;
|
|
32
|
+
};
|
|
33
|
+
messageTimeAndStatusContainer: {
|
|
34
|
+
flexGrow: number;
|
|
35
|
+
flexDirection: "row";
|
|
36
|
+
alignItems: "center";
|
|
37
|
+
justifyContent: "flex-end";
|
|
38
|
+
};
|
|
39
|
+
messageStatusContainer: {
|
|
40
|
+
flexDirection: "row";
|
|
41
|
+
marginLeft: number;
|
|
42
|
+
};
|
|
43
|
+
messageStatus: {
|
|
44
|
+
fontSize: number;
|
|
45
|
+
color: string;
|
|
46
|
+
};
|
|
47
|
+
usernameContainer: {
|
|
48
|
+
flexDirection: "row";
|
|
49
|
+
marginRight: number;
|
|
50
|
+
};
|
|
51
|
+
username: {
|
|
52
|
+
fontSize: number;
|
|
53
|
+
color: string;
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
export default styles;
|
|
57
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Bubble/styles.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DV,CAAA;AAEF,eAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
|
+
import { Color } from '../Color';
|
|
3
|
+
const styles = StyleSheet.create({
|
|
4
|
+
wrapper: {
|
|
5
|
+
borderRadius: 15,
|
|
6
|
+
minHeight: 20,
|
|
7
|
+
},
|
|
8
|
+
wrapper_left: {
|
|
9
|
+
backgroundColor: Color.leftBubbleBackground,
|
|
10
|
+
justifyContent: 'flex-end',
|
|
11
|
+
},
|
|
12
|
+
wrapper_right: {
|
|
13
|
+
backgroundColor: Color.defaultBlue,
|
|
14
|
+
justifyContent: 'flex-end',
|
|
15
|
+
},
|
|
16
|
+
bottom: {
|
|
17
|
+
flexDirection: 'row',
|
|
18
|
+
justifyContent: 'space-between',
|
|
19
|
+
alignItems: 'flex-end',
|
|
20
|
+
paddingHorizontal: 10,
|
|
21
|
+
paddingBottom: 5,
|
|
22
|
+
},
|
|
23
|
+
containerToNext_left: {
|
|
24
|
+
borderBottomLeftRadius: 3,
|
|
25
|
+
},
|
|
26
|
+
containerToNext_right: {
|
|
27
|
+
borderBottomRightRadius: 3,
|
|
28
|
+
},
|
|
29
|
+
containerToPrevious_left: {
|
|
30
|
+
borderTopLeftRadius: 3,
|
|
31
|
+
},
|
|
32
|
+
containerToPrevious_right: {
|
|
33
|
+
borderTopRightRadius: 3,
|
|
34
|
+
},
|
|
35
|
+
messageTimeAndStatusContainer: {
|
|
36
|
+
flexGrow: 1,
|
|
37
|
+
flexDirection: 'row',
|
|
38
|
+
alignItems: 'center',
|
|
39
|
+
justifyContent: 'flex-end',
|
|
40
|
+
},
|
|
41
|
+
messageStatusContainer: {
|
|
42
|
+
flexDirection: 'row',
|
|
43
|
+
marginLeft: 5,
|
|
44
|
+
},
|
|
45
|
+
messageStatus: {
|
|
46
|
+
fontSize: 10,
|
|
47
|
+
color: Color.white,
|
|
48
|
+
},
|
|
49
|
+
usernameContainer: {
|
|
50
|
+
flexDirection: 'row',
|
|
51
|
+
marginRight: 5,
|
|
52
|
+
},
|
|
53
|
+
username: {
|
|
54
|
+
fontSize: 12,
|
|
55
|
+
color: '#aaa',
|
|
56
|
+
},
|
|
57
|
+
});
|
|
58
|
+
export default styles;
|
|
59
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Bubble/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,EAAE;KACd;IACD,YAAY,EAAE;QACZ,eAAe,EAAE,KAAK,CAAC,oBAAoB;QAC3C,cAAc,EAAE,UAAU;KAC3B;IACD,aAAa,EAAE;QACb,eAAe,EAAE,KAAK,CAAC,WAAW;QAClC,cAAc,EAAE,UAAU;KAC3B;IAED,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,UAAU;QACtB,iBAAiB,EAAE,EAAE;QACrB,aAAa,EAAE,CAAC;KACjB;IAED,oBAAoB,EAAE;QACpB,sBAAsB,EAAE,CAAC;KAC1B;IACD,qBAAqB,EAAE;QACrB,uBAAuB,EAAE,CAAC;KAC3B;IAED,wBAAwB,EAAE;QACxB,mBAAmB,EAAE,CAAC;KACvB;IACD,yBAAyB,EAAE;QACzB,oBAAoB,EAAE,CAAC;KACxB;IAED,6BAA6B,EAAE;QAC7B,QAAQ,EAAE,CAAC;QACX,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,UAAU;KAC3B;IAED,sBAAsB,EAAE;QACtB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,CAAC;KACd;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB;IAED,iBAAiB,EAAE;QACjB,aAAa,EAAE,KAAK;QACpB,WAAW,EAAE,CAAC;KACf;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import React, { ComponentProps } from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle, TextStyle, Pressable } from 'react-native';
|
|
3
|
+
import { MessageReplyProps } from '../components/MessageReply';
|
|
4
|
+
import { MessageImageProps } from '../MessageImage';
|
|
5
|
+
import { MessageTextProps } from '../MessageText';
|
|
6
|
+
import { User, IMessage, LeftRightStyle, Reply, ReplyMessage, Omit, MessageVideoProps, MessageAudioProps } from '../Models';
|
|
7
|
+
import { QuickRepliesProps } from '../QuickReplies';
|
|
8
|
+
import { ReactionsProps } from '../Reactions';
|
|
9
|
+
import { MessageReplyStyleProps } from '../Reply';
|
|
10
|
+
import { TimeProps } from '../Time';
|
|
11
|
+
export type RenderMessageImageProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageImageProps<TMessage>;
|
|
12
|
+
export type RenderMessageVideoProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageVideoProps<TMessage>;
|
|
13
|
+
export type RenderMessageAudioProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageAudioProps<TMessage>;
|
|
14
|
+
export type RenderMessageTextProps<TMessage extends IMessage> = Omit<BubbleProps<TMessage>, 'containerStyle' | 'wrapperStyle'> & MessageTextProps<TMessage>;
|
|
15
|
+
/** Props for message reply functionality in bubble */
|
|
16
|
+
export interface BubbleReplyProps<TMessage extends IMessage> extends MessageReplyStyleProps {
|
|
17
|
+
/** Custom render for message reply; rendered on top of message content */
|
|
18
|
+
renderMessageReply?: (props: MessageReplyProps<TMessage>) => React.ReactNode;
|
|
19
|
+
/** Callback when message reply is pressed */
|
|
20
|
+
onPress?: (replyMessage: ReplyMessage) => void;
|
|
21
|
+
}
|
|
22
|
+
export interface BubbleProps<TMessage extends IMessage> {
|
|
23
|
+
user?: User;
|
|
24
|
+
touchableProps?: ComponentProps<typeof Pressable>;
|
|
25
|
+
isUsernameVisible?: boolean;
|
|
26
|
+
isCustomViewBottom?: boolean;
|
|
27
|
+
isInverted?: boolean;
|
|
28
|
+
position: 'left' | 'right';
|
|
29
|
+
currentMessage: TMessage;
|
|
30
|
+
nextMessage?: TMessage;
|
|
31
|
+
previousMessage?: TMessage;
|
|
32
|
+
containerStyle?: LeftRightStyle<ViewStyle>;
|
|
33
|
+
wrapperStyle?: LeftRightStyle<ViewStyle>;
|
|
34
|
+
textStyle?: LeftRightStyle<TextStyle>;
|
|
35
|
+
bottomContainerStyle?: LeftRightStyle<ViewStyle>;
|
|
36
|
+
tickStyle?: StyleProp<TextStyle>;
|
|
37
|
+
containerToNextStyle?: LeftRightStyle<ViewStyle>;
|
|
38
|
+
containerToPreviousStyle?: LeftRightStyle<ViewStyle>;
|
|
39
|
+
usernameStyle?: TextStyle;
|
|
40
|
+
quickReplyStyle?: StyleProp<ViewStyle>;
|
|
41
|
+
quickReplyTextStyle?: StyleProp<TextStyle>;
|
|
42
|
+
quickReplyContainerStyle?: StyleProp<ViewStyle>;
|
|
43
|
+
messageTextProps?: Partial<MessageTextProps<TMessage>>;
|
|
44
|
+
onPressMessage?: (context?: unknown, message?: unknown) => void;
|
|
45
|
+
onLongPressMessage?: (context?: unknown, message?: unknown) => void;
|
|
46
|
+
onQuickReply?: (replies: Reply[]) => void;
|
|
47
|
+
renderMessageImage?: (props: RenderMessageImageProps<TMessage>) => React.ReactNode;
|
|
48
|
+
renderMessageVideo?: (props: RenderMessageVideoProps<TMessage>) => React.ReactNode;
|
|
49
|
+
renderMessageAudio?: (props: RenderMessageAudioProps<TMessage>) => React.ReactNode;
|
|
50
|
+
renderMessageText?: (props: RenderMessageTextProps<TMessage>) => React.ReactNode;
|
|
51
|
+
renderCustomView?: (bubbleProps: BubbleProps<TMessage>) => React.ReactNode;
|
|
52
|
+
renderTime?: (timeProps: TimeProps<TMessage>) => React.ReactNode;
|
|
53
|
+
renderTicks?: (currentMessage: TMessage) => React.ReactNode;
|
|
54
|
+
renderUsername?: (user?: TMessage['user']) => React.ReactNode;
|
|
55
|
+
renderQuickReplySend?: () => React.ReactNode;
|
|
56
|
+
renderQuickReplies?: (quickReplies: QuickRepliesProps<TMessage>) => React.ReactNode;
|
|
57
|
+
/** Message reply configuration */
|
|
58
|
+
messageReply?: BubbleReplyProps<TMessage>;
|
|
59
|
+
/** Emoji reactions configuration */
|
|
60
|
+
reactions?: ReactionsProps<TMessage>;
|
|
61
|
+
}
|
|
62
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Bubble/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Bubble/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IMessage } from '../Models';
|
|
3
|
+
import { ChatProps } from './types';
|
|
4
|
+
declare function ChatWrapper<TMessage extends IMessage = IMessage>(props: ChatProps<TMessage>): React.JSX.Element;
|
|
5
|
+
declare namespace ChatWrapper {
|
|
6
|
+
var append: <TMessage extends IMessage>(currentMessages: TMessage[] | undefined, messages: TMessage[], isInverted?: boolean) => TMessage[];
|
|
7
|
+
var prepend: <TMessage extends IMessage>(currentMessages: TMessage[] | undefined, messages: TMessage[], isInverted?: boolean) => TMessage[];
|
|
8
|
+
}
|
|
9
|
+
export { ChatWrapper as Chat };
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Chat/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAA;AAmBd,OAAO,EAAE,QAAQ,EAAgB,MAAM,WAAW,CAAA;AAIlD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA2TnC,iBAAS,WAAW,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAG,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,qBA0BrF;kBA1BQ,WAAW;iBA4BE,QAAQ,SAAS,QAAQ,mBAC5B,QAAQ,EAAE,wBACjB,QAAQ,EAAE;kBAWC,QAAQ,SAAS,QAAQ,mBAC7B,QAAQ,EAAE,wBACjB,QAAQ,EAAE;;AAWtB,OAAO,EACL,WAAW,IAAI,IAAI,EACpB,CAAA"}
|
|
@@ -0,0 +1,243 @@
|
|
|
1
|
+
import React, { createRef, useEffect, useMemo, useRef, useState, useCallback, } from 'react';
|
|
2
|
+
import { View, useColorScheme, } from 'react-native';
|
|
3
|
+
import { ActionSheetProvider, } from '@expo/react-native-action-sheet';
|
|
4
|
+
import dayjs from 'dayjs';
|
|
5
|
+
import localizedFormat from 'dayjs/plugin/localizedFormat';
|
|
6
|
+
import { GestureHandlerRootView } from 'react-native-gesture-handler';
|
|
7
|
+
import { KeyboardAvoidingView, KeyboardProvider } from 'react-native-keyboard-controller';
|
|
8
|
+
import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
9
|
+
import { ChatContext } from '../ChatContext';
|
|
10
|
+
import { TEST_ID } from '../Constant';
|
|
11
|
+
import { InputToolbar } from '../InputToolbar';
|
|
12
|
+
import { MessagesContainer } from '../MessagesContainer';
|
|
13
|
+
import stylesCommon from '../styles';
|
|
14
|
+
import { renderComponentOrElement } from '../utils';
|
|
15
|
+
import styles from './styles';
|
|
16
|
+
dayjs.extend(localizedFormat);
|
|
17
|
+
function Chat(props) {
|
|
18
|
+
const { messages = [], initialText = '', isTyping,
|
|
19
|
+
// "random" function from here: https://stackoverflow.com/a/8084248/3452513
|
|
20
|
+
// we do not use uuid since it would add extra native dependency (https://www.npmjs.com/package/react-native-get-random-values)
|
|
21
|
+
// lib's user can decide which algorithm to use and pass it as a prop
|
|
22
|
+
messageIdGenerator = () => (Math.random() + 1).toString(36).substring(7), user = {}, onSend, locale = 'en', colorScheme: colorSchemeProp, renderLoading, actionSheet, textInputProps, renderChatFooter, renderInputToolbar, isInverted = true,
|
|
23
|
+
// Reply props
|
|
24
|
+
reply, } = props;
|
|
25
|
+
// Extract reply props for internal use
|
|
26
|
+
const replyMessageProp = reply?.message;
|
|
27
|
+
const onClearReply = reply?.onClear;
|
|
28
|
+
const onSwipeToReply = reply?.swipe?.onSwipe;
|
|
29
|
+
const renderReplyPreview = reply?.renderPreview;
|
|
30
|
+
const replyPreviewContainerStyle = reply?.previewStyle?.containerStyle;
|
|
31
|
+
const replyPreviewTextStyle = reply?.previewStyle?.textStyle;
|
|
32
|
+
const systemColorScheme = useColorScheme();
|
|
33
|
+
const colorScheme = colorSchemeProp !== undefined ? colorSchemeProp : systemColorScheme;
|
|
34
|
+
const actionSheetRef = useRef(null);
|
|
35
|
+
const insets = useSafeAreaInsets();
|
|
36
|
+
const messagesContainerRef = useMemo(() => props.messagesContainerRef || createRef(), [props.messagesContainerRef]);
|
|
37
|
+
const textInputRef = useMemo(() => props.textInputRef || createRef(), [props.textInputRef]);
|
|
38
|
+
const [isInitialized, setIsInitialized] = useState(false);
|
|
39
|
+
const [text, setText] = useState(() => props.text || '');
|
|
40
|
+
const [internalReplyMessage, setInternalReplyMessage] = useState(null);
|
|
41
|
+
// Use controlled or uncontrolled reply state
|
|
42
|
+
const replyMessage = replyMessageProp !== undefined ? replyMessageProp : internalReplyMessage;
|
|
43
|
+
const getTextFromProp = useCallback((fallback) => {
|
|
44
|
+
if (props.text === undefined)
|
|
45
|
+
return fallback;
|
|
46
|
+
return props.text;
|
|
47
|
+
}, [props.text]);
|
|
48
|
+
const scrollToBottom = useCallback((isAnimated = true) => {
|
|
49
|
+
if (!messagesContainerRef?.current)
|
|
50
|
+
return;
|
|
51
|
+
if (isInverted) {
|
|
52
|
+
messagesContainerRef.current.scrollToOffset({
|
|
53
|
+
offset: 0,
|
|
54
|
+
animated: isAnimated,
|
|
55
|
+
});
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
58
|
+
messagesContainerRef.current.scrollToEnd({ animated: isAnimated });
|
|
59
|
+
}, [isInverted, messagesContainerRef]);
|
|
60
|
+
const handleSwipeToReply = useCallback((message) => {
|
|
61
|
+
if (replyMessageProp === undefined)
|
|
62
|
+
// Uncontrolled mode: manage state internally
|
|
63
|
+
setInternalReplyMessage({
|
|
64
|
+
_id: message._id,
|
|
65
|
+
text: message.text,
|
|
66
|
+
user: message.user,
|
|
67
|
+
image: message.image,
|
|
68
|
+
audio: message.audio,
|
|
69
|
+
});
|
|
70
|
+
onSwipeToReply?.(message);
|
|
71
|
+
}, [replyMessageProp, onSwipeToReply]);
|
|
72
|
+
const clearReply = useCallback(() => {
|
|
73
|
+
if (replyMessageProp === undefined)
|
|
74
|
+
// Uncontrolled mode: manage state internally
|
|
75
|
+
setInternalReplyMessage(null);
|
|
76
|
+
onClearReply?.();
|
|
77
|
+
}, [replyMessageProp, onClearReply]);
|
|
78
|
+
const renderMessages = useMemo(() => {
|
|
79
|
+
if (!isInitialized)
|
|
80
|
+
return null;
|
|
81
|
+
const { messagesContainerStyle, ...messagesContainerProps } = props;
|
|
82
|
+
return (<View style={[stylesCommon.fill, messagesContainerStyle]}>
|
|
83
|
+
<MessagesContainer {...messagesContainerProps} isInverted={isInverted} messages={messages} forwardRef={messagesContainerRef} isTyping={isTyping} reply={{
|
|
84
|
+
...reply,
|
|
85
|
+
swipe: reply?.swipe ? {
|
|
86
|
+
...reply.swipe,
|
|
87
|
+
onSwipe: handleSwipeToReply,
|
|
88
|
+
} : undefined,
|
|
89
|
+
}}/>
|
|
90
|
+
{renderComponentOrElement(renderChatFooter, {})}
|
|
91
|
+
</View>);
|
|
92
|
+
}, [
|
|
93
|
+
isInitialized,
|
|
94
|
+
isTyping,
|
|
95
|
+
messages,
|
|
96
|
+
props,
|
|
97
|
+
isInverted,
|
|
98
|
+
messagesContainerRef,
|
|
99
|
+
renderChatFooter,
|
|
100
|
+
reply,
|
|
101
|
+
handleSwipeToReply,
|
|
102
|
+
]);
|
|
103
|
+
const notifyInputTextReset = useCallback(() => {
|
|
104
|
+
props.textInputProps?.onChangeText?.('');
|
|
105
|
+
}, [props.textInputProps]);
|
|
106
|
+
const resetInputToolbar = useCallback(() => {
|
|
107
|
+
textInputRef.current?.clear();
|
|
108
|
+
notifyInputTextReset();
|
|
109
|
+
setText(getTextFromProp(''));
|
|
110
|
+
}, [
|
|
111
|
+
getTextFromProp,
|
|
112
|
+
textInputRef,
|
|
113
|
+
notifyInputTextReset,
|
|
114
|
+
]);
|
|
115
|
+
const _onSend = useCallback((messages = [], shouldResetInputToolbar = false) => {
|
|
116
|
+
if (!Array.isArray(messages))
|
|
117
|
+
messages = [messages];
|
|
118
|
+
const newMessages = messages.map(message => {
|
|
119
|
+
return {
|
|
120
|
+
...message,
|
|
121
|
+
user: user,
|
|
122
|
+
createdAt: new Date(),
|
|
123
|
+
_id: messageIdGenerator?.(),
|
|
124
|
+
// Attach reply message if exists
|
|
125
|
+
...(replyMessage ? { replyMessage } : {}),
|
|
126
|
+
};
|
|
127
|
+
});
|
|
128
|
+
if (shouldResetInputToolbar === true)
|
|
129
|
+
resetInputToolbar();
|
|
130
|
+
// Clear reply after sending
|
|
131
|
+
clearReply();
|
|
132
|
+
onSend?.(newMessages);
|
|
133
|
+
setTimeout(() => scrollToBottom(), 10);
|
|
134
|
+
}, [messageIdGenerator, onSend, user, resetInputToolbar, scrollToBottom, replyMessage, clearReply]);
|
|
135
|
+
const _onChangeText = useCallback((text) => {
|
|
136
|
+
props.textInputProps?.onChangeText?.(text);
|
|
137
|
+
// Only set state if it's not being overridden by a prop.
|
|
138
|
+
if (props.text === undefined)
|
|
139
|
+
setText(text);
|
|
140
|
+
}, [props.text, props.textInputProps]);
|
|
141
|
+
const onInitialLayoutViewLayout = useCallback((e) => {
|
|
142
|
+
if (isInitialized)
|
|
143
|
+
return;
|
|
144
|
+
const { layout } = e.nativeEvent;
|
|
145
|
+
if (layout.height <= 0)
|
|
146
|
+
return;
|
|
147
|
+
notifyInputTextReset();
|
|
148
|
+
setIsInitialized(true);
|
|
149
|
+
setText(getTextFromProp(initialText));
|
|
150
|
+
}, [isInitialized, initialText, notifyInputTextReset, getTextFromProp]);
|
|
151
|
+
const inputToolbarFragment = useMemo(() => {
|
|
152
|
+
if (!isInitialized)
|
|
153
|
+
return null;
|
|
154
|
+
const inputToolbarProps = {
|
|
155
|
+
...props,
|
|
156
|
+
text: getTextFromProp(text),
|
|
157
|
+
onSend: _onSend,
|
|
158
|
+
textInputProps: {
|
|
159
|
+
...textInputProps,
|
|
160
|
+
onChangeText: _onChangeText,
|
|
161
|
+
ref: textInputRef,
|
|
162
|
+
},
|
|
163
|
+
// Reply preview props
|
|
164
|
+
replyMessage,
|
|
165
|
+
onClearReply: clearReply,
|
|
166
|
+
renderReplyPreview,
|
|
167
|
+
replyPreviewContainerStyle,
|
|
168
|
+
replyPreviewTextStyle,
|
|
169
|
+
};
|
|
170
|
+
if (renderInputToolbar)
|
|
171
|
+
return renderComponentOrElement(renderInputToolbar, inputToolbarProps);
|
|
172
|
+
return <InputToolbar {...inputToolbarProps}/>;
|
|
173
|
+
}, [
|
|
174
|
+
isInitialized,
|
|
175
|
+
_onSend,
|
|
176
|
+
getTextFromProp,
|
|
177
|
+
props,
|
|
178
|
+
text,
|
|
179
|
+
renderInputToolbar,
|
|
180
|
+
textInputRef,
|
|
181
|
+
textInputProps,
|
|
182
|
+
_onChangeText,
|
|
183
|
+
replyMessage,
|
|
184
|
+
clearReply,
|
|
185
|
+
renderReplyPreview,
|
|
186
|
+
replyPreviewContainerStyle,
|
|
187
|
+
replyPreviewTextStyle,
|
|
188
|
+
]);
|
|
189
|
+
const contextValues = useMemo(() => ({
|
|
190
|
+
actionSheet: actionSheet ||
|
|
191
|
+
(() => ({
|
|
192
|
+
showActionSheetWithOptions: actionSheetRef.current.showActionSheetWithOptions,
|
|
193
|
+
})),
|
|
194
|
+
getLocale: () => locale,
|
|
195
|
+
getColorScheme: () => colorScheme,
|
|
196
|
+
}), [actionSheet, locale, colorScheme]);
|
|
197
|
+
useEffect(() => {
|
|
198
|
+
if (props.text != null)
|
|
199
|
+
setText(props.text);
|
|
200
|
+
}, [props.text]);
|
|
201
|
+
return (<ChatContext.Provider value={contextValues}>
|
|
202
|
+
<ActionSheetProvider ref={actionSheetRef}>
|
|
203
|
+
<View testID={TEST_ID.WRAPPER} style={[stylesCommon.fill, styles.contentContainer]} onLayout={onInitialLayoutViewLayout}>
|
|
204
|
+
<KeyboardAvoidingView behavior='translate-with-padding' keyboardVerticalOffset={insets.top} style={stylesCommon.fill} {...props.keyboardAvoidingViewProps}>
|
|
205
|
+
<View style={[stylesCommon.fill, !isInitialized && styles.hidden]}>
|
|
206
|
+
{renderMessages}
|
|
207
|
+
{inputToolbarFragment}
|
|
208
|
+
</View>
|
|
209
|
+
{!isInitialized && renderComponentOrElement(renderLoading, {})}
|
|
210
|
+
</KeyboardAvoidingView>
|
|
211
|
+
</View>
|
|
212
|
+
</ActionSheetProvider>
|
|
213
|
+
</ChatContext.Provider>);
|
|
214
|
+
}
|
|
215
|
+
function ChatWrapper(props) {
|
|
216
|
+
const { keyboardProviderProps, disableKeyboardProvider = false, ...rest } = props;
|
|
217
|
+
const chat = <Chat {...rest}/>;
|
|
218
|
+
return (<GestureHandlerRootView style={styles.fill}>
|
|
219
|
+
<SafeAreaProvider>
|
|
220
|
+
{disableKeyboardProvider
|
|
221
|
+
? chat
|
|
222
|
+
: (<KeyboardProvider statusBarTranslucent navigationBarTranslucent {...keyboardProviderProps}>
|
|
223
|
+
{chat}
|
|
224
|
+
</KeyboardProvider>)}
|
|
225
|
+
</SafeAreaProvider>
|
|
226
|
+
</GestureHandlerRootView>);
|
|
227
|
+
}
|
|
228
|
+
ChatWrapper.append = (currentMessages = [], messages, isInverted = true) => {
|
|
229
|
+
if (!Array.isArray(messages))
|
|
230
|
+
messages = [messages];
|
|
231
|
+
return isInverted
|
|
232
|
+
? messages.concat(currentMessages)
|
|
233
|
+
: currentMessages.concat(messages);
|
|
234
|
+
};
|
|
235
|
+
ChatWrapper.prepend = (currentMessages = [], messages, isInverted = true) => {
|
|
236
|
+
if (!Array.isArray(messages))
|
|
237
|
+
messages = [messages];
|
|
238
|
+
return isInverted
|
|
239
|
+
? currentMessages.concat(messages)
|
|
240
|
+
: messages.concat(currentMessages);
|
|
241
|
+
};
|
|
242
|
+
export { ChatWrapper as Chat };
|
|
243
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Chat/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Chat/styles.ts"],"names":[],"mappings":";;;;;;;;;;;AAEA,wBAUE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Chat/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;KACR;IACD,gBAAgB,EAAE;QAChB,QAAQ,EAAE,QAAQ;KACnB;IACD,MAAM,EAAE;QACN,OAAO,EAAE,CAAC;KACX;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import React, { RefObject } from 'react';
|
|
2
|
+
import { TextInput, StyleProp, TextStyle, ViewStyle } from 'react-native';
|
|
3
|
+
import { ActionSheetOptions } from '@expo/react-native-action-sheet';
|
|
4
|
+
import { KeyboardProvider, KeyboardAvoidingViewProps } from 'react-native-keyboard-controller';
|
|
5
|
+
import { ActionsProps } from '../Actions';
|
|
6
|
+
import { AvatarProps } from '../Avatar';
|
|
7
|
+
import { BubbleProps } from '../Bubble';
|
|
8
|
+
import { ComposerProps } from '../Composer';
|
|
9
|
+
import { InputToolbarProps } from '../InputToolbar';
|
|
10
|
+
import { MessageImageProps } from '../MessageImage';
|
|
11
|
+
import { AnimatedList, MessagesContainerProps } from '../MessagesContainer';
|
|
12
|
+
import { MessageTextProps } from '../MessageText';
|
|
13
|
+
import { IMessage, LeftRightStyle, MessageAudioProps, MessageVideoProps, User } from '../Models';
|
|
14
|
+
import { QuickRepliesProps } from '../QuickReplies';
|
|
15
|
+
import { ReactionsProps } from '../Reactions';
|
|
16
|
+
import { ReplyProps } from '../Reply';
|
|
17
|
+
import { SendProps } from '../Send';
|
|
18
|
+
import { SystemMessageProps } from '../SystemMessage';
|
|
19
|
+
import { TimeProps } from '../Time';
|
|
20
|
+
export interface ChatProps<TMessage extends IMessage> extends Partial<Omit<MessagesContainerProps<TMessage>, 'messageReplyContainerStyle'>> {
|
|
21
|
+
messagesContainerRef?: RefObject<AnimatedList<TMessage>>;
|
|
22
|
+
textInputRef?: RefObject<TextInput>;
|
|
23
|
+
isUsernameVisible?: boolean;
|
|
24
|
+
messagesContainerStyle?: StyleProp<ViewStyle>;
|
|
25
|
+
text?: string;
|
|
26
|
+
initialText?: string;
|
|
27
|
+
user?: User;
|
|
28
|
+
locale?: string;
|
|
29
|
+
colorScheme?: 'light' | 'dark';
|
|
30
|
+
timeFormat?: string;
|
|
31
|
+
dateFormat?: string;
|
|
32
|
+
dateFormatCalendar?: object;
|
|
33
|
+
isUserAvatarVisible?: boolean;
|
|
34
|
+
isAvatarVisibleForEveryMessage?: boolean;
|
|
35
|
+
isAvatarOnTop?: boolean;
|
|
36
|
+
imageProps?: MessageImageProps<TMessage>;
|
|
37
|
+
minInputToolbarHeight?: number;
|
|
38
|
+
textInputProps?: Partial<React.ComponentProps<typeof TextInput>>;
|
|
39
|
+
isSendButtonAlwaysVisible?: boolean;
|
|
40
|
+
imageStyle?: StyleProp<ViewStyle>;
|
|
41
|
+
minComposerHeight?: number;
|
|
42
|
+
maxComposerHeight?: number;
|
|
43
|
+
actions?: Array<{
|
|
44
|
+
title: string;
|
|
45
|
+
action: () => void;
|
|
46
|
+
}>;
|
|
47
|
+
actionSheetOptionTintColor?: string;
|
|
48
|
+
quickReplyStyle?: StyleProp<ViewStyle>;
|
|
49
|
+
quickReplyTextStyle?: StyleProp<TextStyle>;
|
|
50
|
+
quickReplyContainerStyle?: StyleProp<ViewStyle>;
|
|
51
|
+
isCustomViewBottom?: boolean;
|
|
52
|
+
timeTextStyle?: LeftRightStyle<TextStyle>;
|
|
53
|
+
actionSheet?: () => {
|
|
54
|
+
showActionSheetWithOptions: (options: ActionSheetOptions, callback: (buttonIndex: number) => void | Promise<void>) => void;
|
|
55
|
+
};
|
|
56
|
+
onPressAvatar?: (user: User) => void;
|
|
57
|
+
onLongPressAvatar?: (user: User) => void;
|
|
58
|
+
messageIdGenerator?: (message?: TMessage) => string;
|
|
59
|
+
onSend?: (messages: TMessage[]) => void;
|
|
60
|
+
renderLoading?: () => React.ReactNode;
|
|
61
|
+
renderAvatar?: null | ((props: AvatarProps<TMessage>) => React.ReactNode);
|
|
62
|
+
renderBubble?: (props: BubbleProps<TMessage>) => React.ReactNode;
|
|
63
|
+
renderSystemMessage?: (props: SystemMessageProps<TMessage>) => React.ReactNode;
|
|
64
|
+
onPressMessage?: (context: unknown, message: TMessage) => void;
|
|
65
|
+
onLongPressMessage?: (context: unknown, message: TMessage) => void;
|
|
66
|
+
renderUsername?: (user: User) => React.ReactNode;
|
|
67
|
+
renderMessageText?: (messageText: MessageTextProps<TMessage>) => React.ReactNode;
|
|
68
|
+
renderMessageImage?: (props: MessageImageProps<TMessage>) => React.ReactNode;
|
|
69
|
+
renderMessageVideo?: (props: MessageVideoProps<TMessage>) => React.ReactNode;
|
|
70
|
+
renderMessageAudio?: (props: MessageAudioProps<TMessage>) => React.ReactNode;
|
|
71
|
+
renderCustomView?: (props: BubbleProps<TMessage>) => React.ReactNode;
|
|
72
|
+
renderTime?: (props: TimeProps<TMessage>) => React.ReactNode;
|
|
73
|
+
renderChatFooter?: () => React.ReactNode;
|
|
74
|
+
renderInputToolbar?: React.ComponentType<InputToolbarProps<TMessage>> | React.ReactElement | ((props: InputToolbarProps<TMessage>) => React.ReactNode) | null;
|
|
75
|
+
renderComposer?: (props: ComposerProps) => React.ReactNode;
|
|
76
|
+
renderActions?: (props: ActionsProps) => React.ReactNode;
|
|
77
|
+
renderSend?: (props: SendProps<TMessage>) => React.ReactNode;
|
|
78
|
+
renderAccessory?: (props: InputToolbarProps<TMessage>) => React.ReactNode;
|
|
79
|
+
onPressActionButton?: () => void;
|
|
80
|
+
messageTextProps?: Partial<MessageTextProps<TMessage>>;
|
|
81
|
+
renderQuickReplies?: (quickReplies: QuickRepliesProps<TMessage>) => React.ReactNode;
|
|
82
|
+
renderQuickReplySend?: () => React.ReactNode;
|
|
83
|
+
keyboardProviderProps?: React.ComponentProps<typeof KeyboardProvider>;
|
|
84
|
+
/**
|
|
85
|
+
* Skip rendering the built-in `KeyboardProvider` wrapper.
|
|
86
|
+
* Enable this when your app already mounts its own `KeyboardProvider`
|
|
87
|
+
* (e.g. once at the root), or when the default `statusBarTranslucent` /
|
|
88
|
+
* `navigationBarTranslucent` edge-to-edge behavior causes layout shift,
|
|
89
|
+
* flicker on mount, or a header/content jump on Android/Expo.
|
|
90
|
+
* Default is `false`.
|
|
91
|
+
*/
|
|
92
|
+
disableKeyboardProvider?: boolean;
|
|
93
|
+
/** Props for KeyboardAvoidingView. Use `keyboardVerticalOffset` to account for headers or iOS predictive text bar (~44pt). */
|
|
94
|
+
keyboardAvoidingViewProps?: KeyboardAvoidingViewProps;
|
|
95
|
+
/** Enable animated day label that appears on scroll; default is true */
|
|
96
|
+
isDayAnimationEnabled?: boolean;
|
|
97
|
+
/** Reply functionality configuration */
|
|
98
|
+
reply?: ReplyProps<TMessage>;
|
|
99
|
+
/** Emoji reactions configuration */
|
|
100
|
+
reactions?: ReactionsProps<TMessage>;
|
|
101
|
+
}
|
|
102
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Chat/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Chat/types.ts"],"names":[],"mappings":""}
|