@ethora/chat-component-rn 26.5.10 → 26.5.12

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 (209) hide show
  1. package/CHANGELOG.md +65 -1
  2. package/README.md +30 -1
  3. package/lib/commonjs/assets/icons.js +7 -1
  4. package/lib/commonjs/assets/icons.js.map +1 -1
  5. package/lib/commonjs/components/MainComponents/ChatHeader.js +31 -16
  6. package/lib/commonjs/components/MainComponents/ChatHeader.js.map +1 -1
  7. package/lib/commonjs/components/MainComponents/ChatRoom.js +34 -4
  8. package/lib/commonjs/components/MainComponents/ChatRoom.js.map +1 -1
  9. package/lib/commonjs/components/MainComponents/ChatWrapper.js +17 -14
  10. package/lib/commonjs/components/MainComponents/ChatWrapper.js.map +1 -1
  11. package/lib/commonjs/components/MainComponents/MediaMessage.js +298 -12
  12. package/lib/commonjs/components/MainComponents/MediaMessage.js.map +1 -1
  13. package/lib/commonjs/components/MessageBubble/InteractionsOverlay.js +119 -0
  14. package/lib/commonjs/components/MessageBubble/InteractionsOverlay.js.map +1 -0
  15. package/lib/commonjs/components/MessageBubble/Message.js +39 -3
  16. package/lib/commonjs/components/MessageBubble/Message.js.map +1 -1
  17. package/lib/commonjs/components/MessageBubble/MessageInteractions.js +87 -39
  18. package/lib/commonjs/components/MessageBubble/MessageInteractions.js.map +1 -1
  19. package/lib/commonjs/components/Modals/AttachSheet/AttachSheet.js +153 -62
  20. package/lib/commonjs/components/Modals/AttachSheet/AttachSheet.js.map +1 -1
  21. package/lib/commonjs/components/Modals/ChatProfileModal/ChatProfileModal.js +20 -5
  22. package/lib/commonjs/components/Modals/ChatProfileModal/ChatProfileModal.js.map +1 -1
  23. package/lib/commonjs/components/Modals/FilePreviewModal/DocumentViewer.js +5 -44
  24. package/lib/commonjs/components/Modals/FilePreviewModal/DocumentViewer.js.map +1 -1
  25. package/lib/commonjs/components/Modals/FilePreviewModal/FilePreviewModal.js +40 -3
  26. package/lib/commonjs/components/Modals/FilePreviewModal/FilePreviewModal.js.map +1 -1
  27. package/lib/commonjs/components/Modals/FilePreviewModal/GViewWebView.js +149 -0
  28. package/lib/commonjs/components/Modals/FilePreviewModal/GViewWebView.js.map +1 -0
  29. package/lib/commonjs/components/Modals/FilePreviewModal/PdfView.js +4 -17
  30. package/lib/commonjs/components/Modals/FilePreviewModal/PdfView.js.map +1 -1
  31. package/lib/commonjs/components/Modals/ModalHeaderComponent.js +10 -0
  32. package/lib/commonjs/components/Modals/ModalHeaderComponent.js.map +1 -1
  33. package/lib/commonjs/components/Modals/styledModalComponents.js +13 -4
  34. package/lib/commonjs/components/Modals/styledModalComponents.js.map +1 -1
  35. package/lib/commonjs/components/RoomComponents/styled/LastAudioMessage.js +19 -33
  36. package/lib/commonjs/components/RoomComponents/styled/LastAudioMessage.js.map +1 -1
  37. package/lib/commonjs/components/styled/AudioMessage.js +643 -66
  38. package/lib/commonjs/components/styled/AudioMessage.js.map +1 -1
  39. package/lib/commonjs/components/styled/Button.js +9 -3
  40. package/lib/commonjs/components/styled/Button.js.map +1 -1
  41. package/lib/commonjs/components/styled/SendInput.js +239 -40
  42. package/lib/commonjs/components/styled/SendInput.js.map +1 -1
  43. package/lib/commonjs/components/styled/StyledComponents.js +6 -3
  44. package/lib/commonjs/components/styled/StyledComponents.js.map +1 -1
  45. package/lib/commonjs/components/styled/StyledInputComponents/MediaComponents.js +31 -18
  46. package/lib/commonjs/components/styled/StyledInputComponents/MediaComponents.js.map +1 -1
  47. package/lib/commonjs/components/styled/UnsupportedType.js +47 -5
  48. package/lib/commonjs/components/styled/UnsupportedType.js.map +1 -1
  49. package/lib/commonjs/components/styled/VideoMessage.js +44 -25
  50. package/lib/commonjs/components/styled/VideoMessage.js.map +1 -1
  51. package/lib/commonjs/context/xmppProvider.js +5 -2
  52. package/lib/commonjs/context/xmppProvider.js.map +1 -1
  53. package/lib/commonjs/helpers/keyboardLayout.js +5 -3
  54. package/lib/commonjs/helpers/keyboardLayout.js.map +1 -1
  55. package/lib/commonjs/helpers/mimeToExtension.js +123 -0
  56. package/lib/commonjs/helpers/mimeToExtension.js.map +1 -1
  57. package/lib/commonjs/hooks/useEventHandlers.js +1 -1
  58. package/lib/commonjs/hooks/useEventHandlers.js.map +1 -1
  59. package/lib/commonjs/hooks/useLogout.js +33 -8
  60. package/lib/commonjs/hooks/useLogout.js.map +1 -1
  61. package/lib/commonjs/hooks/useSendMessage.js +6 -3
  62. package/lib/commonjs/hooks/useSendMessage.js.map +1 -1
  63. package/lib/commonjs/networking/api-requests/rooms.api.js +29 -4
  64. package/lib/commonjs/networking/api-requests/rooms.api.js.map +1 -1
  65. package/lib/commonjs/roomStore/roomsSlice.js +6 -0
  66. package/lib/commonjs/roomStore/roomsSlice.js.map +1 -1
  67. package/lib/module/assets/icons.js +7 -1
  68. package/lib/module/assets/icons.js.map +1 -1
  69. package/lib/module/components/MainComponents/ChatHeader.js +31 -16
  70. package/lib/module/components/MainComponents/ChatHeader.js.map +1 -1
  71. package/lib/module/components/MainComponents/ChatRoom.js +36 -6
  72. package/lib/module/components/MainComponents/ChatRoom.js.map +1 -1
  73. package/lib/module/components/MainComponents/ChatWrapper.js +17 -14
  74. package/lib/module/components/MainComponents/ChatWrapper.js.map +1 -1
  75. package/lib/module/components/MainComponents/MediaMessage.js +301 -15
  76. package/lib/module/components/MainComponents/MediaMessage.js.map +1 -1
  77. package/lib/module/components/MessageBubble/InteractionsOverlay.js +112 -0
  78. package/lib/module/components/MessageBubble/InteractionsOverlay.js.map +1 -0
  79. package/lib/module/components/MessageBubble/Message.js +40 -4
  80. package/lib/module/components/MessageBubble/Message.js.map +1 -1
  81. package/lib/module/components/MessageBubble/MessageInteractions.js +89 -41
  82. package/lib/module/components/MessageBubble/MessageInteractions.js.map +1 -1
  83. package/lib/module/components/Modals/AttachSheet/AttachSheet.js +155 -64
  84. package/lib/module/components/Modals/AttachSheet/AttachSheet.js.map +1 -1
  85. package/lib/module/components/Modals/ChatProfileModal/ChatProfileModal.js +20 -5
  86. package/lib/module/components/Modals/ChatProfileModal/ChatProfileModal.js.map +1 -1
  87. package/lib/module/components/Modals/FilePreviewModal/DocumentViewer.js +5 -45
  88. package/lib/module/components/Modals/FilePreviewModal/DocumentViewer.js.map +1 -1
  89. package/lib/module/components/Modals/FilePreviewModal/FilePreviewModal.js +41 -4
  90. package/lib/module/components/Modals/FilePreviewModal/FilePreviewModal.js.map +1 -1
  91. package/lib/module/components/Modals/FilePreviewModal/GViewWebView.js +144 -0
  92. package/lib/module/components/Modals/FilePreviewModal/GViewWebView.js.map +1 -0
  93. package/lib/module/components/Modals/FilePreviewModal/PdfView.js +3 -17
  94. package/lib/module/components/Modals/FilePreviewModal/PdfView.js.map +1 -1
  95. package/lib/module/components/Modals/ModalHeaderComponent.js +10 -0
  96. package/lib/module/components/Modals/ModalHeaderComponent.js.map +1 -1
  97. package/lib/module/components/Modals/styledModalComponents.js +13 -4
  98. package/lib/module/components/Modals/styledModalComponents.js.map +1 -1
  99. package/lib/module/components/RoomComponents/styled/LastAudioMessage.js +20 -34
  100. package/lib/module/components/RoomComponents/styled/LastAudioMessage.js.map +1 -1
  101. package/lib/module/components/styled/AudioMessage.js +644 -67
  102. package/lib/module/components/styled/AudioMessage.js.map +1 -1
  103. package/lib/module/components/styled/Button.js +9 -3
  104. package/lib/module/components/styled/Button.js.map +1 -1
  105. package/lib/module/components/styled/SendInput.js +240 -42
  106. package/lib/module/components/styled/SendInput.js.map +1 -1
  107. package/lib/module/components/styled/StyledComponents.js +6 -3
  108. package/lib/module/components/styled/StyledComponents.js.map +1 -1
  109. package/lib/module/components/styled/StyledInputComponents/MediaComponents.js +31 -18
  110. package/lib/module/components/styled/StyledInputComponents/MediaComponents.js.map +1 -1
  111. package/lib/module/components/styled/UnsupportedType.js +47 -5
  112. package/lib/module/components/styled/UnsupportedType.js.map +1 -1
  113. package/lib/module/components/styled/VideoMessage.js +45 -26
  114. package/lib/module/components/styled/VideoMessage.js.map +1 -1
  115. package/lib/module/context/xmppProvider.js +5 -2
  116. package/lib/module/context/xmppProvider.js.map +1 -1
  117. package/lib/module/helpers/keyboardLayout.js +4 -2
  118. package/lib/module/helpers/keyboardLayout.js.map +1 -1
  119. package/lib/module/helpers/mimeToExtension.js +119 -0
  120. package/lib/module/helpers/mimeToExtension.js.map +1 -1
  121. package/lib/module/hooks/useEventHandlers.js +1 -1
  122. package/lib/module/hooks/useEventHandlers.js.map +1 -1
  123. package/lib/module/hooks/useLogout.js +33 -8
  124. package/lib/module/hooks/useLogout.js.map +1 -1
  125. package/lib/module/hooks/useSendMessage.js +6 -3
  126. package/lib/module/hooks/useSendMessage.js.map +1 -1
  127. package/lib/module/networking/api-requests/rooms.api.js +29 -4
  128. package/lib/module/networking/api-requests/rooms.api.js.map +1 -1
  129. package/lib/module/roomStore/roomsSlice.js +6 -0
  130. package/lib/module/roomStore/roomsSlice.js.map +1 -1
  131. package/lib/typescript/assets/icons.d.ts.map +1 -1
  132. package/lib/typescript/components/MainComponents/ChatHeader.d.ts.map +1 -1
  133. package/lib/typescript/components/MainComponents/ChatRoom.d.ts.map +1 -1
  134. package/lib/typescript/components/MainComponents/ChatWrapper.d.ts.map +1 -1
  135. package/lib/typescript/components/MainComponents/MediaMessage.d.ts.map +1 -1
  136. package/lib/typescript/components/MessageBubble/InteractionsOverlay.d.ts +13 -0
  137. package/lib/typescript/components/MessageBubble/InteractionsOverlay.d.ts.map +1 -0
  138. package/lib/typescript/components/MessageBubble/Message.d.ts.map +1 -1
  139. package/lib/typescript/components/MessageBubble/MessageInteractions.d.ts.map +1 -1
  140. package/lib/typescript/components/Modals/AttachSheet/AttachSheet.d.ts.map +1 -1
  141. package/lib/typescript/components/Modals/ChatProfileModal/ChatProfileModal.d.ts.map +1 -1
  142. package/lib/typescript/components/Modals/FilePreviewModal/DocumentViewer.d.ts +0 -7
  143. package/lib/typescript/components/Modals/FilePreviewModal/DocumentViewer.d.ts.map +1 -1
  144. package/lib/typescript/components/Modals/FilePreviewModal/FilePreviewModal.d.ts.map +1 -1
  145. package/lib/typescript/components/Modals/FilePreviewModal/GViewWebView.d.ts +8 -0
  146. package/lib/typescript/components/Modals/FilePreviewModal/GViewWebView.d.ts.map +1 -0
  147. package/lib/typescript/components/Modals/FilePreviewModal/PdfView.d.ts.map +1 -1
  148. package/lib/typescript/components/Modals/ModalHeaderComponent.d.ts.map +1 -1
  149. package/lib/typescript/components/Modals/styledModalComponents.d.ts.map +1 -1
  150. package/lib/typescript/components/RoomComponents/styled/LastAudioMessage.d.ts.map +1 -1
  151. package/lib/typescript/components/styled/AudioMessage.d.ts +8 -2
  152. package/lib/typescript/components/styled/AudioMessage.d.ts.map +1 -1
  153. package/lib/typescript/components/styled/Button.d.ts.map +1 -1
  154. package/lib/typescript/components/styled/SendInput.d.ts.map +1 -1
  155. package/lib/typescript/components/styled/StyledComponents.d.ts.map +1 -1
  156. package/lib/typescript/components/styled/StyledInputComponents/MediaComponents.d.ts +5 -1
  157. package/lib/typescript/components/styled/StyledInputComponents/MediaComponents.d.ts.map +1 -1
  158. package/lib/typescript/components/styled/UnsupportedType.d.ts +5 -0
  159. package/lib/typescript/components/styled/UnsupportedType.d.ts.map +1 -1
  160. package/lib/typescript/components/styled/VideoMessage.d.ts.map +1 -1
  161. package/lib/typescript/context/xmppProvider.d.ts.map +1 -1
  162. package/lib/typescript/helpers/keyboardLayout.d.ts +3 -1
  163. package/lib/typescript/helpers/keyboardLayout.d.ts.map +1 -1
  164. package/lib/typescript/helpers/mimeToExtension.d.ts +38 -0
  165. package/lib/typescript/helpers/mimeToExtension.d.ts.map +1 -1
  166. package/lib/typescript/hooks/useLogout.d.ts +23 -1
  167. package/lib/typescript/hooks/useLogout.d.ts.map +1 -1
  168. package/lib/typescript/hooks/useSendMessage.d.ts.map +1 -1
  169. package/lib/typescript/networking/api-requests/rooms.api.d.ts.map +1 -1
  170. package/lib/typescript/roomStore/roomsSlice.d.ts.map +1 -1
  171. package/lib/typescript/types/models/modal.model.d.ts +3 -0
  172. package/lib/typescript/types/models/modal.model.d.ts.map +1 -1
  173. package/lib/typescript/types/types.d.ts +29 -0
  174. package/lib/typescript/types/types.d.ts.map +1 -1
  175. package/package.json +11 -4
  176. package/src/assets/icons.tsx +30 -25
  177. package/src/components/MainComponents/ChatHeader.tsx +46 -15
  178. package/src/components/MainComponents/ChatRoom.tsx +38 -3
  179. package/src/components/MainComponents/ChatWrapper.tsx +28 -21
  180. package/src/components/MainComponents/MediaMessage.tsx +304 -11
  181. package/src/components/MessageBubble/InteractionsOverlay.tsx +121 -0
  182. package/src/components/MessageBubble/Message.tsx +44 -3
  183. package/src/components/MessageBubble/MessageInteractions.tsx +103 -52
  184. package/src/components/Modals/AttachSheet/AttachSheet.tsx +144 -51
  185. package/src/components/Modals/ChatProfileModal/ChatProfileModal.tsx +25 -3
  186. package/src/components/Modals/FilePreviewModal/DocumentViewer.tsx +3 -40
  187. package/src/components/Modals/FilePreviewModal/FilePreviewModal.tsx +48 -4
  188. package/src/components/Modals/FilePreviewModal/GViewWebView.tsx +142 -0
  189. package/src/components/Modals/FilePreviewModal/PdfView.tsx +2 -18
  190. package/src/components/Modals/ModalHeaderComponent.tsx +8 -1
  191. package/src/components/Modals/styledModalComponents.tsx +13 -4
  192. package/src/components/RoomComponents/styled/LastAudioMessage.tsx +20 -35
  193. package/src/components/styled/AudioMessage.tsx +724 -59
  194. package/src/components/styled/Button.tsx +20 -11
  195. package/src/components/styled/SendInput.tsx +255 -46
  196. package/src/components/styled/StyledComponents.ts +6 -3
  197. package/src/components/styled/StyledInputComponents/MediaComponents.tsx +29 -18
  198. package/src/components/styled/UnsupportedType.tsx +60 -6
  199. package/src/components/styled/VideoMessage.tsx +21 -5
  200. package/src/context/xmppProvider.tsx +6 -2
  201. package/src/helpers/keyboardLayout.ts +5 -1
  202. package/src/helpers/mimeToExtension.ts +178 -0
  203. package/src/hooks/useEventHandlers.tsx +1 -1
  204. package/src/hooks/useLogout.tsx +33 -10
  205. package/src/hooks/useSendMessage.tsx +12 -6
  206. package/src/networking/api-requests/rooms.api.ts +31 -7
  207. package/src/roomStore/roomsSlice.ts +7 -0
  208. package/src/types/models/modal.model.ts +3 -0
  209. package/src/types/types.ts +29 -0
@@ -1,12 +1,13 @@
1
1
  "use strict";
2
2
 
3
- import React, { useMemo, useState } from 'react';
3
+ import React, { useEffect, useId, useMemo, useState } from 'react';
4
4
  import { Delimeter, MenuItem } from '../ContextMenu/ContextMenuComponents';
5
5
  import { useSelector } from 'react-redux';
6
6
  import { MESSAGE_INTERACTIONS, MESSAGE_INTERACTIONS_ICONS } from '../../helpers/constants/MESSAGE_INTERACTIONS';
7
- import { Modal, Text, StyleSheet, View, Pressable, Dimensions } from 'react-native';
7
+ import { Text, StyleSheet, View, Pressable, Dimensions, Keyboard } from 'react-native';
8
8
  import * as Clipboard from 'expo-clipboard';
9
9
  import { useToast } from '../../context/ToastContext';
10
+ import { useInteractionsOverlay } from './InteractionsOverlay';
10
11
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
11
12
  const MessageInteractions = ({
12
13
  isReply,
@@ -21,11 +22,32 @@ const MessageInteractions = ({
21
22
  const {
22
23
  showToast
23
24
  } = useToast();
25
+ const {
26
+ present,
27
+ dismiss,
28
+ originX,
29
+ originY
30
+ } = useInteractionsOverlay();
31
+ const overlayId = useId();
24
32
  const config = useSelector(state => state.chatSettingStore.config);
25
33
  const [menuSize, setMenuSize] = useState({
26
34
  width: 0,
27
35
  height: 0
28
36
  });
37
+
38
+ // Live keyboard height so the menu knows the REAL space below the message.
39
+ // Without this the position math used the full screen height and happily
40
+ // opened the menu downward into the area the keyboard now covers, hiding
41
+ // it under the keyboard / behind the input. Seeded from current metrics so
42
+ // an already-open keyboard (the common case: menu opened while typing) is
43
+ // accounted for on first render, not only after the next show event.
44
+ const [keyboardHeight, setKeyboardHeight] = useState(() => Keyboard.metrics?.()?.height ?? 0);
45
+ useEffect(() => {
46
+ const onShow = e => setKeyboardHeight(e?.endCoordinates?.height ?? 0);
47
+ const onHide = () => setKeyboardHeight(0);
48
+ const subs = [Keyboard.addListener('keyboardDidShow', onShow), Keyboard.addListener('keyboardDidChangeFrame', onShow), Keyboard.addListener('keyboardDidHide', onHide)];
49
+ return () => subs.forEach(s => s.remove());
50
+ }, []);
29
51
  const handleMenuLayout = e => {
30
52
  const {
31
53
  width,
@@ -79,7 +101,13 @@ const MessageInteractions = ({
79
101
  const bottomReserve = (config?.keyboardVerticalOffset ?? 0) + 24;
80
102
  const topReserve = 16;
81
103
  const sideMargin = 8;
82
- const spaceBelow = screenHeight - position.bottom - bottomReserve;
104
+
105
+ // The keyboard occludes the bottom `keyboardHeight` px, so the real
106
+ // visible bottom edge is above it. Measuring space below against this
107
+ // (not the full screen) is what makes the menu flip ABOVE the message
108
+ // when the keyboard is open and the message sits near the input.
109
+ const visibleBottom = screenHeight - keyboardHeight;
110
+ const spaceBelow = visibleBottom - position.bottom - bottomReserve;
83
111
  const spaceAbove = position.top - topReserve;
84
112
  let top;
85
113
  if (spaceBelow >= menuSize.height) {
@@ -87,7 +115,7 @@ const MessageInteractions = ({
87
115
  } else if (spaceAbove >= menuSize.height) {
88
116
  top = position.top - menuSize.height;
89
117
  } else {
90
- top = Math.max(topReserve, screenHeight - menuSize.height - bottomReserve);
118
+ top = Math.max(topReserve, visibleBottom - menuSize.height - bottomReserve);
91
119
  }
92
120
  const leftMargin = position.left;
93
121
  const rightMargin = screenWidth - position.right;
@@ -98,49 +126,69 @@ const MessageInteractions = ({
98
126
  top,
99
127
  left
100
128
  };
101
- }, [position, menuSize, config?.keyboardVerticalOffset]);
102
- if (config?.disableInteractions) {
103
- return null;
104
- }
105
- return /*#__PURE__*/_jsx(Modal, {
106
- transparent: true,
107
- animationType: "fade",
108
- visible: true,
109
- onRequestClose: closeMenu,
110
- children: !message.isDeleted && /*#__PURE__*/_jsxs(View, {
111
- style: styles.overlayFill,
112
- children: [/*#__PURE__*/_jsx(Pressable, {
113
- style: StyleSheet.absoluteFill,
114
- onPress: closeMenu
115
- }), /*#__PURE__*/_jsxs(View, {
116
- style: [styles.contextMenu, memoPosition],
117
- onLayout: handleMenuLayout,
118
- children: [/*#__PURE__*/_jsxs(MenuItem, {
119
- onPress: () => handleCopyMessage(message.body),
120
- children: [/*#__PURE__*/_jsx(Text, {
121
- style: styles.menuText,
122
- children: MESSAGE_INTERACTIONS.COPY
123
- }), /*#__PURE__*/_jsx(MESSAGE_INTERACTIONS_ICONS.COPY, {})]
124
- }), isUser && /*#__PURE__*/_jsxs(_Fragment, {
125
- children: [message?.isMediafile !== 'true' && /*#__PURE__*/_jsxs(_Fragment, {
126
- children: [/*#__PURE__*/_jsx(Delimeter, {}), /*#__PURE__*/_jsxs(MenuItem, {
127
- onPress: handleEditMessage,
128
- children: [/*#__PURE__*/_jsx(Text, {
129
- style: styles.menuText,
130
- children: MESSAGE_INTERACTIONS.EDIT
131
- }), /*#__PURE__*/_jsx(MESSAGE_INTERACTIONS_ICONS.EDIT, {})]
132
- })]
133
- }), /*#__PURE__*/_jsx(Delimeter, {}), /*#__PURE__*/_jsxs(MenuItem, {
134
- onPress: handleDeleteMessage,
129
+ }, [position, menuSize, config?.keyboardVerticalOffset, keyboardHeight]);
130
+
131
+ // Window coords (memoPosition) → host-local coords. The overlay host
132
+ // sits below the status bar / header, so subtract its measured origin.
133
+ const localPosition = useMemo(() => {
134
+ if (!memoPosition) {
135
+ return undefined;
136
+ }
137
+ return {
138
+ ...memoPosition,
139
+ top: memoPosition.top - originY,
140
+ left: memoPosition.left - originX
141
+ };
142
+ }, [memoPosition, originX, originY]);
143
+ const content = config?.disableInteractions || message.isDeleted ? null : /*#__PURE__*/_jsxs(View, {
144
+ style: styles.overlayFill,
145
+ children: [/*#__PURE__*/_jsx(Pressable, {
146
+ style: StyleSheet.absoluteFill,
147
+ onPress: closeMenu
148
+ }), /*#__PURE__*/_jsxs(View, {
149
+ style: [styles.contextMenu, localPosition],
150
+ onLayout: handleMenuLayout,
151
+ children: [/*#__PURE__*/_jsxs(MenuItem, {
152
+ onPress: () => handleCopyMessage(message.body),
153
+ children: [/*#__PURE__*/_jsx(Text, {
154
+ style: styles.menuText,
155
+ children: MESSAGE_INTERACTIONS.COPY
156
+ }), /*#__PURE__*/_jsx(MESSAGE_INTERACTIONS_ICONS.COPY, {})]
157
+ }), isUser && /*#__PURE__*/_jsxs(_Fragment, {
158
+ children: [message?.isMediafile !== 'true' && /*#__PURE__*/_jsxs(_Fragment, {
159
+ children: [/*#__PURE__*/_jsx(Delimeter, {}), /*#__PURE__*/_jsxs(MenuItem, {
160
+ onPress: handleEditMessage,
135
161
  children: [/*#__PURE__*/_jsx(Text, {
136
162
  style: styles.menuText,
137
- children: MESSAGE_INTERACTIONS.DELETE
138
- }), /*#__PURE__*/_jsx(MESSAGE_INTERACTIONS_ICONS.DELETE, {})]
163
+ children: MESSAGE_INTERACTIONS.EDIT
164
+ }), /*#__PURE__*/_jsx(MESSAGE_INTERACTIONS_ICONS.EDIT, {})]
139
165
  })]
166
+ }), /*#__PURE__*/_jsx(Delimeter, {}), /*#__PURE__*/_jsxs(MenuItem, {
167
+ onPress: handleDeleteMessage,
168
+ children: [/*#__PURE__*/_jsx(Text, {
169
+ style: styles.menuText,
170
+ children: MESSAGE_INTERACTIONS.DELETE
171
+ }), /*#__PURE__*/_jsx(MESSAGE_INTERACTIONS_ICONS.DELETE, {})]
140
172
  })]
141
173
  })]
142
- })
174
+ })]
175
+ });
176
+
177
+ // Render the menu in the in-tree overlay host instead of a React Native
178
+ // <Modal>. A Modal opens its own window on Android, which steals focus
179
+ // from the chat input and dismisses the keyboard when the menu opens;
180
+ // hosting it in the same view tree keeps the keyboard up. Re-run every
181
+ // render so menuSize/position updates refresh the hosted node.
182
+ // eslint-disable-next-line react-hooks/exhaustive-deps
183
+ useEffect(() => {
184
+ if (content) {
185
+ present(overlayId, content);
186
+ } else {
187
+ dismiss(overlayId);
188
+ }
143
189
  });
190
+ useEffect(() => () => dismiss(overlayId), [dismiss, overlayId]);
191
+ return null;
144
192
  };
145
193
  export default MessageInteractions;
146
194
  const styles = StyleSheet.create({
@@ -1 +1 @@
1
- {"version":3,"names":["React","useMemo","useState","Delimeter","MenuItem","useSelector","MESSAGE_INTERACTIONS","MESSAGE_INTERACTIONS_ICONS","Modal","Text","StyleSheet","View","Pressable","Dimensions","Clipboard","useToast","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","MessageInteractions","isReply","isUser","message","closeMenu","position","handleReplyMessage","replyMessage","handleDeleteMessage","handleEditMessage","showToast","config","state","chatSettingStore","menuSize","setMenuSize","width","height","handleMenuLayout","e","nativeEvent","layout","handleCopyMessage","text","setStringAsync","id","Date","now","toString","title","type","err","console","log","memoPosition","undefined","top","bottom","left","opacity","screenWidth","screenHeight","get","bottomReserve","keyboardVerticalOffset","topReserve","sideMargin","spaceBelow","spaceAbove","Math","max","leftMargin","rightMargin","right","rightAligned","min","disableInteractions","transparent","animationType","visible","onRequestClose","children","isDeleted","style","styles","overlayFill","absoluteFill","onPress","contextMenu","onLayout","body","menuText","COPY","isMediafile","EDIT","DELETE","create","absoluteFillObject","backgroundColor","paddingVertical","paddingHorizontal","borderRadius","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","minWidth","overflow","fontSize","color","includeFontPadding","textAlignVertical","marginRight"],"sourceRoot":"../../../../src","sources":["components/MessageBubble/MessageInteractions.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["React","useEffect","useId","useMemo","useState","Delimeter","MenuItem","useSelector","MESSAGE_INTERACTIONS","MESSAGE_INTERACTIONS_ICONS","Text","StyleSheet","View","Pressable","Dimensions","Keyboard","Clipboard","useToast","useInteractionsOverlay","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","MessageInteractions","isReply","isUser","message","closeMenu","position","handleReplyMessage","replyMessage","handleDeleteMessage","handleEditMessage","showToast","present","dismiss","originX","originY","overlayId","config","state","chatSettingStore","menuSize","setMenuSize","width","height","keyboardHeight","setKeyboardHeight","metrics","onShow","e","endCoordinates","onHide","subs","addListener","forEach","s","remove","handleMenuLayout","nativeEvent","layout","handleCopyMessage","text","setStringAsync","id","Date","now","toString","title","type","err","console","log","memoPosition","undefined","top","bottom","left","opacity","screenWidth","screenHeight","get","bottomReserve","keyboardVerticalOffset","topReserve","sideMargin","visibleBottom","spaceBelow","spaceAbove","Math","max","leftMargin","rightMargin","right","rightAligned","min","localPosition","content","disableInteractions","isDeleted","style","styles","overlayFill","children","absoluteFill","onPress","contextMenu","onLayout","body","menuText","COPY","isMediafile","EDIT","DELETE","create","absoluteFillObject","backgroundColor","paddingVertical","paddingHorizontal","borderRadius","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","minWidth","overflow","fontSize","color","includeFontPadding","textAlignVertical","marginRight"],"sourceRoot":"../../../../src","sources":["components/MessageBubble/MessageInteractions.tsx"],"mappings":"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","ignoreList":[]}
@@ -2,10 +2,14 @@
2
2
 
3
3
  /** @format */
4
4
 
5
- import React, { useRef } from 'react';
6
- import { Modal, Platform, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
5
+ import React, { useEffect, useRef, useState } from 'react';
6
+ import { Animated, Easing, Modal, Platform, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
7
7
  import { CameraIcon, DocumentIcon, MediaIcon } from '../../../assets/icons';
8
8
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
9
+ // Starting translateY for the sheet. Larger than any realistic sheet
10
+ // height so it sits fully below the viewport before opening; the exact
11
+ // number doesn't matter visually because it animates to 0.
12
+ const SHEET_OFFSCREEN = 600;
9
13
  const AttachSheet = ({
10
14
  visible,
11
15
  onClose,
@@ -14,20 +18,91 @@ const AttachSheet = ({
14
18
  onDocument,
15
19
  primaryColor = '#0052CD'
16
20
  }) => {
21
+ // Pending handler captured on row tap — runs once the EXIT animation
22
+ // finishes so iOS doesn't try to present an image picker over a
23
+ // still-dismissing modal (was the original reason for the
24
+ // platform-split + Modal.onDismiss dance). The animation completion
25
+ // callback now drives this on both platforms.
17
26
  const pendingRef = useRef(null);
18
- const runPending = () => {
19
- const fn = pendingRef.current;
20
- pendingRef.current = null;
21
- fn?.();
22
- };
23
- const trigger = handler => () => {
24
- if (Platform.OS === 'ios') {
25
- pendingRef.current = handler;
26
- onClose();
27
- } else {
28
- onClose();
29
- setTimeout(handler, 150);
27
+
28
+ // Local "modal stays mounted while animating out" state. The parent
29
+ // controls `visible`; we mirror it but delay unmount until the exit
30
+ // animation has played so the slide-down is actually seen.
31
+ const [mounted, setMounted] = useState(visible);
32
+
33
+ // Two separate Animated values — the whole point of the rewrite:
34
+ // • backdropOpacity: fades the dim layer in/out (no slide).
35
+ // • sheetTranslateY: slides ONLY the sheet up from below.
36
+ // RN Modal's built-in `animationType="slide"` slides the entire
37
+ // contents (backdrop included) so the dim shade entered from the
38
+ // bottom — what looked "awful". Splitting these gives the standard
39
+ // bottom-sheet feel.
40
+ const backdropOpacity = useRef(new Animated.Value(0)).current;
41
+ const sheetTranslateY = useRef(new Animated.Value(SHEET_OFFSCREEN)).current;
42
+ useEffect(() => {
43
+ if (visible) {
44
+ setMounted(true);
45
+ // Reset to starting positions BEFORE the Modal becomes visible so
46
+ // the first animated frame is below-the-fold (not a flash of the
47
+ // settled sheet).
48
+ backdropOpacity.setValue(0);
49
+ sheetTranslateY.setValue(SHEET_OFFSCREEN);
50
+ // requestAnimationFrame lets the Modal commit its mount before the
51
+ // animation starts; without this the first frame can be skipped.
52
+ const raf = requestAnimationFrame(() => {
53
+ Animated.parallel([Animated.timing(backdropOpacity, {
54
+ toValue: 1,
55
+ duration: 220,
56
+ easing: Easing.out(Easing.cubic),
57
+ useNativeDriver: true
58
+ }), Animated.spring(sheetTranslateY, {
59
+ toValue: 0,
60
+ // Tuned for a quick-but-not-bouncy entry. tension is the
61
+ // "stiffness" knob, friction the "damping" knob in RN's
62
+ // spring config.
63
+ tension: 90,
64
+ friction: 14,
65
+ useNativeDriver: true
66
+ })]).start();
67
+ });
68
+ return () => cancelAnimationFrame(raf);
69
+ }
70
+ if (!mounted) {
71
+ return;
30
72
  }
73
+ // Exit: fade the backdrop, slide the sheet down, then unmount and
74
+ // fire any pending picker handler.
75
+ Animated.parallel([Animated.timing(backdropOpacity, {
76
+ toValue: 0,
77
+ duration: 180,
78
+ easing: Easing.in(Easing.cubic),
79
+ useNativeDriver: true
80
+ }), Animated.timing(sheetTranslateY, {
81
+ toValue: SHEET_OFFSCREEN,
82
+ duration: 220,
83
+ easing: Easing.in(Easing.cubic),
84
+ useNativeDriver: true
85
+ })]).start(({
86
+ finished
87
+ }) => {
88
+ if (!finished) {
89
+ return;
90
+ } // interrupted (rapid re-open) → leave state alone
91
+ setMounted(false);
92
+ const fn = pendingRef.current;
93
+ pendingRef.current = null;
94
+ fn?.();
95
+ });
96
+ return undefined;
97
+ }, [visible]); // eslint-disable-line react-hooks/exhaustive-deps
98
+
99
+ const trigger = handler => () => {
100
+ // Capture the handler and ask parent to close. The exit-animation
101
+ // completion above fires `handler` AFTER the sheet has slid away,
102
+ // so iOS no longer tries to present a picker over a dismissing
103
+ // modal — and Android no longer needs the ad-hoc 150ms setTimeout.
104
+ pendingRef.current = handler;
105
+ onClose();
31
106
  };
32
107
  const rows = [{
33
108
  label: 'Take photo',
@@ -47,60 +122,76 @@ const AttachSheet = ({
47
122
  }];
48
123
  return /*#__PURE__*/_jsx(Modal, {
49
124
  transparent: true,
50
- visible: visible,
51
- animationType: "slide",
52
- onRequestClose: onClose,
53
- onDismiss: runPending,
54
- children: /*#__PURE__*/_jsx(TouchableOpacity, {
55
- style: styles.backdrop,
56
- activeOpacity: 1,
57
- onPress: onClose,
58
- children: /*#__PURE__*/_jsxs(TouchableOpacity, {
125
+ visible: mounted
126
+ // We drive the animation ourselves — disable RN's built-in slide
127
+ // (which slid the backdrop too) so the fade + spring above are the
128
+ // only motion.
129
+ ,
130
+ animationType: "none",
131
+ onRequestClose: onClose
132
+ // Hardware-back / iOS gesture also routes through onClose, which
133
+ // flips `visible` and triggers our exit animation above.
134
+ ,
135
+ children: /*#__PURE__*/_jsxs(Animated.View, {
136
+ style: [styles.backdrop, {
137
+ opacity: backdropOpacity
138
+ }],
139
+ children: [/*#__PURE__*/_jsx(TouchableOpacity, {
140
+ style: StyleSheet.absoluteFill,
59
141
  activeOpacity: 1,
60
- style: styles.sheet,
61
- children: [/*#__PURE__*/_jsx(View, {
62
- style: styles.grabber
63
- }), /*#__PURE__*/_jsx(Text, {
64
- style: styles.title,
65
- children: "Attach"
66
- }), rows.map(({
67
- label,
68
- hint,
69
- Icon,
70
- handler
71
- }, idx) => /*#__PURE__*/_jsxs(TouchableOpacity, {
72
- activeOpacity: 0.6,
73
- style: [styles.row, idx < rows.length - 1 && styles.rowDivider],
74
- onPress: trigger(handler),
142
+ onPress: onClose
143
+ }), /*#__PURE__*/_jsx(Animated.View, {
144
+ style: [styles.sheet, {
145
+ transform: [{
146
+ translateY: sheetTranslateY
147
+ }]
148
+ }],
149
+ children: /*#__PURE__*/_jsxs(TouchableOpacity, {
150
+ activeOpacity: 1,
75
151
  children: [/*#__PURE__*/_jsx(View, {
76
- style: [styles.iconBubble, {
77
- backgroundColor: primaryColor + '14'
78
- }],
79
- children: /*#__PURE__*/_jsx(Icon, {
80
- color: primaryColor,
81
- width: 20,
82
- height: 20
83
- })
84
- }), /*#__PURE__*/_jsxs(View, {
85
- style: styles.rowText,
86
- children: [/*#__PURE__*/_jsx(Text, {
87
- style: styles.rowLabel,
88
- children: label
89
- }), /*#__PURE__*/_jsx(Text, {
90
- style: styles.rowHint,
91
- children: hint
152
+ style: styles.grabber
153
+ }), /*#__PURE__*/_jsx(Text, {
154
+ style: styles.title,
155
+ children: "Attach"
156
+ }), rows.map(({
157
+ label,
158
+ hint,
159
+ Icon,
160
+ handler
161
+ }, idx) => /*#__PURE__*/_jsxs(TouchableOpacity, {
162
+ activeOpacity: 0.6,
163
+ style: [styles.row, idx < rows.length - 1 && styles.rowDivider],
164
+ onPress: trigger(handler),
165
+ children: [/*#__PURE__*/_jsx(View, {
166
+ style: [styles.iconBubble, {
167
+ backgroundColor: primaryColor + '14'
168
+ }],
169
+ children: /*#__PURE__*/_jsx(Icon, {
170
+ color: primaryColor,
171
+ width: 20,
172
+ height: 20
173
+ })
174
+ }), /*#__PURE__*/_jsxs(View, {
175
+ style: styles.rowText,
176
+ children: [/*#__PURE__*/_jsx(Text, {
177
+ style: styles.rowLabel,
178
+ children: label
179
+ }), /*#__PURE__*/_jsx(Text, {
180
+ style: styles.rowHint,
181
+ children: hint
182
+ })]
92
183
  })]
184
+ }, label)), /*#__PURE__*/_jsx(TouchableOpacity, {
185
+ activeOpacity: 0.6,
186
+ style: styles.cancelRow,
187
+ onPress: onClose,
188
+ children: /*#__PURE__*/_jsx(Text, {
189
+ style: styles.cancelLabel,
190
+ children: "Cancel"
191
+ })
93
192
  })]
94
- }, label)), /*#__PURE__*/_jsx(TouchableOpacity, {
95
- activeOpacity: 0.6,
96
- style: styles.cancelRow,
97
- onPress: onClose,
98
- children: /*#__PURE__*/_jsx(Text, {
99
- style: styles.cancelLabel,
100
- children: "Cancel"
101
- })
102
- })]
103
- })
193
+ })
194
+ })]
104
195
  })
105
196
  });
106
197
  };
@@ -1 +1 @@
1
- {"version":3,"names":["React","useRef","Modal","Platform","StyleSheet","Text","TouchableOpacity","View","CameraIcon","DocumentIcon","MediaIcon","jsx","_jsx","jsxs","_jsxs","AttachSheet","visible","onClose","onCamera","onGallery","onDocument","primaryColor","pendingRef","runPending","fn","current","trigger","handler","OS","setTimeout","rows","label","hint","Icon","transparent","animationType","onRequestClose","onDismiss","children","style","styles","backdrop","activeOpacity","onPress","sheet","grabber","title","map","idx","row","length","rowDivider","iconBubble","backgroundColor","color","width","height","rowText","rowLabel","rowHint","cancelRow","cancelLabel","create","flex","justifyContent","borderTopLeftRadius","borderTopRightRadius","paddingTop","paddingBottom","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","alignSelf","borderRadius","marginBottom","fontSize","fontWeight","letterSpacing","textTransform","paddingHorizontal","flexDirection","alignItems","paddingVertical","borderBottomWidth","hairlineWidth","borderBottomColor","marginRight","marginTop","marginHorizontal"],"sourceRoot":"../../../../../src","sources":["components/Modals/AttachSheet/AttachSheet.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["React","useEffect","useRef","useState","Animated","Easing","Modal","Platform","StyleSheet","Text","TouchableOpacity","View","CameraIcon","DocumentIcon","MediaIcon","jsx","_jsx","jsxs","_jsxs","SHEET_OFFSCREEN","AttachSheet","visible","onClose","onCamera","onGallery","onDocument","primaryColor","pendingRef","mounted","setMounted","backdropOpacity","Value","current","sheetTranslateY","setValue","raf","requestAnimationFrame","parallel","timing","toValue","duration","easing","out","cubic","useNativeDriver","spring","tension","friction","start","cancelAnimationFrame","in","finished","fn","undefined","trigger","handler","rows","label","hint","Icon","transparent","animationType","onRequestClose","children","style","styles","backdrop","opacity","absoluteFill","activeOpacity","onPress","sheet","transform","translateY","grabber","title","map","idx","row","length","rowDivider","iconBubble","backgroundColor","color","width","height","rowText","rowLabel","rowHint","cancelRow","cancelLabel","create","flex","justifyContent","borderTopLeftRadius","borderTopRightRadius","paddingTop","paddingBottom","OS","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","alignSelf","borderRadius","marginBottom","fontSize","fontWeight","letterSpacing","textTransform","paddingHorizontal","flexDirection","alignItems","paddingVertical","borderBottomWidth","hairlineWidth","borderBottomColor","marginRight","marginTop","marginHorizontal"],"sourceRoot":"../../../../../src","sources":["components/Modals/AttachSheet/AttachSheet.tsx"],"mappings":"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","ignoreList":[]}
@@ -245,13 +245,20 @@ const ChatProfileModal = ({
245
245
  }), /*#__PURE__*/_jsxs(CenterContainer, {
246
246
  children: [/*#__PURE__*/_jsx(ProfileImagePlaceholder, {
247
247
  name: activeRoom.title || activeRoom.name,
248
- icon: activeRoom.icon,
248
+ icon: activeRoom.icon
249
+ // Two gates control whether the icon is editable:
250
+ // 1. role — only non-participants could edit before.
251
+ // 2. NEW: `disableChatInfo.disableIconEdit` — hard kill from
252
+ // config so a consumer can make the icon read-only for
253
+ // everyone (e.g. branded rooms, patient-facing apps).
254
+ // Both must allow it for the picker/remove affordances to show.
255
+ ,
249
256
  upload: {
250
257
  onUpload,
251
- active: activeRoom?.role !== 'participant' ? true : false
258
+ active: !config?.disableChatInfo?.disableIconEdit && activeRoom?.role !== 'participant'
252
259
  },
253
260
  remove: {
254
- enabled: true,
261
+ enabled: !config?.disableChatInfo?.disableIconEdit,
255
262
  onRemoveClick
256
263
  },
257
264
  role: activeRoom?.role,
@@ -314,8 +321,16 @@ const ChatProfileModal = ({
314
321
  alignItems: 'center',
315
322
  justifyContent: 'flex-start',
316
323
  gap: 16
317
- },
318
- onPress: () => handleUserAvatarClick(user),
324
+ }
325
+ // `disableChatInfo.disableMemberTap` blocks the
326
+ // tap entirely so the user-profile popup never
327
+ // opens. `disableMemberProfileActions` only hid
328
+ // the action buttons INSIDE that popup, leaving
329
+ // the popup itself to open on tap — this gate
330
+ // closes the door. Customer-reported #16.
331
+ ,
332
+ onPress: config?.disableChatInfo?.disableMemberTap ? undefined : () => handleUserAvatarClick(user),
333
+ disabled: !!config?.disableChatInfo?.disableMemberTap,
319
334
  children: [/*#__PURE__*/_jsx(ProfileImagePlaceholder, {
320
335
  name: `${user.firstName} ${user.lastName}`,
321
336
  size: 40