@adatechnology/conversations-ui 0.13.0 → 0.14.0

package/dist/chunk-RLUNDWGA.js

@@ -0,0 +1,51 @@
+// src/conversationTranscript.ts
+var SENDER_LABEL = {
+  customer: "Cliente",
+  bot: "Bot",
+  agent: "Atendente"
+};
+function buildTranscriptText(params) {
+  const header = [
+    `Conversa: ${params.clientName ?? params.whatsappNumber}`,
+    `N\xFAmero: ${params.whatsappNumber}`,
+    `Mensagens: ${params.messages.length}`,
+    ""
+  ];
+  const lines = params.messages.map((message) => {
+    const author = message.agentName ?? SENDER_LABEL[message.sender];
+    return `[${formatStamp(message.timestamp)}] ${author}: ${bodyOf(message)}`;
+  });
+  return [...header, ...lines].join("\n");
+}
+function bodyOf(message) {
+  const transcript = message.transcription?.text?.trim();
+  if (message.type === "audio" && transcript) return `[\xE1udio] ${transcript}`;
+  return message.content ?? message.caption ?? `<${message.type}>`;
+}
+function formatStamp(timestamp) {
+  if (!timestamp) return "data indispon\xEDvel";
+  const parsed = new Date(timestamp);
+  return Number.isNaN(parsed.getTime()) ? "data indispon\xEDvel" : parsed.toLocaleString("pt-BR");
+}
+function buildTranscriptFilename(whatsappNumber, generatedAt) {
+  const stamp = generatedAt.toISOString().slice(0, 10);
+  return `conversa-${whatsappNumber}-${stamp}.txt`;
+}
+function downloadTextFile(filename, content) {
+  const blob = new Blob([content], { type: "text/plain;charset=utf-8" });
+  const url = URL.createObjectURL(blob);
+  const anchor = document.createElement("a");
+  anchor.href = url;
+  anchor.download = filename;
+  anchor.rel = "noopener";
+  document.body.appendChild(anchor);
+  anchor.click();
+  anchor.remove();
+  setTimeout(() => URL.revokeObjectURL(url), 0);
+}
+
+export {
+  buildTranscriptText,
+  buildTranscriptFilename,
+  downloadTextFile
+};

package/dist/index.d.ts

@@ -1246,7 +1246,8 @@ declare function buildTranscriptText(params: BuildTranscriptTextParams): string;
 declare function buildTranscriptFilename(whatsappNumber: string, generatedAt: Date): string;
 /**
  * Dispara o download no navegador. `revokeObjectURL` no fim não é higiene opcional: sem ele cada
- * export retém o blob inteiro em memória até a aba fechar.
+ * export retém o blob inteiro em memória até a aba fechar. O link entra no documento enquanto é clicado,
+ * como o Firefox exige, e a revogação vai para o tique seguinte, depois de o download começar.
  */
 declare function downloadTextFile(filename: string, content: string): void;
 

package/dist/index.js

@@ -1,6 +1,11 @@
 import {
   WhatsAppMessagePreview
 } from "./chunk-ZSOD5AQT.js";
+import {
+  buildTranscriptFilename,
+  buildTranscriptText,
+  downloadTextFile
+} from "./chunk-RLUNDWGA.js";
 import {
   TOOLTIP_ATTRIBUTE,
   TooltipLayer
@@ -2781,49 +2786,6 @@ function DocumentsWorkspace({
   ] });
 }
 
-// src/conversationTranscript.ts
-var SENDER_LABEL = {
-  customer: "Cliente",
-  bot: "Bot",
-  agent: "Atendente"
-};
-function buildTranscriptText(params) {
-  const header = [
-    `Conversa: ${params.clientName ?? params.whatsappNumber}`,
-    `N\xFAmero: ${params.whatsappNumber}`,
-    `Mensagens: ${params.messages.length}`,
-    ""
-  ];
-  const lines = params.messages.map((message) => {
-    const author = message.agentName ?? SENDER_LABEL[message.sender];
-    return `[${formatStamp(message.timestamp)}] ${author}: ${bodyOf(message)}`;
-  });
-  return [...header, ...lines].join("\n");
-}
-function bodyOf(message) {
-  const transcript = message.transcription?.text?.trim();
-  if (message.type === "audio" && transcript) return `[\xE1udio] ${transcript}`;
-  return message.content ?? message.caption ?? `<${message.type}>`;
-}
-function formatStamp(timestamp) {
-  if (!timestamp) return "data indispon\xEDvel";
-  const parsed = new Date(timestamp);
-  return Number.isNaN(parsed.getTime()) ? "data indispon\xEDvel" : parsed.toLocaleString("pt-BR");
-}
-function buildTranscriptFilename(whatsappNumber, generatedAt) {
-  const stamp = generatedAt.toISOString().slice(0, 10);
-  return `conversa-${whatsappNumber}-${stamp}.txt`;
-}
-function downloadTextFile(filename, content) {
-  const blob = new Blob([content], { type: "text/plain;charset=utf-8" });
-  const url = URL.createObjectURL(blob);
-  const anchor = document.createElement("a");
-  anchor.href = url;
-  anchor.download = filename;
-  anchor.click();
-  URL.revokeObjectURL(url);
-}
-
 // src/DarkModeToggle.tsx
 import { Moon, Sun } from "lucide-react";
 import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";

package/dist/participant/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { ParticipantAttachment, ParticipantConversationSummary, ParticipantConversationPage, ParticipantSubjectRef, ParticipantMessage } from '@adatechnology/conversation-contracts';
+import { ParticipantAttachment, MessageDeliveryStatus, ParticipantConversationSummary, ParticipantConversationPage, ParticipantSubjectRef, ParticipantMessage } from '@adatechnology/conversation-contracts';
 export { ParticipantAttachment, ParticipantConversationPage, ParticipantConversationSummary, ParticipantMessage, ParticipantSubjectRef, ParticipantTranscription } from '@adatechnology/conversation-contracts';
 import { C as ConversationChannel, d as ConversationsTheme, Q as QuickReply } from '../quickReply.types-DzWH3NYV.js';
 
@@ -14,6 +14,12 @@ type ParticipantMessageActionsTarget = {
     readonly authorName: string | null;
     readonly isMine: boolean;
     readonly attachments: readonly ParticipantAttachment[];
+    /** When the message was written (ISO 8601). */
+    readonly createdAt: string;
+    /** Delivery state of a message this side sent, when the channel reports one. */
+    readonly status?: MessageDeliveryStatus | undefined;
+    /** When the other side read it (ISO 8601), when known. */
+    readonly readAt?: string | null;
 };
 type ParticipantMessageActionsRenderer = (message: ParticipantMessageActionsTarget) => ReactNode;
 
@@ -199,6 +205,29 @@ type ParticipantConversationsLabels = {
     readonly edit: string;
     /** Name of the menu button on a failed message. Optional; translated hosts should fill it, otherwise the English default shows. */
     readonly messageOptions?: string;
+    /** Message menu (opt-in `messageMenu`). Optional; translated hosts should fill them, otherwise English shows. */
+    readonly copyMessage?: string;
+    readonly copySelection?: string;
+    readonly selectMessages?: string;
+    /** Name of the check box beside each message in selection mode. */
+    readonly selectMessage?: string;
+    readonly cancelSelection?: string;
+    /** Selection bar count; `{count}` is replaced. */
+    readonly selectedCount?: string;
+    /** Message info panel: when it was sent, its delivery state and when it was read. */
+    readonly messageInfo?: string;
+    readonly infoAuthor?: string;
+    readonly infoSentAt?: string;
+    readonly infoStatus?: string;
+    readonly infoReadAt?: string;
+    readonly closeMessageInfo?: string;
+    /** Header menu of a thread with `messageMenu`: select messages and download the conversation as text. */
+    readonly conversationOptions?: string;
+    readonly downloadConversation?: string;
+    /** Transcribed audio: the word before what was said in copies and exports, and its two menu entries. */
+    readonly transcriptionPrefix?: string;
+    readonly copyTranscription?: string;
+    readonly downloadTranscription?: string;
     /** Toggle that opens the message as received (e.g. the whole email). Optional; the English default shows otherwise. */
     readonly showOriginalText?: string;
     readonly notFound: string;
@@ -228,6 +257,45 @@ type ParticipantConversationsLabels = {
 } & Readonly<Partial<ParticipantAudioLabels>>;
 declare const DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS: ParticipantConversationsLabels;
 
+/** One entry the host adds to a message's menu, after the package's own (copy, select). */
+type ParticipantMessageMenuItem = {
+    readonly id: string;
+    readonly label: string;
+    /** Runs on choice; the menu closes first. */
+    readonly onSelect?: () => void;
+    /** Draws the entry as a link (a file to open or save) instead of a button. */
+    readonly href?: string;
+    /** With `href`: the file name the browser saves it under. */
+    readonly download?: string;
+    readonly disabled?: boolean;
+};
+/** One button the host adds to the selection bar; it receives the selected messages in conversation order. */
+type ParticipantSelectionAction = {
+    readonly id: string;
+    readonly label: string;
+    readonly onSelect: (messages: readonly ParticipantMessageActionsTarget[]) => void;
+    readonly disabled?: boolean;
+};
+/**
+ * Opt-in message menu, as in common chat apps: a discreet chevron on the bubble (or a right-click, or a long
+ * press) opens Copy and Select messages, plus the host's entries. Absent leaves the bubble as it was.
+ */
+type ParticipantMessageMenuOptions = {
+    readonly items?: (message: ParticipantMessageActionsTarget) => readonly ParticipantMessageMenuItem[];
+    readonly selectionActions?: (messages: readonly ParticipantMessageActionsTarget[]) => readonly ParticipantSelectionAction[];
+};
+type CopyFormat = {
+    readonly locale?: string;
+    readonly meLabel: string;
+    /** Precedes what was said in a transcribed audio. */
+    readonly transcriptionLabel?: string;
+};
+/**
+ * Several messages as text: one line each, `[date time] author: text [file]`, like a chat export. A transcribed
+ * audio carries what was said, so the text stands on its own outside the thread.
+ */
+declare function formatMessagesForCopy(messages: readonly ParticipantMessageActionsTarget[], format: CopyFormat): string;
+
 type ParticipantConversationsProps = {
     api: ParticipantConversationsApi;
     subjectGroups: readonly ParticipantSubjectGroup[];
@@ -253,6 +321,8 @@ type ParticipantConversationsProps = {
     renderAuthorAvatar?: ParticipantAuthorAvatarRenderer;
     /** Host slot at the end of each message's meta line (copy, forward...). The package knows no action. */
     renderMessageActions?: ParticipantMessageActionsRenderer;
+    /** Opt-in message menu as in common chat apps: copy, select messages, plus the host's entries. */
+    messageMenu?: ParticipantMessageMenuOptions;
     /** Speech-bubble tail on the bottom corner; false removes it. Default true. */
     tail?: boolean;
     /** Absent draws no microphone. Present lets the user record and send an audio as a message of its own. */
@@ -302,6 +372,8 @@ type ConversationThreadProps = {
     readonly renderAuthorAvatar?: ParticipantAuthorAvatarRenderer;
     /** Host slot at the end of each message's meta line (copy, forward...). The package knows no action. */
     readonly renderMessageActions?: ParticipantMessageActionsRenderer;
+    /** Opt-in message menu as in common chat apps: copy, select messages, plus the host's entries. */
+    readonly messageMenu?: ParticipantMessageMenuOptions;
     /** Absent draws no microphone. Present lets the user record and send an audio as a message of its own. */
     readonly audioRecording?: ParticipantAudioRecordingOptions;
     /** Return a node to replace the composer (notice + host actions); undefined keeps the composer. `closed` still wins. Evaluated every render. */
@@ -312,4 +384,4 @@ declare function ConversationThread(props: ConversationThreadProps): react.JSX.E
 
 declare function groupParticipantConversations(params: GroupParticipantConversationsParams): ParticipantInboxView;
 
-export { ConversationThread, type ConversationThreadApi, type ConversationThreadProps, DEFAULT_MAX_RECORDING_BYTES, DEFAULT_PARTICIPANT_AUDIO_LABELS, DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS, type GroupParticipantConversationsParams, type ParticipantAudioLabels, type ParticipantAudioRecordingOptions, type ParticipantAuthorAvatarRenderer, type ParticipantConversationEvent, ParticipantConversations, type ParticipantConversationsApi, type ParticipantConversationsClassNames, type ParticipantConversationsLabels, type ParticipantConversationsProps, type ParticipantInboxSection, type ParticipantInboxView, type ParticipantLocalPendingMessage, type ParticipantMessageActionsRenderer, type ParticipantMessageActionsTarget, type ParticipantPendingMessage, type ParticipantPerspective, type ParticipantSendInput, type ParticipantSendResult, type ParticipantSubjectGroup, type ParticipantSubjectIconRenderer, groupParticipantConversations };
+export { ConversationThread, type ConversationThreadApi, type ConversationThreadProps, DEFAULT_MAX_RECORDING_BYTES, DEFAULT_PARTICIPANT_AUDIO_LABELS, DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS, type GroupParticipantConversationsParams, type ParticipantAudioLabels, type ParticipantAudioRecordingOptions, type ParticipantAuthorAvatarRenderer, type ParticipantConversationEvent, ParticipantConversations, type ParticipantConversationsApi, type ParticipantConversationsClassNames, type ParticipantConversationsLabels, type ParticipantConversationsProps, type ParticipantInboxSection, type ParticipantInboxView, type ParticipantLocalPendingMessage, type ParticipantMessageActionsRenderer, type ParticipantMessageActionsTarget, type ParticipantMessageMenuItem, type ParticipantMessageMenuOptions, type ParticipantPendingMessage, type ParticipantPerspective, type ParticipantSelectionAction, type ParticipantSendInput, type ParticipantSendResult, type ParticipantSubjectGroup, type ParticipantSubjectIconRenderer, formatMessagesForCopy, groupParticipantConversations };