react-native-gifted-chat 3.3.0 → 3.3.3
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/CHANGELOG.md +435 -0
- package/README.md +68 -12
- 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 +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 +40 -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 +241 -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 +90 -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 +92 -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 +18 -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 +23 -0
- package/lib/MessagesContainer/components/Item/index.d.ts.map +1 -0
- package/lib/MessagesContainer/components/Item/index.js +120 -0
- package/lib/MessagesContainer/components/Item/index.js.map +1 -0
- package/lib/MessagesContainer/components/Item/types.d.ts +19 -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 +6 -0
- package/lib/MessagesContainer/index.d.ts.map +1 -0
- package/lib/MessagesContainer/index.js +258 -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 +88 -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 +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 +12 -0
- package/lib/Time.d.ts.map +1 -0
- package/lib/Time.js +39 -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 +105 -0
- package/lib/utils.js.map +1 -0
- package/package.json +12 -11
- package/src/Actions.tsx +0 -110
- package/src/Avatar.tsx +0 -169
- package/src/Bubble/index.tsx +0 -407
- package/src/Bubble/styles.ts +0 -66
- package/src/Bubble/types.ts +0 -104
- package/src/Color.ts +0 -17
- package/src/Composer.tsx +0 -100
- package/src/Constant.ts +0 -8
- package/src/Day/index.tsx +0 -63
- package/src/Day/styles.ts +0 -22
- package/src/Day/types.ts +0 -15
- package/src/GiftedAvatar.tsx +0 -187
- package/src/GiftedChat/index.tsx +0 -420
- package/src/GiftedChat/styles.ts +0 -10
- package/src/GiftedChat/types.ts +0 -156
- package/src/GiftedChatContext.ts +0 -25
- package/src/InputToolbar.tsx +0 -177
- package/src/LoadEarlierMessages.tsx +0 -94
- package/src/Message/index.tsx +0 -273
- package/src/Message/styles.ts +0 -18
- package/src/Message/types.ts +0 -26
- package/src/MessageAudio.tsx +0 -29
- package/src/MessageImage.tsx +0 -251
- package/src/MessageReply.tsx +0 -160
- package/src/MessageText.tsx +0 -111
- package/src/MessageVideo.tsx +0 -29
- package/src/MessagesContainer/components/DayAnimated/index.tsx +0 -151
- package/src/MessagesContainer/components/DayAnimated/styles.ts +0 -12
- package/src/MessagesContainer/components/DayAnimated/types.ts +0 -12
- package/src/MessagesContainer/components/Item/index.tsx +0 -197
- package/src/MessagesContainer/components/Item/types.ts +0 -13
- package/src/MessagesContainer/index.tsx +0 -434
- package/src/MessagesContainer/styles.ts +0 -42
- package/src/MessagesContainer/types.ts +0 -102
- package/src/Models.ts +0 -66
- package/src/QuickReplies.tsx +0 -181
- package/src/Reply/index.ts +0 -1
- package/src/Reply/types.ts +0 -80
- package/src/ReplyPreview.tsx +0 -132
- package/src/Send.tsx +0 -115
- package/src/SystemMessage.tsx +0 -79
- package/src/Time.tsx +0 -64
- package/src/TypingIndicator/index.tsx +0 -155
- package/src/TypingIndicator/styles.ts +0 -22
- package/src/TypingIndicator/types.ts +0 -6
- package/src/__tests__/Actions.test.tsx +0 -9
- package/src/__tests__/Avatar.test.tsx +0 -17
- package/src/__tests__/Bubble.test.tsx +0 -17
- package/src/__tests__/Color.test.tsx +0 -5
- package/src/__tests__/Composer.test.tsx +0 -10
- package/src/__tests__/Constant.test.tsx +0 -5
- package/src/__tests__/Day.test.tsx +0 -20
- package/src/__tests__/DayAnimated.test.tsx +0 -46
- package/src/__tests__/GiftedAvatar.test.tsx +0 -10
- package/src/__tests__/GiftedChat.test.tsx +0 -60
- package/src/__tests__/InputToolbar.test.tsx +0 -10
- package/src/__tests__/LoadEarlier.test.tsx +0 -10
- package/src/__tests__/Message.test.tsx +0 -67
- package/src/__tests__/MessageImage.test.tsx +0 -24
- package/src/__tests__/MessageReply.test.tsx +0 -54
- package/src/__tests__/MessageText.test.tsx +0 -15
- package/src/__tests__/MessagesContainer.test.tsx +0 -38
- package/src/__tests__/ReplyPreview.test.tsx +0 -41
- package/src/__tests__/Send.test.tsx +0 -21
- package/src/__tests__/SystemMessage.test.tsx +0 -24
- package/src/__tests__/Time.test.tsx +0 -26
- package/src/__tests__/__snapshots__/Actions.test.tsx.snap +0 -40
- package/src/__tests__/__snapshots__/Avatar.test.tsx.snap +0 -17
- package/src/__tests__/__snapshots__/Bubble.test.tsx.snap +0 -121
- package/src/__tests__/__snapshots__/Color.test.tsx.snap +0 -21
- package/src/__tests__/__snapshots__/Composer.test.tsx.snap +0 -51
- package/src/__tests__/__snapshots__/Constant.test.tsx.snap +0 -13
- package/src/__tests__/__snapshots__/Day.test.tsx.snap +0 -99
- package/src/__tests__/__snapshots__/DayAnimated.test.tsx.snap +0 -5
- package/src/__tests__/__snapshots__/GiftedAvatar.test.tsx.snap +0 -24
- package/src/__tests__/__snapshots__/GiftedChat.test.tsx.snap +0 -169
- package/src/__tests__/__snapshots__/InputToolbar.test.tsx.snap +0 -145
- package/src/__tests__/__snapshots__/LoadEarlier.test.tsx.snap +0 -33
- package/src/__tests__/__snapshots__/Message.test.tsx.snap +0 -510
- package/src/__tests__/__snapshots__/MessageImage.test.tsx.snap +0 -293
- package/src/__tests__/__snapshots__/MessageReply.test.tsx.snap +0 -181
- package/src/__tests__/__snapshots__/MessageText.test.tsx.snap +0 -29
- package/src/__tests__/__snapshots__/ReplyPreview.test.tsx.snap +0 -403
- package/src/__tests__/__snapshots__/Send.test.tsx.snap +0 -214
- package/src/__tests__/__snapshots__/SystemMessage.test.tsx.snap +0 -77
- package/src/__tests__/__snapshots__/Time.test.tsx.snap +0 -22
- package/src/__tests__/data.ts +0 -8
- package/src/__tests__/utils.test.ts +0 -31
- package/src/components/MessageReply.tsx +0 -156
- package/src/components/ReplyPreview.tsx +0 -230
- package/src/components/TouchableOpacity.tsx +0 -67
- package/src/hooks/useColorScheme.ts +0 -18
- package/src/hooks/useUpdateLayoutEffect.ts +0 -21
- package/src/index.ts +0 -29
- package/src/linkParser.tsx +0 -255
- package/src/logging.ts +0 -8
- package/src/styles.ts +0 -25
- package/src/types.ts +0 -25
- package/src/utils.ts +0 -134
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/GiftedChat/styles.ts"],"names":[],"mappings":";;;;;;;;;;;AAEA,wBAUE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/GiftedChat/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,90 @@
|
|
|
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 { ReplyProps } from '../Reply';
|
|
16
|
+
import { SendProps } from '../Send';
|
|
17
|
+
import { SystemMessageProps } from '../SystemMessage';
|
|
18
|
+
import { TimeProps } from '../Time';
|
|
19
|
+
export interface GiftedChatProps<TMessage extends IMessage> extends Partial<Omit<MessagesContainerProps<TMessage>, 'messageReplyContainerStyle'>> {
|
|
20
|
+
messagesContainerRef?: RefObject<AnimatedList<TMessage>>;
|
|
21
|
+
textInputRef?: RefObject<TextInput>;
|
|
22
|
+
isUsernameVisible?: boolean;
|
|
23
|
+
messagesContainerStyle?: StyleProp<ViewStyle>;
|
|
24
|
+
text?: string;
|
|
25
|
+
initialText?: string;
|
|
26
|
+
user?: User;
|
|
27
|
+
locale?: string;
|
|
28
|
+
colorScheme?: 'light' | 'dark';
|
|
29
|
+
timeFormat?: string;
|
|
30
|
+
dateFormat?: string;
|
|
31
|
+
dateFormatCalendar?: object;
|
|
32
|
+
isUserAvatarVisible?: boolean;
|
|
33
|
+
isAvatarVisibleForEveryMessage?: boolean;
|
|
34
|
+
isAvatarOnTop?: boolean;
|
|
35
|
+
imageProps?: MessageImageProps<TMessage>;
|
|
36
|
+
minInputToolbarHeight?: number;
|
|
37
|
+
textInputProps?: Partial<React.ComponentProps<typeof TextInput>>;
|
|
38
|
+
isSendButtonAlwaysVisible?: boolean;
|
|
39
|
+
imageStyle?: StyleProp<ViewStyle>;
|
|
40
|
+
minComposerHeight?: number;
|
|
41
|
+
maxComposerHeight?: number;
|
|
42
|
+
actions?: Array<{
|
|
43
|
+
title: string;
|
|
44
|
+
action: () => void;
|
|
45
|
+
}>;
|
|
46
|
+
actionSheetOptionTintColor?: string;
|
|
47
|
+
quickReplyStyle?: StyleProp<ViewStyle>;
|
|
48
|
+
quickReplyTextStyle?: StyleProp<TextStyle>;
|
|
49
|
+
quickReplyContainerStyle?: StyleProp<ViewStyle>;
|
|
50
|
+
isCustomViewBottom?: boolean;
|
|
51
|
+
timeTextStyle?: LeftRightStyle<TextStyle>;
|
|
52
|
+
actionSheet?: () => {
|
|
53
|
+
showActionSheetWithOptions: (options: ActionSheetOptions, callback: (buttonIndex: number) => void | Promise<void>) => void;
|
|
54
|
+
};
|
|
55
|
+
onPressAvatar?: (user: User) => void;
|
|
56
|
+
onLongPressAvatar?: (user: User) => void;
|
|
57
|
+
messageIdGenerator?: (message?: TMessage) => string;
|
|
58
|
+
onSend?: (messages: TMessage[]) => void;
|
|
59
|
+
renderLoading?: () => React.ReactNode;
|
|
60
|
+
renderAvatar?: null | ((props: AvatarProps<TMessage>) => React.ReactNode);
|
|
61
|
+
renderBubble?: (props: BubbleProps<TMessage>) => React.ReactNode;
|
|
62
|
+
renderSystemMessage?: (props: SystemMessageProps<TMessage>) => React.ReactNode;
|
|
63
|
+
onPressMessage?: (context: unknown, message: TMessage) => void;
|
|
64
|
+
onLongPressMessage?: (context: unknown, message: TMessage) => void;
|
|
65
|
+
renderUsername?: (user: User) => React.ReactNode;
|
|
66
|
+
renderMessageText?: (messageText: MessageTextProps<TMessage>) => React.ReactNode;
|
|
67
|
+
renderMessageImage?: (props: MessageImageProps<TMessage>) => React.ReactNode;
|
|
68
|
+
renderMessageVideo?: (props: MessageVideoProps<TMessage>) => React.ReactNode;
|
|
69
|
+
renderMessageAudio?: (props: MessageAudioProps<TMessage>) => React.ReactNode;
|
|
70
|
+
renderCustomView?: (props: BubbleProps<TMessage>) => React.ReactNode;
|
|
71
|
+
renderTime?: (props: TimeProps<TMessage>) => React.ReactNode;
|
|
72
|
+
renderChatFooter?: () => React.ReactNode;
|
|
73
|
+
renderInputToolbar?: React.ComponentType<InputToolbarProps<TMessage>> | React.ReactElement | ((props: InputToolbarProps<TMessage>) => React.ReactNode) | null;
|
|
74
|
+
renderComposer?: (props: ComposerProps) => React.ReactNode;
|
|
75
|
+
renderActions?: (props: ActionsProps) => React.ReactNode;
|
|
76
|
+
renderSend?: (props: SendProps<TMessage>) => React.ReactNode;
|
|
77
|
+
renderAccessory?: (props: InputToolbarProps<TMessage>) => React.ReactNode;
|
|
78
|
+
onPressActionButton?: () => void;
|
|
79
|
+
messageTextProps?: Partial<MessageTextProps<TMessage>>;
|
|
80
|
+
renderQuickReplies?: (quickReplies: QuickRepliesProps<TMessage>) => React.ReactNode;
|
|
81
|
+
renderQuickReplySend?: () => React.ReactNode;
|
|
82
|
+
keyboardProviderProps?: React.ComponentProps<typeof KeyboardProvider>;
|
|
83
|
+
/** Props for KeyboardAvoidingView. Use `keyboardVerticalOffset` to account for headers or iOS predictive text bar (~44pt). */
|
|
84
|
+
keyboardAvoidingViewProps?: KeyboardAvoidingViewProps;
|
|
85
|
+
/** Enable animated day label that appears on scroll; default is true */
|
|
86
|
+
isDayAnimationEnabled?: boolean;
|
|
87
|
+
/** Reply functionality configuration */
|
|
88
|
+
reply?: ReplyProps<TMessage>;
|
|
89
|
+
}
|
|
90
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/GiftedChat/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/GiftedChat/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ActionSheetOptions } from '@expo/react-native-action-sheet';
|
|
2
|
+
export interface IGiftedChatContext {
|
|
3
|
+
actionSheet(): {
|
|
4
|
+
showActionSheetWithOptions: (options: ActionSheetOptions, callback: (buttonIndex?: number) => void | Promise<void>) => void;
|
|
5
|
+
};
|
|
6
|
+
getLocale(): string;
|
|
7
|
+
getColorScheme(): 'light' | 'dark' | null | undefined;
|
|
8
|
+
}
|
|
9
|
+
export declare const GiftedChatContext: import("react").Context<IGiftedChatContext>;
|
|
10
|
+
export declare const useChatContext: () => IGiftedChatContext;
|
|
11
|
+
//# sourceMappingURL=GiftedChatContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GiftedChatContext.d.ts","sourceRoot":"","sources":["../src/GiftedChatContext.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EACnB,MAAM,iCAAiC,CAAA;AAExC,MAAM,WAAW,kBAAkB;IACjC,WAAW,IAAI;QACb,0BAA0B,EAAE,CAC1B,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,KACrD,IAAI,CAAA;KACV,CAAA;IACD,SAAS,IAAI,MAAM,CAAA;IACnB,cAAc,IAAI,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;CACtD;AAED,eAAO,MAAM,iBAAiB,6CAM5B,CAAA;AAEF,eAAO,MAAM,cAAc,0BAAsC,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { createContext, useContext } from 'react';
|
|
2
|
+
export const GiftedChatContext = createContext({
|
|
3
|
+
getLocale: () => 'en',
|
|
4
|
+
actionSheet: () => ({
|
|
5
|
+
showActionSheetWithOptions: () => { },
|
|
6
|
+
}),
|
|
7
|
+
getColorScheme: () => undefined,
|
|
8
|
+
});
|
|
9
|
+
export const useChatContext = () => useContext(GiftedChatContext);
|
|
10
|
+
//# sourceMappingURL=GiftedChatContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GiftedChatContext.js","sourceRoot":"","sources":["../src/GiftedChatContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAgBjD,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAqB;IACjE,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI;IACrB,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC;QAClB,0BAA0B,EAAE,GAAG,EAAE,GAAE,CAAC;KACrC,CAAC;IACF,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;CAChC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle, TextStyle } from 'react-native';
|
|
3
|
+
import { ActionsProps } from './Actions';
|
|
4
|
+
import { ReplyPreviewProps } from './components/ReplyPreview';
|
|
5
|
+
import { ComposerProps } from './Composer';
|
|
6
|
+
import { IMessage, ReplyMessage } from './Models';
|
|
7
|
+
import { SendProps } from './Send';
|
|
8
|
+
export type { ReplyPreviewProps } from './components/ReplyPreview';
|
|
9
|
+
export interface InputToolbarProps<TMessage extends IMessage> {
|
|
10
|
+
actions?: Array<{
|
|
11
|
+
title: string;
|
|
12
|
+
action: () => void;
|
|
13
|
+
}>;
|
|
14
|
+
actionSheetOptionTintColor?: string;
|
|
15
|
+
containerStyle?: StyleProp<ViewStyle>;
|
|
16
|
+
primaryStyle?: StyleProp<ViewStyle>;
|
|
17
|
+
renderAccessory?: (props: InputToolbarProps<TMessage>) => React.ReactNode;
|
|
18
|
+
renderActions?: (props: ActionsProps) => React.ReactNode;
|
|
19
|
+
renderSend?: (props: SendProps<TMessage>) => React.ReactNode;
|
|
20
|
+
renderComposer?: (props: ComposerProps) => React.ReactNode;
|
|
21
|
+
onPressActionButton?: () => void;
|
|
22
|
+
icon?: () => React.ReactNode;
|
|
23
|
+
wrapperStyle?: StyleProp<ViewStyle>;
|
|
24
|
+
/** Reply message to show in preview */
|
|
25
|
+
replyMessage?: ReplyMessage | null;
|
|
26
|
+
/** Callback to clear reply */
|
|
27
|
+
onClearReply?: () => void;
|
|
28
|
+
/** Custom render for reply preview */
|
|
29
|
+
renderReplyPreview?: (props: ReplyPreviewProps) => React.ReactNode;
|
|
30
|
+
/** Style for reply preview container */
|
|
31
|
+
replyPreviewContainerStyle?: StyleProp<ViewStyle>;
|
|
32
|
+
/** Style for reply preview text */
|
|
33
|
+
replyPreviewTextStyle?: StyleProp<TextStyle>;
|
|
34
|
+
}
|
|
35
|
+
export declare function InputToolbar<TMessage extends IMessage = IMessage>(props: InputToolbarProps<TMessage>): React.JSX.Element;
|
|
36
|
+
//# sourceMappingURL=InputToolbar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputToolbar.d.ts","sourceRoot":"","sources":["../src/InputToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AACnD,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAEhF,OAAO,EAAW,YAAY,EAAE,MAAM,WAAW,CAAA;AAEjD,OAAO,EAAgB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC3E,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAA;AAEpD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACjD,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAA;AAGxC,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAElE,MAAM,WAAW,iBAAiB,CAAC,QAAQ,SAAS,QAAQ;IAC1D,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAA;IACtD,0BAA0B,CAAC,EAAE,MAAM,CAAA;IACnC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACnC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IACzE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAA;IACxD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC5D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,KAAK,CAAC,SAAS,CAAA;IAC1D,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,IAAI,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACnC,uCAAuC;IACvC,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IAClC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,sCAAsC;IACtC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAA;IAClE,wCAAwC;IACxC,0BAA0B,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACjD,mCAAmC;IACnC,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7C;AAED,wBAAgB,YAAY,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAC/D,KAAK,EAAE,iBAAiB,CAAC,QAAQ,CAAC,qBAyHnC"}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import React, { useCallback, useMemo } from 'react';
|
|
2
|
+
import { StyleSheet, View } from 'react-native';
|
|
3
|
+
import { Actions } from './Actions';
|
|
4
|
+
import { Color } from './Color';
|
|
5
|
+
import { ReplyPreview } from './components/ReplyPreview';
|
|
6
|
+
import { Composer } from './Composer';
|
|
7
|
+
import { useColorScheme } from './hooks/useColorScheme';
|
|
8
|
+
import { Send } from './Send';
|
|
9
|
+
import { renderComponentOrElement } from './utils';
|
|
10
|
+
export function InputToolbar(props) {
|
|
11
|
+
const { renderActions, onPressActionButton, renderComposer, renderSend, renderAccessory, actions, actionSheetOptionTintColor, icon, wrapperStyle, containerStyle, replyMessage, onClearReply, renderReplyPreview: renderReplyPreviewProp, replyPreviewContainerStyle, replyPreviewTextStyle, } = props;
|
|
12
|
+
const colorScheme = useColorScheme();
|
|
13
|
+
const containerStyles = useMemo(() => [
|
|
14
|
+
styles.container,
|
|
15
|
+
colorScheme === 'dark' && styles.container_dark,
|
|
16
|
+
containerStyle,
|
|
17
|
+
], [colorScheme, containerStyle]);
|
|
18
|
+
const primaryStyles = useMemo(() => [
|
|
19
|
+
styles.primary,
|
|
20
|
+
props.primaryStyle,
|
|
21
|
+
], [props.primaryStyle]);
|
|
22
|
+
const actionsFragment = useMemo(() => {
|
|
23
|
+
const actionsProps = {
|
|
24
|
+
onPressActionButton,
|
|
25
|
+
actions,
|
|
26
|
+
actionSheetOptionTintColor,
|
|
27
|
+
icon,
|
|
28
|
+
wrapperStyle,
|
|
29
|
+
containerStyle,
|
|
30
|
+
};
|
|
31
|
+
if (renderActions)
|
|
32
|
+
return renderComponentOrElement(renderActions, actionsProps);
|
|
33
|
+
if (onPressActionButton)
|
|
34
|
+
return <Actions {...actionsProps}/>;
|
|
35
|
+
return null;
|
|
36
|
+
}, [
|
|
37
|
+
renderActions,
|
|
38
|
+
onPressActionButton,
|
|
39
|
+
actions,
|
|
40
|
+
actionSheetOptionTintColor,
|
|
41
|
+
icon,
|
|
42
|
+
wrapperStyle,
|
|
43
|
+
containerStyle,
|
|
44
|
+
]);
|
|
45
|
+
const composerFragment = useMemo(() => {
|
|
46
|
+
const composerProps = props;
|
|
47
|
+
if (renderComposer)
|
|
48
|
+
return renderComponentOrElement(renderComposer, composerProps);
|
|
49
|
+
return <Composer {...composerProps}/>;
|
|
50
|
+
}, [renderComposer, props]);
|
|
51
|
+
const sendFragment = useMemo(() => {
|
|
52
|
+
if (renderSend)
|
|
53
|
+
return renderComponentOrElement(renderSend, props);
|
|
54
|
+
return <Send {...props}/>;
|
|
55
|
+
}, [renderSend, props]);
|
|
56
|
+
const accessoryFragment = useMemo(() => {
|
|
57
|
+
if (!renderAccessory)
|
|
58
|
+
return null;
|
|
59
|
+
return renderComponentOrElement(renderAccessory, props);
|
|
60
|
+
}, [renderAccessory, props]);
|
|
61
|
+
const handleClearReply = useCallback(() => {
|
|
62
|
+
onClearReply?.();
|
|
63
|
+
}, [onClearReply]);
|
|
64
|
+
const replyPreviewFragment = useMemo(() => {
|
|
65
|
+
if (!replyMessage)
|
|
66
|
+
return null;
|
|
67
|
+
const replyPreviewProps = {
|
|
68
|
+
replyMessage,
|
|
69
|
+
onClearReply: handleClearReply,
|
|
70
|
+
containerStyle: replyPreviewContainerStyle,
|
|
71
|
+
textStyle: replyPreviewTextStyle,
|
|
72
|
+
};
|
|
73
|
+
if (renderReplyPreviewProp)
|
|
74
|
+
return renderComponentOrElement(renderReplyPreviewProp, replyPreviewProps);
|
|
75
|
+
return <ReplyPreview {...replyPreviewProps}/>;
|
|
76
|
+
}, [
|
|
77
|
+
replyMessage,
|
|
78
|
+
handleClearReply,
|
|
79
|
+
renderReplyPreviewProp,
|
|
80
|
+
replyPreviewContainerStyle,
|
|
81
|
+
replyPreviewTextStyle,
|
|
82
|
+
]);
|
|
83
|
+
return (<View style={containerStyles}>
|
|
84
|
+
{replyPreviewFragment}
|
|
85
|
+
<View style={primaryStyles}>
|
|
86
|
+
{actionsFragment}
|
|
87
|
+
{composerFragment}
|
|
88
|
+
{sendFragment}
|
|
89
|
+
</View>
|
|
90
|
+
{accessoryFragment}
|
|
91
|
+
</View>);
|
|
92
|
+
}
|
|
93
|
+
const styles = StyleSheet.create({
|
|
94
|
+
container: {
|
|
95
|
+
borderTopWidth: StyleSheet.hairlineWidth,
|
|
96
|
+
borderTopColor: Color.defaultColor,
|
|
97
|
+
backgroundColor: Color.white,
|
|
98
|
+
},
|
|
99
|
+
container_dark: {
|
|
100
|
+
backgroundColor: '#1a1a1a',
|
|
101
|
+
borderTopColor: '#444',
|
|
102
|
+
},
|
|
103
|
+
primary: {
|
|
104
|
+
flexDirection: 'row',
|
|
105
|
+
alignItems: 'flex-end',
|
|
106
|
+
},
|
|
107
|
+
});
|
|
108
|
+
//# sourceMappingURL=InputToolbar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputToolbar.js","sourceRoot":"","sources":["../src/InputToolbar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle, TextStyle } from 'react-native';
|
|
3
|
+
export interface LoadEarlierMessagesProps {
|
|
4
|
+
isAvailable: boolean;
|
|
5
|
+
isLoading: boolean;
|
|
6
|
+
onPress: () => void;
|
|
7
|
+
isInfiniteScrollEnabled?: boolean;
|
|
8
|
+
label?: string;
|
|
9
|
+
containerStyle?: StyleProp<ViewStyle>;
|
|
10
|
+
wrapperStyle?: StyleProp<ViewStyle>;
|
|
11
|
+
textStyle?: StyleProp<TextStyle>;
|
|
12
|
+
activityIndicatorStyle?: StyleProp<ViewStyle>;
|
|
13
|
+
activityIndicatorColor?: string;
|
|
14
|
+
activityIndicatorSize?: number | 'small' | 'large';
|
|
15
|
+
}
|
|
16
|
+
export declare const LoadEarlierMessages: React.FC<LoadEarlierMessagesProps>;
|
|
17
|
+
//# sourceMappingURL=LoadEarlierMessages.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoadEarlierMessages.d.ts","sourceRoot":"","sources":["../src/LoadEarlierMessages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAIL,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAA;AAMrB,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACnC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,sBAAsB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC7C,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,qBAAqB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;CACnD;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAuClE,CAAA"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ActivityIndicator, StyleSheet, View, } from 'react-native';
|
|
3
|
+
import { Text } from 'react-native-gesture-handler';
|
|
4
|
+
import { Color } from './Color';
|
|
5
|
+
import { TouchableOpacity } from './components/TouchableOpacity';
|
|
6
|
+
import stylesCommon from './styles';
|
|
7
|
+
export const LoadEarlierMessages = ({ isLoading = false, onPress, label = 'Load earlier messages', containerStyle, wrapperStyle, textStyle, activityIndicatorColor = 'white', activityIndicatorSize = 'small', activityIndicatorStyle, }) => {
|
|
8
|
+
return (<TouchableOpacity style={[styles.container, containerStyle]} onPress={onPress} enabled={!isLoading} accessibilityRole='button'>
|
|
9
|
+
<View style={[stylesCommon.centerItems, styles.wrapper, wrapperStyle]}>
|
|
10
|
+
{isLoading
|
|
11
|
+
? (<ActivityIndicator color={activityIndicatorColor} size={activityIndicatorSize} style={[styles.activityIndicator, activityIndicatorStyle]}/>)
|
|
12
|
+
: (<View style={styles.textContainer}>
|
|
13
|
+
<Text style={[styles.text, textStyle]}>
|
|
14
|
+
{label}
|
|
15
|
+
</Text>
|
|
16
|
+
</View>)}
|
|
17
|
+
</View>
|
|
18
|
+
</TouchableOpacity>);
|
|
19
|
+
};
|
|
20
|
+
const styles = StyleSheet.create({
|
|
21
|
+
container: {
|
|
22
|
+
alignItems: 'center',
|
|
23
|
+
marginVertical: 10,
|
|
24
|
+
},
|
|
25
|
+
wrapper: {
|
|
26
|
+
backgroundColor: Color.defaultColor,
|
|
27
|
+
borderRadius: 15,
|
|
28
|
+
paddingHorizontal: 10,
|
|
29
|
+
paddingVertical: 5,
|
|
30
|
+
},
|
|
31
|
+
textContainer: {
|
|
32
|
+
paddingTop: 3,
|
|
33
|
+
paddingBottom: 4,
|
|
34
|
+
},
|
|
35
|
+
text: {
|
|
36
|
+
backgroundColor: Color.backgroundTransparent,
|
|
37
|
+
color: Color.white,
|
|
38
|
+
fontSize: 12,
|
|
39
|
+
lineHeight: 13,
|
|
40
|
+
},
|
|
41
|
+
activityIndicator: {
|
|
42
|
+
paddingHorizontal: 20,
|
|
43
|
+
},
|
|
44
|
+
});
|
|
45
|
+
//# sourceMappingURL=LoadEarlierMessages.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoadEarlierMessages.js","sourceRoot":"","sources":["../src/LoadEarlierMessages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,iBAAiB,EACjB,UAAU,EACV,IAAI,GAIL,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,YAAY,MAAM,UAAU,CAAA;AAgBnC,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,SAAS,GAAG,KAAK,EACjB,OAAO,EACP,KAAK,GAAG,uBAAuB,EAC/B,cAAc,EACd,YAAY,EACZ,SAAS,EACT,sBAAsB,GAAG,OAAO,EAChC,qBAAqB,GAAG,OAAO,EAC/B,sBAAsB,GACvB,EAAE,EAAE;IACH,OAAO,CACL,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAC1C,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CACpB,iBAAiB,CAAC,QAAQ,CAE1B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CACpE;QAAA,CACE,SAAS;YACP,CAAC,CAAC,CACA,CAAC,iBAAiB,CAChB,KAAK,CAAC,CAAC,sBAAsB,CAAC,CAC9B,IAAI,CAAC,CAAC,qBAAqB,CAAC,CAC5B,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,CAAC,EAC1D,CACH;YACD,CAAC,CAAC,CACA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;gBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CACpC;kBAAA,CAAC,KAAK,CACR;gBAAA,EAAE,IAAI,CACR;cAAA,EAAE,IAAI,CAAC,CAEb,CACF;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,EAAE;KACnB;IACD,OAAO,EAAE;QACP,eAAe,EAAE,KAAK,CAAC,YAAY;QACnC,YAAY,EAAE,EAAE;QAChB,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,CAAC;KACnB;IACD,aAAa,EAAE;QACb,UAAU,EAAE,CAAC;QACb,aAAa,EAAE,CAAC;KACjB;IACD,IAAI,EAAE;QACJ,eAAe,EAAE,KAAK,CAAC,qBAAqB;QAC5C,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;KACf;IACD,iBAAiB,EAAE;QACjB,iBAAiB,EAAE,EAAE;KACtB;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IMessage } from '../Models';
|
|
3
|
+
import { MessageProps } from './types';
|
|
4
|
+
export * from './types';
|
|
5
|
+
export declare const Message: <TMessage extends IMessage = IMessage>(props: MessageProps<TMessage>) => React.JSX.Element | null;
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Message/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAQ3D,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAMpC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC,cAAc,SAAS,CAAA;AAwCvB,eAAO,MAAM,OAAO,GAAI,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAE,OAAO,YAAY,CAAC,QAAQ,CAAC,6BA0K1F,CAAA"}
|
|
@@ -0,0 +1,180 @@
|
|
|
1
|
+
import React, { useCallback, useMemo, useRef } from 'react';
|
|
2
|
+
import { View, StyleSheet } from 'react-native';
|
|
3
|
+
import ReanimatedSwipeable from 'react-native-gesture-handler/ReanimatedSwipeable';
|
|
4
|
+
import Animated, { useAnimatedStyle } from 'react-native-reanimated';
|
|
5
|
+
import { Avatar } from '../Avatar';
|
|
6
|
+
import { Bubble } from '../Bubble';
|
|
7
|
+
import { Color } from '../Color';
|
|
8
|
+
import { getStyleWithPosition } from '../styles';
|
|
9
|
+
import { SystemMessage } from '../SystemMessage';
|
|
10
|
+
import { isSameUser, renderComponentOrElement } from '../utils';
|
|
11
|
+
import styles from './styles';
|
|
12
|
+
export * from './types';
|
|
13
|
+
const ReplyIcon = ({ progress, direction, position, style }) => {
|
|
14
|
+
const animatedStyle = useAnimatedStyle(() => {
|
|
15
|
+
'worklet';
|
|
16
|
+
const scale = Math.min(progress.value, 1);
|
|
17
|
+
// When swiping left (icon on right), icon should move left (negative)
|
|
18
|
+
// When swiping right (icon on left), icon should move right (positive)
|
|
19
|
+
const translateX = direction === 'left'
|
|
20
|
+
? Math.min(progress.value * -12, -12)
|
|
21
|
+
: Math.max(progress.value * 12, 12);
|
|
22
|
+
return {
|
|
23
|
+
transform: [{ scale }, { translateX }],
|
|
24
|
+
marginLeft: position === 'left' ? 0 : 16,
|
|
25
|
+
marginRight: position === 'right' ? 0 : 16,
|
|
26
|
+
};
|
|
27
|
+
});
|
|
28
|
+
return (<Animated.View style={[localStyles.swipeActionContainer, animatedStyle, style]}>
|
|
29
|
+
<View style={localStyles.replyIconContainer}>
|
|
30
|
+
<View style={localStyles.replyIcon}>
|
|
31
|
+
<View style={localStyles.replyIconArrow}/>
|
|
32
|
+
<View style={localStyles.replyIconLine}/>
|
|
33
|
+
</View>
|
|
34
|
+
</View>
|
|
35
|
+
</Animated.View>);
|
|
36
|
+
};
|
|
37
|
+
export const Message = (props) => {
|
|
38
|
+
const { currentMessage, renderBubble: renderBubbleProp, renderSystemMessage: renderSystemMessageProp, onMessageLayout, nextMessage, position, containerStyle, user, isUserAvatarVisible, swipeToReply, } = props;
|
|
39
|
+
// Extract swipe props
|
|
40
|
+
const isSwipeToReplyEnabled = swipeToReply?.isEnabled ?? false;
|
|
41
|
+
const swipeToReplyDirection = swipeToReply?.direction ?? 'left';
|
|
42
|
+
const onSwipeToReply = swipeToReply?.onSwipe;
|
|
43
|
+
const renderSwipeToReplyActionProp = swipeToReply?.renderAction;
|
|
44
|
+
const swipeToReplyActionContainerStyle = swipeToReply?.actionContainerStyle;
|
|
45
|
+
const swipeableRef = useRef(null);
|
|
46
|
+
const renderBubble = useCallback(() => {
|
|
47
|
+
const {
|
|
48
|
+
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
49
|
+
containerStyle, onMessageLayout, swipeToReply,
|
|
50
|
+
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
51
|
+
...rest } = props;
|
|
52
|
+
if (renderBubbleProp)
|
|
53
|
+
return renderComponentOrElement(renderBubbleProp, rest);
|
|
54
|
+
return <Bubble {...rest}/>;
|
|
55
|
+
}, [props, renderBubbleProp]);
|
|
56
|
+
const renderSystemMessage = useCallback(() => {
|
|
57
|
+
const {
|
|
58
|
+
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
59
|
+
containerStyle, onMessageLayout, swipeToReply,
|
|
60
|
+
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
61
|
+
...rest } = props;
|
|
62
|
+
if (renderSystemMessageProp)
|
|
63
|
+
return renderComponentOrElement(renderSystemMessageProp, rest);
|
|
64
|
+
return <SystemMessage {...rest}/>;
|
|
65
|
+
}, [props, renderSystemMessageProp]);
|
|
66
|
+
const renderAvatar = useCallback(() => {
|
|
67
|
+
if (user?._id &&
|
|
68
|
+
currentMessage?.user &&
|
|
69
|
+
user._id === currentMessage.user._id &&
|
|
70
|
+
!isUserAvatarVisible)
|
|
71
|
+
return null;
|
|
72
|
+
if (currentMessage?.user?.avatar === null)
|
|
73
|
+
return null;
|
|
74
|
+
const {
|
|
75
|
+
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
76
|
+
containerStyle, onMessageLayout, swipeToReply,
|
|
77
|
+
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
78
|
+
...rest } = props;
|
|
79
|
+
return <Avatar {...rest}/>;
|
|
80
|
+
}, [
|
|
81
|
+
props,
|
|
82
|
+
user,
|
|
83
|
+
currentMessage,
|
|
84
|
+
isUserAvatarVisible,
|
|
85
|
+
]);
|
|
86
|
+
const renderSwipeAction = useCallback((progress, translation) => {
|
|
87
|
+
if (renderSwipeToReplyActionProp)
|
|
88
|
+
return renderSwipeToReplyActionProp(progress, translation, position);
|
|
89
|
+
return (<ReplyIcon progress={progress} translation={translation} direction={swipeToReplyDirection} position={position} style={swipeToReplyActionContainerStyle}/>);
|
|
90
|
+
}, [position, renderSwipeToReplyActionProp, swipeToReplyDirection, swipeToReplyActionContainerStyle]);
|
|
91
|
+
const handleSwipeableOpen = useCallback(() => {
|
|
92
|
+
swipeableRef.current?.close();
|
|
93
|
+
}, []);
|
|
94
|
+
const handleSwipeableWillOpen = useCallback(() => {
|
|
95
|
+
if (onSwipeToReply && currentMessage)
|
|
96
|
+
onSwipeToReply(currentMessage);
|
|
97
|
+
}, [onSwipeToReply, currentMessage]);
|
|
98
|
+
const sameUser = useMemo(() => isSameUser(currentMessage, nextMessage), [currentMessage, nextMessage]);
|
|
99
|
+
const messageContent = useMemo(() => {
|
|
100
|
+
if (currentMessage?.system)
|
|
101
|
+
return renderSystemMessage();
|
|
102
|
+
return (<View style={[
|
|
103
|
+
getStyleWithPosition(styles, 'container', position),
|
|
104
|
+
{ marginBottom: sameUser ? 2 : 10 },
|
|
105
|
+
!props.isInverted && { marginBottom: 2 },
|
|
106
|
+
containerStyle?.[position],
|
|
107
|
+
]}>
|
|
108
|
+
{position === 'left' && renderAvatar()}
|
|
109
|
+
{renderBubble()}
|
|
110
|
+
{position === 'right' && renderAvatar()}
|
|
111
|
+
</View>);
|
|
112
|
+
}, [
|
|
113
|
+
currentMessage?.system,
|
|
114
|
+
renderSystemMessage,
|
|
115
|
+
position,
|
|
116
|
+
sameUser,
|
|
117
|
+
props.isInverted,
|
|
118
|
+
containerStyle,
|
|
119
|
+
renderAvatar,
|
|
120
|
+
renderBubble,
|
|
121
|
+
]);
|
|
122
|
+
if (!currentMessage)
|
|
123
|
+
return null;
|
|
124
|
+
// Don't wrap system messages in Swipeable
|
|
125
|
+
if (currentMessage.system || !isSwipeToReplyEnabled)
|
|
126
|
+
return (<View onLayout={onMessageLayout}>
|
|
127
|
+
{messageContent}
|
|
128
|
+
</View>);
|
|
129
|
+
return (<View onLayout={onMessageLayout}>
|
|
130
|
+
<ReanimatedSwipeable ref={swipeableRef} friction={2} overshootFriction={8} renderRightActions={swipeToReplyDirection === 'left' ? renderSwipeAction : undefined} renderLeftActions={swipeToReplyDirection === 'right' ? renderSwipeAction : undefined} onSwipeableOpen={handleSwipeableOpen} onSwipeableWillOpen={handleSwipeableWillOpen}>
|
|
131
|
+
{messageContent}
|
|
132
|
+
</ReanimatedSwipeable>
|
|
133
|
+
</View>);
|
|
134
|
+
};
|
|
135
|
+
const localStyles = StyleSheet.create({
|
|
136
|
+
swipeActionContainer: {
|
|
137
|
+
width: 40,
|
|
138
|
+
justifyContent: 'center',
|
|
139
|
+
alignItems: 'center',
|
|
140
|
+
},
|
|
141
|
+
replyIconContainer: {
|
|
142
|
+
width: 28,
|
|
143
|
+
height: 28,
|
|
144
|
+
borderRadius: 14,
|
|
145
|
+
backgroundColor: Color.defaultBlue,
|
|
146
|
+
justifyContent: 'center',
|
|
147
|
+
alignItems: 'center',
|
|
148
|
+
},
|
|
149
|
+
replyIcon: {
|
|
150
|
+
width: 14,
|
|
151
|
+
height: 10,
|
|
152
|
+
transform: [{ scaleX: -1 }],
|
|
153
|
+
},
|
|
154
|
+
replyIconArrow: {
|
|
155
|
+
position: 'absolute',
|
|
156
|
+
top: 0,
|
|
157
|
+
left: 0,
|
|
158
|
+
width: 0,
|
|
159
|
+
height: 0,
|
|
160
|
+
borderTopWidth: 5,
|
|
161
|
+
borderTopColor: 'transparent',
|
|
162
|
+
borderBottomWidth: 5,
|
|
163
|
+
borderBottomColor: 'transparent',
|
|
164
|
+
borderRightWidth: 6,
|
|
165
|
+
borderRightColor: Color.white,
|
|
166
|
+
},
|
|
167
|
+
replyIconLine: {
|
|
168
|
+
position: 'absolute',
|
|
169
|
+
top: 3,
|
|
170
|
+
left: 5,
|
|
171
|
+
width: 9,
|
|
172
|
+
height: 4,
|
|
173
|
+
borderTopWidth: 2,
|
|
174
|
+
borderRightWidth: 2,
|
|
175
|
+
borderTopColor: Color.white,
|
|
176
|
+
borderRightColor: Color.white,
|
|
177
|
+
borderTopRightRadius: 4,
|
|
178
|
+
},
|
|
179
|
+
});
|
|
180
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Message/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
container: {
|
|
3
|
+
flexDirection: "row";
|
|
4
|
+
alignItems: "flex-end";
|
|
5
|
+
maxWidth: "70%";
|
|
6
|
+
};
|
|
7
|
+
container_left: {
|
|
8
|
+
justifyContent: "flex-start";
|
|
9
|
+
marginLeft: number;
|
|
10
|
+
};
|
|
11
|
+
container_right: {
|
|
12
|
+
justifyContent: "flex-end";
|
|
13
|
+
marginRight: number;
|
|
14
|
+
alignSelf: "flex-end";
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export default _default;
|
|
18
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Message/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAEA,wBAeE"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
|
+
export default StyleSheet.create({
|
|
3
|
+
container: {
|
|
4
|
+
flexDirection: 'row',
|
|
5
|
+
alignItems: 'flex-end',
|
|
6
|
+
maxWidth: '70%',
|
|
7
|
+
},
|
|
8
|
+
container_left: {
|
|
9
|
+
justifyContent: 'flex-start',
|
|
10
|
+
marginLeft: 8,
|
|
11
|
+
},
|
|
12
|
+
container_right: {
|
|
13
|
+
justifyContent: 'flex-end',
|
|
14
|
+
marginRight: 8,
|
|
15
|
+
alignSelf: 'flex-end',
|
|
16
|
+
},
|
|
17
|
+
});
|
|
18
|
+
//# sourceMappingURL=styles.js.map
|