diff --git a/src/modules/chat/components/ChatConversationList.jsx b/src/modules/chat/components/ChatConversationList.jsx
index 4c435cc..f1f3929 100644
--- a/src/modules/chat/components/ChatConversationList.jsx
+++ b/src/modules/chat/components/ChatConversationList.jsx
@@ -23,12 +23,14 @@ function ChannelBadge({ channel }) {
);
}
-function ActivityDot({ status }) {
- const color = status === 'away' ? '#e5a22a' : '#dc2626';
+function LastMessageDot({ fromMe }) {
+ const color = fromMe ? '#e5a22a' : '#00a4b7';
+ const label = fromMe ? 'Última mensagem enviada pelo atendimento' : 'Última mensagem enviada pelo cliente';
return (
+ •Salvo•
+
+ );
+}
export function ChatConversationList({
contacts,
activeContactId,
onSelectContact,
+ onOpenContact,
isMobile = false,
}) {
return (
@@ -83,16 +105,16 @@ export function ChatConversationList({
display: 'grid',
gridTemplateRows: 'auto minmax(0, 1fr)',
gap: '0.85rem',
- height: isMobile ? 'auto' : CHAT_LIST_HEIGHT,
- maxHeight: isMobile ? 'none' : CHAT_LIST_HEIGHT,
- alignSelf: 'start',
+ height: isMobile ? 'auto' : '100%',
+ maxHeight: isMobile ? 'none' : '100%',
+ alignSelf: isMobile ? 'start' : 'stretch',
minHeight: 0,
}}
>
Conversas ativas
- WhatsApp, SMS e email em uma fila visual.
+ WhatsApp, SMS e e-mail em uma fila visual.
@@ -116,6 +138,11 @@ export function ChatConversationList({
key={contact.id}
type="button"
onClick={() => onSelectContact(contact.id)}
+ onContextMenu={(event) => {
+ event.preventDefault();
+ onSelectContact(contact.id);
+ onOpenContact?.(contact);
+ }}
style={{
border: '1px solid',
borderColor: isActive ? 'rgba(0, 164, 183, 0.26)' : 'var(--color-border)',
@@ -129,7 +156,7 @@ export function ChatConversationList({
>
-
{contact.name}
@@ -139,7 +166,10 @@ export function ChatConversationList({
-
+
{contact.preview}
diff --git a/src/modules/chat/components/ChatWindow.jsx b/src/modules/chat/components/ChatWindow.jsx
index 34ce0c2..956ca66 100644
--- a/src/modules/chat/components/ChatWindow.jsx
+++ b/src/modules/chat/components/ChatWindow.jsx
@@ -254,6 +254,7 @@ export function ChatWindow({
canAssumeChat = false,
canReply = true,
assignmentLabel,
+ transferNote,
isReplying,
isMobile = false,
}) {
@@ -334,7 +335,7 @@ export function ChatWindow({
{canAssumeChat ? (
onAssumeChat?.()}
style={{
border: 'none',
borderRadius: '14px',
@@ -380,6 +381,24 @@ export function ChatWindow({
Transferir
+ {transferNote ? (
+
+
+ Observacao da transferencia
+
+ {transferNote}
+
+ ) : null}
- {canAssumeChat
- ? 'Este atendimento esta na fila. Assuma para responder, ou envie uma mensagem para assumir automaticamente.'
- : assignmentLabel || 'Este atendimento esta atribuido a outro usuario.'}
+
+ {canAssumeChat
+ ? 'Este atendimento esta na fila. Assuma para responder ou transferir.'
+ : assignmentLabel || 'Este atendimento esta atribuido a outro usuario.'}
+
+ {transferNote ? (
+
+ Obs: {transferNote}
+
+ ) : null}
) : null}
Enviar
diff --git a/src/modules/chat/components/ContactProfilePanel.jsx b/src/modules/chat/components/ContactProfilePanel.jsx
new file mode 100644
index 0000000..7a01f7a
--- /dev/null
+++ b/src/modules/chat/components/ContactProfilePanel.jsx
@@ -0,0 +1,197 @@
+import { useEffect, useState } from 'react';
+import { getCurrentUser } from '../../auth/services/sessionService';
+import { getContactProfile, saveContactProfile } from '../services/contactProfileService';
+
+function getUserId(user) {
+ const value = user?.databaseId || user?.id;
+ const numeric = Number(value);
+ return Number.isFinite(numeric) ? numeric : null;
+}
+
+function formatPhone(phone) {
+ const digits = String(phone || '').replace(/\D/g, '');
+ if (!digits) return 'Telefone nao disponivel';
+
+ if (digits.startsWith('55') && digits.length === 13) {
+ return `+55 (${digits.slice(2, 4)}) ${digits.slice(4, 9)}-${digits.slice(9)}`;
+ }
+
+ if (digits.startsWith('55') && digits.length === 12) {
+ return `+55 (${digits.slice(2, 4)}) ${digits.slice(4, 8)}-${digits.slice(8)}`;
+ }
+
+ if (digits.length === 11) {
+ return `(${digits.slice(0, 2)}) ${digits.slice(2, 7)}-${digits.slice(7)}`;
+ }
+
+ if (digits.length === 10) {
+ return `(${digits.slice(0, 2)}) ${digits.slice(2, 6)}-${digits.slice(6)}`;
+ }
+
+ return phone;
+}
+
+export function ContactProfilePanel({ isOpen, contact, onClose, onSaved }) {
+ const [profile, setProfile] = useState(null);
+ const [form, setForm] = useState({ name: '', company: '', note: '' });
+ const [isSaving, setIsSaving] = useState(false);
+ const [error, setError] = useState('');
+
+ useEffect(() => {
+ let isMounted = true;
+
+ async function loadProfile() {
+ if (!isOpen || !contact?.id) return;
+ try {
+ const data = await getContactProfile(contact.id);
+ if (!isMounted) return;
+ setProfile(data);
+ setForm({
+ name: data.name || contact.name || '',
+ company: data.company || '',
+ note: data.note || '',
+ });
+ setError('');
+ } catch (err) {
+ if (isMounted) setError(err.message);
+ }
+ }
+
+ loadProfile();
+ return () => {
+ isMounted = false;
+ };
+ }, [isOpen, contact?.id]);
+
+ if (!isOpen) {
+ return null;
+ }
+
+ const fieldStyle = {
+ width: '100%',
+ border: '1px solid var(--color-border)',
+ borderRadius: '16px',
+ padding: '0.9rem 1rem',
+ background: '#fff',
+ outline: 'none',
+ };
+
+ async function submit() {
+ if (!contact?.id) return;
+ setIsSaving(true);
+ try {
+ const userId = getUserId(getCurrentUser());
+ const saved = await saveContactProfile(contact.id, {
+ phone: profile?.phone || contact?.contactProfile?.phone || '',
+ name: form.name,
+ company: form.company,
+ note: form.note,
+ userId,
+ });
+ setProfile(saved);
+ onSaved?.(contact.id, saved);
+ setError('');
+ } catch (err) {
+ setError(err.message);
+ } finally {
+ setIsSaving(false);
+ }
+ }
+
+ return (
+