rohit-chat-widget 1.0.31 → 1.0.33
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.js +2 -2
- package/lib/components/MessageBubble/MessageBubble.js.map +1 -1
- package/lib/components/MessageInput/MessageInput.js +2 -2
- package/lib/components/MessageInput/MessageInput.js.map +1 -1
- package/lib/index.esm.js +5 -5
- package/lib/index.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -6,7 +6,7 @@ import { useChatInit } from '@/hooks';
|
|
|
6
6
|
import { useLazyGetAttachmentSasUrlQuery } from '@/services/api/backendApi';
|
|
7
7
|
import { selectThread } from '@/store';
|
|
8
8
|
// Download icon SVG for file messages
|
|
9
|
-
const downloadIcon = (_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:
|
|
9
|
+
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
10
|
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" }) }));
|
|
11
11
|
const doubleTickIcon = (_jsxs("svg", { style: { marginLeft: "4px" }, width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.62537 3.7588C9.80497 3.92044 9.81953 4.19706 9.65789 4.37666L4.49933 10.001C3.93085 10.6326 3.61338 10.1021 2.94981 9.57128L0.892728 7.92562C0.704051 7.77468 0.67346 7.49936 0.824402 7.31068C0.975343 7.12201 1.25066 7.09142 1.43934 7.24236L3.49642 8.88802C3.79804 9.12932 4.23551 9.09354 4.49391 8.80643L9.00751 3.79132C9.16915 3.61172 9.44577 3.59716 9.62537 3.7588Z", fill: "#84E1BC" }), _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.1254 3.7588C13.305 3.92044 13.3195 4.19706 13.1579 4.37666L7.99933 10.001C7.43085 10.6326 7.11338 10.1021 6.44981 9.57128L4.39273 7.92562C4.20405 7.77468 4.17346 7.49936 4.3244 7.31068C4.47534 7.12201 4.75066 7.09142 4.93934 7.24236L6.99642 8.88802C7.29804 9.12932 7.73551 9.09354 7.99391 8.80643L12.5075 3.79132C12.6691 3.61172 12.9458 3.59716 13.1254 3.7588Z", fill: "#057A55" })] }));
|
|
12
12
|
// Helper to detect if message is a file message
|
|
@@ -102,7 +102,7 @@ export const MessageBubble = ({ id, message, sender, timestamp, className, isMe,
|
|
|
102
102
|
padding: 4,
|
|
103
103
|
display: 'flex',
|
|
104
104
|
alignItems: 'center'
|
|
105
|
-
}, "aria-label": `Download ${fileMsg.displayFileName}`, children: downloadIcon })] })) : (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 === ' ')
|
|
105
|
+
}, "aria-label": `Download ${fileMsg.displayFileName}`, children: downloadIcon(isMe ? '#FFFFFF' : '#000000') })] })) : (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 === ' ')
|
|
106
106
|
handleResend(); }, children: "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
|
|
107
107
|
? doubleTickIcon
|
|
108
108
|
: singleTickIcon)] })))] }), isMe && _jsx("div", { className: styles.messageAvatar, children: initials })] }));
|
|
@@ -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;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,+BAA+B,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,sCAAsC;AACtC,MAAM,YAAY,GAAG,
|
|
1
|
+
{"version":3,"file":"MessageBubble.js","sourceRoot":"","sources":["../../../src/components/MessageBubble/MessageBubble.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,7 +28,7 @@ export const MessageInput = ({ disabled = false, className, onMessageSent }) =>
|
|
|
28
28
|
fileInputRef.current.value = '';
|
|
29
29
|
}
|
|
30
30
|
// Clear error after 5 seconds
|
|
31
|
-
|
|
31
|
+
setTimeout(() => setFileError(null), 5000);
|
|
32
32
|
return;
|
|
33
33
|
}
|
|
34
34
|
setFileError(null);
|
|
@@ -147,7 +147,7 @@ export const MessageInput = ({ disabled = false, className, onMessageSent }) =>
|
|
|
147
147
|
setIsSending(false);
|
|
148
148
|
}
|
|
149
149
|
};
|
|
150
|
-
return (_jsxs("div", { className: `${styles.messageInputContainer} ${className || ''}`, children: [_jsxs("form", { onSubmit: handleSubmit, className: styles.messageInputForm, children: [fileError && (_jsxs("div", { className: styles.errorMessage, onClick: () => setFileError(null), style: { display: 'flex', alignItems: 'center', cursor: 'pointer' }, children: [_jsx("svg", { className: styles.errorIcon, viewBox: "0 0
|
|
150
|
+
return (_jsxs("div", { className: `${styles.messageInputContainer} ${className || ''}`, children: [_jsxs("form", { onSubmit: handleSubmit, className: styles.messageInputForm, children: [fileError && (_jsxs("div", { className: styles.errorMessage, onClick: () => setFileError(null), style: { display: 'flex', alignItems: 'center', cursor: 'pointer', color: 'red' }, children: [_jsx("svg", { className: styles.errorIcon, viewBox: "0 0 26 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", "aria-hidden": "true", children: _jsx("path", { d: "M15 9L9 15M9 9L15 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }), _jsx("span", { className: styles.errorText, children: fileError })] })), selectedFile && (_jsxs("div", { className: styles.filePreview, style: { display: 'flex', alignItems: 'center', cursor: 'pointer' }, children: [_jsx("span", { className: styles.fileName, children: selectedFile.name }), _jsx("button", { type: "button", onClick: handleRemoveFile, className: styles.removeFileButton, "aria-label": "Remove file", style: { border: 0, backgroundColor: 'transparent', cursor: 'pointer' }, children: _jsx("svg", { className: styles.errorIcon, viewBox: "0 0 26 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", "aria-hidden": "true", children: _jsx("path", { d: "M15 9L9 15M9 9L15 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })] })), _jsxs("div", { className: styles.inputWrapper, children: [_jsx("input", { ref: fileInputRef, type: "file",
|
|
151
151
|
// allow any file type
|
|
152
152
|
onChange: handleFileSelect, className: styles.fileInput, disabled: disabled || isSending, "aria-hidden": "true", tabIndex: -1, style: { display: 'none' } }), _jsx("button", { type: "button", onClick: () => fileInputRef.current?.click(), className: styles.attachButton, disabled: disabled || isSending, "aria-label": "Attach file", title: "Attach file", style: { border: 0, backgroundColor: 'transparent', cursor: 'pointer' }, children: _jsx("svg", { viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", "aria-hidden": "true", children: _jsx("path", { d: "M7.9175 17.8068L15.8084 10.2535C16.7558 9.34668 16.7558 7.87637 15.8084 6.96951C14.861 6.06265 13.325 6.06265 12.3776 6.96951L4.54387 14.4681C2.74382 16.1911 2.74382 18.9847 4.54387 20.7077C6.34391 22.4308 9.26237 22.4308 11.0624 20.7077L19.0105 13.0997C21.6632 10.5605 21.6632 6.44362 19.0105 3.90441C16.3578 1.3652 12.0569 1.3652 9.40419 3.90441L3 10.0346", stroke: "#fa5b4c", strokeWidth: "2.4", strokeLinecap: "round" }) }) }), _jsx("textarea", { value: message, onChange: (e) => setMessage(e.target.value), onKeyDown: handleKeyDown, placeholder: "Write message to your provider/support...", className: styles.messageInput, rows: 1, style: { resize: 'none' }, disabled: disabled || isSending }), _jsx("button", { type: "submit", className: styles.sendButton, disabled: disabled || isSending || (!message.trim() && !selectedFile), "aria-label": "Send message", children: _jsx("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: styles.sendIcon, children: _jsx("path", { d: "M3.40571 20.9141L21.4057 12.9141C21.5826 12.8356 21.7329 12.7075 21.8384 12.5452C21.9439 12.383 22 12.1936 22 12.0001C22 11.8066 21.9439 11.6173 21.8384 11.455C21.7329 11.2928 21.5826 11.1646 21.4057 11.0861L3.40571 3.08613C3.23443 3.01003 3.04521 2.98361 2.85963 3.00986C2.67406 3.03611 2.49959 3.11399 2.35614 3.23461C2.21268 3.35524 2.10602 3.51374 2.0483 3.69206C1.99059 3.87038 1.98415 4.06133 2.02971 4.24313L3.71871 11.0001L12.9997 11.0001C13.2649 11.0001 13.5193 11.1055 13.7068 11.293C13.8944 11.4806 13.9997 11.7349 13.9997 12.0001C13.9997 12.2653 13.8944 12.5197 13.7068 12.7072C13.5193 12.8948 13.2649 13.0001 12.9997 13.0001L3.71871 13.0001L2.02971 19.7581C1.98439 19.9399 1.99101 20.1307 2.04883 20.3088C2.10665 20.487 2.21334 20.6453 2.35674 20.7658C2.50015 20.8863 2.67452 20.9641 2.85997 20.9903C3.04543 21.0165 3.23452 20.9901 3.40571 20.9141Z", fill: "#FFF1F0" }) }) })] })] }), _jsxs("div", { className: styles.poweredBy, children: ["Powered by ", _jsx("span", { className: styles.smarterEmr, children: "SmarterEMR" }), " | ", _jsx("span", { className: styles.encrypted, children: "End-to-End Encrypted" })] })] }));
|
|
153
153
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageInput.js","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInput.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAClF,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAQzD,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,aAAa,EACd,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAc,IAAI,CAAC,CAAC;IACpE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAChE,MAAM,YAAY,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACpD,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,WAAW,EAAE,CAAC;IACrD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IACzC,MAAM,eAAe,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAEpD,MAAM,gBAAgB,GAAG,CAAC,CAAsC,EAAE,EAAE;QAClE,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QACjC,IAAI,IAAI,EAAE,CAAC;YACT,kEAAkE;YAClE,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC;gBAChC,YAAY,CAAC,uDAAuD,CAAC,CAAC;gBACtE,eAAe,CAAC,IAAI,CAAC,CAAC;gBACtB,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;oBACzB,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;gBAClC,CAAC;gBACD,8BAA8B;gBAC9B,
|
|
1
|
+
{"version":3,"file":"MessageInput.js","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInput.tsx"],"names":[],"mappings":"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"}
|
package/lib/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import React__default, { useCallback, useDebugValue, useMemo, useState, useEffect, useRef, useLayoutEffect, Component } from 'react';
|
|
4
4
|
|
|
@@ -20566,7 +20566,7 @@ const useChatInit = () => {
|
|
|
20566
20566
|
};
|
|
20567
20567
|
|
|
20568
20568
|
// Download icon SVG for file messages
|
|
20569
|
-
const downloadIcon = (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:
|
|
20569
|
+
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 })] }));
|
|
20570
20570
|
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" }) }));
|
|
20571
20571
|
const doubleTickIcon = (jsxs("svg", { style: { marginLeft: "4px" }, width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.62537 3.7588C9.80497 3.92044 9.81953 4.19706 9.65789 4.37666L4.49933 10.001C3.93085 10.6326 3.61338 10.1021 2.94981 9.57128L0.892728 7.92562C0.704051 7.77468 0.67346 7.49936 0.824402 7.31068C0.975343 7.12201 1.25066 7.09142 1.43934 7.24236L3.49642 8.88802C3.79804 9.12932 4.23551 9.09354 4.49391 8.80643L9.00751 3.79132C9.16915 3.61172 9.44577 3.59716 9.62537 3.7588Z", fill: "#84E1BC" }), jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.1254 3.7588C13.305 3.92044 13.3195 4.19706 13.1579 4.37666L7.99933 10.001C7.43085 10.6326 7.11338 10.1021 6.44981 9.57128L4.39273 7.92562C4.20405 7.77468 4.17346 7.49936 4.3244 7.31068C4.47534 7.12201 4.75066 7.09142 4.93934 7.24236L6.99642 8.88802C7.29804 9.12932 7.73551 9.09354 7.99391 8.80643L12.5075 3.79132C12.6691 3.61172 12.9458 3.59716 13.1254 3.7588Z", fill: "#057A55" })] }));
|
|
20572
20572
|
// Helper to detect if message is a file message
|
|
@@ -20662,7 +20662,7 @@ const MessageBubble = ({ id, message, sender, timestamp, className, isMe, status
|
|
|
20662
20662
|
padding: 4,
|
|
20663
20663
|
display: 'flex',
|
|
20664
20664
|
alignItems: 'center'
|
|
20665
|
-
}, "aria-label": `Download ${fileMsg.displayFileName}`, children: downloadIcon })] })) : (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 === ' ')
|
|
20665
|
+
}, "aria-label": `Download ${fileMsg.displayFileName}`, children: downloadIcon(isMe ? '#FFFFFF' : '#000000') })] })) : (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 === ' ')
|
|
20666
20666
|
handleResend(); }, children: "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
|
|
20667
20667
|
? doubleTickIcon
|
|
20668
20668
|
: singleTickIcon)] })))] }), isMe && jsx("div", { className: styles$7.messageAvatar, children: initials })] }));
|
|
@@ -20751,7 +20751,7 @@ const MessageInput = ({ disabled = false, className, onMessageSent }) => {
|
|
|
20751
20751
|
fileInputRef.current.value = '';
|
|
20752
20752
|
}
|
|
20753
20753
|
// Clear error after 5 seconds
|
|
20754
|
-
|
|
20754
|
+
setTimeout(() => setFileError(null), 5000);
|
|
20755
20755
|
return;
|
|
20756
20756
|
}
|
|
20757
20757
|
setFileError(null);
|
|
@@ -20870,7 +20870,7 @@ const MessageInput = ({ disabled = false, className, onMessageSent }) => {
|
|
|
20870
20870
|
setIsSending(false);
|
|
20871
20871
|
}
|
|
20872
20872
|
};
|
|
20873
|
-
return (jsxs("div", { className: `${styles$5.messageInputContainer} ${className || ''}`, children: [jsxs("form", { onSubmit: handleSubmit, className: styles$5.messageInputForm, children: [fileError && (jsxs("div", { className: styles$5.errorMessage, onClick: () => setFileError(null), style: { display: 'flex', alignItems: 'center', cursor: 'pointer' }, children: [jsx("svg", { className: styles$5.errorIcon, viewBox: "0 0
|
|
20873
|
+
return (jsxs("div", { className: `${styles$5.messageInputContainer} ${className || ''}`, children: [jsxs("form", { onSubmit: handleSubmit, className: styles$5.messageInputForm, children: [fileError && (jsxs("div", { className: styles$5.errorMessage, onClick: () => setFileError(null), style: { display: 'flex', alignItems: 'center', cursor: 'pointer', color: 'red' }, children: [jsx("svg", { className: styles$5.errorIcon, viewBox: "0 0 26 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", "aria-hidden": "true", children: jsx("path", { d: "M15 9L9 15M9 9L15 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }), jsx("span", { className: styles$5.errorText, children: fileError })] })), selectedFile && (jsxs("div", { className: styles$5.filePreview, style: { display: 'flex', alignItems: 'center', cursor: 'pointer' }, children: [jsx("span", { className: styles$5.fileName, children: selectedFile.name }), jsx("button", { type: "button", onClick: handleRemoveFile, className: styles$5.removeFileButton, "aria-label": "Remove file", style: { border: 0, backgroundColor: 'transparent', cursor: 'pointer' }, children: jsx("svg", { className: styles$5.errorIcon, viewBox: "0 0 26 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", "aria-hidden": "true", children: jsx("path", { d: "M15 9L9 15M9 9L15 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })] })), jsxs("div", { className: styles$5.inputWrapper, children: [jsx("input", { ref: fileInputRef, type: "file",
|
|
20874
20874
|
// allow any file type
|
|
20875
20875
|
onChange: handleFileSelect, className: styles$5.fileInput, disabled: disabled || isSending, "aria-hidden": "true", tabIndex: -1, style: { display: 'none' } }), jsx("button", { type: "button", onClick: () => fileInputRef.current?.click(), className: styles$5.attachButton, disabled: disabled || isSending, "aria-label": "Attach file", title: "Attach file", style: { border: 0, backgroundColor: 'transparent', cursor: 'pointer' }, children: jsx("svg", { viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", "aria-hidden": "true", children: jsx("path", { d: "M7.9175 17.8068L15.8084 10.2535C16.7558 9.34668 16.7558 7.87637 15.8084 6.96951C14.861 6.06265 13.325 6.06265 12.3776 6.96951L4.54387 14.4681C2.74382 16.1911 2.74382 18.9847 4.54387 20.7077C6.34391 22.4308 9.26237 22.4308 11.0624 20.7077L19.0105 13.0997C21.6632 10.5605 21.6632 6.44362 19.0105 3.90441C16.3578 1.3652 12.0569 1.3652 9.40419 3.90441L3 10.0346", stroke: "#fa5b4c", strokeWidth: "2.4", strokeLinecap: "round" }) }) }), jsx("textarea", { value: message, onChange: (e) => setMessage(e.target.value), onKeyDown: handleKeyDown, placeholder: "Write message to your provider/support...", className: styles$5.messageInput, rows: 1, style: { resize: 'none' }, disabled: disabled || isSending }), jsx("button", { type: "submit", className: styles$5.sendButton, disabled: disabled || isSending || (!message.trim() && !selectedFile), "aria-label": "Send message", children: jsx("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: styles$5.sendIcon, children: jsx("path", { d: "M3.40571 20.9141L21.4057 12.9141C21.5826 12.8356 21.7329 12.7075 21.8384 12.5452C21.9439 12.383 22 12.1936 22 12.0001C22 11.8066 21.9439 11.6173 21.8384 11.455C21.7329 11.2928 21.5826 11.1646 21.4057 11.0861L3.40571 3.08613C3.23443 3.01003 3.04521 2.98361 2.85963 3.00986C2.67406 3.03611 2.49959 3.11399 2.35614 3.23461C2.21268 3.35524 2.10602 3.51374 2.0483 3.69206C1.99059 3.87038 1.98415 4.06133 2.02971 4.24313L3.71871 11.0001L12.9997 11.0001C13.2649 11.0001 13.5193 11.1055 13.7068 11.293C13.8944 11.4806 13.9997 11.7349 13.9997 12.0001C13.9997 12.2653 13.8944 12.5197 13.7068 12.7072C13.5193 12.8948 13.2649 13.0001 12.9997 13.0001L3.71871 13.0001L2.02971 19.7581C1.98439 19.9399 1.99101 20.1307 2.04883 20.3088C2.10665 20.487 2.21334 20.6453 2.35674 20.7658C2.50015 20.8863 2.67452 20.9641 2.85997 20.9903C3.04543 21.0165 3.23452 20.9901 3.40571 20.9141Z", fill: "#FFF1F0" }) }) })] })] }), jsxs("div", { className: styles$5.poweredBy, children: ["Powered by ", jsx("span", { className: styles$5.smarterEmr, children: "SmarterEMR" }), " | ", jsx("span", { className: styles$5.encrypted, children: "End-to-End Encrypted" })] })] }));
|
|
20876
20876
|
};
|