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,44 @@
1
+ import React from 'react';
2
+ import { ActivityIndicator, StyleSheet, View, Text } from 'react-native';
3
+ import { Color } from './Color';
4
+ import { TouchableOpacity } from './components/TouchableOpacity';
5
+ import stylesCommon from './styles';
6
+ export const LoadEarlierMessages = ({ isLoading = false, onPress, label = 'Load earlier messages', containerStyle, wrapperStyle, textStyle, activityIndicatorColor = 'white', activityIndicatorSize = 'small', activityIndicatorStyle, }) => {
7
+ return (<TouchableOpacity style={[styles.container, containerStyle]} onPress={onPress} enabled={!isLoading} accessibilityRole='button'>
8
+ <View style={[stylesCommon.centerItems, styles.wrapper, wrapperStyle]}>
9
+ {isLoading
10
+ ? (<ActivityIndicator color={activityIndicatorColor} size={activityIndicatorSize} style={[styles.activityIndicator, activityIndicatorStyle]}/>)
11
+ : (<View style={styles.textContainer}>
12
+ <Text style={[styles.text, textStyle]}>
13
+ {label}
14
+ </Text>
15
+ </View>)}
16
+ </View>
17
+ </TouchableOpacity>);
18
+ };
19
+ const styles = StyleSheet.create({
20
+ container: {
21
+ alignItems: 'center',
22
+ marginVertical: 10,
23
+ },
24
+ wrapper: {
25
+ backgroundColor: Color.defaultColor,
26
+ borderRadius: 15,
27
+ paddingHorizontal: 10,
28
+ paddingVertical: 5,
29
+ },
30
+ textContainer: {
31
+ paddingTop: 3,
32
+ paddingBottom: 4,
33
+ },
34
+ text: {
35
+ backgroundColor: Color.backgroundTransparent,
36
+ color: Color.white,
37
+ fontSize: 12,
38
+ lineHeight: 13,
39
+ },
40
+ activityIndicator: {
41
+ paddingHorizontal: 20,
42
+ },
43
+ });
44
+ //# 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,EAIJ,IAAI,EAAE,MAAM,cAAc,CAAA;AAC5B,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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Message/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,UAAU;QACtB,QAAQ,EAAE,KAAK;KAChB;IACD,cAAc,EAAE;QACd,cAAc,EAAE,YAAY;QAC5B,UAAU,EAAE,CAAC;KACd;IACD,eAAe,EAAE;QACf,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,CAAC;QACd,SAAS,EAAE,UAAU;KACtB;CACF,CAAC,CAAA"}
@@ -0,0 +1,25 @@
1
+ import { ViewStyle, LayoutChangeEvent } from 'react-native';
2
+ import { AvatarProps } from '../Avatar';
3
+ import { BubbleProps } from '../Bubble';
4
+ import { DayProps } from '../Day';
5
+ import { IMessage, User, LeftRightStyle } from '../Models';
6
+ import { SwipeToReplyProps } from '../Reply';
7
+ import { SystemMessageProps } from '../SystemMessage';
8
+ export interface MessageProps<TMessage extends IMessage> {
9
+ isUserAvatarVisible?: boolean;
10
+ position: 'left' | 'right';
11
+ currentMessage: TMessage;
12
+ nextMessage?: TMessage;
13
+ previousMessage?: TMessage;
14
+ user: User;
15
+ isInverted?: boolean;
16
+ containerStyle?: LeftRightStyle<ViewStyle>;
17
+ renderBubble?: (props: BubbleProps<TMessage>) => React.ReactNode;
18
+ renderDay?: (props: DayProps) => React.ReactNode;
19
+ renderSystemMessage?: (props: SystemMessageProps<TMessage>) => React.ReactNode;
20
+ renderAvatar?: (props: AvatarProps<TMessage>) => React.ReactNode;
21
+ onMessageLayout?: (event: LayoutChangeEvent) => void;
22
+ /** Swipe to reply configuration */
23
+ swipeToReply?: SwipeToReplyProps<TMessage>;
24
+ }
25
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Message/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAErD,MAAM,WAAW,YAAY,CAAC,QAAQ,SAAS,QAAQ;IACrD,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,cAAc,EAAE,QAAQ,CAAA;IACxB,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,eAAe,CAAC,EAAE,QAAQ,CAAA;IAC1B,IAAI,EAAE,IAAI,CAAA;IACV,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,cAAc,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IAC1C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAChE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAA;IAChD,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC9E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAChE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACpD,mCAAmC;IACnC,YAAY,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;CAC3C"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Message/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ export declare function MessageAudio(): React.JSX.Element;
3
+ //# sourceMappingURL=MessageAudio.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MessageAudio.d.ts","sourceRoot":"","sources":["../src/MessageAudio.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 MessageAudio() {
14
+ const content = useMemo(() => (<View style={styles.container}>
15
+ <Text style={styles.text}>
16
+ {'Audio is not implemented by GiftedChat.'}
17
+ </Text>
18
+ <Text style={styles.text}>
19
+ {'\nYou need to provide your own implementation by using renderMessageAudio prop.'}
20
+ </Text>
21
+ </View>), []);
22
+ return content;
23
+ }
24
+ //# sourceMappingURL=MessageAudio.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MessageAudio.js","sourceRoot":"","sources":["../src/MessageAudio.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,12 @@
1
+ import React from 'react';
2
+ import { ImageProps, ViewStyle, StyleProp, ImageStyle, ImageURISource } from 'react-native';
3
+ import { IMessage } from './Models';
4
+ export interface MessageImageProps<TMessage extends IMessage> {
5
+ currentMessage: TMessage;
6
+ containerStyle?: StyleProp<ViewStyle>;
7
+ imageSourceProps?: Partial<ImageURISource>;
8
+ imageStyle?: StyleProp<ImageStyle>;
9
+ imageProps?: Partial<ImageProps>;
10
+ }
11
+ export declare function MessageImage<TMessage extends IMessage = IMessage>({ containerStyle, imageProps, imageSourceProps, imageStyle, currentMessage, }: MessageImageProps<TMessage>): React.JSX.Element | null;
12
+ //# sourceMappingURL=MessageImage.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MessageImage.d.ts","sourceRoot":"","sources":["../src/MessageImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAChF,OAAO,EAIL,UAAU,EACV,SAAS,EACT,SAAS,EACT,UAAU,EACV,cAAc,EAIR,MAAM,cAAc,CAAA;AAa5B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAgFnC,MAAM,WAAW,iBAAiB,CAAC,QAAQ,SAAS,QAAQ;IAC1D,cAAc,EAAE,QAAQ,CAAA;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAA;IAC1C,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;CACjC;AAED,wBAAgB,YAAY,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAG,EAClE,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,cAAc,GACf,EAAE,iBAAiB,CAAC,QAAQ,CAAC,4BA4F7B"}
@@ -0,0 +1,164 @@
1
+ import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
2
+ import { Image, StyleSheet, View, useWindowDimensions, StatusBar, Text } from 'react-native';
3
+ import { BaseButton, GestureHandlerRootView } from 'react-native-gesture-handler';
4
+ import { OverKeyboardView } from 'react-native-keyboard-controller';
5
+ import Animated, { useAnimatedStyle, useSharedValue, withTiming, Easing, runOnJS, } from 'react-native-reanimated';
6
+ import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context';
7
+ import Zoom from 'react-native-zoom-reanimated';
8
+ import { TouchableOpacity } from './components/TouchableOpacity';
9
+ import commonStyles from './styles';
10
+ function ModalContent({ isVisible, imageSource, modalImageDimensions, imageProps, onClose }) {
11
+ const insets = useSafeAreaInsets();
12
+ // Animation values
13
+ const modalOpacity = useSharedValue(0);
14
+ const modalScale = useSharedValue(0.9);
15
+ const modalBorderRadius = useSharedValue(40);
16
+ const handleModalClose = useCallback(() => {
17
+ modalOpacity.value = withTiming(0, { duration: 200, easing: Easing.in(Easing.ease) });
18
+ modalScale.value = withTiming(0.9, { duration: 200, easing: Easing.in(Easing.ease) }, () => {
19
+ runOnJS(onClose)();
20
+ });
21
+ modalBorderRadius.value = withTiming(40, { duration: 200, easing: Easing.in(Easing.ease) });
22
+ }, [onClose, modalOpacity, modalScale, modalBorderRadius]);
23
+ // Animate on visibility change
24
+ useEffect(() => {
25
+ if (isVisible) {
26
+ modalOpacity.value = withTiming(1, { duration: 300, easing: Easing.out(Easing.ease) });
27
+ modalScale.value = withTiming(1, { duration: 300, easing: Easing.out(Easing.ease) });
28
+ modalBorderRadius.value = withTiming(0, { duration: 300, easing: Easing.out(Easing.ease) });
29
+ }
30
+ }, [isVisible, modalOpacity, modalScale, modalBorderRadius]);
31
+ const modalAnimatedStyle = useAnimatedStyle(() => ({
32
+ opacity: modalOpacity.value,
33
+ transform: [{ scale: modalScale.value }],
34
+ }), [modalOpacity, modalScale]);
35
+ const modalBorderRadiusStyle = useAnimatedStyle(() => ({
36
+ borderRadius: modalBorderRadius.value,
37
+ }), [modalBorderRadius]);
38
+ return (<>
39
+ <StatusBar animated barStyle='dark-content'/>
40
+ <Animated.View style={[styles.modalOverlay, modalAnimatedStyle, modalBorderRadiusStyle]}>
41
+ <GestureHandlerRootView style={commonStyles.fill}>
42
+ <Animated.View style={[commonStyles.fill, styles.modalContent, modalBorderRadiusStyle, { paddingTop: insets.top, paddingBottom: insets.bottom }]}>
43
+
44
+ {/* close button */}
45
+ <View style={styles.closeButtonContainer}>
46
+ <BaseButton onPress={handleModalClose}>
47
+ <View style={styles.closeButtonContent}>
48
+ <Text style={styles.closeButtonIcon}>
49
+ {'X'}
50
+ </Text>
51
+ </View>
52
+ </BaseButton>
53
+ </View>
54
+
55
+ <View style={[commonStyles.fill, commonStyles.centerItems]}>
56
+ <Zoom>
57
+ <Image style={modalImageDimensions} source={imageSource} resizeMode='contain' {...imageProps}/>
58
+ </Zoom>
59
+ </View>
60
+ </Animated.View>
61
+ </GestureHandlerRootView>
62
+ </Animated.View>
63
+ </>);
64
+ }
65
+ export function MessageImage({ containerStyle, imageProps, imageSourceProps, imageStyle, currentMessage, }) {
66
+ const [isModalVisible, setIsModalVisible] = useState(false);
67
+ const [imageDimensions, setImageDimensions] = useState();
68
+ const windowDimensions = useWindowDimensions();
69
+ const imageSource = useMemo(() => ({
70
+ ...imageSourceProps,
71
+ uri: currentMessage?.image,
72
+ }), [imageSourceProps, currentMessage?.image]);
73
+ const isImageSourceChanged = useRef(true);
74
+ const computedImageStyle = useMemo(() => [
75
+ styles.image,
76
+ imageStyle,
77
+ ], [imageStyle]);
78
+ const handleImagePress = useCallback(() => {
79
+ if (!imageSource.uri)
80
+ return;
81
+ setIsModalVisible(true);
82
+ if (isImageSourceChanged.current || !imageDimensions)
83
+ Image.getSize(imageSource.uri, (width, height) => {
84
+ setImageDimensions({ width, height });
85
+ });
86
+ }, [imageSource.uri, imageDimensions]);
87
+ const handleModalClose = useCallback(() => {
88
+ setIsModalVisible(false);
89
+ }, []);
90
+ const handleImageLayout = useCallback((e) => {
91
+ setImageDimensions({
92
+ width: e.nativeEvent.layout.width,
93
+ height: e.nativeEvent.layout.height,
94
+ });
95
+ }, []);
96
+ const modalImageDimensions = useMemo(() => {
97
+ if (!imageDimensions)
98
+ return undefined;
99
+ const aspectRatio = imageDimensions.width / imageDimensions.height;
100
+ let width = windowDimensions.width;
101
+ let height = width / aspectRatio;
102
+ if (height > windowDimensions.height) {
103
+ height = windowDimensions.height;
104
+ width = height * aspectRatio;
105
+ }
106
+ return {
107
+ width,
108
+ height,
109
+ };
110
+ }, [imageDimensions, windowDimensions.height, windowDimensions.width]);
111
+ useEffect(() => {
112
+ isImageSourceChanged.current = true;
113
+ }, [imageSource.uri]);
114
+ if (currentMessage == null)
115
+ return null;
116
+ return (<View style={containerStyle}>
117
+ <TouchableOpacity onPress={handleImagePress}>
118
+ <Image {...imageProps} style={computedImageStyle} source={imageSource} onLayout={handleImageLayout} resizeMode='cover'/>
119
+ </TouchableOpacity>
120
+
121
+ <OverKeyboardView visible={isModalVisible}>
122
+ <SafeAreaProvider>
123
+ <ModalContent isVisible={isModalVisible} imageSource={imageSource} modalImageDimensions={modalImageDimensions} imageProps={imageProps} onClose={handleModalClose}/>
124
+ </SafeAreaProvider>
125
+ </OverKeyboardView>
126
+ </View>);
127
+ }
128
+ const styles = StyleSheet.create({
129
+ image: {
130
+ width: 150,
131
+ height: 100,
132
+ borderRadius: 13,
133
+ margin: 3,
134
+ },
135
+ modalOverlay: {
136
+ position: 'absolute',
137
+ top: 0,
138
+ left: 0,
139
+ right: 0,
140
+ bottom: 0,
141
+ zIndex: 1000,
142
+ },
143
+ modalContent: {
144
+ backgroundColor: '#000',
145
+ overflow: 'hidden',
146
+ },
147
+ modalImageContainer: {
148
+ width: '100%',
149
+ height: '100%',
150
+ },
151
+ closeButtonContainer: {
152
+ flexDirection: 'row',
153
+ justifyContent: 'flex-end',
154
+ },
155
+ closeButtonContent: {
156
+ padding: 20,
157
+ },
158
+ closeButtonIcon: {
159
+ fontSize: 20,
160
+ lineHeight: 20,
161
+ color: 'white',
162
+ },
163
+ });
164
+ //# sourceMappingURL=MessageImage.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MessageImage.js","sourceRoot":"","sources":["../src/MessageImage.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { ViewStyle, TextStyle, StyleProp, ImageStyle } from 'react-native';
3
+ import { LeftRightStyle, IMessage, ReplyMessage } from './Models';
4
+ export interface MessageReplyProps<TMessage extends IMessage> {
5
+ position?: 'left' | 'right';
6
+ currentMessage: TMessage;
7
+ containerStyle?: LeftRightStyle<ViewStyle>;
8
+ contentContainerStyle?: LeftRightStyle<ViewStyle>;
9
+ imageStyle?: StyleProp<ImageStyle>;
10
+ usernameStyle?: StyleProp<TextStyle>;
11
+ textStyle?: StyleProp<TextStyle>;
12
+ onPress?: (replyMessage: ReplyMessage) => void;
13
+ }
14
+ export declare function MessageReply<TMessage extends IMessage = IMessage>({ currentMessage, position, containerStyle, contentContainerStyle, imageStyle, usernameStyle, textStyle, onPress: onPressProp, }: MessageReplyProps<TMessage>): React.JSX.Element | null;
15
+ //# sourceMappingURL=MessageReply.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MessageReply.d.ts","sourceRoot":"","sources":["../src/MessageReply.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AACnD,OAAO,EAEL,SAAS,EAIT,SAAS,EACT,SAAS,EACT,UAAU,EACJ,MAAM,cAAc,CAAA;AAG5B,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAGjE,MAAM,WAAW,iBAAiB,CAAC,QAAQ,SAAS,QAAQ;IAC1D,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,cAAc,EAAE,QAAQ,CAAA;IACxB,cAAc,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IAC1C,qBAAqB,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACjD,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAClC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAA;CAC/C;AAED,wBAAgB,YAAY,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAG,EAClE,cAAc,EACd,QAAiB,EACjB,cAAc,EACd,qBAAqB,EACrB,UAAU,EACV,aAAa,EACb,SAAS,EACT,OAAO,EAAE,WAAW,GACrB,EAAE,iBAAiB,CAAC,QAAQ,CAAC,4BAsE7B"}