@adatechnology/conversations-ui 0.2.1 → 0.3.1

package/dist/{ConversationSimulatorPanel-ikgmlciE.d.ts → ConversationSimulatorPanel-DmV8uaFE.d.ts}

@@ -903,4 +903,4 @@ type ConversationSimulatorPanelProps = Omit<ConversationPreviewProps, 'placehold
 };
 declare function ConversationSimulatorPanel({ onClose, channel, displayHandle, displayNumber, labels, headerActions, ...previewProps }: ConversationSimulatorPanelProps): react.JSX.Element;
 
-export { type PreviewUploadedMedia as $, AudioRecorderButton as A, type ConversationsUIConfig as B, CHANNEL_CAPABILITIES as C, type CreatePreviewMediaUploaderParams as D, type CreatePreviewWebhookClientParams as E, DEFAULT_AUDIO_RECORDER_BUTTON_LABELS as F, DEFAULT_CONVERSATION_CHANNEL as G, DEFAULT_CONVERSATION_SIMULATOR_PANEL_LABELS as H, DEFAULT_MAX_RECORDING_MILLISECONDS as I, DEFAULT_MEDIA_UPLOAD_PATH as J, type FormatContactHandleParams as K, HANDLE_KIND as L, type HandleKind as M, type InteractiveOption as N, type InteractivePayload as O, type InteractiveSection as P, type InteractiveSelection as Q, type ListConversationsParams as R, type ListDocumentsParams as S, MediaRenderer as T, type MediaRendererProps as U, type MessagePayload as V, type MessageTranscription as W, PreviewInProductionError as X, PreviewMediaUploadRejectedError as Y, type PreviewMediaUploadRequest as Z, type PreviewUploadedMedia$1 as _, type AudioRecorderButtonLabels as a, type PreviewWebhookClient as a0, PreviewWebhookRejectedError as a1, QUICK_REPLY_ATTACHMENT_LIMIT as a2, type QueuedAttachment as a3, type QuickReply as a4, type QuickReplyAttachment as a5, type QuickReplyInput as a6, REOPEN_MECHANISM as a7, type ReopenMechanism as a8, type ResolveMediaUrl as a9, SIMULATOR_FILE_MEDIA_KINDS as aa, type SSEProvider as ab, type SendPreviewMediaParams as ac, type SendSimulatorMediaParams as ad, type SimulatorMediaKind as ae, type StoredAttachmentSendResult as af, type ToSimulatorClientParams as ag, type TranscriptionMode as ah, type TranscriptionStatus as ai, acceptsMediaKind as aj, assertPreviewEnvironment as ak, capabilitiesOf as al, channelFiltersFor as am, contactFlag as an, createPreviewMediaPoster as ao, createPreviewMediaUploader as ap, createPreviewWebhookClient as aq, formatContactHandle as ar, isConversationSimulatorClient as as, mediaKindOf as at, mediaTypeOf as au, signPreviewPayload as av, simulatorPanelLabelsOf as aw, toConversationSimulatorClient as ax, type AudioRecorderButtonProps as b, CHANNEL_FILTER_ALL as c, CONVERSATION_CHANNEL as d, type ChannelCapabilities as e, type ChannelFilter as f, type ChannelFilterOption as g, type CompanyDocument as h, type CompanyDocumentPage as i, type ConversationChannel as j, type ConversationDocument as k, type ConversationDocumentPage as l, type ConversationEventSource as m, type ConversationPage as n, ConversationPreview as o, type ConversationPreviewProps as p, type ConversationSimulatorClient as q, ConversationSimulatorPanel as r, type ConversationSimulatorPanelLabels as s, type ConversationSimulatorPanelProps as t, type ConversationSummary as u, type ConversationTemplate as v, type ConversationVariable as w, type ConversationsApi as x, type ConversationsFeatures as y, type ConversationsTheme as z };
+export { type ListDocumentsParams as $, AudioRecorderButton as A, acceptsMediaKind as B, type ConversationSummary as C, DEFAULT_AUDIO_RECORDER_BUTTON_LABELS as D, assertPreviewEnvironment as E, createPreviewMediaPoster as F, createPreviewMediaUploader as G, createPreviewWebhookClient as H, isConversationSimulatorClient as I, mediaKindOf as J, mediaTypeOf as K, type ListConversationsParams as L, type MessagePayload as M, signPreviewPayload as N, simulatorPanelLabelsOf as O, type PreviewUploadedMedia$1 as P, toConversationSimulatorClient as Q, type ResolveMediaUrl as R, type SSEProvider as S, type ToSimulatorClientParams as T, type InteractiveSelection as U, type MessageTranscription as V, type InteractivePayload as W, type ConversationsFeatures as X, type QuickReply as Y, type ConversationChannel as Z, type TranscriptionMode as _, type ConversationEventSource as a, type ConversationTemplate as a0, type QueuedAttachment as a1, type QuickReplyInput as a2, type QuickReplyAttachment as a3, type ConversationVariable as a4, type ChannelFilter as a5, type ChannelFilterOption as a6, CHANNEL_CAPABILITIES as a7, CHANNEL_FILTER_ALL as a8, CONVERSATION_CHANNEL as a9, type ChannelCapabilities as aa, type CompanyDocument as ab, type CompanyDocumentPage as ac, type ConversationDocumentPage as ad, type ConversationsTheme as ae, type ConversationsUIConfig as af, DEFAULT_CONVERSATION_CHANNEL as ag, DEFAULT_MAX_RECORDING_MILLISECONDS as ah, type FormatContactHandleParams as ai, HANDLE_KIND as aj, type HandleKind as ak, type InteractiveOption as al, type InteractiveSection as am, MediaRenderer as an, type MediaRendererProps as ao, QUICK_REPLY_ATTACHMENT_LIMIT as ap, REOPEN_MECHANISM as aq, type ReopenMechanism as ar, type StoredAttachmentSendResult as as, type TranscriptionStatus as at, capabilitiesOf as au, channelFiltersFor as av, contactFlag as aw, formatContactHandle as ax, type ConversationsApi as b, type ConversationPage as c, type ConversationDocument as d, type SendPreviewMediaParams as e, type PreviewWebhookClient as f, type AudioRecorderButtonLabels as g, type AudioRecorderButtonProps as h, ConversationPreview as i, type ConversationPreviewProps as j, type ConversationSimulatorClient as k, ConversationSimulatorPanel as l, type ConversationSimulatorPanelLabels as m, type ConversationSimulatorPanelProps as n, type CreatePreviewMediaUploaderParams as o, type CreatePreviewWebhookClientParams as p, DEFAULT_CONVERSATION_SIMULATOR_PANEL_LABELS as q, DEFAULT_MEDIA_UPLOAD_PATH as r, PreviewInProductionError as s, PreviewMediaUploadRejectedError as t, type PreviewMediaUploadRequest as u, type PreviewUploadedMedia as v, PreviewWebhookRejectedError as w, SIMULATOR_FILE_MEDIA_KINDS as x, type SendSimulatorMediaParams as y, type SimulatorMediaKind as z };

package/dist/{chunk-DKPXKQGC.js → chunk-HMCOTZAX.js}

@@ -1,3 +1,7 @@
+import {
+  cn
+} from "./chunk-PJNR6UMN.js";
+
 // src/Tooltip.tsx
 import { useEffect, useRef, useState } from "react";
 import { createPortal } from "react-dom";
@@ -104,7 +108,20 @@ function TooltipLayer() {
   );
 }
 
+// src/lib/WhatsAppMessagePreview.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function WhatsAppMessagePreview({ children, belowBubble, footer, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("rounded-xl bg-[#e5ddd5] dark:bg-gray-900 p-3 space-y-1.5", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "max-w-[85%]", children: [
+      /* @__PURE__ */ jsx2("div", { className: "rounded-lg rounded-tl-none bg-white dark:bg-gray-700 px-3 py-2 text-sm text-gray-900 dark:text-gray-100 shadow-sm whitespace-pre-wrap break-words", children }),
+      belowBubble
+    ] }),
+    footer
+  ] });
+}
+
 export {
   TOOLTIP_ATTRIBUTE,
-  TooltipLayer
+  TooltipLayer,
+  WhatsAppMessagePreview
 };

package/dist/{chunk-NHQDQJL2.js → chunk-L4OE4ORQ.js}

@@ -1,7 +1,8 @@
 import {
+  cn,
   parseWhatsAppFormatting,
   useIsDarkTheme
-} from "./chunk-WCBDXZ3X.js";
+} from "./chunk-PJNR6UMN.js";
 
 // src/ConversationLocalesProvider.tsx
 import { createContext, useContext } from "react";
@@ -189,15 +190,6 @@ function AudioPlayer({ src, isMine = false }) {
 // src/AudioTranscription.tsx
 import { useCallback, useState as useState2 } from "react";
 import { Check, Copy, FileText, Loader2, RefreshCw } from "lucide-react";
-
-// src/lib/cn.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/AudioTranscription.tsx
 import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var COPIED_FEEDBACK_MS = 2e3;
 var COLLAPSE_ABOVE_CHARS = 320;
@@ -655,18 +647,15 @@ function InteractiveMessage({ payload, onSelect, labels, className }) {
   const hasRows = collectRows(payload).length > 0;
   const isInteractable = onSelect !== void 0;
   return /* @__PURE__ */ jsxs6("div", { className: cn("flex flex-col gap-1", className), children: [
-    payload.header?.text ? /* @__PURE__ */ jsx8("p", { className: cn("text-sm font-semibold text-gray-900 dark:text-gray-100", FORMATTING_CLASSES), children: parseWhatsAppFormatting(payload.header.text) }) : null,
+    payload.header?.text ? /* @__PURE__ */ jsx8("div", { className: cn("text-sm font-semibold text-gray-900 dark:text-gray-100", FORMATTING_CLASSES), children: parseWhatsAppFormatting(payload.header.text) }) : null,
     payload.body?.text ? /* @__PURE__ */ jsx8(
-      "p",
+      "div",
       {
-        className: cn(
-          "whitespace-pre-wrap break-words text-sm text-gray-900 dark:text-gray-100",
-          FORMATTING_CLASSES
-        ),
+        className: cn("whitespace-pre-wrap break-words text-sm text-gray-900 dark:text-gray-100", FORMATTING_CLASSES),
         children: parseWhatsAppFormatting(payload.body.text)
       }
     ) : null,
-    payload.footer?.text ? /* @__PURE__ */ jsx8("p", { className: cn("text-xs text-gray-500 dark:text-gray-400", FORMATTING_CLASSES), children: parseWhatsAppFormatting(payload.footer.text) }) : null,
+    payload.footer?.text ? /* @__PURE__ */ jsx8("div", { className: cn("text-xs text-gray-500 dark:text-gray-400", FORMATTING_CLASSES), children: parseWhatsAppFormatting(payload.footer.text) }) : null,
     buttons.length > 0 ? /* @__PURE__ */ jsx8("div", { className: "mt-1 flex flex-col gap-1 border-t border-gray-200 pt-1 dark:border-gray-700", children: buttons.map((button) => /* @__PURE__ */ jsx8(
       "button",
       {
@@ -1372,7 +1361,18 @@ var DEFAULT_QUICK_REPLIES_WORKSPACE_LABELS = {
   attachmentMoveDown: "Mover para baixo",
   attachmentLimitReached: "Limite de 10 anexos por mensagem.",
   attachmentTooLarge: (filename) => `${filename}: excede o tamanho m\xE1ximo para o tipo de arquivo.`,
-  saveBlockedUploading: "Aguardando o envio dos anexos\u2026"
+  saveBlockedUploading: "Aguardando o envio dos anexos\u2026",
+  formatBold: "Negrito",
+  formatItalic: "It\xE1lico",
+  formatStrikethrough: "Tachado",
+  formatMonospace: "Monoespa\xE7ado",
+  formatInlineCode: "C\xF3digo",
+  formatBulletedList: "Lista",
+  formatNumberedList: "Lista numerada",
+  formatQuote: "Cita\xE7\xE3o",
+  formattingToolbar: "Formata\xE7\xE3o do texto",
+  previewTitle: "Pr\xE9-visualiza\xE7\xE3o no WhatsApp",
+  previewEmptyBody: "Digite o texto para ver como a mensagem chega ao cliente."
 };
 
 // src/quickReplies/QuickRepliesPicker.tsx
@@ -3152,7 +3152,6 @@ export {
   useConversationLocales,
   StatusTicks,
   AudioPlayer,
-  cn,
   AudioTranscription,
   FileIcon,
   formatTimestamp,

package/dist/{chunk-WCBDXZ3X.js → chunk-PJNR6UMN.js}

@@ -1,5 +1,5 @@
 // src/lib/whatsapp-formatting.tsx
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var MONOSPACE_REGEX = /```([\s\S]*?)```/g;
 function tokenize(text) {
   const tokens = [];
@@ -24,7 +24,7 @@ function tokenize(text) {
       i += skip.length;
       continue;
     }
-    const inlineMatch = remaining.slice(i).match(/^`([^`]+)`/);
+    const inlineMatch = remaining.slice(i).match(/^`([^`\n]+)`/);
     if (inlineMatch && inlineMatch.index === 0) {
       if (buffer) {
         tokens.push(...parseInlineTokens(buffer));
@@ -46,19 +46,19 @@ function parseInlineTokens(text) {
   const result = [];
   let remaining = text;
   while (remaining.length > 0) {
-    const boldMatch = remaining.match(/^\*([^*]+)\*/);
+    const boldMatch = remaining.match(/^\*([^*\n]+)\*/);
     if (boldMatch) {
       result.push({ type: "bold", content: boldMatch[1] });
       remaining = remaining.slice(boldMatch[0].length);
       continue;
     }
-    const italicMatch = remaining.match(/^_([^_]+)_/);
+    const italicMatch = remaining.match(/^_([^_\n]+)_/);
     if (italicMatch) {
       result.push({ type: "italic", content: italicMatch[1] });
       remaining = remaining.slice(italicMatch[0].length);
       continue;
     }
-    const strikeMatch = remaining.match(/^~([^~]+)~/);
+    const strikeMatch = remaining.match(/^~([^~\n]+)~/);
     if (strikeMatch) {
       result.push({ type: "strikethrough", content: strikeMatch[1] });
       remaining = remaining.slice(strikeMatch[0].length);
@@ -79,8 +79,59 @@ function parseInlineTokens(text) {
   }
   return result;
 }
+var BULLETED_LINE = /^[*-] (.*)$/;
+var NUMBERED_LINE = /^(\d+)\. (.*)$/;
+var QUOTE_LINE = /^> (.*)$/;
+function blockKindOf(line) {
+  if (BULLETED_LINE.test(line)) return "bulleted";
+  if (NUMBERED_LINE.test(line)) return "numbered";
+  if (QUOTE_LINE.test(line)) return "quote";
+  return "plain";
+}
+function groupLines(lines) {
+  const groups = [];
+  for (const line of lines) {
+    const kind = blockKindOf(line);
+    const last = groups[groups.length - 1];
+    if (last && last.kind === kind) last.lines.push(line);
+    else groups.push({ kind, lines: [line] });
+  }
+  return groups;
+}
+function renderBlockGroup(group, key) {
+  if (group.kind === "bulleted") {
+    return /* @__PURE__ */ jsx("ul", { className: "list-disc pl-5", children: group.lines.map((line, index) => /* @__PURE__ */ jsx("li", { children: renderTokens(tokenize(line.replace(BULLETED_LINE, "$1"))) }, index)) }, key);
+  }
+  if (group.kind === "numbered") {
+    return /* @__PURE__ */ jsx("ol", { className: "list-decimal pl-6", children: group.lines.map((line, index) => {
+      const [, number, content] = NUMBERED_LINE.exec(line) ?? [];
+      return /* @__PURE__ */ jsx("li", { value: Number(number), children: renderTokens(tokenize(content ?? "")) }, index);
+    }) }, key);
+  }
+  if (group.kind === "quote") {
+    return /* @__PURE__ */ jsx(
+      "blockquote",
+      {
+        className: "border-l-4 border-gray-300 pl-2 text-gray-600 dark:border-gray-500 dark:text-gray-300",
+        children: group.lines.map((line, index) => /* @__PURE__ */ jsx("div", { children: renderTokens(tokenize(line.replace(QUOTE_LINE, "$1"))) }, index))
+      },
+      key
+    );
+  }
+  const joined = group.lines.join("\n");
+  const trailingBreak = group.lines[group.lines.length - 1] === "" ? "\n" : null;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    renderTokens(tokenize(joined)),
+    trailingBreak
+  ] }, key);
+}
 function parseWhatsAppFormatting(text) {
-  const tokens = tokenize(text);
+  const lines = text.split("\n");
+  const hasBlockLine = lines.some((line) => blockKindOf(line) !== "plain");
+  if (!hasBlockLine || text.includes("```")) return renderTokens(tokenize(text));
+  return groupLines(lines).map(renderBlockGroup);
+}
+function renderTokens(tokens) {
   return tokens.map((token, index) => {
     switch (token.type) {
       case "bold":
@@ -139,8 +190,14 @@ function htmlToWA(html) {
   if (!html) return "";
   let text = html;
   text = text.replace(EMPTY_CODE_REGEX, "");
-  text = text.replace(/<code data-wa="block"[^>]*>([\s\S]*?)<\/code>/gi, (_match, inner) => `\`\`\`${unescapeHtml(inner.replace(/<br\s*\/?>/gi, "\n"))}\`\`\``);
-  text = text.replace(/<code data-wa="inline"[^>]*>([\s\S]*?)<\/code>/gi, (_match, inner) => `\`${unescapeHtml(inner)}\``);
+  text = text.replace(
+    /<code data-wa="block"[^>]*>([\s\S]*?)<\/code>/gi,
+    (_match, inner) => `\`\`\`${unescapeHtml(inner.replace(/<br\s*\/?>/gi, "\n"))}\`\`\``
+  );
+  text = text.replace(
+    /<code data-wa="inline"[^>]*>([\s\S]*?)<\/code>/gi,
+    (_match, inner) => `\`${unescapeHtml(inner)}\``
+  );
   text = text.replace(/<br\s*\/?>/gi, "\n").replace(/<div>/gi, "\n").replace(/<\/div>/gi, "").replace(/<\/p>/gi, "\n").replace(/<p[^>]*>/gi, "");
   text = text.replace(/<strong>(.*?)<\/strong>/gi, "*$1*");
   text = text.replace(/<b>(.*?)<\/b>/gi, "*$1*");
@@ -212,7 +269,15 @@ function useDarkMode() {
   return { isDark, toggle };
 }
 
+// src/lib/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
 export {
+  cn,
   parseWhatsAppFormatting,
   ZERO_WIDTH_SPACE,
   waToHTML,

package/dist/flows/index.js

@@ -1,10 +1,11 @@
 import {
-  TooltipLayer
-} from "../chunk-DKPXKQGC.js";
+  TooltipLayer,
+  WhatsAppMessagePreview
+} from "../chunk-HMCOTZAX.js";
 import {
   parseWhatsAppFormatting,
   useIsDarkTheme
-} from "../chunk-WCBDXZ3X.js";
+} from "../chunk-PJNR6UMN.js";
 
 // src/flows/FlowNodeCard.tsx
 import { useState } from "react";
@@ -1244,7 +1245,7 @@ import { Plus as Plus3, Trash2, Save, X as X3, AlertTriangle as AlertTriangle2,
 
 // src/flows/FlowWhatsAppPreview.tsx
 import { List } from "lucide-react";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function FlowWhatsAppPreview({
   body,
   options,
@@ -1255,35 +1256,38 @@ function FlowWhatsAppPreview({
   }
   const usesButtons = rendersAsButtons(options);
   const hasOptions = (options?.length ?? 0) > 0;
-  return /* @__PURE__ */ jsxs9("div", { className: "rounded-xl bg-[#e5ddd5] dark:bg-gray-900 p-3 space-y-1.5", children: [
-    /* @__PURE__ */ jsxs9("div", { className: "max-w-[85%]", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "rounded-lg rounded-tl-none bg-white dark:bg-gray-700 px-3 py-2 text-sm text-gray-900 dark:text-gray-100 shadow-sm whitespace-pre-wrap break-words", children: [
+  return /* @__PURE__ */ jsxs9(
+    WhatsAppMessagePreview,
+    {
+      belowBubble: /* @__PURE__ */ jsxs9(Fragment3, { children: [
+        hasOptions && usesButtons && /* @__PURE__ */ jsx10("div", { className: "mt-1 space-y-1", children: options.map(([id, label]) => /* @__PURE__ */ jsx10(
+          "div",
+          {
+            className: "rounded-lg bg-white dark:bg-gray-700 py-1.5 text-center text-sm font-medium text-cyan-600 dark:text-cyan-400 shadow-sm",
+            children: label || /* @__PURE__ */ jsx10("span", { className: "italic text-gray-400", children: labels.previewEmptyOption })
+          },
+          id
+        )) }),
+        hasOptions && !usesButtons && /* @__PURE__ */ jsx10("div", { className: "mt-1.5 rounded-lg bg-white dark:bg-gray-700 shadow-sm divide-y divide-gray-100 dark:divide-gray-600 overflow-hidden", children: options.slice(0, WHATSAPP_LIMITS.MAX_LIST_ROWS).map(([id, label]) => /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 px-3 py-1.5 text-sm text-gray-800 dark:text-gray-100", children: [
+          /* @__PURE__ */ jsx10("span", { className: "h-3.5 w-3.5 rounded-full border border-gray-300 dark:border-gray-500 shrink-0" }),
+          label || /* @__PURE__ */ jsx10("span", { className: "italic text-gray-400", children: labels.previewEmptyOption })
+        ] }, id)) })
+      ] }),
+      footer: hasOptions && /* @__PURE__ */ jsx10("p", { className: "text-[11px] text-gray-500 dark:text-gray-400 px-1", children: usesButtons ? labels.previewModeButtons : labels.previewModeList }),
+      children: [
         body ? parseWhatsAppFormatting(body) : /* @__PURE__ */ jsx10("span", { className: "italic text-gray-400", children: labels.previewEmptyBody }),
         hasOptions && !usesButtons && /* @__PURE__ */ jsx10("div", { className: "mt-2 -mx-3 -mb-2 border-t border-gray-100 dark:border-gray-600", children: /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-center gap-1.5 py-2 text-sm font-medium text-cyan-600 dark:text-cyan-400", children: [
           /* @__PURE__ */ jsx10(List, { size: 15 }),
           " ",
           labels.previewListButton
         ] }) })
-      ] }),
-      hasOptions && usesButtons && /* @__PURE__ */ jsx10("div", { className: "mt-1 space-y-1", children: options.map(([id, label]) => /* @__PURE__ */ jsx10(
-        "div",
-        {
-          className: "rounded-lg bg-white dark:bg-gray-700 py-1.5 text-center text-sm font-medium text-cyan-600 dark:text-cyan-400 shadow-sm",
-          children: label || /* @__PURE__ */ jsx10("span", { className: "italic text-gray-400", children: labels.previewEmptyOption })
-        },
-        id
-      )) }),
-      hasOptions && !usesButtons && /* @__PURE__ */ jsx10("div", { className: "mt-1.5 rounded-lg bg-white dark:bg-gray-700 shadow-sm divide-y divide-gray-100 dark:divide-gray-600 overflow-hidden", children: options.slice(0, WHATSAPP_LIMITS.MAX_LIST_ROWS).map(([id, label]) => /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 px-3 py-1.5 text-sm text-gray-800 dark:text-gray-100", children: [
-        /* @__PURE__ */ jsx10("span", { className: "h-3.5 w-3.5 rounded-full border border-gray-300 dark:border-gray-500 shrink-0" }),
-        label || /* @__PURE__ */ jsx10("span", { className: "italic text-gray-400", children: labels.previewEmptyOption })
-      ] }, id)) })
-    ] }),
-    hasOptions && /* @__PURE__ */ jsx10("p", { className: "text-[11px] text-gray-500 dark:text-gray-400 px-1", children: usesButtons ? labels.previewModeButtons : labels.previewModeList })
-  ] });
+      ]
+    }
+  );
 }
 
 // src/flows/FlowNodePanel.tsx
-import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 var SELECT_CLASSNAME = "border border-gray-200 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100 rounded-xl px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-400 focus:border-transparent transition-all";
 var INPUT_CLASSNAME = "border border-gray-200 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100 rounded-xl px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-400 focus:border-transparent transition-all";
 function truncateLabel(value, max = 60) {
@@ -1387,7 +1391,7 @@ function FlowNodePanel({
     setDraft((prev) => ({ ...prev, options: (prev.options ?? []).filter((_, i) => i !== index) }));
   }
   function nextNodeOptions() {
-    return /* @__PURE__ */ jsxs10(Fragment3, { children: [
+    return /* @__PURE__ */ jsxs10(Fragment4, { children: [
       otherNodeIds.map((id) => /* @__PURE__ */ jsx11("option", { value: id, children: truncateLabel(nodeLabel(graph.nodes[id], labels)) }, id)),
       otherFlows.length > 0 && /* @__PURE__ */ jsx11("optgroup", { label: labels.nodePanel.otherFlowsGroup, children: otherFlows.map((flow) => /* @__PURE__ */ jsx11("option", { value: `${CROSS_FLOW_PREFIX}${flow.key}`, children: flow.label }, flow.key)) })
     ] });
@@ -1929,7 +1933,7 @@ function findFreeSlot(params) {
 }
 
 // src/flows/FlowsWorkspace.tsx
-import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 var RF_NODE_TYPES = {
   ...flowNodeTypes,
   ...flowPortalNodeTypes,
@@ -2552,7 +2556,7 @@ function FlowsWorkspace({
             ]
           }
         ),
-        viewMode === "detail" && /* @__PURE__ */ jsxs11(Fragment4, { children: [
+        viewMode === "detail" && /* @__PURE__ */ jsxs11(Fragment5, { children: [
           /* @__PURE__ */ jsxs11(
             "button",
             {
@@ -2727,7 +2731,7 @@ function FlowsWorkspace({
         }
       )
     ] }),
-    quickAddFrom && /* @__PURE__ */ jsxs11(Fragment4, { children: [
+    quickAddFrom && /* @__PURE__ */ jsxs11(Fragment5, { children: [
       /* @__PURE__ */ jsx12("div", { className: "fixed inset-0 z-40", onClick: () => setQuickAddFrom(null) }),
       /* @__PURE__ */ jsxs11(
         "div",

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import react__default, { ReactNode, CSSProperties, UIEvent, FormEvent, RefObject, KeyboardEvent } from 'react';
-import { V as MessagePayload, a9 as ResolveMediaUrl, Q as InteractiveSelection, W as MessageTranscription, O as InteractivePayload, y as ConversationsFeatures, a4 as QuickReply$1, u as ConversationSummary, j as ConversationChannel, R as ListConversationsParams, x as ConversationsApi, ab as SSEProvider, ah as TranscriptionMode, S as ListDocumentsParams, k as ConversationDocument, v as ConversationTemplate, a3 as QueuedAttachment, a6 as QuickReplyInput, a5 as QuickReplyAttachment, w as ConversationVariable, f as ChannelFilter, g as ChannelFilterOption, q as ConversationSimulatorClient, s as ConversationSimulatorPanelLabels, _ as PreviewUploadedMedia } from './ConversationSimulatorPanel-ikgmlciE.js';
-export { A as AudioRecorderButton, a as AudioRecorderButtonLabels, b as AudioRecorderButtonProps, C as CHANNEL_CAPABILITIES, c as CHANNEL_FILTER_ALL, d as CONVERSATION_CHANNEL, e as ChannelCapabilities, h as CompanyDocument, i as CompanyDocumentPage, l as ConversationDocumentPage, m as ConversationEventSource, n as ConversationPage, z as ConversationsTheme, B as ConversationsUIConfig, F as DEFAULT_AUDIO_RECORDER_BUTTON_LABELS, G as DEFAULT_CONVERSATION_CHANNEL, I as DEFAULT_MAX_RECORDING_MILLISECONDS, K as FormatContactHandleParams, L as HANDLE_KIND, M as HandleKind, N as InteractiveOption, P as InteractiveSection, T as MediaRenderer, U as MediaRendererProps, a2 as QUICK_REPLY_ATTACHMENT_LIMIT, a7 as REOPEN_MECHANISM, a8 as ReopenMechanism, ad as SendSimulatorMediaParams, ae as SimulatorMediaKind, af as StoredAttachmentSendResult, ai as TranscriptionStatus, al as capabilitiesOf, am as channelFiltersFor, an as contactFlag, ar as formatContactHandle } from './ConversationSimulatorPanel-ikgmlciE.js';
+import { M as MessagePayload, R as ResolveMediaUrl, U as InteractiveSelection, V as MessageTranscription, W as InteractivePayload, X as ConversationsFeatures, Y as QuickReply$1, C as ConversationSummary, Z as ConversationChannel, L as ListConversationsParams, b as ConversationsApi, S as SSEProvider, _ as TranscriptionMode, $ as ListDocumentsParams, d as ConversationDocument, a0 as ConversationTemplate, a1 as QueuedAttachment, a2 as QuickReplyInput, a3 as QuickReplyAttachment, a4 as ConversationVariable, a5 as ChannelFilter, a6 as ChannelFilterOption, k as ConversationSimulatorClient, m as ConversationSimulatorPanelLabels, P as PreviewUploadedMedia } from './ConversationSimulatorPanel-DmV8uaFE.js';
+export { A as AudioRecorderButton, g as AudioRecorderButtonLabels, h as AudioRecorderButtonProps, a7 as CHANNEL_CAPABILITIES, a8 as CHANNEL_FILTER_ALL, a9 as CONVERSATION_CHANNEL, aa as ChannelCapabilities, ab as CompanyDocument, ac as CompanyDocumentPage, ad as ConversationDocumentPage, a as ConversationEventSource, c as ConversationPage, ae as ConversationsTheme, af as ConversationsUIConfig, D as DEFAULT_AUDIO_RECORDER_BUTTON_LABELS, ag as DEFAULT_CONVERSATION_CHANNEL, ah as DEFAULT_MAX_RECORDING_MILLISECONDS, ai as FormatContactHandleParams, aj as HANDLE_KIND, ak as HandleKind, al as InteractiveOption, am as InteractiveSection, an as MediaRenderer, ao as MediaRendererProps, ap as QUICK_REPLY_ATTACHMENT_LIMIT, aq as REOPEN_MECHANISM, ar as ReopenMechanism, y as SendSimulatorMediaParams, z as SimulatorMediaKind, as as StoredAttachmentSendResult, at as TranscriptionStatus, au as capabilitiesOf, av as channelFiltersFor, aw as contactFlag, ax as formatContactHandle } from './ConversationSimulatorPanel-DmV8uaFE.js';
 import '@adatechnology/meta-whatsapp-contracts/testing';
 
 interface MessageBubbleProps {
@@ -252,8 +252,22 @@ interface QuickRepliesWorkspaceLabels {
     readonly attachmentLimitReached: string;
     readonly attachmentTooLarge: (filename: string) => string;
     readonly saveBlockedUploading: string;
-}
-declare const DEFAULT_QUICK_REPLIES_WORKSPACE_LABELS: QuickRepliesWorkspaceLabels;
+    /** Barra de formatação acima do campo de texto — notação do WhatsApp. */
+    readonly formatBold?: string;
+    readonly formatItalic?: string;
+    readonly formatStrikethrough?: string;
+    readonly formatMonospace?: string;
+    readonly formatInlineCode?: string;
+    readonly formatBulletedList?: string;
+    readonly formatNumberedList?: string;
+    readonly formatQuote?: string;
+    readonly formattingToolbar?: string;
+    readonly previewTitle?: string;
+    readonly previewEmptyBody?: string;
+}
+/** Os rótulos já completados pelos padrões — as chaves novas são opcionais no tipo público. */
+type ResolvedQuickRepliesWorkspaceLabels = Required<QuickRepliesWorkspaceLabels>;
+declare const DEFAULT_QUICK_REPLIES_WORKSPACE_LABELS: ResolvedQuickRepliesWorkspaceLabels;
 
 /**
  * Mensagem pronta que o atendente cola no campo com um clique.
@@ -1707,11 +1721,36 @@ interface UseInboxActionsResult {
 /** Ações que valem para a caixa inteira, sem conversa selecionada. */
 declare function useInboxActions(): UseInboxActionsResult;
 
+/**
+ * Formatação do WhatsApp: inline (`*`, `_`, `~`, `` ` ``, ```` ``` ````) e, por linha, lista (`* `,
+ * `- `), lista numerada (`1. `) e citação (`> `). Sem linha de bloco, a saída é só inline, igual à de
+ * sempre. Com bloco de código de várias linhas, também — dividir por linha partiria o bloco.
+ */
 declare function parseWhatsAppFormatting(text: string): ReactNode[];
 declare function waToHTML(text: string): string;
 declare function htmlToWA(html: string): string;
 declare function waToHTMLInline(text: string): string;
 
+interface WhatsAppMessagePreviewProps {
+    /** Conteúdo dentro do balão (texto já formatado, anexos, botão de lista). */
+    readonly children: ReactNode;
+    /** Abaixo do balão, ainda na coluna dele — botões de resposta, linhas de lista. */
+    readonly belowBubble?: ReactNode;
+    /** Rodapé fora da coluna do balão, sobre o fundo. */
+    readonly footer?: ReactNode;
+    readonly className?: string;
+}
+/** Balão recebido sobre o fundo do WhatsApp — o único estilo de pré-visualização do pacote. */
+declare function WhatsAppMessagePreview({ children, belowBubble, footer, className }: WhatsAppMessagePreviewProps): react.JSX.Element;
+
+/** Notação do WhatsApp de cada ação — a mesma que `parseWhatsAppFormatting` reconhece. */
+declare const WHATSAPP_MARKER_BY_ACTION: {
+    readonly bold: "*";
+    readonly italic: "_";
+    readonly strikethrough: "~";
+    readonly monospace: "```";
+};
+
 declare function formatPhone(number: string): string;
 declare function phoneInitials(number: string): string;
 
@@ -2214,4 +2253,4 @@ type QueuedAttachmentsListProps = {
 };
 declare function QueuedAttachmentsList({ items, statusOf, onRemove, onRetry, retryingKeys, getThumbnailUrl, labels, busy, }: QueuedAttachmentsListProps): react.JSX.Element | null;
 
-export { type AsyncResourceState, type AttachmentFileRejection, AudioPlayer, type AudioPlayerProps, AudioTranscription, type AudioTranscriptionProps, Avatar, type AvatarLabels, type AvatarProps, type BotMessages, type BuildTranscriptTextParams, BulkActionBar, type BulkActionBarProps, CHANNEL_BRAND_COLOR, CONVERSATIONS_PER_PAGE, CONVERSATION_WINDOW, ChannelFilter, ChannelFilterOption, ChannelIcon, type ChannelIconProps, ConversationChannel, type ConversationContextEntry, ConversationContextPanel, type ConversationContextPanelClassNames, type ConversationContextPanelLabels, type ConversationContextPanelProps, type ConversationContextStatus, ConversationDocument, ConversationDocumentsPanel, type ConversationDocumentsPanelClassNames, type ConversationDocumentsPanelLabels, type ConversationDocumentsPanelProps, ConversationHeader, type ConversationHeaderClassNames, type ConversationHeaderLabels, type ConversationHeaderProps, type ConversationHeaderUtility, ConversationListItem, type ConversationListItemLabels, type ConversationListItemProps, type ConversationLocales, ConversationLocalesProvider, type ConversationLocalesProviderProps, ConversationPane, type ConversationPaneProps, type ConversationRealtimeHandler, ConversationRow, type ConversationRowClassNames, type ConversationRowProps, ConversationSimulatorClient, ConversationSummary, ConversationTemplate, ConversationVariable, ConversationWallpaper, type ConversationWallpaperProps, type ConversationWindow, ConversationsApi, ConversationsFeatures, ConversationsInboxList, type ConversationsInboxListProps, ConversationsProvider, ConversationsWorkspace, type ConversationsWorkspaceLabels, type ConversationsWorkspaceProps, type ConversationsWorkspaceSimulator, DEFAULT_ACCEPTED_FILE_TYPES, DEFAULT_AVATAR_LABELS, DEFAULT_CONVERSATIONS_WORKSPACE_LABELS, DEFAULT_CONVERSATION_CONTEXT_LABELS, DEFAULT_CONVERSATION_DOCUMENTS_LABELS, DEFAULT_CONVERSATION_HEADER_LABELS, DEFAULT_CONVERSATION_LIST_ITEM_LABELS, DEFAULT_DARK_MODE_TOGGLE_LABELS, DEFAULT_DOCUMENTS_LIBRARY_LABELS, DEFAULT_DOCUMENTS_WORKSPACE_LABELS, DEFAULT_EMOJI_PICKER_LABELS, DEFAULT_INTERACTIVE_MESSAGE_LABELS, DEFAULT_LIGHTBOX_LABELS, DEFAULT_MAX_ATTACHMENT_SIZE_BYTES, DEFAULT_MESSAGE_COMPOSER_LABELS, DEFAULT_QUICK_REPLIES_PICKER_LABELS, DEFAULT_QUICK_REPLIES_WORKSPACE_LABELS, DEFAULT_RICH_COMPOSER_TOOLTIPS, DEFAULT_TEMPLATES_SETTINGS_LABELS, DEFAULT_WHATSAPP_MESSAGE_EDITOR_LABELS, DEFAULT_WINDOW_EXPIRED_LABELS, DOCUMENT_SOURCE_FILTER, DarkModeToggle, type DarkModeToggleLabels, type DarkModeToggleProps, DateDivider, type DateDividerClassNames, type DateDividerProps, type DocumentSourceFilter, type DocumentsFiltersContext, DocumentsLibrary, type DocumentsLibraryClassNames, type DocumentsLibraryLabels, type DocumentsLibraryProps, DocumentsWorkspace, type DocumentsWorkspaceClassNames, type DocumentsWorkspaceLabels, type DocumentsWorkspaceProps, EMOJI_CATEGORIES, type EmojiCategory, type EmojiEntry, EmojiPicker, type EmojiPickerLabels, type EmojiPickerProps, FileIcon, type FileIconProps, type FilterOption, type FilterQuickRepliesParams, InteractiveMessage, type InteractiveMessageLabels, type InteractiveMessageProps, InteractivePayload, InteractiveSelection, Lightbox, type LightboxLabels, type LightboxProps, ListConversationsParams, ListDocumentsParams, ListingPagination, type ListingPaginationProps, type MatchSegment, type MaxAttachmentSizeBytes, MessageBubble, type MessageBubbleProps, MessageComposer, type MessageComposerClassNames, type MessageComposerLabels, type MessageComposerProps, MessagePayload, MessageTail, MessageText, type MessageTextProps, MessageTimestamp, MessageTranscription, MessagesWorkspace, type MessagesWorkspaceApi, type MessagesWorkspaceLabels, type MessagesWorkspaceProps, type MessagesWorkspaceTemplateRole, MultiSelectFilter, type MultiSelectFilterProps, NARROW_MAX_WIDTH_PX, type OutgoingItems, QueuedAttachment, QueuedAttachmentsList, QuickRepliesPicker, type QuickRepliesPickerLabels, type QuickRepliesPickerProps, QuickRepliesWorkspace, type QuickRepliesWorkspaceLabels, type QuickRepliesWorkspaceProps, type QuickReply, QuickReplyAttachment, QuickReplyInput, REPLY_LATENCY, REPLY_LATENCY_CRITICAL_HOURS, REPLY_LATENCY_LATE_HOURS, RICH_COMPOSER_ACTION, type ReplyLatency, type ReplyLatencyParams, ResolveMediaUrl, type RichComposerAction, type RichComposerQuickReply, type RichComposerTooltips, type RichComposerVariable, RichMessageComposer, type RichMessageComposerHandle, type RichMessageComposerProps, SSEProvider, QuickReply$1 as SavedQuickReply, SimpleEmojiPicker, type SimpleEmojiPickerProps, type SimulatorTransportFactory, type SimulatorTransportParams, type SortDirection, SortableHead, type SortableHeadProps, StatusTicks, type StatusTicksProps, TEMPLATE_SETTINGS_TAB, TOOLTIP_ATTRIBUTE, type TemplateSettings, type TemplateSettingsTab, ToastProvider, TooltipLayer, type TopicItem, TopicsForm, type TopicsFormLabels, type TopicsFormProps, TranscriptionMode, type TranscriptionSettings, TranscriptionSettingsForm, type TranscriptionSettingsFormLabels, type TranscriptionSettingsFormProps, type UrlStateOptions, type UseConversationActionsResult, type UseConversationContextResult, type UseConversationDocumentsParams, type UseConversationDocumentsResult, type UseConversationListParams, type UseConversationListResult, type UseConversationMessagesResult, type UseConversationsInboxParams, type UseConversationsInboxResult, type UseInboxActionsResult, type UseScrollToLatestMessageParams, type UseScrollToLatestMessageResult, type UseWaitingNotificationsLabels, type UseWaitingNotificationsParams, type UseWaitingNotificationsResult, type ValidateAttachmentFilesResult, WINDOW_FILTERS, WelcomeFarewellForm, type WelcomeFarewellFormLabels, type WelcomeFarewellFormProps, WhatsAppCreateTemplateForm, type WhatsAppCreateTemplateFormLabels, type WhatsAppCreateTemplateFormProps, type WhatsAppCreateTemplateResult, type WhatsAppCreateTemplateState, WhatsAppMessageEditor, type WhatsAppMessageEditorLabels, type WhatsAppMessageEditorProps, type WhatsAppTemplateHeaderType, WhatsAppTemplateSettingsForm, type WhatsAppTemplateSettingsFormLabels, type WhatsAppTemplateSettingsFormProps, type WhatsAppTemplateSummary, type WhatsAppTemplateVariableSuggestion, WhatsAppTemplatesSettings, type WhatsAppTemplatesSettingsLabels, type WhatsAppTemplatesSettingsProps, WindowExpiredNotice, type WindowExpiredNoticeLabels, type WindowExpiredNoticeProps, type WindowOfParams, applyQuickReplyVariables, buildTranscriptFilename, buildTranscriptText, createMediaUrlResolver, downloadTextFile, filterQuickReplies, formatDateTime, formatFileSize, formatPhone, formatStalledFor, formatTimestamp, highlightMatch, htmlToWA, isReplyOverdue, isSameDay, isWindowBlocking, normalizeForSearch, parseWhatsAppFormatting, phoneInitials, queuedAttachmentsFromQuickReply, replyLatencyOf, resolveMaxAttachmentSizeBytes, resolveQuickReply, searchEmojis, toast, useConversationActions, useConversationContext, useConversationDocuments, useConversationList, useConversationLocales, useConversationMessages, useConversationRealtime, useConversations, useConversationsInbox, useDarkMode, useDebouncedValue, useGlobalRealtime, useInboxActions, useIsDarkTheme, useIsNarrow, useScrollToLatestMessage, useToast, useUrlArrayState, useUrlNumberState, useUrlStringState, useWaitingNotifications, waToHTML, waToHTMLInline, windowOf };
+export { type AsyncResourceState, type AttachmentFileRejection, AudioPlayer, type AudioPlayerProps, AudioTranscription, type AudioTranscriptionProps, Avatar, type AvatarLabels, type AvatarProps, type BotMessages, type BuildTranscriptTextParams, BulkActionBar, type BulkActionBarProps, CHANNEL_BRAND_COLOR, CONVERSATIONS_PER_PAGE, CONVERSATION_WINDOW, ChannelFilter, ChannelFilterOption, ChannelIcon, type ChannelIconProps, ConversationChannel, type ConversationContextEntry, ConversationContextPanel, type ConversationContextPanelClassNames, type ConversationContextPanelLabels, type ConversationContextPanelProps, type ConversationContextStatus, ConversationDocument, ConversationDocumentsPanel, type ConversationDocumentsPanelClassNames, type ConversationDocumentsPanelLabels, type ConversationDocumentsPanelProps, ConversationHeader, type ConversationHeaderClassNames, type ConversationHeaderLabels, type ConversationHeaderProps, type ConversationHeaderUtility, ConversationListItem, type ConversationListItemLabels, type ConversationListItemProps, type ConversationLocales, ConversationLocalesProvider, type ConversationLocalesProviderProps, ConversationPane, type ConversationPaneProps, type ConversationRealtimeHandler, ConversationRow, type ConversationRowClassNames, type ConversationRowProps, ConversationSimulatorClient, ConversationSummary, ConversationTemplate, ConversationVariable, ConversationWallpaper, type ConversationWallpaperProps, type ConversationWindow, ConversationsApi, ConversationsFeatures, ConversationsInboxList, type ConversationsInboxListProps, ConversationsProvider, ConversationsWorkspace, type ConversationsWorkspaceLabels, type ConversationsWorkspaceProps, type ConversationsWorkspaceSimulator, DEFAULT_ACCEPTED_FILE_TYPES, DEFAULT_AVATAR_LABELS, DEFAULT_CONVERSATIONS_WORKSPACE_LABELS, DEFAULT_CONVERSATION_CONTEXT_LABELS, DEFAULT_CONVERSATION_DOCUMENTS_LABELS, DEFAULT_CONVERSATION_HEADER_LABELS, DEFAULT_CONVERSATION_LIST_ITEM_LABELS, DEFAULT_DARK_MODE_TOGGLE_LABELS, DEFAULT_DOCUMENTS_LIBRARY_LABELS, DEFAULT_DOCUMENTS_WORKSPACE_LABELS, DEFAULT_EMOJI_PICKER_LABELS, DEFAULT_INTERACTIVE_MESSAGE_LABELS, DEFAULT_LIGHTBOX_LABELS, DEFAULT_MAX_ATTACHMENT_SIZE_BYTES, DEFAULT_MESSAGE_COMPOSER_LABELS, DEFAULT_QUICK_REPLIES_PICKER_LABELS, DEFAULT_QUICK_REPLIES_WORKSPACE_LABELS, DEFAULT_RICH_COMPOSER_TOOLTIPS, DEFAULT_TEMPLATES_SETTINGS_LABELS, DEFAULT_WHATSAPP_MESSAGE_EDITOR_LABELS, DEFAULT_WINDOW_EXPIRED_LABELS, DOCUMENT_SOURCE_FILTER, DarkModeToggle, type DarkModeToggleLabels, type DarkModeToggleProps, DateDivider, type DateDividerClassNames, type DateDividerProps, type DocumentSourceFilter, type DocumentsFiltersContext, DocumentsLibrary, type DocumentsLibraryClassNames, type DocumentsLibraryLabels, type DocumentsLibraryProps, DocumentsWorkspace, type DocumentsWorkspaceClassNames, type DocumentsWorkspaceLabels, type DocumentsWorkspaceProps, EMOJI_CATEGORIES, type EmojiCategory, type EmojiEntry, EmojiPicker, type EmojiPickerLabels, type EmojiPickerProps, FileIcon, type FileIconProps, type FilterOption, type FilterQuickRepliesParams, InteractiveMessage, type InteractiveMessageLabels, type InteractiveMessageProps, InteractivePayload, InteractiveSelection, Lightbox, type LightboxLabels, type LightboxProps, ListConversationsParams, ListDocumentsParams, ListingPagination, type ListingPaginationProps, type MatchSegment, type MaxAttachmentSizeBytes, MessageBubble, type MessageBubbleProps, MessageComposer, type MessageComposerClassNames, type MessageComposerLabels, type MessageComposerProps, MessagePayload, MessageTail, MessageText, type MessageTextProps, MessageTimestamp, MessageTranscription, MessagesWorkspace, type MessagesWorkspaceApi, type MessagesWorkspaceLabels, type MessagesWorkspaceProps, type MessagesWorkspaceTemplateRole, MultiSelectFilter, type MultiSelectFilterProps, NARROW_MAX_WIDTH_PX, type OutgoingItems, QueuedAttachment, QueuedAttachmentsList, QuickRepliesPicker, type QuickRepliesPickerLabels, type QuickRepliesPickerProps, QuickRepliesWorkspace, type QuickRepliesWorkspaceLabels, type QuickRepliesWorkspaceProps, type QuickReply, QuickReplyAttachment, QuickReplyInput, REPLY_LATENCY, REPLY_LATENCY_CRITICAL_HOURS, REPLY_LATENCY_LATE_HOURS, RICH_COMPOSER_ACTION, type ReplyLatency, type ReplyLatencyParams, ResolveMediaUrl, type RichComposerAction, type RichComposerQuickReply, type RichComposerTooltips, type RichComposerVariable, RichMessageComposer, type RichMessageComposerHandle, type RichMessageComposerProps, SSEProvider, QuickReply$1 as SavedQuickReply, SimpleEmojiPicker, type SimpleEmojiPickerProps, type SimulatorTransportFactory, type SimulatorTransportParams, type SortDirection, SortableHead, type SortableHeadProps, StatusTicks, type StatusTicksProps, TEMPLATE_SETTINGS_TAB, TOOLTIP_ATTRIBUTE, type TemplateSettings, type TemplateSettingsTab, ToastProvider, TooltipLayer, type TopicItem, TopicsForm, type TopicsFormLabels, type TopicsFormProps, TranscriptionMode, type TranscriptionSettings, TranscriptionSettingsForm, type TranscriptionSettingsFormLabels, type TranscriptionSettingsFormProps, type UrlStateOptions, type UseConversationActionsResult, type UseConversationContextResult, type UseConversationDocumentsParams, type UseConversationDocumentsResult, type UseConversationListParams, type UseConversationListResult, type UseConversationMessagesResult, type UseConversationsInboxParams, type UseConversationsInboxResult, type UseInboxActionsResult, type UseScrollToLatestMessageParams, type UseScrollToLatestMessageResult, type UseWaitingNotificationsLabels, type UseWaitingNotificationsParams, type UseWaitingNotificationsResult, type ValidateAttachmentFilesResult, WHATSAPP_MARKER_BY_ACTION, WINDOW_FILTERS, WelcomeFarewellForm, type WelcomeFarewellFormLabels, type WelcomeFarewellFormProps, WhatsAppCreateTemplateForm, type WhatsAppCreateTemplateFormLabels, type WhatsAppCreateTemplateFormProps, type WhatsAppCreateTemplateResult, type WhatsAppCreateTemplateState, WhatsAppMessageEditor, type WhatsAppMessageEditorLabels, type WhatsAppMessageEditorProps, WhatsAppMessagePreview, type WhatsAppMessagePreviewProps, type WhatsAppTemplateHeaderType, WhatsAppTemplateSettingsForm, type WhatsAppTemplateSettingsFormLabels, type WhatsAppTemplateSettingsFormProps, type WhatsAppTemplateSummary, type WhatsAppTemplateVariableSuggestion, WhatsAppTemplatesSettings, type WhatsAppTemplatesSettingsLabels, type WhatsAppTemplatesSettingsProps, WindowExpiredNotice, type WindowExpiredNoticeLabels, type WindowExpiredNoticeProps, type WindowOfParams, applyQuickReplyVariables, buildTranscriptFilename, buildTranscriptText, createMediaUrlResolver, downloadTextFile, filterQuickReplies, formatDateTime, formatFileSize, formatPhone, formatStalledFor, formatTimestamp, highlightMatch, htmlToWA, isReplyOverdue, isSameDay, isWindowBlocking, normalizeForSearch, parseWhatsAppFormatting, phoneInitials, queuedAttachmentsFromQuickReply, replyLatencyOf, resolveMaxAttachmentSizeBytes, resolveQuickReply, searchEmojis, toast, useConversationActions, useConversationContext, useConversationDocuments, useConversationList, useConversationLocales, useConversationMessages, useConversationRealtime, useConversations, useConversationsInbox, useDarkMode, useDebouncedValue, useGlobalRealtime, useInboxActions, useIsDarkTheme, useIsNarrow, useScrollToLatestMessage, useToast, useUrlArrayState, useUrlNumberState, useUrlStringState, useWaitingNotifications, waToHTML, waToHTMLInline, windowOf };