react-native-gifted-chat 3.3.2 → 3.4.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.
Files changed (325) hide show
  1. package/README.md +30 -2
  2. package/lib/Actions.d.ts +16 -0
  3. package/lib/Actions.d.ts.map +1 -0
  4. package/lib/Actions.js +64 -0
  5. package/lib/Actions.js.map +1 -0
  6. package/lib/Avatar.d.ts +19 -0
  7. package/lib/Avatar.d.ts.map +1 -0
  8. package/lib/Avatar.js +93 -0
  9. package/lib/Avatar.js.map +1 -0
  10. package/lib/Bubble/index.d.ts +6 -0
  11. package/lib/Bubble/index.d.ts.map +1 -0
  12. package/lib/Bubble/index.js +268 -0
  13. package/lib/Bubble/index.js.map +1 -0
  14. package/lib/Bubble/styles.d.ts +57 -0
  15. package/lib/Bubble/styles.d.ts.map +1 -0
  16. package/lib/Bubble/styles.js +59 -0
  17. package/lib/Bubble/styles.js.map +1 -0
  18. package/lib/Bubble/types.d.ts +59 -0
  19. package/lib/Bubble/types.d.ts.map +1 -0
  20. package/lib/Bubble/types.js +2 -0
  21. package/lib/Bubble/types.js.map +1 -0
  22. package/lib/Color.d.ts +18 -0
  23. package/lib/Color.d.ts.map +1 -0
  24. package/lib/Color.js +18 -0
  25. package/lib/Color.js.map +1 -0
  26. package/lib/Composer.d.ts +9 -0
  27. package/lib/Composer.d.ts.map +1 -0
  28. package/lib/Composer.js +56 -0
  29. package/lib/Composer.js.map +1 -0
  30. package/lib/Constant.d.ts +8 -0
  31. package/lib/Constant.d.ts.map +1 -0
  32. package/lib/Constant.js +8 -0
  33. package/lib/Constant.js.map +1 -0
  34. package/lib/Day/index.d.ts +5 -0
  35. package/lib/Day/index.d.ts.map +1 -0
  36. package/lib/Day/index.js +39 -0
  37. package/lib/Day/index.js.map +1 -0
  38. package/lib/Day/styles.d.ts +21 -0
  39. package/lib/Day/styles.d.ts.map +1 -0
  40. package/lib/Day/styles.js +22 -0
  41. package/lib/Day/styles.js.map +1 -0
  42. package/lib/Day/types.d.ts +11 -0
  43. package/lib/Day/types.d.ts.map +1 -0
  44. package/lib/Day/types.js +2 -0
  45. package/lib/Day/types.js.map +1 -0
  46. package/lib/GiftedAvatar.d.ts +12 -0
  47. package/lib/GiftedAvatar.d.ts.map +1 -0
  48. package/lib/GiftedAvatar.js +100 -0
  49. package/lib/GiftedAvatar.js.map +1 -0
  50. package/lib/GiftedChat/index.d.ts +10 -0
  51. package/lib/GiftedChat/index.d.ts.map +1 -0
  52. package/lib/GiftedChat/index.js +240 -0
  53. package/lib/GiftedChat/index.js.map +1 -0
  54. package/lib/GiftedChat/styles.d.ts +13 -0
  55. package/lib/GiftedChat/styles.d.ts.map +1 -0
  56. package/lib/GiftedChat/styles.js +13 -0
  57. package/lib/GiftedChat/styles.js.map +1 -0
  58. package/lib/GiftedChat/types.d.ts +90 -0
  59. package/lib/GiftedChat/types.d.ts.map +1 -0
  60. package/lib/GiftedChat/types.js +2 -0
  61. package/lib/GiftedChat/types.js.map +1 -0
  62. package/lib/GiftedChatContext.d.ts +12 -0
  63. package/lib/GiftedChatContext.d.ts.map +1 -0
  64. package/lib/GiftedChatContext.js +10 -0
  65. package/lib/GiftedChatContext.js.map +1 -0
  66. package/lib/InputToolbar.d.ts +36 -0
  67. package/lib/InputToolbar.d.ts.map +1 -0
  68. package/lib/InputToolbar.js +108 -0
  69. package/lib/InputToolbar.js.map +1 -0
  70. package/lib/LoadEarlierMessages.d.ts +17 -0
  71. package/lib/LoadEarlierMessages.d.ts.map +1 -0
  72. package/lib/LoadEarlierMessages.js +44 -0
  73. package/lib/LoadEarlierMessages.js.map +1 -0
  74. package/lib/Message/index.d.ts +6 -0
  75. package/lib/Message/index.d.ts.map +1 -0
  76. package/lib/Message/index.js +180 -0
  77. package/lib/Message/index.js.map +1 -0
  78. package/lib/Message/styles.d.ts +18 -0
  79. package/lib/Message/styles.d.ts.map +1 -0
  80. package/lib/Message/styles.js +18 -0
  81. package/lib/Message/styles.js.map +1 -0
  82. package/lib/Message/types.d.ts +25 -0
  83. package/lib/Message/types.d.ts.map +1 -0
  84. package/lib/Message/types.js +2 -0
  85. package/lib/Message/types.js.map +1 -0
  86. package/lib/MessageAudio.d.ts +3 -0
  87. package/lib/MessageAudio.d.ts.map +1 -0
  88. package/lib/MessageAudio.js +24 -0
  89. package/lib/MessageAudio.js.map +1 -0
  90. package/lib/MessageImage.d.ts +12 -0
  91. package/lib/MessageImage.d.ts.map +1 -0
  92. package/lib/MessageImage.js +164 -0
  93. package/lib/MessageImage.js.map +1 -0
  94. package/lib/MessageReply.d.ts +15 -0
  95. package/lib/MessageReply.d.ts.map +1 -0
  96. package/lib/MessageReply.js +102 -0
  97. package/lib/MessageReply.js.map +1 -0
  98. package/lib/MessageText.d.ts +24 -0
  99. package/lib/MessageText.d.ts.map +1 -0
  100. package/lib/MessageText.js +40 -0
  101. package/lib/MessageText.js.map +1 -0
  102. package/lib/MessageVideo.d.ts +3 -0
  103. package/lib/MessageVideo.d.ts.map +1 -0
  104. package/lib/MessageVideo.js +24 -0
  105. package/lib/MessageVideo.js.map +1 -0
  106. package/lib/MessagesContainer/components/DayAnimated/index.d.ts +5 -0
  107. package/lib/MessagesContainer/components/DayAnimated/index.d.ts.map +1 -0
  108. package/lib/MessagesContainer/components/DayAnimated/index.js +92 -0
  109. package/lib/MessagesContainer/components/DayAnimated/index.js.map +1 -0
  110. package/lib/MessagesContainer/components/DayAnimated/styles.d.ts +12 -0
  111. package/lib/MessagesContainer/components/DayAnimated/styles.d.ts.map +1 -0
  112. package/lib/MessagesContainer/components/DayAnimated/styles.js +12 -0
  113. package/lib/MessagesContainer/components/DayAnimated/styles.js.map +1 -0
  114. package/lib/MessagesContainer/components/DayAnimated/types.d.ts +18 -0
  115. package/lib/MessagesContainer/components/DayAnimated/types.d.ts.map +1 -0
  116. package/lib/MessagesContainer/components/DayAnimated/types.js +2 -0
  117. package/lib/MessagesContainer/components/DayAnimated/types.js.map +1 -0
  118. package/lib/MessagesContainer/components/Item/index.d.ts +23 -0
  119. package/lib/MessagesContainer/components/Item/index.d.ts.map +1 -0
  120. package/lib/MessagesContainer/components/Item/index.js +120 -0
  121. package/lib/MessagesContainer/components/Item/index.js.map +1 -0
  122. package/lib/MessagesContainer/components/Item/types.d.ts +19 -0
  123. package/lib/MessagesContainer/components/Item/types.d.ts.map +1 -0
  124. package/lib/MessagesContainer/components/Item/types.js +2 -0
  125. package/lib/MessagesContainer/components/Item/types.js.map +1 -0
  126. package/lib/MessagesContainer/index.d.ts +6 -0
  127. package/lib/MessagesContainer/index.d.ts.map +1 -0
  128. package/lib/MessagesContainer/index.js +258 -0
  129. package/lib/MessagesContainer/index.js.map +1 -0
  130. package/lib/MessagesContainer/styles.d.ts +55 -0
  131. package/lib/MessagesContainer/styles.d.ts.map +1 -0
  132. package/lib/MessagesContainer/styles.js +42 -0
  133. package/lib/MessagesContainer/styles.js.map +1 -0
  134. package/lib/MessagesContainer/types.d.ts +88 -0
  135. package/lib/MessagesContainer/types.d.ts.map +1 -0
  136. package/lib/MessagesContainer/types.js +10 -0
  137. package/lib/MessagesContainer/types.js.map +1 -0
  138. package/lib/Models.d.ts +58 -0
  139. package/lib/Models.d.ts.map +1 -0
  140. package/lib/Models.js +2 -0
  141. package/lib/Models.js.map +1 -0
  142. package/lib/QuickReplies.d.ts +16 -0
  143. package/lib/QuickReplies.d.ts.map +1 -0
  144. package/lib/QuickReplies.js +107 -0
  145. package/lib/QuickReplies.js.map +1 -0
  146. package/lib/Reply/index.d.ts +2 -0
  147. package/lib/Reply/index.d.ts.map +1 -0
  148. package/lib/Reply/index.js +2 -0
  149. package/lib/Reply/index.js.map +1 -0
  150. package/lib/Reply/types.d.ts +72 -0
  151. package/lib/Reply/types.d.ts.map +1 -0
  152. package/lib/Reply/types.js +2 -0
  153. package/lib/Reply/types.js.map +1 -0
  154. package/lib/ReplyPreview.d.ts +14 -0
  155. package/lib/ReplyPreview.d.ts.map +1 -0
  156. package/lib/ReplyPreview.js +94 -0
  157. package/lib/ReplyPreview.js.map +1 -0
  158. package/lib/Send.d.ts +19 -0
  159. package/lib/Send.d.ts.map +1 -0
  160. package/lib/Send.js +56 -0
  161. package/lib/Send.js.map +1 -0
  162. package/lib/SystemMessage.d.ts +14 -0
  163. package/lib/SystemMessage.d.ts.map +1 -0
  164. package/lib/SystemMessage.js +42 -0
  165. package/lib/SystemMessage.js.map +1 -0
  166. package/lib/Time.d.ts +12 -0
  167. package/lib/Time.d.ts.map +1 -0
  168. package/lib/Time.js +38 -0
  169. package/lib/Time.js.map +1 -0
  170. package/lib/TypingIndicator/index.d.ts +5 -0
  171. package/lib/TypingIndicator/index.d.ts.map +1 -0
  172. package/lib/TypingIndicator/index.js +94 -0
  173. package/lib/TypingIndicator/index.js.map +1 -0
  174. package/lib/TypingIndicator/styles.d.ts +21 -0
  175. package/lib/TypingIndicator/styles.d.ts.map +1 -0
  176. package/lib/TypingIndicator/styles.js +22 -0
  177. package/lib/TypingIndicator/styles.js.map +1 -0
  178. package/lib/TypingIndicator/types.d.ts +6 -0
  179. package/lib/TypingIndicator/types.d.ts.map +1 -0
  180. package/lib/TypingIndicator/types.js +2 -0
  181. package/lib/TypingIndicator/types.js.map +1 -0
  182. package/lib/components/MessageReply.d.ts +29 -0
  183. package/lib/components/MessageReply.d.ts.map +1 -0
  184. package/lib/components/MessageReply.js +87 -0
  185. package/lib/components/MessageReply.js.map +1 -0
  186. package/lib/components/ReplyPreview.d.ts +17 -0
  187. package/lib/components/ReplyPreview.d.ts.map +1 -0
  188. package/lib/components/ReplyPreview.js +148 -0
  189. package/lib/components/ReplyPreview.js.map +1 -0
  190. package/lib/components/TouchableOpacity.d.ts +9 -0
  191. package/lib/components/TouchableOpacity.d.ts.map +1 -0
  192. package/lib/components/TouchableOpacity.js +47 -0
  193. package/lib/components/TouchableOpacity.js.map +1 -0
  194. package/lib/hooks/useColorScheme.d.ts +8 -0
  195. package/lib/hooks/useColorScheme.d.ts.map +1 -0
  196. package/lib/hooks/useColorScheme.js +17 -0
  197. package/lib/hooks/useColorScheme.js.map +1 -0
  198. package/lib/hooks/useUpdateLayoutEffect.d.ts +9 -0
  199. package/lib/hooks/useUpdateLayoutEffect.d.ts.map +1 -0
  200. package/lib/hooks/useUpdateLayoutEffect.js +17 -0
  201. package/lib/hooks/useUpdateLayoutEffect.js.map +1 -0
  202. package/lib/index.d.ts +31 -0
  203. package/lib/index.d.ts.map +1 -0
  204. package/lib/index.js +31 -0
  205. package/lib/index.js.map +1 -0
  206. package/lib/linkParser.d.ts +39 -0
  207. package/lib/linkParser.d.ts.map +1 -0
  208. package/lib/linkParser.js +154 -0
  209. package/lib/linkParser.js.map +1 -0
  210. package/lib/logging.d.ts +3 -0
  211. package/lib/logging.d.ts.map +1 -0
  212. package/lib/logging.js +5 -0
  213. package/lib/logging.js.map +1 -0
  214. package/lib/styles.d.ts +14 -0
  215. package/lib/styles.d.ts.map +1 -0
  216. package/lib/styles.js +23 -0
  217. package/lib/styles.js.map +1 -0
  218. package/lib/types.d.ts +19 -0
  219. package/lib/types.d.ts.map +1 -0
  220. package/lib/types.js +2 -0
  221. package/lib/types.js.map +1 -0
  222. package/lib/utils.d.ts +8 -0
  223. package/lib/utils.d.ts.map +1 -0
  224. package/lib/utils.js +105 -0
  225. package/lib/utils.js.map +1 -0
  226. package/package.json +43 -41
  227. package/src/Actions.tsx +0 -110
  228. package/src/Avatar.tsx +0 -169
  229. package/src/Bubble/index.tsx +0 -407
  230. package/src/Bubble/styles.ts +0 -66
  231. package/src/Bubble/types.ts +0 -104
  232. package/src/Color.ts +0 -17
  233. package/src/Composer.tsx +0 -100
  234. package/src/Constant.ts +0 -8
  235. package/src/Day/index.tsx +0 -63
  236. package/src/Day/styles.ts +0 -22
  237. package/src/Day/types.ts +0 -15
  238. package/src/GiftedAvatar.tsx +0 -187
  239. package/src/GiftedChat/index.tsx +0 -397
  240. package/src/GiftedChat/styles.ts +0 -13
  241. package/src/GiftedChat/types.ts +0 -156
  242. package/src/GiftedChatContext.ts +0 -25
  243. package/src/InputToolbar.tsx +0 -177
  244. package/src/LoadEarlierMessages.tsx +0 -94
  245. package/src/Message/index.tsx +0 -273
  246. package/src/Message/styles.ts +0 -18
  247. package/src/Message/types.ts +0 -26
  248. package/src/MessageAudio.tsx +0 -29
  249. package/src/MessageImage.tsx +0 -251
  250. package/src/MessageReply.tsx +0 -160
  251. package/src/MessageText.tsx +0 -111
  252. package/src/MessageVideo.tsx +0 -29
  253. package/src/MessagesContainer/components/DayAnimated/index.tsx +0 -151
  254. package/src/MessagesContainer/components/DayAnimated/styles.ts +0 -12
  255. package/src/MessagesContainer/components/DayAnimated/types.ts +0 -12
  256. package/src/MessagesContainer/components/Item/index.tsx +0 -197
  257. package/src/MessagesContainer/components/Item/types.ts +0 -13
  258. package/src/MessagesContainer/index.tsx +0 -434
  259. package/src/MessagesContainer/styles.ts +0 -42
  260. package/src/MessagesContainer/types.ts +0 -102
  261. package/src/Models.ts +0 -66
  262. package/src/QuickReplies.tsx +0 -181
  263. package/src/Reply/index.ts +0 -1
  264. package/src/Reply/types.ts +0 -80
  265. package/src/ReplyPreview.tsx +0 -132
  266. package/src/Send.tsx +0 -115
  267. package/src/SystemMessage.tsx +0 -79
  268. package/src/Time.tsx +0 -64
  269. package/src/TypingIndicator/index.tsx +0 -155
  270. package/src/TypingIndicator/styles.ts +0 -22
  271. package/src/TypingIndicator/types.ts +0 -6
  272. package/src/__tests__/Actions.test.tsx +0 -9
  273. package/src/__tests__/Avatar.test.tsx +0 -17
  274. package/src/__tests__/Bubble.test.tsx +0 -17
  275. package/src/__tests__/Color.test.tsx +0 -5
  276. package/src/__tests__/Composer.test.tsx +0 -10
  277. package/src/__tests__/Constant.test.tsx +0 -5
  278. package/src/__tests__/Day.test.tsx +0 -20
  279. package/src/__tests__/DayAnimated.test.tsx +0 -46
  280. package/src/__tests__/GiftedAvatar.test.tsx +0 -10
  281. package/src/__tests__/GiftedChat.test.tsx +0 -60
  282. package/src/__tests__/InputToolbar.test.tsx +0 -10
  283. package/src/__tests__/LoadEarlier.test.tsx +0 -10
  284. package/src/__tests__/Message.test.tsx +0 -67
  285. package/src/__tests__/MessageImage.test.tsx +0 -24
  286. package/src/__tests__/MessageReply.test.tsx +0 -54
  287. package/src/__tests__/MessageText.test.tsx +0 -15
  288. package/src/__tests__/MessagesContainer.test.tsx +0 -38
  289. package/src/__tests__/ReplyPreview.test.tsx +0 -41
  290. package/src/__tests__/Send.test.tsx +0 -21
  291. package/src/__tests__/SystemMessage.test.tsx +0 -24
  292. package/src/__tests__/Time.test.tsx +0 -26
  293. package/src/__tests__/__snapshots__/Actions.test.tsx.snap +0 -40
  294. package/src/__tests__/__snapshots__/Avatar.test.tsx.snap +0 -17
  295. package/src/__tests__/__snapshots__/Bubble.test.tsx.snap +0 -121
  296. package/src/__tests__/__snapshots__/Color.test.tsx.snap +0 -21
  297. package/src/__tests__/__snapshots__/Composer.test.tsx.snap +0 -51
  298. package/src/__tests__/__snapshots__/Constant.test.tsx.snap +0 -13
  299. package/src/__tests__/__snapshots__/Day.test.tsx.snap +0 -99
  300. package/src/__tests__/__snapshots__/DayAnimated.test.tsx.snap +0 -5
  301. package/src/__tests__/__snapshots__/GiftedAvatar.test.tsx.snap +0 -24
  302. package/src/__tests__/__snapshots__/GiftedChat.test.tsx.snap +0 -184
  303. package/src/__tests__/__snapshots__/InputToolbar.test.tsx.snap +0 -123
  304. package/src/__tests__/__snapshots__/LoadEarlier.test.tsx.snap +0 -33
  305. package/src/__tests__/__snapshots__/Message.test.tsx.snap +0 -510
  306. package/src/__tests__/__snapshots__/MessageImage.test.tsx.snap +0 -203
  307. package/src/__tests__/__snapshots__/MessageReply.test.tsx.snap +0 -181
  308. package/src/__tests__/__snapshots__/MessageText.test.tsx.snap +0 -29
  309. package/src/__tests__/__snapshots__/ReplyPreview.test.tsx.snap +0 -349
  310. package/src/__tests__/__snapshots__/Send.test.tsx.snap +0 -148
  311. package/src/__tests__/__snapshots__/SystemMessage.test.tsx.snap +0 -77
  312. package/src/__tests__/__snapshots__/Time.test.tsx.snap +0 -22
  313. package/src/__tests__/data.ts +0 -8
  314. package/src/__tests__/utils.test.ts +0 -31
  315. package/src/components/MessageReply.tsx +0 -156
  316. package/src/components/ReplyPreview.tsx +0 -230
  317. package/src/components/TouchableOpacity.tsx +0 -67
  318. package/src/hooks/useColorScheme.ts +0 -18
  319. package/src/hooks/useUpdateLayoutEffect.ts +0 -21
  320. package/src/index.ts +0 -29
  321. package/src/linkParser.tsx +0 -255
  322. package/src/logging.ts +0 -8
  323. package/src/styles.ts +0 -25
  324. package/src/types.ts +0 -25
  325. package/src/utils.ts +0 -139
@@ -0,0 +1,102 @@
1
+ import React, { useMemo, useCallback } from 'react';
2
+ import { StyleSheet, View, Pressable, Image, Text } from 'react-native';
3
+ import { Color } from './Color';
4
+ import { getStyleWithPosition } from './styles';
5
+ export function MessageReply({ currentMessage, position = 'left', containerStyle, contentContainerStyle, imageStyle, usernameStyle, textStyle, onPress: onPressProp, }) {
6
+ const handlePress = useCallback(() => {
7
+ if (!onPressProp || !currentMessage.replyMessage)
8
+ return;
9
+ onPressProp(currentMessage.replyMessage);
10
+ }, [onPressProp, currentMessage.replyMessage]);
11
+ const containerStyleMemo = useMemo(() => [
12
+ styles.container,
13
+ getStyleWithPosition(styles, 'container', position),
14
+ containerStyle?.[position],
15
+ ], [position, containerStyle]);
16
+ const contentContainerStyleMemo = useMemo(() => [
17
+ styles.contentContainer,
18
+ contentContainerStyle?.[position],
19
+ ], [position, contentContainerStyle]);
20
+ const imageStyleMemo = useMemo(() => [
21
+ styles.image,
22
+ imageStyle,
23
+ ], [imageStyle]);
24
+ const usernameStyleMemo = useMemo(() => [
25
+ styles.username,
26
+ getStyleWithPosition(styles, 'username', position),
27
+ usernameStyle,
28
+ ], [position, usernameStyle]);
29
+ const textStyleMemo = useMemo(() => [
30
+ styles.text,
31
+ getStyleWithPosition(styles, 'text', position),
32
+ textStyle,
33
+ ], [position, textStyle]);
34
+ if (!currentMessage.replyMessage)
35
+ return null;
36
+ const { replyMessage } = currentMessage;
37
+ return (<Pressable onPress={handlePress} style={containerStyleMemo}>
38
+ <View style={contentContainerStyleMemo}>
39
+ {replyMessage.image && (<Image source={{ uri: replyMessage.image }} style={imageStyleMemo}/>)}
40
+ <View style={styles.textContainer}>
41
+ <Text style={usernameStyleMemo} numberOfLines={1}>
42
+ {replyMessage.user?.name || 'User'}
43
+ </Text>
44
+ <Text numberOfLines={1} style={textStyleMemo}>
45
+ {replyMessage.text || (replyMessage.image ? 'Photo' : (replyMessage.audio ? 'Audio' : 'Message'))}
46
+ </Text>
47
+ </View>
48
+ </View>
49
+ </Pressable>);
50
+ }
51
+ const styles = StyleSheet.create({
52
+ container: {
53
+ marginHorizontal: 10,
54
+ marginTop: 5,
55
+ marginBottom: 2,
56
+ padding: 8,
57
+ borderRadius: 8,
58
+ borderLeftWidth: 3,
59
+ borderLeftColor: Color.defaultBlue,
60
+ minWidth: 150,
61
+ },
62
+ container_left: {
63
+ backgroundColor: 'rgba(0, 0, 0, 0.05)',
64
+ },
65
+ container_right: {
66
+ backgroundColor: 'rgba(255, 255, 255, 0.15)',
67
+ },
68
+ contentContainer: {
69
+ flexDirection: 'row',
70
+ alignItems: 'center',
71
+ },
72
+ image: {
73
+ width: 36,
74
+ height: 36,
75
+ borderRadius: 4,
76
+ marginRight: 8,
77
+ },
78
+ textContainer: {
79
+ flex: 1,
80
+ },
81
+ username: {
82
+ fontSize: 13,
83
+ fontWeight: '600',
84
+ marginBottom: 2,
85
+ },
86
+ username_left: {
87
+ color: Color.defaultBlue,
88
+ },
89
+ username_right: {
90
+ color: Color.white,
91
+ },
92
+ text: {
93
+ fontSize: 13,
94
+ },
95
+ text_left: {
96
+ color: Color.black,
97
+ },
98
+ text_right: {
99
+ color: 'rgba(255, 255, 255, 0.8)',
100
+ },
101
+ });
102
+ //# sourceMappingURL=MessageReply.js.map
@@ -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,EAEH,MAAM,cAAc,CAAA;AAE5B,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,40 @@
1
+ import React, { useMemo, useCallback } from 'react';
2
+ import { StyleSheet, View, Text } from 'react-native';
3
+ import { LinkParser } from './linkParser';
4
+ 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, }) {
5
+ const linkStyle = useMemo(() => StyleSheet.flatten([
6
+ styles.link,
7
+ linkStyleProp?.[position],
8
+ ]), [position, linkStyleProp]);
9
+ const style = useMemo(() => [
10
+ styles[`text_${position}`],
11
+ textStyle?.[position],
12
+ customTextStyle,
13
+ ], [position, textStyle, customTextStyle]);
14
+ const handlePress = useCallback((url, type) => {
15
+ onPressProp?.(currentMessage, url, type);
16
+ }, [onPressProp, currentMessage]);
17
+ return (<View style={[styles.container, containerStyle?.[position]]}>
18
+ <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}/>
19
+ </View>);
20
+ }
21
+ const styles = StyleSheet.create({
22
+ container: {
23
+ marginVertical: 5,
24
+ marginHorizontal: 10,
25
+ },
26
+ text: {
27
+ fontSize: 16,
28
+ lineHeight: 20,
29
+ },
30
+ text_left: {
31
+ color: 'black',
32
+ },
33
+ text_right: {
34
+ color: 'white',
35
+ },
36
+ link: {
37
+ textDecorationLine: 'underline',
38
+ },
39
+ });
40
+ //# 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,EACJ,IAAI,EAAE,MAAM,cAAc,CAAA;AAE5B,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,3 @@
1
+ import React from 'react';
2
+ export declare function MessageVideo(): React.JSX.Element;
3
+ //# sourceMappingURL=MessageVideo.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MessageVideo.d.ts","sourceRoot":"","sources":["../src/MessageVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AActC,wBAAgB,YAAY,sBAa3B"}
@@ -0,0 +1,24 @@
1
+ import React, { useMemo } from 'react';
2
+ import { View, StyleSheet, Text } from 'react-native';
3
+ import { Color } from './Color';
4
+ const styles = StyleSheet.create({
5
+ container: {
6
+ padding: 10,
7
+ },
8
+ text: {
9
+ color: Color.alizarin,
10
+ fontWeight: '600',
11
+ },
12
+ });
13
+ export function MessageVideo() {
14
+ const content = useMemo(() => (<View style={styles.container}>
15
+ <Text style={styles.text}>
16
+ {'Video is not implemented by GiftedChat.'}
17
+ </Text>
18
+ <Text style={styles.text}>
19
+ {'\nYou need to provide your own implementation by using renderMessageVideo prop.'}
20
+ </Text>
21
+ </View>), []);
22
+ return content;
23
+ }
24
+ //# 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,EAAG,IAAI,EAAE,MAAM,cAAc,CAAA;AACtD,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,5 @@
1
+ import React from 'react';
2
+ import { DayAnimatedProps } from './types';
3
+ export * from './types';
4
+ export declare const DayAnimated: ({ scrolledY, daysPositions, listHeight, renderDay, messages, isLoading, ...rest }: DayAnimatedProps) => React.JSX.Element | null;
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAQxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE1C,cAAc,SAAS,CAAA;AAEvB,eAAO,MAAM,WAAW,GAAI,mFAAmF,gBAAgB,6BAyI9H,CAAA"}
@@ -0,0 +1,92 @@
1
+ import React, { useCallback, useEffect, useMemo, useState } from 'react';
2
+ import Animated, { interpolate, useAnimatedStyle, useDerivedValue, useSharedValue, useAnimatedReaction, withTiming, runOnJS } from 'react-native-reanimated';
3
+ import { Day } from '../../../Day';
4
+ import stylesCommon from '../../../styles';
5
+ import { isSameDay } from '../../../utils';
6
+ import { useAbsoluteScrolledPositionToBottomOfDay, useRelativeScrolledPositionToBottomOfDay } from '../Item';
7
+ import styles from './styles';
8
+ export * from './types';
9
+ export const DayAnimated = ({ scrolledY, daysPositions, listHeight, renderDay, messages, isLoading, ...rest }) => {
10
+ const opacity = useSharedValue(0);
11
+ const fadeOutOpacityTimeoutId = useSharedValue(undefined);
12
+ const containerHeight = useSharedValue(0);
13
+ const isScrolledOnMount = useSharedValue(false);
14
+ const isLoadingAnim = useSharedValue(isLoading);
15
+ const daysPositionsArray = useDerivedValue(() => Object.values(daysPositions.value).sort((a, b) => {
16
+ 'worklet';
17
+ return a.y - b.y;
18
+ }));
19
+ const [createdAt, setCreatedAt] = useState();
20
+ const dayTopOffset = useMemo(() => 10, []);
21
+ const dayBottomMargin = useMemo(() => 10, []);
22
+ const absoluteScrolledPositionToBottomOfDay = useAbsoluteScrolledPositionToBottomOfDay(listHeight, scrolledY, containerHeight, dayBottomMargin, dayTopOffset);
23
+ const relativeScrolledPositionToBottomOfDay = useRelativeScrolledPositionToBottomOfDay(listHeight, scrolledY, daysPositions, containerHeight, dayBottomMargin, dayTopOffset);
24
+ const messagesDates = useMemo(() => {
25
+ const messagesDates = [];
26
+ for (let i = 1; i < messages.length; i++) {
27
+ const previousMessage = messages[i - 1];
28
+ const message = messages[i];
29
+ if (!isSameDay(previousMessage, message) || !messagesDates.includes(new Date(message.createdAt).getTime()))
30
+ messagesDates.push(new Date(message.createdAt).getTime());
31
+ }
32
+ return messagesDates;
33
+ }, [messages]);
34
+ const createdAtDate = useDerivedValue(() => {
35
+ for (let i = 0; i < daysPositionsArray.value.length; i++) {
36
+ const day = daysPositionsArray.value[i];
37
+ const dayPosition = day.y + day.height - containerHeight.value - dayBottomMargin;
38
+ if (absoluteScrolledPositionToBottomOfDay.value < dayPosition)
39
+ return day.createdAt;
40
+ }
41
+ return messagesDates[messagesDates.length - 1];
42
+ }, [daysPositionsArray, absoluteScrolledPositionToBottomOfDay, messagesDates, containerHeight, dayBottomMargin]);
43
+ const style = useAnimatedStyle(() => ({
44
+ top: interpolate(relativeScrolledPositionToBottomOfDay.value, [-dayTopOffset, -0.0001, 0, isLoadingAnim.value ? 0 : containerHeight.value + dayTopOffset], [dayTopOffset, dayTopOffset, -containerHeight.value, isLoadingAnim.value ? -containerHeight.value : dayTopOffset], 'clamp'),
45
+ }), [relativeScrolledPositionToBottomOfDay, containerHeight, dayTopOffset, isLoadingAnim]);
46
+ const contentStyle = useAnimatedStyle(() => ({
47
+ opacity: opacity.value,
48
+ }), [opacity]);
49
+ const fadeOut = useCallback(() => {
50
+ 'worklet';
51
+ opacity.value = withTiming(0, { duration: 500 });
52
+ }, [opacity]);
53
+ const scheduleFadeOut = useCallback(() => {
54
+ clearTimeout(fadeOutOpacityTimeoutId.value);
55
+ fadeOutOpacityTimeoutId.value = setTimeout(fadeOut, 500);
56
+ }, [fadeOut, fadeOutOpacityTimeoutId]);
57
+ const handleLayout = useCallback(({ nativeEvent }) => {
58
+ containerHeight.value = nativeEvent.layout.height;
59
+ }, [containerHeight]);
60
+ useAnimatedReaction(() => [scrolledY.value, daysPositionsArray], (value, prevValue) => {
61
+ if (!isScrolledOnMount.value) {
62
+ isScrolledOnMount.value = true;
63
+ return;
64
+ }
65
+ if (value[0] === prevValue?.[0])
66
+ return;
67
+ opacity.value = withTiming(1, { duration: 500 });
68
+ runOnJS(scheduleFadeOut)();
69
+ }, [scrolledY, scheduleFadeOut, daysPositionsArray]);
70
+ useAnimatedReaction(() => createdAtDate.value, (value, prevValue) => {
71
+ if (value && value !== prevValue)
72
+ runOnJS(setCreatedAt)(value);
73
+ }, [createdAtDate]);
74
+ useEffect(() => {
75
+ isLoadingAnim.value = isLoading;
76
+ }, [isLoadingAnim, isLoading]);
77
+ const dayContent = useMemo(() => {
78
+ if (!createdAt)
79
+ return null;
80
+ return renderDay
81
+ ? renderDay({ ...rest, createdAt })
82
+ : <Day {...rest} containerStyle={[styles.dayAnimatedDayContainerStyle, rest.containerStyle]} createdAt={createdAt}/>;
83
+ }, [createdAt, renderDay, rest]);
84
+ if (!createdAt)
85
+ return null;
86
+ return (<Animated.View style={[stylesCommon.centerItems, styles.dayAnimated, style]} onLayout={handleLayout} pointerEvents='none'>
87
+ <Animated.View style={contentStyle} pointerEvents='none'>
88
+ {dayContent}
89
+ </Animated.View>
90
+ </Animated.View>);
91
+ };
92
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAExE,OAAO,QAAQ,EAAE,EAAE,WAAW,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAC5J,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAA;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,wCAAwC,EAAE,wCAAwC,EAAE,MAAM,SAAS,CAAA;AAC5G,OAAO,MAAM,MAAM,UAAU,CAAA;AAG7B,cAAc,SAAS,CAAA;AAEvB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAoB,EAAE,EAAE;IACjI,MAAM,OAAO,GAAG,cAAc,CAAC,CAAC,CAAC,CAAA;IACjC,MAAM,uBAAuB,GAAG,cAAc,CAA4C,SAAS,CAAC,CAAA;IACpG,MAAM,eAAe,GAAG,cAAc,CAAC,CAAC,CAAC,CAAA;IAEzC,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,aAAa,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;IAE/C,MAAM,kBAAkB,GAAG,eAAe,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QAChG,SAAS,CAAA;QAET,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;IAClB,CAAC,CAAC,CAAC,CAAA;IAEH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAsB,CAAA;IAEhE,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;IAC1C,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;IAC7C,MAAM,qCAAqC,GAAG,wCAAwC,CAAC,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,eAAe,EAAE,YAAY,CAAC,CAAA;IAC7J,MAAM,qCAAqC,GAAG,wCAAwC,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,EAAE,YAAY,CAAC,CAAA;IAE5K,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,MAAM,aAAa,GAAa,EAAE,CAAA;QAElC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACzC,MAAM,eAAe,GAAG,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;YACvC,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;YAE3B,IAAI,CAAC,SAAS,CAAC,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,CAAC;gBACxG,aAAa,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,CAAC,CAAA;QAC7D,CAAC;QAED,OAAO,aAAa,CAAA;IACtB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,aAAa,GAAG,eAAe,CAAC,GAAG,EAAE;QACzC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACzD,MAAM,GAAG,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;YACvC,MAAM,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,GAAG,eAAe,CAAC,KAAK,GAAG,eAAe,CAAA;YAEhF,IAAI,qCAAqC,CAAC,KAAK,GAAG,WAAW;gBAC3D,OAAO,GAAG,CAAC,SAAS,CAAA;QACxB,CAAC;QAED,OAAO,aAAa,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAChD,CAAC,EAAE,CAAC,kBAAkB,EAAE,qCAAqC,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC,CAAA;IAEhH,MAAM,KAAK,GAAG,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC;QACpC,GAAG,EAAE,WAAW,CACd,qCAAqC,CAAC,KAAK,EAC3C,CAAC,CAAC,YAAY,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,GAAG,YAAY,CAAC,EAC3F,CAAC,YAAY,EAAE,YAAY,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,EACjH,OAAO,CACR;KACF,CAAC,EAAE,CAAC,qCAAqC,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,CAAC,CAAC,CAAA;IAE1F,MAAM,YAAY,GAAG,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC;QAC3C,OAAO,EAAE,OAAO,CAAC,KAAK;KACvB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEd,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,SAAS,CAAA;QAET,OAAO,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAA;IAClD,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,YAAY,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAA;QAE3C,uBAAuB,CAAC,KAAK,GAAG,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,CAAA;IAC1D,CAAC,EAAE,CAAC,OAAO,EAAE,uBAAuB,CAAC,CAAC,CAAA;IAEtC,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,EAAE,WAAW,EAAqB,EAAE,EAAE;QACtE,eAAe,CAAC,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,MAAM,CAAA;IACnD,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,mBAAmB,CACjB,GAAG,EAAE,CAAC,CAAC,SAAS,CAAC,KAAK,EAAE,kBAAkB,CAAC,EAC3C,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE;QACnB,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;YAC7B,iBAAiB,CAAC,KAAK,GAAG,IAAI,CAAA;YAC9B,OAAM;QACR,CAAC;QAED,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,SAAS,EAAE,CAAC,CAAC,CAAC;YAC7B,OAAM;QAER,OAAO,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAA;QAEhD,OAAO,CAAC,eAAe,CAAC,EAAE,CAAA;IAC5B,CAAC,EACD,CAAC,SAAS,EAAE,eAAe,EAAE,kBAAkB,CAAC,CACjD,CAAA;IAED,mBAAmB,CACjB,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,EACzB,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE;QACnB,IAAI,KAAK,IAAI,KAAK,KAAK,SAAS;YAC9B,OAAO,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,CAAA;IAChC,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,KAAK,GAAG,SAAS,CAAA;IACjC,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,CAAA;IAE9B,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,SAAS;YACZ,OAAO,IAAI,CAAA;QAEb,OAAO,SAAS;YACd,CAAC,CAAC,SAAS,CAAC,EAAE,GAAG,IAAI,EAAE,SAAS,EAAE,CAAC;YACnC,CAAC,CAAC,CAAC,GAAG,CACJ,IAAI,IAAI,CAAC,CACT,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,4BAA4B,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAC3E,SAAS,CAAC,CAAC,SAAS,CAAC,EACrB,CAAA;IACN,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC,CAAA;IAEhC,IAAI,CAAC,SAAS;QACZ,OAAO,IAAI,CAAA;IAEb,OAAO,CACL,CAAC,QAAQ,CAAC,IAAI,CACZ,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAC7D,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,aAAa,CAAC,MAAM,CAEpB;MAAA,CAAC,QAAQ,CAAC,IAAI,CACZ,KAAK,CAAC,CAAC,YAAY,CAAC,CACpB,aAAa,CAAC,MAAM,CAEpB;QAAA,CAAC,UAAU,CACb;MAAA,EAAE,QAAQ,CAAC,IAAI,CACjB;IAAA,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjB,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1,12 @@
1
+ declare const _default: {
2
+ dayAnimated: {
3
+ position: "absolute";
4
+ width: "100%";
5
+ };
6
+ dayAnimatedDayContainerStyle: {
7
+ marginTop: number;
8
+ marginBottom: number;
9
+ };
10
+ };
11
+ export default _default;
12
+ //# sourceMappingURL=styles.d.ts.map
@@ -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,18 @@
1
+ import { DayProps } from '../../../Day';
2
+ import { IMessage } from '../../../Models';
3
+ import { DaysPositions } from '../../types';
4
+ export interface DayAnimatedProps extends Omit<DayProps, 'createdAt'> {
5
+ scrolledY: {
6
+ value: number;
7
+ };
8
+ daysPositions: {
9
+ value: DaysPositions;
10
+ };
11
+ listHeight: {
12
+ value: number;
13
+ };
14
+ renderDay?: (props: DayProps) => React.ReactNode;
15
+ messages: IMessage[];
16
+ isLoading: boolean;
17
+ }
18
+ //# 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;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE3C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC;IACnE,SAAS,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5B,aAAa,EAAE;QAAE,KAAK,EAAE,aAAa,CAAA;KAAE,CAAA;IACvC,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAC7B,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAA;IAChD,QAAQ,EAAE,QAAQ,EAAE,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;CACnB"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,23 @@
1
+ import React from 'react';
2
+ import { IMessage } from '../../../Models';
3
+ import { DaysPositions } from '../../types';
4
+ import { ItemProps } from './types';
5
+ export * from './types';
6
+ export declare const useAbsoluteScrolledPositionToBottomOfDay: (listHeight: {
7
+ value: number;
8
+ }, scrolledY: {
9
+ value: number;
10
+ }, containerHeight: {
11
+ value: number;
12
+ }, dayBottomMargin: number, dayTopOffset: number) => import("react-native-reanimated").DerivedValue<number>;
13
+ export declare const useRelativeScrolledPositionToBottomOfDay: (listHeight: {
14
+ value: number;
15
+ }, scrolledY: {
16
+ value: number;
17
+ }, daysPositions: {
18
+ value: DaysPositions;
19
+ }, containerHeight: {
20
+ value: number;
21
+ }, dayBottomMargin: number, dayTopOffset: number, createdAt?: number) => import("react-native-reanimated").DerivedValue<number>;
22
+ export declare const Item: <TMessage extends IMessage>(props: ItemProps<TMessage>) => React.JSX.Element;
23
+ //# 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,KAA+B,MAAM,OAAO,CAAA;AAKnD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,cAAc,SAAS,CAAA;AAGvB,eAAO,MAAM,wCAAwC,GAAI,YAAY;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,WAAW;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,iBAAiB;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,iBAAiB,MAAM,EAAE,cAAc,MAAM,2DAMtM,CAAA;AAED,eAAO,MAAM,wCAAwC,GACnD,YAAY;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,EAC7B,WAAW;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,EAC5B,eAAe;IAAE,KAAK,EAAE,aAAa,CAAA;CAAE,EACvC,iBAAiB;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,EAClC,iBAAiB,MAAM,EACvB,cAAc,MAAM,EACpB,YAAY,MAAM,2DA+CnB,CAAA;AAkFD,eAAO,MAAM,IAAI,GAAI,QAAQ,SAAS,QAAQ,EAAE,OAAO,SAAS,CAAC,QAAQ,CAAC,sBAuCzE,CAAA"}
@@ -0,0 +1,120 @@
1
+ import React, { useCallback, useMemo } from 'react';
2
+ import { View } from 'react-native';
3
+ import Animated, { interpolate, useAnimatedStyle, useDerivedValue, useSharedValue } from 'react-native-reanimated';
4
+ import { Day } from '../../../Day';
5
+ import { Message } from '../../../Message';
6
+ import { isSameDay } from '../../../utils';
7
+ export * from './types';
8
+ // y-position of current scroll position relative to the bottom of the day container. (since we have inverted list it is bottom)
9
+ export const useAbsoluteScrolledPositionToBottomOfDay = (listHeight, scrolledY, containerHeight, dayBottomMargin, dayTopOffset) => {
10
+ const absoluteScrolledPositionToBottomOfDay = useDerivedValue(() => listHeight.value + scrolledY.value - containerHeight.value - dayBottomMargin - dayTopOffset, [listHeight, scrolledY, containerHeight, dayBottomMargin, dayTopOffset]);
11
+ return absoluteScrolledPositionToBottomOfDay;
12
+ };
13
+ export const useRelativeScrolledPositionToBottomOfDay = (listHeight, scrolledY, daysPositions, containerHeight, dayBottomMargin, dayTopOffset, createdAt) => {
14
+ const dayMarginTop = useMemo(() => 5, []);
15
+ const absoluteScrolledPositionToBottomOfDay = useAbsoluteScrolledPositionToBottomOfDay(listHeight, scrolledY, containerHeight, dayBottomMargin, dayTopOffset);
16
+ // find current day position by scrolled position
17
+ const currentDayPosition = useDerivedValue(() => {
18
+ 'worklet';
19
+ // When createdAt is provided (called from AnimatedDayWrapper for a specific message),
20
+ // directly find the day position by createdAt without sorting the entire array.
21
+ // This avoids O(n log n) sorting and O(n) search for each message item.
22
+ if (createdAt != null) {
23
+ const values = Object.values(daysPositions.value);
24
+ for (let i = 0; i < values.length; i++)
25
+ if (values[i].createdAt === createdAt)
26
+ return values[i];
27
+ }
28
+ // Fallback: sort and search when createdAt is not provided (e.g., from DayAnimated)
29
+ const sortedArray = Object.values(daysPositions.value).sort((a, b) => {
30
+ 'worklet';
31
+ return a.y - b.y;
32
+ });
33
+ for (let i = 0; i < sortedArray.length; i++) {
34
+ const day = sortedArray[i];
35
+ const dayPosition = day.y + day.height;
36
+ if (absoluteScrolledPositionToBottomOfDay.value < dayPosition || i === sortedArray.length - 1)
37
+ return day;
38
+ }
39
+ return undefined;
40
+ }, [daysPositions, absoluteScrolledPositionToBottomOfDay, createdAt]);
41
+ const relativeScrolledPositionToBottomOfDay = useDerivedValue(() => {
42
+ const scrolledBottomY = listHeight.value + scrolledY.value - ((currentDayPosition.value?.y ?? 0) +
43
+ (currentDayPosition.value?.height ?? 0) +
44
+ dayMarginTop);
45
+ return scrolledBottomY;
46
+ }, [listHeight, scrolledY, currentDayPosition, dayMarginTop]);
47
+ return relativeScrolledPositionToBottomOfDay;
48
+ };
49
+ const DayWrapper = (props) => {
50
+ const { renderDay: renderDayProp, currentMessage, previousMessage, } = props;
51
+ if (!currentMessage?.createdAt || isSameDay(currentMessage, previousMessage))
52
+ return null;
53
+ const {
54
+ /* eslint-disable @typescript-eslint/no-unused-vars */
55
+ containerStyle, onMessageLayout,
56
+ /* eslint-enable @typescript-eslint/no-unused-vars */
57
+ ...rest } = props;
58
+ return (<View>
59
+ {renderDayProp
60
+ ? renderDayProp({ ...rest, createdAt: currentMessage.createdAt })
61
+ : <Day {...rest} createdAt={currentMessage.createdAt}/>}
62
+ </View>);
63
+ };
64
+ const AnimatedDayWrapper = (props) => {
65
+ const { scrolledY, daysPositions, listHeight, ...rest } = props;
66
+ const dayContainerHeight = useSharedValue(0);
67
+ const dayTopOffset = useMemo(() => 10, []);
68
+ const dayBottomMargin = useMemo(() => 10, []);
69
+ const createdAt = useMemo(() => new Date(props.currentMessage.createdAt).getTime(), [props.currentMessage.createdAt]);
70
+ const relativeScrolledPositionToBottomOfDay = useRelativeScrolledPositionToBottomOfDay(listHeight, scrolledY, daysPositions, dayContainerHeight, dayBottomMargin, dayTopOffset, createdAt);
71
+ const handleLayoutDayContainer = useCallback(({ nativeEvent }) => {
72
+ dayContainerHeight.value = nativeEvent.layout.height;
73
+ }, [dayContainerHeight]);
74
+ const style = useAnimatedStyle(() => ({
75
+ opacity: interpolate(relativeScrolledPositionToBottomOfDay.value, [
76
+ -dayTopOffset,
77
+ -0.0001,
78
+ 0,
79
+ dayContainerHeight.value + dayTopOffset,
80
+ ], [
81
+ 0,
82
+ 0,
83
+ 1,
84
+ 1,
85
+ ], 'clamp'),
86
+ }), [relativeScrolledPositionToBottomOfDay, dayContainerHeight, dayTopOffset]);
87
+ return (<Animated.View style={style} onLayout={handleLayoutDayContainer}>
88
+ <DayWrapper {...rest}/>
89
+ </Animated.View>);
90
+ };
91
+ export const Item = (props) => {
92
+ const { renderMessage: renderMessageProp, isDayAnimationEnabled, reply,
93
+ /* eslint-disable @typescript-eslint/no-unused-vars */
94
+ scrolledY: _scrolledY, daysPositions: _daysPositions, listHeight: _listHeight,
95
+ /* eslint-enable @typescript-eslint/no-unused-vars */
96
+ ...rest } = props;
97
+ // Transform reply props for Message and Bubble
98
+ const messageProps = useMemo(() => ({
99
+ ...rest,
100
+ // Swipe to reply for Message component
101
+ swipeToReply: reply?.swipe,
102
+ // Message reply styling for Bubble component
103
+ messageReply: reply ? {
104
+ renderMessageReply: reply.renderMessageReply,
105
+ onPress: reply.onPress,
106
+ ...reply.messageStyle,
107
+ } : undefined,
108
+ }), [rest, reply]);
109
+ return (
110
+ // do not remove key. it helps to get correct position of the day container
111
+ <View key={props.currentMessage._id.toString()}>
112
+ {isDayAnimationEnabled
113
+ ? <AnimatedDayWrapper {...props}/>
114
+ : <DayWrapper {...messageProps}/>}
115
+ {renderMessageProp
116
+ ? renderMessageProp(messageProps)
117
+ : <Message {...messageProps}/>}
118
+ </View>);
119
+ };
120
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/Item/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,19 @@
1
+ import { IMessage } from '../../../Models';
2
+ import { MessagesContainerProps, DaysPositions } 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
+ scrolledY: {
9
+ value: number;
10
+ };
11
+ daysPositions: {
12
+ value: DaysPositions;
13
+ };
14
+ listHeight: {
15
+ value: number;
16
+ };
17
+ isDayAnimationEnabled?: boolean;
18
+ }
19
+ //# 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,aAAa,EAAE,MAAM,aAAa,CAAA;AAEnE,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,SAAS,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5B,aAAa,EAAE;QAAE,KAAK,EAAE,aAAa,CAAA;KAAE,CAAA;IACvC,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/Item/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ import { IMessage } from '../Models';
3
+ import { MessagesContainerProps } from './types';
4
+ export * from './types';
5
+ export declare const MessagesContainer: <TMessage extends IMessage>(props: MessagesContainerProps<TMessage>) => React.JSX.Element;
6
+ //# 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,KAAoD,MAAM,OAAO,CAAA;AAWxE,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAQpC,OAAO,EAAE,sBAAsB,EAAmC,MAAM,SAAS,CAAA;AAEjF,cAAc,SAAS,CAAA;AAEvB,eAAO,MAAM,iBAAiB,GAAI,QAAQ,SAAS,QAAQ,EAAE,OAAO,sBAAsB,CAAC,QAAQ,CAAC,sBAyZnG,CAAA"}