@tellescope/chat 0.0.72 → 0.0.73
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/cjs/chat.d.ts +2 -1
- package/lib/cjs/chat.d.ts.map +1 -1
- package/lib/cjs/chat.js +5 -4
- package/lib/cjs/chat.js.map +1 -1
- package/lib/esm/chat.d.ts +2 -1
- package/lib/esm/chat.d.ts.map +1 -1
- package/lib/esm/chat.js +5 -4
- package/lib/esm/chat.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +9 -9
- package/src/chat.tsx +11 -4
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tellescope/chat",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.73",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./lib/cjs/index.js",
|
|
6
6
|
"module": "./lib/esm/index.js",
|
|
@@ -33,13 +33,13 @@
|
|
|
33
33
|
"@fontsource/roboto": "^4.5.1",
|
|
34
34
|
"@mui/icons-material": "^5.0.1",
|
|
35
35
|
"@mui/material": "^5.0.2",
|
|
36
|
-
"@tellescope/constants": "^0.0.
|
|
37
|
-
"@tellescope/react-components": "^0.0.
|
|
38
|
-
"@tellescope/sdk": "^0.0.
|
|
39
|
-
"@tellescope/types-client": "^0.0.
|
|
40
|
-
"@tellescope/types-models": "^0.0.
|
|
41
|
-
"@tellescope/types-utilities": "^0.0.
|
|
42
|
-
"@tellescope/utilities": "^0.0.
|
|
36
|
+
"@tellescope/constants": "^0.0.73",
|
|
37
|
+
"@tellescope/react-components": "^0.0.73",
|
|
38
|
+
"@tellescope/sdk": "^0.0.73",
|
|
39
|
+
"@tellescope/types-client": "^0.0.73",
|
|
40
|
+
"@tellescope/types-models": "^0.0.73",
|
|
41
|
+
"@tellescope/types-utilities": "^0.0.73",
|
|
42
|
+
"@tellescope/utilities": "^0.0.73",
|
|
43
43
|
"@typescript-eslint/eslint-plugin": "^4.33.0",
|
|
44
44
|
"@typescript-eslint/parser": "^4.33.0",
|
|
45
45
|
"eslint": "^7.32.0",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"react": "^17.0.2",
|
|
51
51
|
"react-dom": "^17.0.2"
|
|
52
52
|
},
|
|
53
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "9958a5b0b6a74f79371f73a35ac26ce8f74f9101",
|
|
54
54
|
"publishConfig": {
|
|
55
55
|
"access": "public"
|
|
56
56
|
}
|
package/src/chat.tsx
CHANGED
|
@@ -119,6 +119,7 @@ interface MessageStyles {
|
|
|
119
119
|
interface MessageProps extends MessageStyles {
|
|
120
120
|
message: ChatMessage,
|
|
121
121
|
iconSize?: number,
|
|
122
|
+
imageDimensions?: ImageDimensions,
|
|
122
123
|
}
|
|
123
124
|
export const Message = ({
|
|
124
125
|
message,
|
|
@@ -127,6 +128,7 @@ export const Message = ({
|
|
|
127
128
|
receivedMessageStyle=defaultReceivedStyle,
|
|
128
129
|
sentMessageTextStyle=defaultSentTextStyle,
|
|
129
130
|
receivedMessageTextStyle=defaultReceivedTextStyle,
|
|
131
|
+
imageDimensions,
|
|
130
132
|
}: MessageProps) => {
|
|
131
133
|
const session = useResolvedSession()
|
|
132
134
|
const chatUserId = session.userInfo.id
|
|
@@ -142,14 +144,21 @@ export const Message = ({
|
|
|
142
144
|
textBGStyle.backgroundColor = undefined
|
|
143
145
|
}
|
|
144
146
|
|
|
147
|
+
const attachments = (
|
|
148
|
+
!!message.attachments && message.attachments.length > 0
|
|
149
|
+
&& <MessageAttachments message={message} chatUserId={chatUserId} imageDimensions={imageDimensions} />
|
|
150
|
+
)
|
|
151
|
+
|
|
145
152
|
const messageComponent = IN_REACT_WEB ? (
|
|
146
153
|
<Typography component="div" style={{ ...textStyle, ...textBGStyle }}>
|
|
147
154
|
{message.message}
|
|
155
|
+
{attachments}
|
|
148
156
|
</Typography>
|
|
149
157
|
) : (
|
|
150
158
|
<Flex style={{ ...textBGStyle }}>
|
|
151
159
|
<Typography component="div" style={{ ...textStyle }}>
|
|
152
160
|
{message.message}
|
|
161
|
+
{attachments}
|
|
153
162
|
</Typography>
|
|
154
163
|
</Flex>
|
|
155
164
|
)
|
|
@@ -166,6 +175,7 @@ export const Message = ({
|
|
|
166
175
|
<Flex style={{ margin: 5, flexWrap: 'nowrap' }}>
|
|
167
176
|
{message.senderId !== chatUserId && displayPicture}
|
|
168
177
|
{messageComponent}
|
|
178
|
+
|
|
169
179
|
{message.senderId === chatUserId && displayPicture}
|
|
170
180
|
</Flex>
|
|
171
181
|
)
|
|
@@ -209,10 +219,7 @@ export const Messages = ({
|
|
|
209
219
|
{Header && <Header {...headerProps}/>}
|
|
210
220
|
<List reverse style={style} items={messages} render={(message, i) => (
|
|
211
221
|
<Flex column>
|
|
212
|
-
<Message message={message} {...messageStyles} />
|
|
213
|
-
{!!message.attachments && message.attachments.length > 0 &&
|
|
214
|
-
<MessageAttachments message={message} chatUserId={chatUserId} imageDimensions={imageDimensions} />
|
|
215
|
-
}
|
|
222
|
+
<Message message={message} imageDimensions={imageDimensions} {...messageStyles} />
|
|
216
223
|
</Flex>
|
|
217
224
|
)}/>
|
|
218
225
|
</Flex>
|