@adatechnology/conversations-ui 0.3.1 → 0.4.0

package/dist/{chunk-L4OE4ORQ.js → chunk-4P5KMWOI.js}

@@ -64,6 +64,147 @@ function useConversationLocales() {
   return useContext(ConversationLocalesContext);
 }
 
+// src/lib/phone.ts
+function formatPhone(number) {
+  const digits = number.replace(/\D/g, "");
+  if (digits.length === 13) {
+    return `+${digits.slice(0, 2)} (${digits.slice(2, 4)}) ${digits.slice(4, 9)}-${digits.slice(9, 13)}`;
+  }
+  if (digits.length === 12) {
+    return `+${digits.slice(0, 2)} (${digits.slice(2, 4)}) ${digits.slice(4, 8)}-${digits.slice(8, 12)}`;
+  }
+  if (digits.length === 11) {
+    return `(${digits.slice(0, 2)}) ${digits.slice(2, 7)}-${digits.slice(7, 11)}`;
+  }
+  if (digits.length === 10) {
+    return `(${digits.slice(0, 2)}) ${digits.slice(2, 6)}-${digits.slice(6, 10)}`;
+  }
+  return number;
+}
+var COUNTRY_FLAG_BY_DIAL_CODE = {
+  "55": "\u{1F1E7}\u{1F1F7}",
+  "351": "\u{1F1F5}\u{1F1F9}",
+  "34": "\u{1F1EA}\u{1F1F8}",
+  "54": "\u{1F1E6}\u{1F1F7}",
+  "56": "\u{1F1E8}\u{1F1F1}",
+  "57": "\u{1F1E8}\u{1F1F4}",
+  "52": "\u{1F1F2}\u{1F1FD}",
+  "598": "\u{1F1FA}\u{1F1FE}",
+  "595": "\u{1F1F5}\u{1F1FE}",
+  "44": "\u{1F1EC}\u{1F1E7}",
+  "49": "\u{1F1E9}\u{1F1EA}",
+  "39": "\u{1F1EE}\u{1F1F9}",
+  "33": "\u{1F1EB}\u{1F1F7}"
+};
+function phoneCountryFlag(number) {
+  const digits = number.replace(/\D/g, "");
+  for (const length of [3, 2, 1]) {
+    const flag = COUNTRY_FLAG_BY_DIAL_CODE[digits.slice(0, length)];
+    if (flag) return flag;
+  }
+  return "";
+}
+function phoneInitials(number) {
+  const digits = number.replace(/\D/g, "");
+  return digits.slice(-2);
+}
+
+// src/conversationChannel.ts
+var CONVERSATION_CHANNEL = {
+  WHATSAPP: "whatsapp",
+  MESSENGER: "messenger",
+  INSTAGRAM: "instagram",
+  WEBCHAT: "webchat",
+  EMAIL: "email"
+};
+var DEFAULT_CONVERSATION_CHANNEL = CONVERSATION_CHANNEL.WHATSAPP;
+var REOPEN_MECHANISM = {
+  TEMPLATE: "template",
+  TAG: "tag",
+  NONE: "none"
+};
+var HANDLE_KIND = {
+  PHONE: "phone",
+  USERNAME: "username",
+  SESSION: "session",
+  EMAIL: "email"
+};
+var CHANNEL_CAPABILITIES = {
+  [CONVERSATION_CHANNEL.WHATSAPP]: {
+    label: "WhatsApp",
+    icon: "\u{1F4AC}",
+    reopenMechanism: REOPEN_MECHANISM.TEMPLATE,
+    handleKind: HANDLE_KIND.PHONE
+  },
+  [CONVERSATION_CHANNEL.MESSENGER]: {
+    // Messenger também tem 24h, mas reabre com message tag — não com template aprovado.
+    label: "Messenger",
+    icon: "\u{1F4E8}",
+    reopenMechanism: REOPEN_MECHANISM.TAG,
+    handleKind: HANDLE_KIND.USERNAME
+  },
+  [CONVERSATION_CHANNEL.INSTAGRAM]: {
+    label: "Instagram",
+    icon: "\u{1F4F7}",
+    reopenMechanism: REOPEN_MECHANISM.TAG,
+    handleKind: HANDLE_KIND.USERNAME
+  },
+  [CONVERSATION_CHANNEL.WEBCHAT]: {
+    // Chat próprio: sem intermediário, sem janela. Bloquear o composer aqui seria inventar limite.
+    label: "Chat do site",
+    icon: "\u{1F310}",
+    reopenMechanism: REOPEN_MECHANISM.NONE,
+    handleKind: HANDLE_KIND.SESSION
+  },
+  [CONVERSATION_CHANNEL.EMAIL]: {
+    // RF10: e-mail entra no vocabulário; ele não reabre por template nem por tag — é só resposta.
+    label: "E-mail",
+    icon: "\u2709\uFE0F",
+    reopenMechanism: REOPEN_MECHANISM.NONE,
+    handleKind: HANDLE_KIND.EMAIL
+  }
+};
+function capabilitiesOf(channel) {
+  return CHANNEL_CAPABILITIES[channel ?? DEFAULT_CONVERSATION_CHANNEL];
+}
+var CHANNEL_FILTER_ALL = "all";
+function channelFiltersFor(conversations) {
+  const present = new Set(
+    conversations.map((conversation) => conversation.channel ?? DEFAULT_CONVERSATION_CHANNEL)
+  );
+  if (present.size < 2) return [];
+  const ordered = Object.keys(CHANNEL_CAPABILITIES).filter((channel) => present.has(channel));
+  return [
+    { value: CHANNEL_FILTER_ALL, label: "Todos" },
+    ...ordered.map((channel) => ({ value: channel, label: CHANNEL_CAPABILITIES[channel].label }))
+  ];
+}
+function formatContactHandle(params) {
+  const { handleKind } = capabilitiesOf(params.channel);
+  if (handleKind === HANDLE_KIND.PHONE) return formatPhone(params.handle);
+  if (handleKind === HANDLE_KIND.USERNAME) return params.handle.startsWith("@") ? params.handle : `@${params.handle}`;
+  if (handleKind === HANDLE_KIND.EMAIL) return params.handle;
+  return `Visitante ${params.handle.slice(-6)}`;
+}
+function contactFlag(params) {
+  return capabilitiesOf(params.channel).handleKind === HANDLE_KIND.PHONE ? phoneCountryFlag(params.handle) : "";
+}
+
+// src/channelCapability.ts
+import {
+  CHANNEL_CAPABILITIES as CORE_CHANNEL_CAPABILITIES,
+  CONVERSATION_CHANNEL as CORE_CONVERSATION_CHANNEL
+} from "@adatechnology/conversation-contracts";
+var CORE_CHANNELS = CORE_CONVERSATION_CHANNEL;
+function isCoreChannel(channel) {
+  return CORE_CHANNELS.includes(channel);
+}
+var META_ONLY_CHANNEL_CAPABILITY = CORE_CHANNEL_CAPABILITIES.whatsapp;
+function channelCapabilityFor(channel) {
+  const resolved = channel ?? DEFAULT_CONVERSATION_CHANNEL;
+  return isCoreChannel(resolved) ? CORE_CHANNEL_CAPABILITIES[resolved] : META_ONLY_CHANNEL_CAPABILITY;
+}
+
 // src/StatusTicks.tsx
 import { AlertTriangle } from "lucide-react";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
@@ -757,8 +898,11 @@ function MessageBubble({
   onResolveMediaUrl,
   onInteractiveSelect,
   onTranscribeAudio,
+  channel,
   className
 }) {
+  const confirmsRead = channelCapabilityFor(channel).confirmsRead;
+  const displayStatus = message.status === "read" && !confirmsRead ? "delivered" : message.status;
   const { bubble, selection } = useConversationLocales();
   const [lightboxSrc, setLightboxSrc] = useState5(null);
   const context = useConversations();
@@ -781,7 +925,7 @@ function MessageBubble({
     return trimmed && trimmed !== message.filename;
   }) : void 0;
   const displayName = message.sender === "agent" && senderName ? senderName : bubble[message.sender] ?? message.sender;
-  const tooltipText = message.status === "read" && message.readAt ? `${bubble.readAt}${formatDateTime(message.readAt)}` : message.status === "failed" ? bubble.windowExpired : void 0;
+  const tooltipText = displayStatus === "read" && message.readAt ? `${bubble.readAt}${formatDateTime(message.readAt)}` : displayStatus === "failed" ? bubble.windowExpired : void 0;
   const tailCornerClass = isFirstInGroup ? isMine ? "rounded-tr-md" : "rounded-tl-md" : "";
   const checkbox = /* @__PURE__ */ jsx10(
     "button",
@@ -863,7 +1007,7 @@ function MessageBubble({
               ] }),
               /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-end gap-1 mt-0.5 select-none", children: [
                 /* @__PURE__ */ jsx10("span", { className: "text-xs text-black/40 dark:text-white/40 font-medium", children: formatTimestamp(message.timestamp) }),
-                isMine && message.status && /* @__PURE__ */ jsx10(StatusTicks, { status: message.status, title: tooltipText })
+                isMine && displayStatus && /* @__PURE__ */ jsx10(StatusTicks, { status: displayStatus, title: tooltipText })
               ] })
             ]
           }
@@ -1129,7 +1273,7 @@ var EmojiPicker = ({ onSelect, labels, className = "" }) => {
 };
 
 // src/AudioRecorderButton.tsx
-import { useCallback as useCallback3, useEffect as useEffect2, useRef as useRef2, useState as useState7 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect2, useId, useRef as useRef2, useState as useState7 } from "react";
 import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 var DEFAULT_AUDIO_RECORDER_BUTTON_LABELS = {
   start: "Gravar \xE1udio",
@@ -1159,9 +1303,12 @@ function AudioRecorderButton({
   reviewBeforeSend = true,
   maxDurationMilliseconds = DEFAULT_MAX_RECORDING_MILLISECONDS,
   labels,
-  disabled
+  disabled,
+  disabledHint
 }) {
   const labelOf = (key) => labels?.[key] ?? DEFAULT_AUDIO_RECORDER_BUTTON_LABELS[key];
+  const disabledHintId = useId();
+  const showDisabledHint = Boolean(disabled && disabledHint);
   const [isRecording, setIsRecording] = useState7(false);
   const [pending, setPending] = useState7(void 0);
   const recorderRef = useRef2(null);
@@ -1271,8 +1418,9 @@ function AudioRecorderButton({
           type: "button",
           disabled: disabled || pending !== void 0,
           onClick: () => isRecording ? stop() : void start(),
-          "data-cv-tooltip": toggleLabel,
+          "data-cv-tooltip": showDisabledHint ? disabledHint : toggleLabel,
           "aria-label": toggleLabel,
+          "aria-describedby": showDisabledHint ? disabledHintId : void 0,
           "aria-pressed": isRecording,
           className: `flex h-10 w-10 items-center justify-center rounded-full transition-colors disabled:opacity-50 ${isRecording ? "animate-pulse bg-red-500 text-white ring-4 ring-red-500/30 hover:bg-red-600" : "text-gray-500 hover:bg-gray-200 dark:hover:bg-gray-700"}`,
           children: isRecording ? /* @__PURE__ */ jsx13("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx13("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2" }) }) : /* @__PURE__ */ jsxs9("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [
@@ -1281,7 +1429,8 @@ function AudioRecorderButton({
             /* @__PURE__ */ jsx13("line", { x1: "12", y1: "18", x2: "12", y2: "22" })
           ] })
         }
-      )
+      ),
+      showDisabledHint && /* @__PURE__ */ jsx13("span", { id: disabledHintId, className: "sr-only", children: disabledHint })
     ] })
   );
 }
@@ -1292,7 +1441,7 @@ import {
   useRef as useRef5,
   useCallback as useCallback5,
   useEffect as useEffect5,
-  useId
+  useId as useId2
 } from "react";
 
 // src/composer.constant.ts
@@ -1602,7 +1751,10 @@ var DEFAULT_MESSAGE_COMPOSER_LABELS = {
   attach: "Anexar",
   send: "Enviar",
   removeAttachment: "Remover anexo",
-  quickReplies: "Mensagens prontas"
+  quickReplies: "Mensagens prontas",
+  attachDisabledHint: "Este canal n\xE3o aceita anexo.",
+  audioDisabledHint: "Este canal n\xE3o grava \xE1udio.",
+  quickRepliesDisabledHint: "Este canal n\xE3o aceita mensagem pronta."
 };
 var DEFAULT_ACCEPTED_FILE_TYPES = [
   "image/jpeg,image/png,image/webp",
@@ -1623,6 +1775,7 @@ var MessageComposer = ({
   quickReplyVariables,
   savedQuickReplies,
   features,
+  channel,
   placeholder = "Digite uma mensagem...",
   maxLength,
   disabled = false,
@@ -1637,12 +1790,21 @@ var MessageComposer = ({
   const sendLabel = labels?.send ?? DEFAULT_MESSAGE_COMPOSER_LABELS.send;
   const removeAttachmentLabel = labels?.removeAttachment ?? DEFAULT_MESSAGE_COMPOSER_LABELS.removeAttachment;
   const quickRepliesLabel = labels?.quickReplies ?? DEFAULT_MESSAGE_COMPOSER_LABELS.quickReplies;
+  const attachDisabledHintLabel = labels?.attachDisabledHint ?? DEFAULT_MESSAGE_COMPOSER_LABELS.attachDisabledHint;
+  const audioDisabledHintLabel = labels?.audioDisabledHint ?? DEFAULT_MESSAGE_COMPOSER_LABELS.audioDisabledHint;
+  const quickRepliesDisabledHintLabel = labels?.quickRepliesDisabledHint ?? DEFAULT_MESSAGE_COMPOSER_LABELS.quickRepliesDisabledHint;
+  const capability = channelCapabilityFor(channel);
+  const attachmentsAllowed = capability.attachments.accepted;
+  const audioRecordingAllowed = capability.audio.records;
+  const quickRepliesAllowed = capability.quickReplies;
+  const attachHintId = useId2();
+  const quickRepliesHintId = useId2();
   const [internalText, setInternalText] = useState9("");
   const [showEmoji, setShowEmoji] = useState9(false);
   const [attachments, setAttachments] = useState9([]);
   const textareaRef = useRef5(null);
   const fileInputRef = useRef5(null);
-  const quickRepliesListboxId = useId();
+  const quickRepliesListboxId = useId2();
   const [isQuickRepliesOpen, setIsQuickRepliesOpen] = useState9(false);
   const [quickRepliesTerm, setQuickRepliesTerm] = useState9("");
   const [shortcutStart, setShortcutStart] = useState9(null);
@@ -1823,7 +1985,14 @@ var MessageComposer = ({
       return next;
     });
   }, []);
-  const effectiveIdleAction = idleAction ?? (onAttach ? /* @__PURE__ */ jsx15(AudioRecorderButton, { onRecorded: (file) => onAttach(file) }) : void 0);
+  const effectiveIdleAction = idleAction ?? (onAttach ? /* @__PURE__ */ jsx15(
+    AudioRecorderButton,
+    {
+      onRecorded: (file) => onAttach(file),
+      disabled: !audioRecordingAllowed,
+      disabledHint: audioRecordingAllowed ? void 0 : audioDisabledHintLabel
+    }
+  ) : void 0);
   const canSend = text.trim().length > 0 || attachments.length > 0;
   const remaining = maxLength ? maxLength - text.length : null;
   return (
@@ -1940,18 +2109,23 @@ var MessageComposer = ({
             quickRepliesMode
           ) })
         ] }),
-        showQuickRepliesButton && /* @__PURE__ */ jsx15(
-          "button",
-          {
-            ref: quickRepliesTriggerRef,
-            type: "button",
-            "data-cv-tooltip": quickRepliesLabel,
-            "aria-label": quickRepliesLabel,
-            onClick: openQuickRepliesViaButton,
-            className: "w-9 h-9 flex items-center justify-center rounded-full text-gray-500 hover:bg-gray-200 flex-shrink-0 transition-colors",
-            children: /* @__PURE__ */ jsx15("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx15("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }) })
-          }
-        ),
+        showQuickRepliesButton && /* @__PURE__ */ jsxs11(Fragment3, { children: [
+          /* @__PURE__ */ jsx15(
+            "button",
+            {
+              ref: quickRepliesTriggerRef,
+              type: "button",
+              disabled: !quickRepliesAllowed,
+              "data-cv-tooltip": quickRepliesAllowed ? quickRepliesLabel : quickRepliesDisabledHintLabel,
+              "aria-label": quickRepliesLabel,
+              "aria-describedby": quickRepliesAllowed ? void 0 : quickRepliesHintId,
+              onClick: openQuickRepliesViaButton,
+              className: "w-9 h-9 flex items-center justify-center rounded-full text-gray-500 hover:bg-gray-200 flex-shrink-0 transition-colors disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent",
+              children: /* @__PURE__ */ jsx15("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx15("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }) })
+            }
+          ),
+          !quickRepliesAllowed && /* @__PURE__ */ jsx15("span", { id: quickRepliesHintId, className: "sr-only", children: quickRepliesDisabledHintLabel })
+        ] }),
         showAttachButton && /* @__PURE__ */ jsxs11(Fragment3, { children: [
           /* @__PURE__ */ jsx15(
             "input",
@@ -1967,13 +2141,16 @@ var MessageComposer = ({
           /* @__PURE__ */ jsx15(
             "button",
             {
-              "data-cv-tooltip": attachLabel,
+              disabled: !attachmentsAllowed,
+              "data-cv-tooltip": attachmentsAllowed ? attachLabel : attachDisabledHintLabel,
               onClick: () => fileInputRef.current?.click(),
-              className: "w-9 h-9 flex items-center justify-center rounded-full text-gray-500 hover:bg-gray-200 flex-shrink-0 transition-colors",
+              "aria-describedby": attachmentsAllowed ? void 0 : attachHintId,
+              className: "w-9 h-9 flex items-center justify-center rounded-full text-gray-500 hover:bg-gray-200 flex-shrink-0 transition-colors disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent",
               "aria-label": attachLabel,
               children: /* @__PURE__ */ jsx15("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx15("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" }) })
             }
-          )
+          ),
+          !attachmentsAllowed && /* @__PURE__ */ jsx15("span", { id: attachHintId, className: "sr-only", children: attachDisabledHintLabel })
         ] }),
         !canSend && effectiveIdleAction ? /* @__PURE__ */ jsx15("div", { className: "flex-shrink-0", children: effectiveIdleAction }) : /* @__PURE__ */ jsx15(
           "button",
@@ -2073,130 +2250,6 @@ function formatDividerLabel(iso, dateDivider) {
   return date.toLocaleDateString("pt-BR", { day: "2-digit", month: "long", year: "numeric" });
 }
 
-// src/lib/phone.ts
-function formatPhone(number) {
-  const digits = number.replace(/\D/g, "");
-  if (digits.length === 13) {
-    return `+${digits.slice(0, 2)} (${digits.slice(2, 4)}) ${digits.slice(4, 9)}-${digits.slice(9, 13)}`;
-  }
-  if (digits.length === 12) {
-    return `+${digits.slice(0, 2)} (${digits.slice(2, 4)}) ${digits.slice(4, 8)}-${digits.slice(8, 12)}`;
-  }
-  if (digits.length === 11) {
-    return `(${digits.slice(0, 2)}) ${digits.slice(2, 7)}-${digits.slice(7, 11)}`;
-  }
-  if (digits.length === 10) {
-    return `(${digits.slice(0, 2)}) ${digits.slice(2, 6)}-${digits.slice(6, 10)}`;
-  }
-  return number;
-}
-var COUNTRY_FLAG_BY_DIAL_CODE = {
-  "55": "\u{1F1E7}\u{1F1F7}",
-  "351": "\u{1F1F5}\u{1F1F9}",
-  "34": "\u{1F1EA}\u{1F1F8}",
-  "54": "\u{1F1E6}\u{1F1F7}",
-  "56": "\u{1F1E8}\u{1F1F1}",
-  "57": "\u{1F1E8}\u{1F1F4}",
-  "52": "\u{1F1F2}\u{1F1FD}",
-  "598": "\u{1F1FA}\u{1F1FE}",
-  "595": "\u{1F1F5}\u{1F1FE}",
-  "44": "\u{1F1EC}\u{1F1E7}",
-  "49": "\u{1F1E9}\u{1F1EA}",
-  "39": "\u{1F1EE}\u{1F1F9}",
-  "33": "\u{1F1EB}\u{1F1F7}"
-};
-function phoneCountryFlag(number) {
-  const digits = number.replace(/\D/g, "");
-  for (const length of [3, 2, 1]) {
-    const flag = COUNTRY_FLAG_BY_DIAL_CODE[digits.slice(0, length)];
-    if (flag) return flag;
-  }
-  return "";
-}
-function phoneInitials(number) {
-  const digits = number.replace(/\D/g, "");
-  return digits.slice(-2);
-}
-
-// src/conversationChannel.ts
-var CONVERSATION_CHANNEL = {
-  WHATSAPP: "whatsapp",
-  MESSENGER: "messenger",
-  INSTAGRAM: "instagram",
-  WEBCHAT: "webchat"
-};
-var DEFAULT_CONVERSATION_CHANNEL = CONVERSATION_CHANNEL.WHATSAPP;
-var REOPEN_MECHANISM = {
-  TEMPLATE: "template",
-  TAG: "tag",
-  NONE: "none"
-};
-var HANDLE_KIND = {
-  PHONE: "phone",
-  USERNAME: "username",
-  SESSION: "session"
-};
-var CHANNEL_CAPABILITIES = {
-  [CONVERSATION_CHANNEL.WHATSAPP]: {
-    label: "WhatsApp",
-    icon: "\u{1F4AC}",
-    hasSessionWindow: true,
-    windowHours: 24,
-    reopenMechanism: REOPEN_MECHANISM.TEMPLATE,
-    handleKind: HANDLE_KIND.PHONE
-  },
-  [CONVERSATION_CHANNEL.MESSENGER]: {
-    // Messenger também tem 24h, mas reabre com message tag — não com template aprovado.
-    label: "Messenger",
-    icon: "\u{1F4E8}",
-    hasSessionWindow: true,
-    windowHours: 24,
-    reopenMechanism: REOPEN_MECHANISM.TAG,
-    handleKind: HANDLE_KIND.USERNAME
-  },
-  [CONVERSATION_CHANNEL.INSTAGRAM]: {
-    label: "Instagram",
-    icon: "\u{1F4F7}",
-    hasSessionWindow: true,
-    windowHours: 24,
-    reopenMechanism: REOPEN_MECHANISM.TAG,
-    handleKind: HANDLE_KIND.USERNAME
-  },
-  [CONVERSATION_CHANNEL.WEBCHAT]: {
-    // Chat próprio: sem intermediário, sem janela. Bloquear o composer aqui seria inventar limite.
-    label: "Chat do site",
-    icon: "\u{1F310}",
-    hasSessionWindow: false,
-    windowHours: 0,
-    reopenMechanism: REOPEN_MECHANISM.NONE,
-    handleKind: HANDLE_KIND.SESSION
-  }
-};
-function capabilitiesOf(channel) {
-  return CHANNEL_CAPABILITIES[channel ?? DEFAULT_CONVERSATION_CHANNEL];
-}
-var CHANNEL_FILTER_ALL = "all";
-function channelFiltersFor(conversations) {
-  const present = new Set(
-    conversations.map((conversation) => conversation.channel ?? DEFAULT_CONVERSATION_CHANNEL)
-  );
-  if (present.size < 2) return [];
-  const ordered = Object.keys(CHANNEL_CAPABILITIES).filter((channel) => present.has(channel));
-  return [
-    { value: CHANNEL_FILTER_ALL, label: "Todos" },
-    ...ordered.map((channel) => ({ value: channel, label: CHANNEL_CAPABILITIES[channel].label }))
-  ];
-}
-function formatContactHandle(params) {
-  const { handleKind } = capabilitiesOf(params.channel);
-  if (handleKind === HANDLE_KIND.PHONE) return formatPhone(params.handle);
-  if (handleKind === HANDLE_KIND.USERNAME) return params.handle.startsWith("@") ? params.handle : `@${params.handle}`;
-  return `Visitante ${params.handle.slice(-6)}`;
-}
-function contactFlag(params) {
-  return capabilitiesOf(params.channel).handleKind === HANDLE_KIND.PHONE ? phoneCountryFlag(params.handle) : "";
-}
-
 // src/hooks/useAsyncResource.ts
 import { useCallback as useCallback6, useEffect as useEffect6, useRef as useRef6, useState as useState10 } from "react";
 function useAsyncResource(fetcher, deps) {
@@ -3113,6 +3166,10 @@ var SIMULATOR_PANEL_CHANNEL_WORDING = {
   [CONVERSATION_CHANNEL.WEBCHAT]: {
     destinationHint: "entrega na API do chat do site",
     placeholder: "Escreva como o visitante\u2026"
+  },
+  [CONVERSATION_CHANNEL.EMAIL]: {
+    destinationHint: "entrega na caixa de entrada do contratante",
+    placeholder: "Escreva como quem respondeu o e-mail\u2026"
   }
 };
 function simulatorPanelLabelsOf(channel) {
@@ -3150,6 +3207,19 @@ function ConversationSimulatorPanel({
 export {
   ConversationLocalesProvider,
   useConversationLocales,
+  formatPhone,
+  phoneInitials,
+  CONVERSATION_CHANNEL,
+  DEFAULT_CONVERSATION_CHANNEL,
+  REOPEN_MECHANISM,
+  HANDLE_KIND,
+  CHANNEL_CAPABILITIES,
+  capabilitiesOf,
+  CHANNEL_FILTER_ALL,
+  channelFiltersFor,
+  formatContactHandle,
+  contactFlag,
+  channelCapabilityFor,
   StatusTicks,
   AudioPlayer,
   AudioTranscription,
@@ -3197,18 +3267,6 @@ export {
   DEFAULT_ACCEPTED_FILE_TYPES,
   MessageComposer,
   DateDivider,
-  formatPhone,
-  phoneInitials,
-  CONVERSATION_CHANNEL,
-  DEFAULT_CONVERSATION_CHANNEL,
-  REOPEN_MECHANISM,
-  HANDLE_KIND,
-  CHANNEL_CAPABILITIES,
-  capabilitiesOf,
-  CHANNEL_FILTER_ALL,
-  channelFiltersFor,
-  formatContactHandle,
-  contactFlag,
   useAsyncResource,
   conversationsOf,
   totalOf,