@developer_tribe/react-native-comnyx 0.3.5 → 0.3.7
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/assets/arrow-right.png +0 -0
- package/lib/commonjs/assets/down.png +0 -0
- package/lib/commonjs/assets/info-circle.png +0 -0
- package/lib/commonjs/components/ChatList.js +99 -37
- package/lib/commonjs/components/ChatList.js.map +1 -1
- package/lib/commonjs/components/CustomAlert.js +15 -5
- package/lib/commonjs/components/CustomAlert.js.map +1 -1
- package/lib/commonjs/components/CustomerForm.js +13 -10
- package/lib/commonjs/components/CustomerForm.js.map +1 -1
- package/lib/commonjs/components/InitFailed.js +2 -0
- package/lib/commonjs/components/InitFailed.js.map +1 -1
- package/lib/commonjs/components/MessageInput.js +14 -14
- package/lib/commonjs/components/MessageInput.js.map +1 -1
- package/lib/commonjs/components/MessageItem.js +6 -14
- package/lib/commonjs/components/MessageItem.js.map +1 -1
- package/lib/commonjs/constants/activeOpacity.js +8 -0
- package/lib/commonjs/constants/activeOpacity.js.map +1 -0
- package/lib/commonjs/constants/translations.js +202 -42
- package/lib/commonjs/constants/translations.js.map +1 -1
- package/lib/commonjs/data/fake/messages.js +2 -0
- package/lib/commonjs/data/fake/messages.js.map +1 -1
- package/lib/commonjs/hooks/useThemeColors.js +1 -7
- package/lib/commonjs/hooks/useThemeColors.js.map +1 -1
- package/lib/commonjs/types/Theme.js +4 -2
- package/lib/commonjs/types/Theme.js.map +1 -1
- package/lib/module/assets/arrow-right.png +0 -0
- package/lib/module/assets/down.png +0 -0
- package/lib/module/assets/info-circle.png +0 -0
- package/lib/module/components/ChatList.js +100 -38
- package/lib/module/components/ChatList.js.map +1 -1
- package/lib/module/components/CustomAlert.js +15 -5
- package/lib/module/components/CustomAlert.js.map +1 -1
- package/lib/module/components/CustomerForm.js +13 -10
- package/lib/module/components/CustomerForm.js.map +1 -1
- package/lib/module/components/InitFailed.js +2 -0
- package/lib/module/components/InitFailed.js.map +1 -1
- package/lib/module/components/MessageInput.js +14 -14
- package/lib/module/components/MessageInput.js.map +1 -1
- package/lib/module/components/MessageItem.js +6 -14
- package/lib/module/components/MessageItem.js.map +1 -1
- package/lib/module/constants/activeOpacity.js +4 -0
- package/lib/module/constants/activeOpacity.js.map +1 -0
- package/lib/module/constants/translations.js +202 -42
- package/lib/module/constants/translations.js.map +1 -1
- package/lib/module/data/fake/messages.js +2 -0
- package/lib/module/data/fake/messages.js.map +1 -1
- package/lib/module/hooks/useThemeColors.js +2 -8
- package/lib/module/hooks/useThemeColors.js.map +1 -1
- package/lib/module/types/Theme.js +4 -2
- package/lib/module/types/Theme.js.map +1 -1
- package/lib/typescript/commonjs/src/components/ChatList.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/CustomAlert.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/CustomerForm.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/InitFailed.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/MessageInput.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/constants/activeOpacity.d.ts +2 -0
- package/lib/typescript/commonjs/src/constants/activeOpacity.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/constants/translations.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/data/fake/messages.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/hooks/useThemeColors.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/Conversation.d.ts +6 -1
- package/lib/typescript/commonjs/src/types/Conversation.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/LocalizationKeys.d.ts +16 -0
- package/lib/typescript/commonjs/src/types/LocalizationKeys.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/MessageResponse.d.ts +2 -0
- package/lib/typescript/commonjs/src/types/MessageResponse.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/Theme.d.ts +1 -0
- package/lib/typescript/commonjs/src/types/Theme.d.ts.map +1 -1
- package/lib/typescript/module/src/components/ChatList.d.ts.map +1 -1
- package/lib/typescript/module/src/components/CustomAlert.d.ts.map +1 -1
- package/lib/typescript/module/src/components/CustomerForm.d.ts.map +1 -1
- package/lib/typescript/module/src/components/InitFailed.d.ts.map +1 -1
- package/lib/typescript/module/src/components/MessageInput.d.ts.map +1 -1
- package/lib/typescript/module/src/constants/activeOpacity.d.ts +2 -0
- package/lib/typescript/module/src/constants/activeOpacity.d.ts.map +1 -0
- package/lib/typescript/module/src/constants/translations.d.ts.map +1 -1
- package/lib/typescript/module/src/data/fake/messages.d.ts.map +1 -1
- package/lib/typescript/module/src/hooks/useThemeColors.d.ts.map +1 -1
- package/lib/typescript/module/src/types/Conversation.d.ts +6 -1
- package/lib/typescript/module/src/types/Conversation.d.ts.map +1 -1
- package/lib/typescript/module/src/types/LocalizationKeys.d.ts +16 -0
- package/lib/typescript/module/src/types/LocalizationKeys.d.ts.map +1 -1
- package/lib/typescript/module/src/types/MessageResponse.d.ts +2 -0
- package/lib/typescript/module/src/types/MessageResponse.d.ts.map +1 -1
- package/lib/typescript/module/src/types/Theme.d.ts +1 -0
- package/lib/typescript/module/src/types/Theme.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/assets/arrow-right.png +0 -0
- package/src/assets/down.png +0 -0
- package/src/assets/info-circle.png +0 -0
- package/src/components/ChatList.tsx +116 -42
- package/src/components/CustomAlert.tsx +24 -6
- package/src/components/CustomerForm.tsx +13 -9
- package/src/components/InitFailed.tsx +2 -0
- package/src/components/MessageInput.tsx +15 -16
- package/src/components/MessageItem.tsx +4 -12
- package/src/constants/activeOpacity.ts +1 -0
- package/src/constants/translations.ts +281 -68
- package/src/data/fake/messages.ts +2 -0
- package/src/hooks/useThemeColors.ts +2 -7
- package/src/types/Conversation.ts +3 -1
- package/src/types/LocalizationKeys.ts +16 -0
- package/src/types/MessageResponse.ts +2 -0
- package/src/types/Theme.ts +3 -0
|
@@ -6,6 +6,8 @@ import { useState } from 'react';
|
|
|
6
6
|
import { sendCustomerMessage } from "../api/index.js";
|
|
7
7
|
import { useThemeColors } from "../hooks/useThemeColors.js";
|
|
8
8
|
import { ScaledSheet } from "./ScaledSheet.js";
|
|
9
|
+
import { useLocalize } from "../hooks/useLocalize.js";
|
|
10
|
+
import { activeOpacity } from "../constants/activeOpacity.js";
|
|
9
11
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
12
|
const sendDark = require('../assets/arrow-right.png');
|
|
11
13
|
export function MessageInput({
|
|
@@ -14,6 +16,7 @@ export function MessageInput({
|
|
|
14
16
|
const [value, setValue] = useState('');
|
|
15
17
|
const customer = useAppStore(s => s.customer);
|
|
16
18
|
const themeColors = useThemeColors();
|
|
19
|
+
const localize = useLocalize();
|
|
17
20
|
const sendMessage = () => {
|
|
18
21
|
if (value.trim()) {
|
|
19
22
|
const date = new Date();
|
|
@@ -22,7 +25,7 @@ export function MessageInput({
|
|
|
22
25
|
approved: false,
|
|
23
26
|
content: value,
|
|
24
27
|
created_at: date,
|
|
25
|
-
|
|
28
|
+
customer: {
|
|
26
29
|
name: customer.name,
|
|
27
30
|
profile_photo_url: null
|
|
28
31
|
}
|
|
@@ -40,7 +43,7 @@ export function MessageInput({
|
|
|
40
43
|
alteredData[itemIndex] = {
|
|
41
44
|
id: res.message.id,
|
|
42
45
|
content: res.message.content,
|
|
43
|
-
|
|
46
|
+
customer: res.message.customer ?? alteredData[itemIndex]?.customer,
|
|
44
47
|
created_at: new Date(res.message.created_at),
|
|
45
48
|
approved: true
|
|
46
49
|
};
|
|
@@ -66,7 +69,7 @@ export function MessageInput({
|
|
|
66
69
|
content: alteredData[itemIndex]?.content ?? '',
|
|
67
70
|
created_at: alteredData[itemIndex]?.created_at ?? new Date(),
|
|
68
71
|
approved: alteredData[itemIndex]?.approved ?? false,
|
|
69
|
-
|
|
72
|
+
customer: alteredData[itemIndex]?.customer ?? null,
|
|
70
73
|
error: true
|
|
71
74
|
};
|
|
72
75
|
useAppStore.setState({
|
|
@@ -95,19 +98,16 @@ export function MessageInput({
|
|
|
95
98
|
style: [styles.textInput, {
|
|
96
99
|
backgroundColor: themeColors.background,
|
|
97
100
|
color: themeColors.text,
|
|
98
|
-
borderColor: themeColors.
|
|
101
|
+
borderColor: themeColors.silver
|
|
99
102
|
}],
|
|
100
|
-
placeholder:
|
|
103
|
+
placeholder: localize('chat.messageInput.placeholder'),
|
|
101
104
|
placeholderTextColor: themeColors.text + '80'
|
|
102
105
|
}), /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
103
|
-
style: [styles.sendButton,
|
|
104
|
-
backgroundColor: themeColors.dark_background
|
|
105
|
-
}],
|
|
106
|
+
style: [styles.sendButton],
|
|
106
107
|
onPress: sendMessage,
|
|
108
|
+
activeOpacity: activeOpacity,
|
|
107
109
|
children: /*#__PURE__*/_jsx(Image, {
|
|
108
|
-
style: [styles.sendIcon,
|
|
109
|
-
tintColor: themeColors.light_text
|
|
110
|
-
}],
|
|
110
|
+
style: [styles.sendIcon],
|
|
111
111
|
source: sendDark
|
|
112
112
|
})
|
|
113
113
|
})]
|
|
@@ -134,15 +134,15 @@ const styles = ScaledSheet.create({
|
|
|
134
134
|
maxHeight: 190
|
|
135
135
|
},
|
|
136
136
|
sendButton: {
|
|
137
|
-
width: '40@
|
|
137
|
+
width: '40@vs',
|
|
138
138
|
height: '40@vs',
|
|
139
139
|
borderRadius: '20@vs',
|
|
140
140
|
justifyContent: 'center',
|
|
141
141
|
alignItems: 'center'
|
|
142
142
|
},
|
|
143
143
|
sendIcon: {
|
|
144
|
-
width: '
|
|
145
|
-
height: '
|
|
144
|
+
width: '40@vs',
|
|
145
|
+
height: '40@vs'
|
|
146
146
|
}
|
|
147
147
|
});
|
|
148
148
|
//# sourceMappingURL=MessageInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["TextInput","View","Image","TouchableOpacity","useAppStore","useState","sendCustomerMessage","useThemeColors","ScaledSheet","jsx","_jsx","jsxs","_jsxs","sendDark","require","MessageInput","scrollToBottom","value","setValue","customer","s","themeColors","sendMessage","trim","date","Date","getState","setData","data","id","approved","content","created_at","
|
|
1
|
+
{"version":3,"names":["TextInput","View","Image","TouchableOpacity","useAppStore","useState","sendCustomerMessage","useThemeColors","ScaledSheet","useLocalize","activeOpacity","jsx","_jsx","jsxs","_jsxs","sendDark","require","MessageInput","scrollToBottom","value","setValue","customer","s","themeColors","localize","sendMessage","trim","date","Date","getState","setData","data","id","approved","content","created_at","name","profile_photo_url","external_id","fake","then","res","itemIndex","findIndex","item","getTime","alteredData","message","setState","catch","error","style","styles","container","backgroundColor","background","children","onChangeText","newValue","onSubmitEditing","returnKeyType","multiline","maxLength","textInput","color","text","borderColor","silver","placeholder","placeholderTextColor","sendButton","onPress","sendIcon","source","create","flexDirection","paddingHorizontal","paddingVertical","alignItems","position","zIndex","flex","borderWidth","borderRadius","marginRight","fontSize","minHeight","maxHeight","width","height","justifyContent"],"sourceRoot":"../../../src","sources":["components/MessageInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -13,7 +13,7 @@ export function MessageItem({
|
|
|
13
13
|
onShowPopup
|
|
14
14
|
}) {
|
|
15
15
|
const themeColors = useThemeColors();
|
|
16
|
-
const isDeviceOwner =
|
|
16
|
+
const isDeviceOwner = !item.user && !item.bot;
|
|
17
17
|
const formattedDate = new Date(item.created_at).toLocaleTimeString([], {
|
|
18
18
|
hour: '2-digit',
|
|
19
19
|
minute: '2-digit'
|
|
@@ -74,7 +74,7 @@ export function MessageItem({
|
|
|
74
74
|
const hasSpaceInLastLine = layoutRef.current.lines >= 1 && layoutRef.current.lastLineWidth < layoutRef.current.totalWidth * 0.8;
|
|
75
75
|
|
|
76
76
|
// A single line message with enough space for the timestamp
|
|
77
|
-
const isSingleLineWithSpace = layoutRef.current.lines === 1 && layoutRef.current.lastLineWidth
|
|
77
|
+
const isSingleLineWithSpace = layoutRef.current.lines === 1 && layoutRef.current.lastLineWidth > layoutRef.current.totalWidth * 0.8;
|
|
78
78
|
|
|
79
79
|
// For multi-line messages, check if the last line has space
|
|
80
80
|
const isMultiLineWithSpace = layoutRef.current.lines > 1 && hasSpaceInLastLine;
|
|
@@ -86,11 +86,11 @@ export function MessageItem({
|
|
|
86
86
|
isDeviceOwner && item.error ? onShowPopup() : {};
|
|
87
87
|
},
|
|
88
88
|
children: /*#__PURE__*/_jsxs(View, {
|
|
89
|
-
style: [styles.messageBubble, isDeviceOwner ?
|
|
89
|
+
style: [styles.messageBubble, isDeviceOwner ? {
|
|
90
90
|
backgroundColor: themeColors.light_green
|
|
91
|
-
}
|
|
91
|
+
} : {
|
|
92
92
|
backgroundColor: themeColors.ghost
|
|
93
|
-
}]
|
|
93
|
+
}],
|
|
94
94
|
children: [/*#__PURE__*/_jsxs(View, {
|
|
95
95
|
style: shouldShowInlineFooter ? styles.inlineContainer : styles.multiLineContainer,
|
|
96
96
|
children: [/*#__PURE__*/_jsx(AppText, {
|
|
@@ -112,7 +112,6 @@ export function MessageItem({
|
|
|
112
112
|
}
|
|
113
113
|
const styles = ScaledSheet.create({
|
|
114
114
|
messageItem: {
|
|
115
|
-
marginVertical: '5@vs',
|
|
116
115
|
maxWidth: '80%',
|
|
117
116
|
minHeight: 60,
|
|
118
117
|
minWidth: 100
|
|
@@ -128,12 +127,6 @@ const styles = ScaledSheet.create({
|
|
|
128
127
|
paddingHorizontal: '12@s',
|
|
129
128
|
borderRadius: '20@vs'
|
|
130
129
|
},
|
|
131
|
-
leftBubble: {
|
|
132
|
-
borderTopLeftRadius: 4
|
|
133
|
-
},
|
|
134
|
-
rightBubble: {
|
|
135
|
-
borderTopRightRadius: 4
|
|
136
|
-
},
|
|
137
130
|
inlineContainer: {
|
|
138
131
|
flexDirection: 'row',
|
|
139
132
|
justifyContent: 'space-between',
|
|
@@ -188,8 +181,7 @@ const styles = ScaledSheet.create({
|
|
|
188
181
|
clockIcon: {
|
|
189
182
|
width: '12@vs',
|
|
190
183
|
height: '12@vs',
|
|
191
|
-
marginLeft: '4@s'
|
|
192
|
-
tintColor: '#000000'
|
|
184
|
+
marginLeft: '4@s'
|
|
193
185
|
},
|
|
194
186
|
infoIcon: {
|
|
195
187
|
width: '12@vs',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","Image","TouchableOpacity","AppText","useThemeColors","useState","useRef","useEffect","ScaledSheet","jsx","_jsx","jsxs","_jsxs","clockIcon","require","infoIcon","MessageItem","item","onShowPopup","themeColors","isDeviceOwner","user","formattedDate","Date","created_at","toLocaleTimeString","hour","minute","layoutRef","lines","lastLineWidth","totalWidth","layoutComplete","setLayoutComplete","renderFooterContent","error","source","style","styles","approved","timestamp","rightTimestamp","leftTimestamp","color","text","children","onTextLayout","event","nativeEvent","numLines","length","width","Math","max","map","line","current","content","hasSpaceInLastLine","isSingleLineWithSpace","isMultiLineWithSpace","shouldShowInlineFooter","messageItem","rightMessage","leftMessage","activeOpacity","onPress","messageBubble","
|
|
1
|
+
{"version":3,"names":["View","Image","TouchableOpacity","AppText","useThemeColors","useState","useRef","useEffect","ScaledSheet","jsx","_jsx","jsxs","_jsxs","clockIcon","require","infoIcon","MessageItem","item","onShowPopup","themeColors","isDeviceOwner","user","bot","formattedDate","Date","created_at","toLocaleTimeString","hour","minute","layoutRef","lines","lastLineWidth","totalWidth","layoutComplete","setLayoutComplete","renderFooterContent","error","source","style","styles","approved","timestamp","rightTimestamp","leftTimestamp","color","text","children","onTextLayout","event","nativeEvent","numLines","length","width","Math","max","map","line","current","content","hasSpaceInLastLine","isSingleLineWithSpace","isMultiLineWithSpace","shouldShowInlineFooter","messageItem","rightMessage","leftMessage","activeOpacity","onPress","messageBubble","backgroundColor","light_green","ghost","inlineContainer","multiLineContainer","messageText","rightMessageText","leftMessageText","inlineFooter","lastLineFooter","footer","id","create","maxWidth","minHeight","minWidth","alignSelf","paddingVertical","paddingHorizontal","borderRadius","flexDirection","justifyContent","alignItems","fontSize","flexShrink","marginTop","marginLeft","secondLineFooter","position","bottom","right","opacity","height","iconContainer"],"sourceRoot":"../../../src","sources":["components/MessageItem.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["activeOpacity"],"sourceRoot":"../../../src","sources":["constants/activeOpacity.ts"],"mappings":";;AAAA,OAAO,MAAMA,aAAa,GAAG,GAAG","ignoreList":[]}
|