stream-chat-react-native-core 5.15.2 → 5.15.3-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/Channel/Channel.js +58 -46
- package/lib/commonjs/components/Channel/Channel.js.map +1 -1
- package/lib/commonjs/components/MessageOverlay/MessageActionList.js +25 -24
- package/lib/commonjs/components/MessageOverlay/MessageActionList.js.map +1 -1
- package/lib/commonjs/components/MessageOverlay/MessageActionListItem.js +26 -26
- package/lib/commonjs/components/MessageOverlay/MessageActionListItem.js.map +1 -1
- package/lib/commonjs/contexts/messageInputContext/MessageInputContext.js +4 -4
- package/lib/commonjs/contexts/messageInputContext/MessageInputContext.js.map +1 -1
- package/lib/commonjs/version.json +1 -1
- package/lib/module/components/Channel/Channel.js +58 -46
- package/lib/module/components/Channel/Channel.js.map +1 -1
- package/lib/module/components/MessageOverlay/MessageActionList.js +25 -24
- package/lib/module/components/MessageOverlay/MessageActionList.js.map +1 -1
- package/lib/module/components/MessageOverlay/MessageActionListItem.js +26 -26
- package/lib/module/components/MessageOverlay/MessageActionListItem.js.map +1 -1
- package/lib/module/contexts/messageInputContext/MessageInputContext.js +4 -4
- package/lib/module/contexts/messageInputContext/MessageInputContext.js.map +1 -1
- package/lib/module/version.json +1 -1
- package/package.json +1 -1
- package/src/components/Channel/Channel.tsx +8 -4
- package/src/components/MessageOverlay/MessageActionList.tsx +23 -22
- package/src/components/MessageOverlay/MessageActionListItem.tsx +22 -22
- package/src/contexts/messageInputContext/MessageInputContext.tsx +3 -3
- package/src/version.json +1 -1
|
@@ -16,27 +16,6 @@ var _this = this,
|
|
|
16
16
|
_jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageOverlay/MessageActionList.tsx";
|
|
17
17
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
18
18
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
|
-
var styles = _reactNative.StyleSheet.create({
|
|
20
|
-
bottomBorder: {
|
|
21
|
-
borderBottomWidth: 1
|
|
22
|
-
},
|
|
23
|
-
container: {
|
|
24
|
-
borderRadius: 16,
|
|
25
|
-
marginTop: 8,
|
|
26
|
-
maxWidth: 275
|
|
27
|
-
},
|
|
28
|
-
row: {
|
|
29
|
-
alignItems: 'center',
|
|
30
|
-
flexDirection: 'row',
|
|
31
|
-
justifyContent: 'flex-start',
|
|
32
|
-
minWidth: (0, _utils.vw)(65),
|
|
33
|
-
paddingHorizontal: 20,
|
|
34
|
-
paddingVertical: 10
|
|
35
|
-
},
|
|
36
|
-
titleStyle: {
|
|
37
|
-
paddingLeft: 20
|
|
38
|
-
}
|
|
39
|
-
});
|
|
40
19
|
var MessageActionListWithContext = function MessageActionListWithContext(props) {
|
|
41
20
|
var alignment = props.alignment,
|
|
42
21
|
messageActions = props.messageActions,
|
|
@@ -83,7 +62,7 @@ var MessageActionListWithContext = function MessageActionListWithContext(props)
|
|
|
83
62
|
__self: _this,
|
|
84
63
|
__source: {
|
|
85
64
|
fileName: _jsxFileName,
|
|
86
|
-
lineNumber:
|
|
65
|
+
lineNumber: 87,
|
|
87
66
|
columnNumber: 5
|
|
88
67
|
}
|
|
89
68
|
}, messageActions == null ? void 0 : messageActions.map(function (messageAction, index) {
|
|
@@ -96,7 +75,7 @@ var MessageActionListWithContext = function MessageActionListWithContext(props)
|
|
|
96
75
|
__self: _this,
|
|
97
76
|
__source: {
|
|
98
77
|
fileName: _jsxFileName,
|
|
99
|
-
lineNumber:
|
|
78
|
+
lineNumber: 96,
|
|
100
79
|
columnNumber: 9
|
|
101
80
|
}
|
|
102
81
|
}));
|
|
@@ -127,10 +106,32 @@ var MessageActionList = function MessageActionList(props) {
|
|
|
127
106
|
__self: _this,
|
|
128
107
|
__source: {
|
|
129
108
|
fileName: _jsxFileName,
|
|
130
|
-
lineNumber:
|
|
109
|
+
lineNumber: 147,
|
|
131
110
|
columnNumber: 10
|
|
132
111
|
}
|
|
133
112
|
}));
|
|
134
113
|
};
|
|
135
114
|
exports.MessageActionList = MessageActionList;
|
|
115
|
+
var styles = _reactNative.StyleSheet.create({
|
|
116
|
+
bottomBorder: {
|
|
117
|
+
borderBottomWidth: 1
|
|
118
|
+
},
|
|
119
|
+
container: {
|
|
120
|
+
borderRadius: 16,
|
|
121
|
+
marginTop: 8,
|
|
122
|
+
minWidth: (0, _utils.vw)(65),
|
|
123
|
+
overflow: 'hidden'
|
|
124
|
+
},
|
|
125
|
+
row: {
|
|
126
|
+
alignItems: 'center',
|
|
127
|
+
flexDirection: 'row',
|
|
128
|
+
justifyContent: 'flex-start',
|
|
129
|
+
minWidth: (0, _utils.vw)(65),
|
|
130
|
+
paddingHorizontal: 20,
|
|
131
|
+
paddingVertical: 10
|
|
132
|
+
},
|
|
133
|
+
titleStyle: {
|
|
134
|
+
paddingLeft: 20
|
|
135
|
+
}
|
|
136
|
+
});
|
|
136
137
|
//# sourceMappingURL=MessageActionList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_MessageActionListItem","_MessageOverlayContext","_ThemeContext","_utils","_this","_jsxFileName","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","styles","StyleSheet","create","bottomBorder","borderBottomWidth","container","borderRadius","marginTop","maxWidth","row","alignItems","flexDirection","justifyContent","minWidth","vw","paddingHorizontal","paddingVertical","titleStyle","paddingLeft","MessageActionListWithContext","props","alignment","messageActions","showScreen","_props$MessageActionL","MessageActionListItem","DefaultMessageActionListItem","isMyMessage","message","messageReactions","error","isThreadMessage","messageActionProps","_useTheme","useTheme","white_snow","theme","colors","height","useSharedValue","width","showScreenStyle","useAnimatedStyle","transform","translateY","interpolate","value","translateX","scale","createElement","View","onLayout","_ref","layout","nativeEvent","style","backgroundColor","testID","__self","__source","fileName","lineNumber","columnNumber","map","messageAction","index","_extends2","title","length","areEqual","prevProps","nextProps","prevAlignment","prevMessageActions","nextAlignment","nextMessageActions","messageActionsEqual","alignmentEqual","MemoizedMessageActionList","React","memo","MessageActionList","_useMessageOverlayCon","useMessageOverlayContext","data","_ref2","exports"],"sources":["MessageActionList.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, ViewStyle } from 'react-native';\nimport Animated, { interpolate, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';\n\nimport { MessageActionListItem as DefaultMessageActionListItem } from './MessageActionListItem';\n\nimport {\n MessageOverlayData,\n useMessageOverlayContext,\n} from '../../contexts/messageOverlayContext/MessageOverlayContext';\nimport type { OverlayProviderProps } from '../../contexts/overlayContext/OverlayContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { vw } from '../../utils/utils';\n\nconst styles = StyleSheet.create({\n bottomBorder: {\n borderBottomWidth: 1,\n },\n container: {\n borderRadius: 16,\n marginTop: 8,\n maxWidth: 275,\n },\n row: {\n alignItems: 'center',\n flexDirection: 'row',\n justifyContent: 'flex-start',\n minWidth: vw(65),\n paddingHorizontal: 20,\n paddingVertical: 10,\n },\n titleStyle: {\n paddingLeft: 20,\n },\n});\n\nexport type MessageActionListPropsWithContext<\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n OverlayProviderProps<StreamChatGenerics>,\n | 'MessageActionListItem'\n | 'error'\n | 'isMyMessage'\n | 'isThreadMessage'\n | 'message'\n | 'messageReactions'\n> &\n Pick<MessageOverlayData<StreamChatGenerics>, 'alignment' | 'messageActions'> & {\n showScreen: Animated.SharedValue<number>;\n };\n\nconst MessageActionListWithContext = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n props: MessageActionListPropsWithContext<StreamChatGenerics>,\n) => {\n const {\n alignment,\n messageActions,\n showScreen,\n MessageActionListItem = DefaultMessageActionListItem,\n isMyMessage,\n message,\n messageReactions,\n error,\n isThreadMessage,\n } = props;\n\n const messageActionProps = {\n error,\n isMyMessage,\n isThreadMessage,\n message,\n messageReactions,\n };\n\n const {\n theme: {\n colors: { white_snow },\n },\n } = useTheme();\n\n const height = useSharedValue(0);\n const width = useSharedValue(0);\n\n const showScreenStyle = useAnimatedStyle<ViewStyle>(\n () => ({\n transform: [\n {\n translateY: interpolate(showScreen.value, [0, 1], [-height.value / 2, 0]),\n },\n {\n translateX: interpolate(\n showScreen.value,\n [0, 1],\n [alignment === 'left' ? -width.value / 2 : width.value / 2, 0],\n ),\n },\n {\n scale: showScreen.value,\n },\n ],\n }),\n [alignment],\n );\n\n return (\n <Animated.View\n onLayout={({ nativeEvent: { layout } }) => {\n width.value = layout.width;\n height.value = layout.height;\n }}\n style={[styles.container, { backgroundColor: white_snow }, showScreenStyle]}\n testID='message-action-list'\n >\n {messageActions?.map((messageAction, index) => (\n <MessageActionListItem\n key={messageAction.title}\n {...messageActionProps}\n {...{ ...messageAction, index, length: messageActions.length }}\n />\n ))}\n </Animated.View>\n );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n prevProps: MessageActionListPropsWithContext<StreamChatGenerics>,\n nextProps: MessageActionListPropsWithContext<StreamChatGenerics>,\n) => {\n const { alignment: prevAlignment, messageActions: prevMessageActions } = prevProps;\n const { alignment: nextAlignment, messageActions: nextMessageActions } = nextProps;\n\n const messageActionsEqual = prevMessageActions?.length === nextMessageActions?.length;\n if (!messageActionsEqual) return false;\n\n const alignmentEqual = prevAlignment === nextAlignment;\n if (!alignmentEqual) return false;\n\n return true;\n};\n\nconst MemoizedMessageActionList = React.memo(\n MessageActionListWithContext,\n areEqual,\n) as typeof MessageActionListWithContext;\n\nexport type MessageActionListProps<\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<Omit<MessageActionListPropsWithContext<StreamChatGenerics>, 'showScreen'>> &\n Pick<\n MessageActionListPropsWithContext<StreamChatGenerics>,\n 'showScreen' | 'message' | 'isMyMessage' | 'error' | 'isThreadMessage' | 'messageReactions'\n >;\n\n/**\n * MessageActionList - A high level component which implements all the logic required for MessageActions\n */\nexport const MessageActionList = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n props: MessageActionListProps<StreamChatGenerics>,\n) => {\n const { data } = useMessageOverlayContext<StreamChatGenerics>();\n\n const { alignment, messageActions } = data || {};\n\n return <MemoizedMessageActionList {...{ alignment, messageActions }} {...props} />;\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_MessageActionListItem","_MessageOverlayContext","_ThemeContext","_utils","_this","_jsxFileName","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","MessageActionListWithContext","props","alignment","messageActions","showScreen","_props$MessageActionL","MessageActionListItem","DefaultMessageActionListItem","isMyMessage","message","messageReactions","error","isThreadMessage","messageActionProps","_useTheme","useTheme","white_snow","theme","colors","height","useSharedValue","width","showScreenStyle","useAnimatedStyle","transform","translateY","interpolate","value","translateX","scale","createElement","View","onLayout","_ref","layout","nativeEvent","style","styles","container","backgroundColor","testID","__self","__source","fileName","lineNumber","columnNumber","map","messageAction","index","_extends2","title","length","areEqual","prevProps","nextProps","prevAlignment","prevMessageActions","nextAlignment","nextMessageActions","messageActionsEqual","alignmentEqual","MemoizedMessageActionList","React","memo","MessageActionList","_useMessageOverlayCon","useMessageOverlayContext","data","_ref2","exports","StyleSheet","create","bottomBorder","borderBottomWidth","borderRadius","marginTop","minWidth","vw","overflow","row","alignItems","flexDirection","justifyContent","paddingHorizontal","paddingVertical","titleStyle","paddingLeft"],"sources":["MessageActionList.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, ViewStyle } from 'react-native';\nimport Animated, { interpolate, useAnimatedStyle, useSharedValue } from 'react-native-reanimated';\n\nimport { MessageActionListItem as DefaultMessageActionListItem } from './MessageActionListItem';\n\nimport {\n MessageOverlayData,\n useMessageOverlayContext,\n} from '../../contexts/messageOverlayContext/MessageOverlayContext';\nimport type { OverlayProviderProps } from '../../contexts/overlayContext/OverlayContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { vw } from '../../utils/utils';\n\nexport type MessageActionListPropsWithContext<\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<\n OverlayProviderProps<StreamChatGenerics>,\n | 'MessageActionListItem'\n | 'error'\n | 'isMyMessage'\n | 'isThreadMessage'\n | 'message'\n | 'messageReactions'\n> &\n Pick<MessageOverlayData<StreamChatGenerics>, 'alignment' | 'messageActions'> & {\n showScreen: Animated.SharedValue<number>;\n };\n\nconst MessageActionListWithContext = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n props: MessageActionListPropsWithContext<StreamChatGenerics>,\n) => {\n const {\n alignment,\n messageActions,\n showScreen,\n MessageActionListItem = DefaultMessageActionListItem,\n isMyMessage,\n message,\n messageReactions,\n error,\n isThreadMessage,\n } = props;\n\n const messageActionProps = {\n error,\n isMyMessage,\n isThreadMessage,\n message,\n messageReactions,\n };\n\n const {\n theme: {\n colors: { white_snow },\n },\n } = useTheme();\n\n const height = useSharedValue(0);\n const width = useSharedValue(0);\n\n const showScreenStyle = useAnimatedStyle<ViewStyle>(\n () => ({\n transform: [\n {\n translateY: interpolate(showScreen.value, [0, 1], [-height.value / 2, 0]),\n },\n {\n translateX: interpolate(\n showScreen.value,\n [0, 1],\n [alignment === 'left' ? -width.value / 2 : width.value / 2, 0],\n ),\n },\n {\n scale: showScreen.value,\n },\n ],\n }),\n [alignment],\n );\n\n return (\n <Animated.View\n onLayout={({ nativeEvent: { layout } }) => {\n width.value = layout.width;\n height.value = layout.height;\n }}\n style={[styles.container, { backgroundColor: white_snow }, showScreenStyle]}\n testID='message-action-list'\n >\n {messageActions?.map((messageAction, index) => (\n <MessageActionListItem\n key={messageAction.title}\n {...messageActionProps}\n {...{ ...messageAction, index, length: messageActions.length }}\n />\n ))}\n </Animated.View>\n );\n};\n\nconst areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(\n prevProps: MessageActionListPropsWithContext<StreamChatGenerics>,\n nextProps: MessageActionListPropsWithContext<StreamChatGenerics>,\n) => {\n const { alignment: prevAlignment, messageActions: prevMessageActions } = prevProps;\n const { alignment: nextAlignment, messageActions: nextMessageActions } = nextProps;\n\n const messageActionsEqual = prevMessageActions?.length === nextMessageActions?.length;\n if (!messageActionsEqual) return false;\n\n const alignmentEqual = prevAlignment === nextAlignment;\n if (!alignmentEqual) return false;\n\n return true;\n};\n\nconst MemoizedMessageActionList = React.memo(\n MessageActionListWithContext,\n areEqual,\n) as typeof MessageActionListWithContext;\n\nexport type MessageActionListProps<\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<Omit<MessageActionListPropsWithContext<StreamChatGenerics>, 'showScreen'>> &\n Pick<\n MessageActionListPropsWithContext<StreamChatGenerics>,\n 'showScreen' | 'message' | 'isMyMessage' | 'error' | 'isThreadMessage' | 'messageReactions'\n >;\n\n/**\n * MessageActionList - A high level component which implements all the logic required for MessageActions\n */\nexport const MessageActionList = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n props: MessageActionListProps<StreamChatGenerics>,\n) => {\n const { data } = useMessageOverlayContext<StreamChatGenerics>();\n\n const { alignment, messageActions } = data || {};\n\n return <MemoizedMessageActionList {...{ alignment, messageActions }} {...props} />;\n};\n\nconst styles = StyleSheet.create({\n bottomBorder: {\n borderBottomWidth: 1,\n },\n container: {\n borderRadius: 16,\n marginTop: 8,\n minWidth: vw(65),\n overflow: 'hidden',\n },\n row: {\n alignItems: 'center',\n flexDirection: 'row',\n justifyContent: 'flex-start',\n minWidth: vw(65),\n paddingHorizontal: 20,\n paddingVertical: 10,\n },\n titleStyle: {\n paddingLeft: 20,\n },\n});\n"],"mappings":"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"}
|
|
@@ -13,27 +13,6 @@ var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
|
|
|
13
13
|
var _utils = require("../../utils/utils");
|
|
14
14
|
var _this = this,
|
|
15
15
|
_jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageOverlay/MessageActionListItem.tsx";
|
|
16
|
-
var styles = _reactNative.StyleSheet.create({
|
|
17
|
-
bottomBorder: {
|
|
18
|
-
borderBottomWidth: 1
|
|
19
|
-
},
|
|
20
|
-
container: {
|
|
21
|
-
borderRadius: 16,
|
|
22
|
-
marginTop: 8,
|
|
23
|
-
maxWidth: 275
|
|
24
|
-
},
|
|
25
|
-
row: {
|
|
26
|
-
alignItems: 'center',
|
|
27
|
-
flexDirection: 'row',
|
|
28
|
-
justifyContent: 'flex-start',
|
|
29
|
-
minWidth: (0, _utils.vw)(65),
|
|
30
|
-
paddingHorizontal: 20,
|
|
31
|
-
paddingVertical: 10
|
|
32
|
-
},
|
|
33
|
-
titleStyle: {
|
|
34
|
-
paddingLeft: 20
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
16
|
var MessageActionListItemWithContext = function MessageActionListItemWithContext(props) {
|
|
38
17
|
var action = props.action,
|
|
39
18
|
actionType = props.actionType,
|
|
@@ -58,7 +37,7 @@ var MessageActionListItemWithContext = function MessageActionListItemWithContext
|
|
|
58
37
|
__self: _this,
|
|
59
38
|
__source: {
|
|
60
39
|
fileName: _jsxFileName,
|
|
61
|
-
lineNumber:
|
|
40
|
+
lineNumber: 64,
|
|
62
41
|
columnNumber: 5
|
|
63
42
|
}
|
|
64
43
|
}, _react["default"].createElement(_reactNativeReanimated["default"].View, {
|
|
@@ -69,7 +48,7 @@ var MessageActionListItemWithContext = function MessageActionListItemWithContext
|
|
|
69
48
|
__self: _this,
|
|
70
49
|
__source: {
|
|
71
50
|
fileName: _jsxFileName,
|
|
72
|
-
lineNumber:
|
|
51
|
+
lineNumber: 65,
|
|
73
52
|
columnNumber: 7
|
|
74
53
|
}
|
|
75
54
|
}, _react["default"].createElement(_reactNative.View, {
|
|
@@ -77,7 +56,7 @@ var MessageActionListItemWithContext = function MessageActionListItemWithContext
|
|
|
77
56
|
__self: _this,
|
|
78
57
|
__source: {
|
|
79
58
|
fileName: _jsxFileName,
|
|
80
|
-
lineNumber:
|
|
59
|
+
lineNumber: 74,
|
|
81
60
|
columnNumber: 9
|
|
82
61
|
}
|
|
83
62
|
}, icon), _react["default"].createElement(_reactNative.Text, {
|
|
@@ -87,7 +66,7 @@ var MessageActionListItemWithContext = function MessageActionListItemWithContext
|
|
|
87
66
|
__self: _this,
|
|
88
67
|
__source: {
|
|
89
68
|
fileName: _jsxFileName,
|
|
90
|
-
lineNumber:
|
|
69
|
+
lineNumber: 75,
|
|
91
70
|
columnNumber: 9
|
|
92
71
|
}
|
|
93
72
|
}, title)));
|
|
@@ -102,10 +81,31 @@ var MessageActionListItem = function MessageActionListItem(props) {
|
|
|
102
81
|
__self: _this,
|
|
103
82
|
__source: {
|
|
104
83
|
fileName: _jsxFileName,
|
|
105
|
-
lineNumber:
|
|
84
|
+
lineNumber: 102,
|
|
106
85
|
columnNumber: 6
|
|
107
86
|
}
|
|
108
87
|
}));
|
|
109
88
|
};
|
|
110
89
|
exports.MessageActionListItem = MessageActionListItem;
|
|
90
|
+
var styles = _reactNative.StyleSheet.create({
|
|
91
|
+
bottomBorder: {
|
|
92
|
+
borderBottomWidth: 1
|
|
93
|
+
},
|
|
94
|
+
container: {
|
|
95
|
+
borderRadius: 16,
|
|
96
|
+
marginTop: 8,
|
|
97
|
+
maxWidth: 275
|
|
98
|
+
},
|
|
99
|
+
row: {
|
|
100
|
+
alignItems: 'center',
|
|
101
|
+
flexDirection: 'row',
|
|
102
|
+
justifyContent: 'flex-start',
|
|
103
|
+
minWidth: (0, _utils.vw)(65),
|
|
104
|
+
paddingHorizontal: 20,
|
|
105
|
+
paddingVertical: 10
|
|
106
|
+
},
|
|
107
|
+
titleStyle: {
|
|
108
|
+
paddingLeft: 20
|
|
109
|
+
}
|
|
110
|
+
});
|
|
111
111
|
//# sourceMappingURL=MessageActionListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_useMessageActionAnimation","_ThemeContext","_utils","_this","_jsxFileName","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_useMessageActionAnimation","_ThemeContext","_utils","_this","_jsxFileName","MessageActionListItemWithContext","props","action","actionType","icon","index","length","title","titleStyle","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","black","border","messageActions","overlay","_useMessageActionAnim","useMessageActionAnimation","animatedStyle","onTap","createElement","TapGestureHandler","onHandlerStateChange","__self","__source","fileName","lineNumber","columnNumber","View","style","styles","row","_extends2","bottomBorder","borderBottomColor","actionContainer","testID","Text","color","messageActionIsEqual","prevProps","nextProps","MemoizedMessageActionListItem","React","memo","exports","MessageActionListItem","StyleSheet","create","borderBottomWidth","container","borderRadius","marginTop","maxWidth","alignItems","flexDirection","justifyContent","minWidth","vw","paddingHorizontal","paddingVertical","paddingLeft"],"sources":["MessageActionListItem.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, StyleSheet, Text, TextStyle, View } from 'react-native';\nimport { TapGestureHandler } from 'react-native-gesture-handler';\nimport Animated from 'react-native-reanimated';\n\nimport { useMessageActionAnimation } from './hooks/useMessageActionAnimation';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { vw } from '../../utils/utils';\nimport type { MessageOverlayPropsWithContext } from '../MessageOverlay/MessageOverlay';\n\nexport type ActionType =\n | 'blockUser'\n | 'copyMessage'\n | 'deleteMessage'\n | 'editMessage'\n | 'flagMessage'\n | 'muteUser'\n | 'pinMessage'\n | 'selectReaction'\n | 'reply'\n | 'retry'\n | 'quotedReply'\n | 'threadReply'\n | 'unpinMessage';\n\nexport type MessageActionType = {\n action: () => void;\n actionType: ActionType;\n title: string;\n icon?: React.ReactElement;\n titleStyle?: StyleProp<TextStyle>;\n};\n\nexport type MessageActionListItemProps<\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = MessageActionType &\n Pick<\n MessageOverlayPropsWithContext<StreamChatGenerics>,\n 'error' | 'isMyMessage' | 'isThreadMessage' | 'message' | 'messageReactions'\n > & {\n index: number;\n length: number;\n };\n\nconst MessageActionListItemWithContext = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n props: MessageActionListItemProps<StreamChatGenerics>,\n) => {\n const { action, actionType, icon, index, length, title, titleStyle } = props;\n\n const {\n theme: {\n colors: { black, border },\n overlay: { messageActions },\n },\n } = useTheme();\n\n const { animatedStyle, onTap } = useMessageActionAnimation({ action });\n\n return (\n <TapGestureHandler onHandlerStateChange={onTap}>\n <Animated.View\n style={[\n styles.row,\n index !== length - 1 ? { ...styles.bottomBorder, borderBottomColor: border } : {},\n animatedStyle,\n messageActions.actionContainer,\n ]}\n testID={`${actionType}-list-item`}\n >\n <View style={messageActions.icon}>{icon}</View>\n <Text style={[styles.titleStyle, messageActions.title, { color: black }, titleStyle]}>\n {title}\n </Text>\n </Animated.View>\n </TapGestureHandler>\n );\n};\n\nconst messageActionIsEqual = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n prevProps: MessageActionListItemProps<StreamChatGenerics>,\n nextProps: MessageActionListItemProps<StreamChatGenerics>,\n) => prevProps.length === nextProps.length;\n\nexport const MemoizedMessageActionListItem = React.memo(\n MessageActionListItemWithContext,\n messageActionIsEqual,\n) as typeof MessageActionListItemWithContext;\n\n/**\n * MessageActionListItem - A high-level component that implements all the logic required for a `MessageAction` in a `MessageActionList`\n */\nexport const MessageActionListItem = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n props: MessageActionListItemProps<StreamChatGenerics>,\n) => <MemoizedMessageActionListItem {...props} />;\n\nconst styles = StyleSheet.create({\n bottomBorder: {\n borderBottomWidth: 1,\n },\n container: {\n borderRadius: 16,\n marginTop: 8,\n maxWidth: 275,\n },\n row: {\n alignItems: 'center',\n flexDirection: 'row',\n justifyContent: 'flex-start',\n minWidth: vw(65),\n paddingHorizontal: 20,\n paddingVertical: 10,\n },\n titleStyle: {\n paddingLeft: 20,\n },\n});\n"],"mappings":"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"}
|
|
@@ -743,7 +743,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
|
|
|
743
743
|
}();
|
|
744
744
|
var uploadImage = function () {
|
|
745
745
|
var _ref8 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee6(_ref7) {
|
|
746
|
-
var newImage, _ref9, file, id, response, localAssetURI, uri, compressedUri, filename, contentType, newImageUploads;
|
|
746
|
+
var newImage, _ref9, file, id, response, _file$filename, localAssetURI, uri, compressedUri, filename, contentType, newImageUploads;
|
|
747
747
|
return _regenerator["default"].wrap(function _callee6$(_context6) {
|
|
748
748
|
while (1) switch (_context6.prev = _context6.next) {
|
|
749
749
|
case 0:
|
|
@@ -778,7 +778,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
|
|
|
778
778
|
});
|
|
779
779
|
case 15:
|
|
780
780
|
compressedUri = _context6.sent;
|
|
781
|
-
filename = uri.replace(/^(file:\/\/|content
|
|
781
|
+
filename = (_file$filename = file.filename) != null ? _file$filename : uri.replace(/^(file:\/\/|content:\/\/)/, '');
|
|
782
782
|
contentType = (0, _mimeTypes.lookup)(filename) || 'multipart/form-data';
|
|
783
783
|
if (!value.doImageUploadRequest) {
|
|
784
784
|
_context6.next = 24;
|
|
@@ -799,7 +799,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
|
|
|
799
799
|
_context6.next = 29;
|
|
800
800
|
break;
|
|
801
801
|
}
|
|
802
|
-
channel.sendImage(compressedUri,
|
|
802
|
+
channel.sendImage(compressedUri, filename, contentType).then(function (res) {
|
|
803
803
|
if (asyncIds.includes(id)) {
|
|
804
804
|
setAsyncUploads(function (prevAsyncUploads) {
|
|
805
805
|
prevAsyncUploads[id] = (0, _extends2["default"])({}, prevAsyncUploads[id], {
|
|
@@ -819,7 +819,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
|
|
|
819
819
|
break;
|
|
820
820
|
case 29:
|
|
821
821
|
_context6.next = 31;
|
|
822
|
-
return channel.sendImage(compressedUri,
|
|
822
|
+
return channel.sendImage(compressedUri, filename, contentType);
|
|
823
823
|
case 31:
|
|
824
824
|
response = _context6.sent;
|
|
825
825
|
case 32:
|