rohit-chat-widget 1.0.58 → 1.0.60
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/components/MessageBubble/MessageBubble.d.ts +5 -0
- package/lib/components/MessageBubble/MessageBubble.d.ts.map +1 -1
- package/lib/components/MessageBubble/MessageBubble.js +53 -6
- package/lib/components/MessageBubble/MessageBubble.js.map +1 -1
- package/lib/components/MessageInput/MessageInput.d.ts.map +1 -1
- package/lib/components/MessageInput/MessageInput.js +32 -20
- package/lib/components/MessageInput/MessageInput.js.map +1 -1
- package/lib/components/MessageList/MessageList.d.ts.map +1 -1
- package/lib/components/MessageList/MessageList.js +1 -1
- package/lib/components/MessageList/MessageList.js.map +1 -1
- package/lib/index.esm.js +89 -28
- package/lib/index.esm.js.map +1 -1
- package/lib/src/components/MessageBubble/MessageBubble.d.ts +5 -0
- package/lib/src/components/MessageBubble/MessageBubble.d.ts.map +1 -1
- package/lib/src/components/MessageInput/MessageInput.d.ts.map +1 -1
- package/lib/src/components/MessageList/MessageList.d.ts.map +1 -1
- package/lib/src/store/slices/messagesSlice.d.ts +7 -0
- package/lib/src/store/slices/messagesSlice.d.ts.map +1 -1
- package/lib/store/slices/messagesSlice.d.ts +7 -0
- package/lib/store/slices/messagesSlice.d.ts.map +1 -1
- package/lib/store/slices/messagesSlice.js +4 -1
- package/lib/store/slices/messagesSlice.js.map +1 -1
- package/package.json +1 -1
|
@@ -11,6 +11,11 @@ export interface MessageBubbleProps {
|
|
|
11
11
|
senderName?: string;
|
|
12
12
|
isDoubleTickVisible?: boolean;
|
|
13
13
|
initials?: string;
|
|
14
|
+
fileData?: {
|
|
15
|
+
base64: string;
|
|
16
|
+
name: string;
|
|
17
|
+
type: string;
|
|
18
|
+
} | null;
|
|
14
19
|
}
|
|
15
20
|
export declare const MessageBubble: React.FC<MessageBubbleProps>;
|
|
16
21
|
export default MessageBubble;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBubble/MessageBubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBubble/MessageBubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuD1B,MAAM,WAAW,kBAAkB;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE;QACT,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd,GAAG,IAAI,CAAC;CACV;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuPtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import styles from './MessageBubble.module.scss';
|
|
3
3
|
import { useDispatch, useSelector } from 'react-redux';
|
|
4
|
-
import { updateMessageStatus } from '@/store/slices/messagesSlice';
|
|
4
|
+
import { updateMessageStatus, updateMessageContent } from '@/store/slices/messagesSlice';
|
|
5
5
|
import { useChatInit } from '@/hooks';
|
|
6
6
|
import { useLazyGetAttachmentSasUrlQuery } from '@/services/api/backendApi';
|
|
7
7
|
import { selectThread } from '@/store';
|
|
8
|
+
import { getApiConfig } from '@/services/api/backendApi';
|
|
8
9
|
// Download icon SVG for file messages
|
|
9
10
|
const downloadIcon = (fillColor = '#000000') => (_jsxs("svg", { width: "17", height: "19", viewBox: "0 0 17 19", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M13.207 7.96292C13.0195 7.77545 12.7652 7.67014 12.5 7.67014C12.2348 7.67014 11.9805 7.77545 11.793 7.96292L9.5 10.2559V1.66992C9.5 1.40471 9.39464 1.15035 9.20711 0.962815C9.01957 0.775279 8.76522 0.669922 8.5 0.669922C8.23478 0.669922 7.98043 0.775279 7.79289 0.962815C7.60536 1.15035 7.5 1.40471 7.5 1.66992V10.2559L5.207 7.96292C5.11475 7.86741 5.00441 7.79123 4.8824 7.73882C4.7604 7.68641 4.62918 7.65882 4.4964 7.65767C4.36362 7.65652 4.23194 7.68182 4.10905 7.7321C3.98615 7.78238 3.8745 7.85663 3.7806 7.95053C3.68671 8.04442 3.61246 8.15607 3.56218 8.27897C3.5119 8.40186 3.4866 8.53354 3.48775 8.66632C3.4889 8.7991 3.51649 8.93032 3.5689 9.05233C3.62131 9.17433 3.69749 9.28467 3.793 9.37692L7.793 13.3769C7.88589 13.47 7.99624 13.5439 8.11773 13.5943C8.23922 13.6448 8.36947 13.6707 8.501 13.6707C8.63253 13.6707 8.76278 13.6448 8.88427 13.5943C9.00576 13.5439 9.11611 13.47 9.209 13.3769L13.209 9.37692C13.3962 9.18913 13.5012 8.93467 13.5008 8.66951C13.5004 8.40434 13.3947 8.15018 13.207 7.96292Z", fill: fillColor }), _jsx("path", { d: "M13.5 18.6699H3.5C2.70435 18.6699 1.94129 18.3539 1.37868 17.7912C0.816071 17.2286 0.5 16.4656 0.5 15.6699V12.6699C0.5 12.4047 0.605357 12.1504 0.792893 11.9628C0.98043 11.7753 1.23478 11.6699 1.5 11.6699C1.76522 11.6699 2.01957 11.7753 2.20711 11.9628C2.39464 12.1504 2.5 12.4047 2.5 12.6699V15.6699C2.5 15.9351 2.60536 16.1895 2.79289 16.377C2.98043 16.5646 3.23478 16.6699 3.5 16.6699H13.5C13.7652 16.6699 14.0196 16.5646 14.2071 16.377C14.3946 16.1895 14.5 15.9351 14.5 15.6699V12.6699C14.5 12.4047 14.6054 12.1504 14.7929 11.9628C14.9804 11.7753 15.2348 11.6699 15.5 11.6699C15.7652 11.6699 16.0196 11.7753 16.2071 11.9628C16.3946 12.1504 16.5 12.4047 16.5 12.6699V15.6699C16.5 16.4656 16.1839 17.2286 15.6213 17.7912C15.0587 18.3539 14.2956 18.6699 13.5 18.6699Z", fill: fillColor })] }));
|
|
10
11
|
const singleTickIcon = (_jsx("svg", { style: { marginLeft: "4px" }, width: "10", height: "7", viewBox: "0 0 10 7", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.89685 0.112313C9.07645 0.273951 9.09101 0.550578 8.92937 0.730176L3.77081 6.35449C3.20233 6.98614 2.88487 6.45566 2.22129 5.9248L0.164212 4.27913C-0.0244651 4.12819 -0.0550557 3.85288 0.095886 3.6642C0.246828 3.47552 0.522143 3.44493 0.71082 3.59587L2.7679 5.24154C3.06953 5.48284 3.50699 5.44705 3.76539 5.15994L8.27899 0.144832C8.44063 -0.0347665 8.71726 -0.0493257 8.89685 0.112313Z", fill: "#84E1BC" }) }));
|
|
@@ -27,7 +28,7 @@ function isFileMessage(content) {
|
|
|
27
28
|
return null;
|
|
28
29
|
}
|
|
29
30
|
}
|
|
30
|
-
export const MessageBubble = ({ id, message, sender, timestamp, className, isMe, status, avatar, senderName, isDoubleTickVisible, initials }) => {
|
|
31
|
+
export const MessageBubble = ({ id, message, sender, timestamp, className, isMe, status, avatar, senderName, isDoubleTickVisible, initials, fileData }) => {
|
|
31
32
|
const thread = useSelector(selectThread);
|
|
32
33
|
const dispatch = useDispatch();
|
|
33
34
|
const { sendMessage } = useChatInit();
|
|
@@ -38,9 +39,55 @@ export const MessageBubble = ({ id, message, sender, timestamp, className, isMe,
|
|
|
38
39
|
// Check if this is a file message
|
|
39
40
|
const fileMsg = isFileMessage(message);
|
|
40
41
|
if (fileMsg) {
|
|
41
|
-
//
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
// Try to resend file using stored base64 data
|
|
43
|
+
if (!fileData || !fileData.base64) {
|
|
44
|
+
alert('Unable to resend file automatically. Please re-attach and send the file again.');
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
// Convert base64 back to File object
|
|
48
|
+
try {
|
|
49
|
+
const base64Response = await fetch(fileData.base64);
|
|
50
|
+
const blob = await base64Response.blob();
|
|
51
|
+
const file = new File([blob], fileData.name, { type: fileData.type });
|
|
52
|
+
// Mark as pending
|
|
53
|
+
dispatch(updateMessageStatus({ id, status: 'pending' }));
|
|
54
|
+
// Retry file upload
|
|
55
|
+
const formData = new FormData();
|
|
56
|
+
formData.append('file', file);
|
|
57
|
+
formData.append('threadId', thread.threadId);
|
|
58
|
+
formData.append('acsToken', thread.acsAccessToken);
|
|
59
|
+
const apiConfig = getApiConfig();
|
|
60
|
+
const uploadUrl = `${apiConfig.baseUrl}/chat/send-attachment`;
|
|
61
|
+
const uploadResponse = await fetch(uploadUrl, {
|
|
62
|
+
method: 'POST',
|
|
63
|
+
headers: {
|
|
64
|
+
'api_secret_key': apiConfig.apiKey,
|
|
65
|
+
},
|
|
66
|
+
body: formData,
|
|
67
|
+
});
|
|
68
|
+
if (!uploadResponse.ok) {
|
|
69
|
+
dispatch(updateMessageStatus({ id, status: 'failed' }));
|
|
70
|
+
return;
|
|
71
|
+
}
|
|
72
|
+
const uploadResult = await uploadResponse.json();
|
|
73
|
+
const serverFileData = uploadResult?.data;
|
|
74
|
+
if (serverFileData && (serverFileData.azureFileName || serverFileData.displayFileName)) {
|
|
75
|
+
const finalContent = {
|
|
76
|
+
displayFileName: serverFileData.displayFileName || fileData.name,
|
|
77
|
+
azureFileName: serverFileData.azureFileName || serverFileData.blobUrl || serverFileData.url || null
|
|
78
|
+
};
|
|
79
|
+
dispatch(updateMessageContent({
|
|
80
|
+
id,
|
|
81
|
+
content: JSON.stringify(finalContent),
|
|
82
|
+
fileData: null
|
|
83
|
+
}));
|
|
84
|
+
}
|
|
85
|
+
dispatch(updateMessageStatus({ id, status: 'sent', isDoubleTickVisible: true }));
|
|
86
|
+
}
|
|
87
|
+
catch (error) {
|
|
88
|
+
console.error('File resend error:', error);
|
|
89
|
+
dispatch(updateMessageStatus({ id, status: 'failed' }));
|
|
90
|
+
}
|
|
44
91
|
return;
|
|
45
92
|
}
|
|
46
93
|
// mark as pending while retrying for text messages
|
|
@@ -113,7 +160,7 @@ export const MessageBubble = ({ id, message, sender, timestamp, className, isMe,
|
|
|
113
160
|
return `${datePart} ${timePart}`;
|
|
114
161
|
};
|
|
115
162
|
return (_jsxs("div", { className: `${styles.messageWrapper} ${isMe ? styles.messageWrapperRight : styles.messageWrapperLeft} ${className || ''}`, children: [!isMe && _jsx("div", { className: styles.messageAvatar, children: initials }), _jsxs("div", { className: styles.messageContainer, children: [_jsx("div", { className: styles.senderName, children: isMe ? 'You' : senderName ? senderName : 'Support' }), _jsx("div", { className: `${styles.messageBubble} ${isMe ? styles.userMessage : styles.agentMessage}`, children: _jsx("div", { className: styles.messageText, children: fileMsg ? (_jsxs("div", { className: styles.fileMessage, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8 }, children: [_jsx("span", { style: { fontWeight: 500, fontSize: 14, color: 'inherit', wordBreak: 'break-all' }, children: fileMsg.displayFileName }), fileMsg.azureFileName && status !== 'pending' ? (_jsx("button", { onClick: () => handleFileDownload(fileMsg.azureFileName, fileMsg.displayFileName), className: styles.fileDownloadButton, "aria-label": `Download ${fileMsg.displayFileName}`, style: { cursor: fileMsg.azureFileName ? 'pointer' : 'not-allowed', border: 'none', background: 'none', display: 'flex', alignItems: 'center', padding: 0 }, children: downloadIcon(isMe ? '#FFFFFF' : '#000000') })) : null] }), isFileUploading && (_jsxs("div", { className: styles.fileUploadStatus, "aria-live": "polite", children: [_jsx("span", { className: styles.fileUploadSpinner, "aria-hidden": "true" }), _jsx("span", { children: "Uploading..." })] }))] })) : (message) }) }), isMe && status === 'failed' ? (_jsxs("div", { className: styles.resendContainer, children: [_jsx("button", { className: styles.resendButton, "aria-label": "Resend message", onClick: handleResend, children: "\u21BB" }), _jsx("span", { className: styles.resendText, role: "button", tabIndex: 0, onClick: handleResend, onKeyPress: (e) => { if (e.key === 'Enter' || e.key === ' ')
|
|
116
|
-
handleResend(); }, children: fileMsg ? 'File failed to send. Tap to
|
|
163
|
+
handleResend(); }, children: fileMsg ? 'File failed to send. Tap to send' : 'Message failed to send. Tap to send' })] })) : (timestamp && (_jsxs("div", { className: `${styles.timestamp} ${isMe ? styles.timestampRight : styles.timestampLeft}`, "aria-label": formatDateTime(timestamp), tabIndex: 0, children: [_jsx("span", { children: formatDateTime(timestamp) }), isMe && (isDoubleTickVisible
|
|
117
164
|
? doubleTickIcon
|
|
118
165
|
: singleTickIcon)] })))] }), isMe && _jsx("div", { className: styles.messageAvatar, children: initials })] }));
|
|
119
166
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageBubble.js","sourceRoot":"","sources":["../../../src/components/MessageBubble/MessageBubble.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"MessageBubble.js","sourceRoot":"","sources":["../../../src/components/MessageBubble/MessageBubble.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAShD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAShD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkRpD,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -66,11 +66,25 @@ export const MessageInput = ({ disabled = false, className, onMessageSent }) =>
|
|
|
66
66
|
// If there's a file, upload it first
|
|
67
67
|
if (selectedFile) {
|
|
68
68
|
const tempFileId = `local-${uuidv4()}`;
|
|
69
|
+
// Store file reference before clearing UI
|
|
70
|
+
const fileToUpload = selectedFile;
|
|
71
|
+
// Clear the file from UI immediately when send is clicked
|
|
72
|
+
setSelectedFile(null);
|
|
73
|
+
if (fileInputRef.current) {
|
|
74
|
+
fileInputRef.current.value = '';
|
|
75
|
+
}
|
|
76
|
+
// Convert file to base64 for storage (enables retry)
|
|
77
|
+
const reader = new FileReader();
|
|
78
|
+
const fileBase64 = await new Promise((resolve, reject) => {
|
|
79
|
+
reader.onload = () => resolve(reader.result);
|
|
80
|
+
reader.onerror = reject;
|
|
81
|
+
reader.readAsDataURL(fileToUpload);
|
|
82
|
+
});
|
|
69
83
|
// Show optimistic upload message
|
|
70
84
|
dispatch(addNewMessage({
|
|
71
85
|
id: tempFileId,
|
|
72
86
|
content: JSON.stringify({
|
|
73
|
-
displayFileName:
|
|
87
|
+
displayFileName: fileToUpload.name,
|
|
74
88
|
azureFileName: null // Will be set after backend upload
|
|
75
89
|
}),
|
|
76
90
|
senderDisplayName: userInformation?.firstName + " " + userInformation?.lastName || 'You',
|
|
@@ -79,10 +93,15 @@ export const MessageInput = ({ disabled = false, className, onMessageSent }) =>
|
|
|
79
93
|
createdOn: new Date().toISOString(),
|
|
80
94
|
updatedOn: new Date().toISOString(),
|
|
81
95
|
status: 'pending',
|
|
82
|
-
isDoubleTickVisible: false
|
|
96
|
+
isDoubleTickVisible: false,
|
|
97
|
+
fileData: {
|
|
98
|
+
base64: fileBase64,
|
|
99
|
+
name: fileToUpload.name,
|
|
100
|
+
type: fileToUpload.type
|
|
101
|
+
}
|
|
83
102
|
}));
|
|
84
103
|
const formData = new FormData();
|
|
85
|
-
formData.append('file',
|
|
104
|
+
formData.append('file', fileToUpload);
|
|
86
105
|
formData.append('threadId', thread.threadId);
|
|
87
106
|
formData.append('acsToken', thread.acsAccessToken);
|
|
88
107
|
const apiConfig = getApiConfig();
|
|
@@ -103,30 +122,23 @@ export const MessageInput = ({ disabled = false, className, onMessageSent }) =>
|
|
|
103
122
|
console.log('File uploaded successfully:', uploadResult);
|
|
104
123
|
// If backend returns final attachment info, update local message content
|
|
105
124
|
const serverFileData = uploadResult?.data;
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
dispatch(updateMessageContent({
|
|
112
|
-
id: tempFileId,
|
|
113
|
-
content: JSON.stringify(finalContent)
|
|
114
|
-
}));
|
|
115
|
-
}
|
|
116
|
-
// Mark as sent
|
|
125
|
+
const finalContent = {
|
|
126
|
+
displayFileName: serverFileData?.displayFileName || fileToUpload.name,
|
|
127
|
+
azureFileName: serverFileData?.azureFileName || serverFileData?.blobUrl || serverFileData?.url || null
|
|
128
|
+
};
|
|
129
|
+
// Mark as sent and clear file data
|
|
117
130
|
dispatch(updateMessageStatus({ id: tempFileId, status: 'sent', isDoubleTickVisible: true }));
|
|
131
|
+
dispatch(updateMessageContent({
|
|
132
|
+
id: tempFileId,
|
|
133
|
+
content: JSON.stringify(finalContent),
|
|
134
|
+
fileData: null
|
|
135
|
+
}));
|
|
118
136
|
onMessageSent?.(true);
|
|
119
|
-
// Clear the file after successful upload
|
|
120
|
-
setSelectedFile(null);
|
|
121
|
-
if (fileInputRef.current) {
|
|
122
|
-
fileInputRef.current.value = '';
|
|
123
|
-
}
|
|
124
137
|
}
|
|
125
138
|
catch (error) {
|
|
126
139
|
console.error('File upload error:', error);
|
|
127
140
|
dispatch(updateMessageStatus({ id: tempFileId, status: 'failed' }));
|
|
128
141
|
onMessageSent?.(false);
|
|
129
|
-
// Don't clear the file on error so user can retry
|
|
130
142
|
}
|
|
131
143
|
}
|
|
132
144
|
// If there's a text message, send it
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageInput.js","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInput.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"MessageInput.js","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/MessageList/MessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,
|
|
1
|
+
{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/MessageList/MessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkGlD,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -54,7 +54,7 @@ export const MessageList = ({ className, autoScroll = true, isLoading = false })
|
|
|
54
54
|
initials = (words[0][0] + words[words.length - 1][0]).toUpperCase();
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
-
return (_jsx(MessageBubble, { id: message.id, message: message.text || message.content || '', sender: sender, timestamp: timestamp, isMe: isMe, status: message.status, senderName: !isMe ? (message.senderDisplayName || 'Agent') : undefined, className: styles.messageBubbleWrapper, isDoubleTickVisible: message?.isDoubleTickVisible, initials: initials }, `${message.id}-${index}`));
|
|
57
|
+
return (_jsx(MessageBubble, { id: message.id, message: message.text || message.content || '', sender: sender, timestamp: timestamp, isMe: isMe, status: message.status, senderName: !isMe ? (message.senderDisplayName || 'Agent') : undefined, className: styles.messageBubbleWrapper, isDoubleTickVisible: message?.isDoubleTickVisible, initials: initials, fileData: message.fileData }, `${message.id}-${index}`));
|
|
58
58
|
})), _jsx("div", { ref: messagesEndRef, className: styles.messagesEnd })] })] }));
|
|
59
59
|
};
|
|
60
60
|
export default MessageList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageList.js","sourceRoot":"","sources":["../../../src/components/MessageList/MessageList.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAqBtC,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,SAAS,EACT,UAAU,GAAG,IAAI,EACjB,SAAS,GAAG,KAAK,EAClB,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAC7C,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC/B,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,WAAW,EAAE,CAAC;IACxD,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;IAEnC,iDAAiD;IACjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACvC,YAAY,CAAC,OAAO,CAAC,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC;QACrE,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAE3B,sCAAsC;IACtC,MAAM,cAAc,GAAG,CAAC,SAAoC,EAAE,EAAE;QAC9D,IAAI,CAAC,SAAS;YAAE,OAAO,IAAI,IAAI,EAAE,CAAC;QAClC,IAAI,SAAS,YAAY,IAAI;YAAE,OAAO,SAAS,CAAC;QAChD,OAAO,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,qCAAqC;IACrC,MAAM,aAAa,GAAG,CAAC,OAAY,EAAE,EAAE;QACrC,MAAM,IAAI,GAAG,SAAS,KAAK,OAAO,CAAC,WAAW,CAAC;QAC/C,IAAI,MAAM,GAAqB,OAAO,CAAC;QAEvC,IAAI,IAAI,IAAI,OAAO,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;YACtC,MAAM,GAAG,MAAM,CAAC;QAClB,CAAC;aAAM,IAAI,OAAO,CAAC,MAAM,KAAK,OAAO,IAAI,OAAO,CAAC,iBAAiB,EAAE,CAAC;YACnE,MAAM,GAAG,OAAO,CAAC;QACnB,CAAC;QAED,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,eACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,GAAG,MAAM,CAAC,WAAW,IAAI,SAAS,IAAI,EAAE,EAAE,aAEpD,CAAC,aAAa,IAAI,CACjB,cAAK,SAAS,EAAE,MAAM,CAAC,cAAc,YACnC,KAAC,gBAAgB,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,SAAS,GAAG,GAC7C,CACP,EAED,eAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,aACrC,CAAC,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,CACzD,eAAK,SAAS,EAAE,MAAM,CAAC,UAAU,aAC/B,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,6BAAU,EAC1C,YAAG,SAAS,EAAE,MAAM,CAAC,SAAS,gCAAqB,EACnD,YAAG,SAAS,EAAE,MAAM,CAAC,YAAY,wCAA6B,IAC1D,CACP,CAAC,CAAC,CAAC,CACF,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAY,EAAE,KAAa,EAAE,EAAE;wBAC3C,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;wBAChD,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,SAAS,CAAC,CAAC;wBAEzE,0CAA0C;wBAC1C,IAAI,QAAQ,GAAG,GAAG,CAAC,CAAC,yBAAyB;wBAC7C,IAAI,OAAO,CAAC,iBAAiB,EAAE,CAAC;4BAC9B,MAAM,KAAK,GAAG,OAAO,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;4BAC5D,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gCACvB,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;4BACvC,CAAC;iCAAM,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gCAC5B,QAAQ,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;4BACtE,CAAC;wBACH,CAAC;wBAED,OAAO,CACL,KAAC,aAAa,IAEZ,EAAE,EAAE,OAAO,CAAC,EAAE,EACd,OAAO,EAAE,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,OAAO,IAAI,EAAE,EAC9C,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,OAAO,CAAC,MAAM,EACtB,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,EACtE,SAAS,EAAE,MAAM,CAAC,oBAAoB,EACtC,mBAAmB,EAAE,OAAO,EAAE,mBAAmB,EACjD,QAAQ,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"MessageList.js","sourceRoot":"","sources":["../../../src/components/MessageList/MessageList.tsx"],"names":[],"mappings":"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"}
|
package/lib/index.esm.js
CHANGED
|
@@ -3487,10 +3487,13 @@ const messagesSlice = createSlice({
|
|
|
3487
3487
|
}
|
|
3488
3488
|
},
|
|
3489
3489
|
updateMessageContent: (state, action) => {
|
|
3490
|
-
const { id, content } = action.payload;
|
|
3490
|
+
const { id, content, fileData } = action.payload;
|
|
3491
3491
|
const msg = state.messages.find(m => m.id === id);
|
|
3492
3492
|
if (msg) {
|
|
3493
3493
|
msg.content = content;
|
|
3494
|
+
if (fileData === null) {
|
|
3495
|
+
msg.fileData = null;
|
|
3496
|
+
}
|
|
3494
3497
|
}
|
|
3495
3498
|
},
|
|
3496
3499
|
setContinuationToken: (state, action) => {
|
|
@@ -20594,8 +20597,8 @@ function isFileMessage(content) {
|
|
|
20594
20597
|
return null;
|
|
20595
20598
|
}
|
|
20596
20599
|
}
|
|
20597
|
-
const MessageBubble = ({ id, message, sender, timestamp, className, isMe, status, avatar, senderName, isDoubleTickVisible, initials }) => {
|
|
20598
|
-
useSelector(selectThread);
|
|
20600
|
+
const MessageBubble = ({ id, message, sender, timestamp, className, isMe, status, avatar, senderName, isDoubleTickVisible, initials, fileData }) => {
|
|
20601
|
+
const thread = useSelector(selectThread);
|
|
20599
20602
|
const dispatch = useDispatch();
|
|
20600
20603
|
const { sendMessage } = useChatInit();
|
|
20601
20604
|
const [getAttachmentSasUrl] = useLazyGetAttachmentSasUrlQuery();
|
|
@@ -20605,9 +20608,55 @@ const MessageBubble = ({ id, message, sender, timestamp, className, isMe, status
|
|
|
20605
20608
|
// Check if this is a file message
|
|
20606
20609
|
const fileMsg = isFileMessage(message);
|
|
20607
20610
|
if (fileMsg) {
|
|
20608
|
-
//
|
|
20609
|
-
|
|
20610
|
-
|
|
20611
|
+
// Try to resend file using stored base64 data
|
|
20612
|
+
if (!fileData || !fileData.base64) {
|
|
20613
|
+
alert('Unable to resend file automatically. Please re-attach and send the file again.');
|
|
20614
|
+
return;
|
|
20615
|
+
}
|
|
20616
|
+
// Convert base64 back to File object
|
|
20617
|
+
try {
|
|
20618
|
+
const base64Response = await fetch(fileData.base64);
|
|
20619
|
+
const blob = await base64Response.blob();
|
|
20620
|
+
const file = new File([blob], fileData.name, { type: fileData.type });
|
|
20621
|
+
// Mark as pending
|
|
20622
|
+
dispatch(updateMessageStatus({ id, status: 'pending' }));
|
|
20623
|
+
// Retry file upload
|
|
20624
|
+
const formData = new FormData();
|
|
20625
|
+
formData.append('file', file);
|
|
20626
|
+
formData.append('threadId', thread.threadId);
|
|
20627
|
+
formData.append('acsToken', thread.acsAccessToken);
|
|
20628
|
+
const apiConfig = getApiConfig();
|
|
20629
|
+
const uploadUrl = `${apiConfig.baseUrl}/chat/send-attachment`;
|
|
20630
|
+
const uploadResponse = await fetch(uploadUrl, {
|
|
20631
|
+
method: 'POST',
|
|
20632
|
+
headers: {
|
|
20633
|
+
'api_secret_key': apiConfig.apiKey,
|
|
20634
|
+
},
|
|
20635
|
+
body: formData,
|
|
20636
|
+
});
|
|
20637
|
+
if (!uploadResponse.ok) {
|
|
20638
|
+
dispatch(updateMessageStatus({ id, status: 'failed' }));
|
|
20639
|
+
return;
|
|
20640
|
+
}
|
|
20641
|
+
const uploadResult = await uploadResponse.json();
|
|
20642
|
+
const serverFileData = uploadResult?.data;
|
|
20643
|
+
if (serverFileData && (serverFileData.azureFileName || serverFileData.displayFileName)) {
|
|
20644
|
+
const finalContent = {
|
|
20645
|
+
displayFileName: serverFileData.displayFileName || fileData.name,
|
|
20646
|
+
azureFileName: serverFileData.azureFileName || serverFileData.blobUrl || serverFileData.url || null
|
|
20647
|
+
};
|
|
20648
|
+
dispatch(updateMessageContent({
|
|
20649
|
+
id,
|
|
20650
|
+
content: JSON.stringify(finalContent),
|
|
20651
|
+
fileData: null
|
|
20652
|
+
}));
|
|
20653
|
+
}
|
|
20654
|
+
dispatch(updateMessageStatus({ id, status: 'sent', isDoubleTickVisible: true }));
|
|
20655
|
+
}
|
|
20656
|
+
catch (error) {
|
|
20657
|
+
console.error('File resend error:', error);
|
|
20658
|
+
dispatch(updateMessageStatus({ id, status: 'failed' }));
|
|
20659
|
+
}
|
|
20611
20660
|
return;
|
|
20612
20661
|
}
|
|
20613
20662
|
// mark as pending while retrying for text messages
|
|
@@ -20680,7 +20729,7 @@ const MessageBubble = ({ id, message, sender, timestamp, className, isMe, status
|
|
|
20680
20729
|
return `${datePart} ${timePart}`;
|
|
20681
20730
|
};
|
|
20682
20731
|
return (jsxs("div", { className: `${styles$7.messageWrapper} ${isMe ? styles$7.messageWrapperRight : styles$7.messageWrapperLeft} ${className || ''}`, children: [!isMe && jsx("div", { className: styles$7.messageAvatar, children: initials }), jsxs("div", { className: styles$7.messageContainer, children: [jsx("div", { className: styles$7.senderName, children: isMe ? 'You' : senderName ? senderName : 'Support' }), jsx("div", { className: `${styles$7.messageBubble} ${isMe ? styles$7.userMessage : styles$7.agentMessage}`, children: jsx("div", { className: styles$7.messageText, children: fileMsg ? (jsxs("div", { className: styles$7.fileMessage, children: [jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8 }, children: [jsx("span", { style: { fontWeight: 500, fontSize: 14, color: 'inherit', wordBreak: 'break-all' }, children: fileMsg.displayFileName }), fileMsg.azureFileName && status !== 'pending' ? (jsx("button", { onClick: () => handleFileDownload(fileMsg.azureFileName, fileMsg.displayFileName), className: styles$7.fileDownloadButton, "aria-label": `Download ${fileMsg.displayFileName}`, style: { cursor: fileMsg.azureFileName ? 'pointer' : 'not-allowed', border: 'none', background: 'none', display: 'flex', alignItems: 'center', padding: 0 }, children: downloadIcon(isMe ? '#FFFFFF' : '#000000') })) : null] }), isFileUploading && (jsxs("div", { className: styles$7.fileUploadStatus, "aria-live": "polite", children: [jsx("span", { className: styles$7.fileUploadSpinner, "aria-hidden": "true" }), jsx("span", { children: "Uploading..." })] }))] })) : (message) }) }), isMe && status === 'failed' ? (jsxs("div", { className: styles$7.resendContainer, children: [jsx("button", { className: styles$7.resendButton, "aria-label": "Resend message", onClick: handleResend, children: "\u21BB" }), jsx("span", { className: styles$7.resendText, role: "button", tabIndex: 0, onClick: handleResend, onKeyPress: (e) => { if (e.key === 'Enter' || e.key === ' ')
|
|
20683
|
-
handleResend(); }, children: fileMsg ? 'File failed to send. Tap to
|
|
20732
|
+
handleResend(); }, children: fileMsg ? 'File failed to send. Tap to send' : 'Message failed to send. Tap to send' })] })) : (timestamp && (jsxs("div", { className: `${styles$7.timestamp} ${isMe ? styles$7.timestampRight : styles$7.timestampLeft}`, "aria-label": formatDateTime(timestamp), tabIndex: 0, children: [jsx("span", { children: formatDateTime(timestamp) }), isMe && (isDoubleTickVisible
|
|
20684
20733
|
? doubleTickIcon
|
|
20685
20734
|
: singleTickIcon)] })))] }), isMe && jsx("div", { className: styles$7.messageAvatar, children: initials })] }));
|
|
20686
20735
|
};
|
|
@@ -20741,7 +20790,7 @@ const MessageList = ({ className, autoScroll = true, isLoading = false }) => {
|
|
|
20741
20790
|
initials = (words[0][0] + words[words.length - 1][0]).toUpperCase();
|
|
20742
20791
|
}
|
|
20743
20792
|
}
|
|
20744
|
-
return (jsx(MessageBubble, { id: message.id, message: message.text || message.content || '', sender: sender, timestamp: timestamp, isMe: isMe, status: message.status, senderName: !isMe ? (message.senderDisplayName || 'Agent') : undefined, className: styles$8.messageBubbleWrapper, isDoubleTickVisible: message?.isDoubleTickVisible, initials: initials }, `${message.id}-${index}`));
|
|
20793
|
+
return (jsx(MessageBubble, { id: message.id, message: message.text || message.content || '', sender: sender, timestamp: timestamp, isMe: isMe, status: message.status, senderName: !isMe ? (message.senderDisplayName || 'Agent') : undefined, className: styles$8.messageBubbleWrapper, isDoubleTickVisible: message?.isDoubleTickVisible, initials: initials, fileData: message.fileData }, `${message.id}-${index}`));
|
|
20745
20794
|
})), jsx("div", { ref: messagesEndRef, className: styles$8.messagesEnd })] })] }));
|
|
20746
20795
|
};
|
|
20747
20796
|
|
|
@@ -20806,11 +20855,25 @@ const MessageInput = ({ disabled = false, className, onMessageSent }) => {
|
|
|
20806
20855
|
// If there's a file, upload it first
|
|
20807
20856
|
if (selectedFile) {
|
|
20808
20857
|
const tempFileId = `local-${v4()}`;
|
|
20858
|
+
// Store file reference before clearing UI
|
|
20859
|
+
const fileToUpload = selectedFile;
|
|
20860
|
+
// Clear the file from UI immediately when send is clicked
|
|
20861
|
+
setSelectedFile(null);
|
|
20862
|
+
if (fileInputRef.current) {
|
|
20863
|
+
fileInputRef.current.value = '';
|
|
20864
|
+
}
|
|
20865
|
+
// Convert file to base64 for storage (enables retry)
|
|
20866
|
+
const reader = new FileReader();
|
|
20867
|
+
const fileBase64 = await new Promise((resolve, reject) => {
|
|
20868
|
+
reader.onload = () => resolve(reader.result);
|
|
20869
|
+
reader.onerror = reject;
|
|
20870
|
+
reader.readAsDataURL(fileToUpload);
|
|
20871
|
+
});
|
|
20809
20872
|
// Show optimistic upload message
|
|
20810
20873
|
dispatch(addNewMessage({
|
|
20811
20874
|
id: tempFileId,
|
|
20812
20875
|
content: JSON.stringify({
|
|
20813
|
-
displayFileName:
|
|
20876
|
+
displayFileName: fileToUpload.name,
|
|
20814
20877
|
azureFileName: null // Will be set after backend upload
|
|
20815
20878
|
}),
|
|
20816
20879
|
senderDisplayName: userInformation?.firstName + " " + userInformation?.lastName || 'You',
|
|
@@ -20819,10 +20882,15 @@ const MessageInput = ({ disabled = false, className, onMessageSent }) => {
|
|
|
20819
20882
|
createdOn: new Date().toISOString(),
|
|
20820
20883
|
updatedOn: new Date().toISOString(),
|
|
20821
20884
|
status: 'pending',
|
|
20822
|
-
isDoubleTickVisible: false
|
|
20885
|
+
isDoubleTickVisible: false,
|
|
20886
|
+
fileData: {
|
|
20887
|
+
base64: fileBase64,
|
|
20888
|
+
name: fileToUpload.name,
|
|
20889
|
+
type: fileToUpload.type
|
|
20890
|
+
}
|
|
20823
20891
|
}));
|
|
20824
20892
|
const formData = new FormData();
|
|
20825
|
-
formData.append('file',
|
|
20893
|
+
formData.append('file', fileToUpload);
|
|
20826
20894
|
formData.append('threadId', thread.threadId);
|
|
20827
20895
|
formData.append('acsToken', thread.acsAccessToken);
|
|
20828
20896
|
const apiConfig = getApiConfig();
|
|
@@ -20843,30 +20911,23 @@ const MessageInput = ({ disabled = false, className, onMessageSent }) => {
|
|
|
20843
20911
|
console.log('File uploaded successfully:', uploadResult);
|
|
20844
20912
|
// If backend returns final attachment info, update local message content
|
|
20845
20913
|
const serverFileData = uploadResult?.data;
|
|
20846
|
-
|
|
20847
|
-
|
|
20848
|
-
|
|
20849
|
-
|
|
20850
|
-
|
|
20851
|
-
dispatch(updateMessageContent({
|
|
20852
|
-
id: tempFileId,
|
|
20853
|
-
content: JSON.stringify(finalContent)
|
|
20854
|
-
}));
|
|
20855
|
-
}
|
|
20856
|
-
// Mark as sent
|
|
20914
|
+
const finalContent = {
|
|
20915
|
+
displayFileName: serverFileData?.displayFileName || fileToUpload.name,
|
|
20916
|
+
azureFileName: serverFileData?.azureFileName || serverFileData?.blobUrl || serverFileData?.url || null
|
|
20917
|
+
};
|
|
20918
|
+
// Mark as sent and clear file data
|
|
20857
20919
|
dispatch(updateMessageStatus({ id: tempFileId, status: 'sent', isDoubleTickVisible: true }));
|
|
20920
|
+
dispatch(updateMessageContent({
|
|
20921
|
+
id: tempFileId,
|
|
20922
|
+
content: JSON.stringify(finalContent),
|
|
20923
|
+
fileData: null
|
|
20924
|
+
}));
|
|
20858
20925
|
onMessageSent?.(true);
|
|
20859
|
-
// Clear the file after successful upload
|
|
20860
|
-
setSelectedFile(null);
|
|
20861
|
-
if (fileInputRef.current) {
|
|
20862
|
-
fileInputRef.current.value = '';
|
|
20863
|
-
}
|
|
20864
20926
|
}
|
|
20865
20927
|
catch (error) {
|
|
20866
20928
|
console.error('File upload error:', error);
|
|
20867
20929
|
dispatch(updateMessageStatus({ id: tempFileId, status: 'failed' }));
|
|
20868
20930
|
onMessageSent?.(false);
|
|
20869
|
-
// Don't clear the file on error so user can retry
|
|
20870
20931
|
}
|
|
20871
20932
|
}
|
|
20872
20933
|
// If there's a text message, send it
|