@adatechnology/conversations-ui 0.1.0-rc.8 → 0.1.0

package/dist/preview/index.js

@@ -1,13 +1,23 @@
 import {
+  AudioRecorderButton,
   ConversationDocumentsPanel,
+  ConversationPreview,
+  ConversationSimulatorPanel,
   ConversationWallpaper,
   ConversationsProvider,
-  DateDivider,
+  DEFAULT_AUDIO_RECORDER_BUTTON_LABELS,
+  DEFAULT_CONVERSATION_SIMULATOR_PANEL_LABELS,
   DocumentsLibrary,
   MessageBubble,
-  MessageComposer
-} from "../chunk-73MW5HNT.js";
-import "../chunk-OGRRHQQW.js";
+  SIMULATOR_FILE_MEDIA_KINDS,
+  acceptsMediaKind,
+  isConversationSimulatorClient,
+  mediaKindOf,
+  mediaTypeOf,
+  simulatorPanelLabelsOf,
+  toConversationSimulatorClient
+} from "../chunk-BJNRLLDO.js";
+import "../chunk-WCBDXZ3X.js";
 
 // src/preview/previewStore.ts
 var GLOBAL_CHANNEL = "global";
@@ -844,266 +854,6 @@ function createMockSSEProvider(params) {
   };
 }
 
-// src/preview/ConversationPreview.tsx
-import { useCallback as useCallback2, useEffect, useMemo, useRef as useRef2, useState as useState2 } from "react";
-
-// src/preview/AudioRecorderButton.tsx
-import { useCallback, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-var DEFAULT_AUDIO_RECORDER_BUTTON_LABELS = {
-  start: "Gravar \xE1udio",
-  stop: "Parar grava\xE7\xE3o",
-  unsupported: "Este navegador n\xE3o grava \xE1udio.",
-  denied: "Sem permiss\xE3o para usar o microfone."
-};
-var RECORDING_FORMATS = [
-  { mimeType: "audio/ogg;codecs=opus", uploadMimeType: "audio/ogg", extension: "ogg" },
-  { mimeType: "audio/mp4", uploadMimeType: "audio/mp4", extension: "m4a" },
-  { mimeType: "audio/webm", uploadMimeType: "audio/webm", extension: "webm" }
-];
-function resolveRecordingFormat() {
-  if (typeof MediaRecorder === "undefined") return void 0;
-  if (typeof MediaRecorder.isTypeSupported !== "function") return RECORDING_FORMATS[0];
-  return RECORDING_FORMATS.find((format) => MediaRecorder.isTypeSupported(format.mimeType));
-}
-function AudioRecorderButton({ onRecorded, onFailure, labels, disabled }) {
-  const startLabel = labels?.start ?? DEFAULT_AUDIO_RECORDER_BUTTON_LABELS.start;
-  const stopLabel = labels?.stop ?? DEFAULT_AUDIO_RECORDER_BUTTON_LABELS.stop;
-  const [isRecording, setIsRecording] = useState(false);
-  const recorderRef = useRef(null);
-  const stop = useCallback(() => {
-    recorderRef.current?.stop();
-  }, []);
-  const start = useCallback(async () => {
-    const format = resolveRecordingFormat();
-    if (!format || !navigator.mediaDevices?.getUserMedia) {
-      onFailure?.(labels?.unsupported ?? DEFAULT_AUDIO_RECORDER_BUTTON_LABELS.unsupported);
-      return;
-    }
-    try {
-      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-      const recorder = new MediaRecorder(stream, { mimeType: format.mimeType });
-      const chunks = [];
-      recorder.addEventListener("dataavailable", (event) => {
-        if (event.data.size > 0) chunks.push(event.data);
-      });
-      recorder.addEventListener("stop", () => {
-        stream.getTracks().forEach((track) => track.stop());
-        setIsRecording(false);
-        recorderRef.current = null;
-        const blob = new Blob(chunks, { type: format.uploadMimeType });
-        void onRecorded(
-          new File([blob], `audio-${Date.now()}.${format.extension}`, { type: format.uploadMimeType })
-        );
-      });
-      recorderRef.current = recorder;
-      recorder.start();
-      setIsRecording(true);
-    } catch {
-      onFailure?.(labels?.denied ?? DEFAULT_AUDIO_RECORDER_BUTTON_LABELS.denied);
-    }
-  }, [labels?.denied, labels?.unsupported, onFailure, onRecorded]);
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      disabled,
-      onClick: () => isRecording ? stop() : void start(),
-      title: isRecording ? stopLabel : startLabel,
-      "aria-label": isRecording ? stopLabel : startLabel,
-      "aria-pressed": isRecording,
-      className: `flex h-9 w-9 items-center justify-center rounded-full transition-colors ${isRecording ? "bg-red-100 text-red-600 dark:bg-red-900/40" : "text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-700"}`,
-      children: isRecording ? "\u25A0" : "\u{1F3A4}"
-    }
-  );
-}
-
-// src/preview/ConversationPreview.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function mediaTypeOf(mimeType) {
-  if (mimeType.startsWith("image/")) return "image";
-  if (mimeType.startsWith("video/")) return "video";
-  if (mimeType.startsWith("audio/")) return "audio";
-  return "document";
-}
-var GROUPING_WINDOW_MS = 5 * 60 * 1e3;
-var FOLLOW_UP_REFRESH_MS = [400, 1200, 3e3];
-function decorate(messages) {
-  return messages.map((message, index) => {
-    const previous = index > 0 ? messages[index - 1] : void 0;
-    const currentTime = new Date(message.timestamp).getTime();
-    const previousTime = previous ? new Date(previous.timestamp).getTime() : 0;
-    return {
-      message,
-      isFirstInGroup: !previous || previous.sender !== message.sender || currentTime - previousTime > GROUPING_WINDOW_MS,
-      showDateDivider: !previous || new Date(message.timestamp).toDateString() !== new Date(previous.timestamp).toDateString()
-    };
-  });
-}
-function statusOf(error) {
-  if (typeof error !== "object" || error === null) return void 0;
-  const candidate = error;
-  const value = candidate.status ?? candidate.statusCode;
-  return typeof value === "number" ? value : void 0;
-}
-function isNotFound(error) {
-  return statusOf(error) === 404;
-}
-function describeLoadFailure(error) {
-  const status = statusOf(error);
-  if (status === 401 || status === 403) {
-    return "Sem sess\xE3o de administrador nesta aba: a mensagem \xE9 entregue no webhook, mas o transcript n\xE3o pode ser lido. Entre no painel nesta mesma aba e reabra o simulador.";
-  }
-  if (error instanceof Error && error.message) return `N\xE3o foi poss\xEDvel ler o transcript: ${error.message}`;
-  return "N\xE3o foi poss\xEDvel ler o transcript da conversa.";
-}
-function ConversationPreview({
-  client,
-  sse,
-  conversationId,
-  loadMessages,
-  placeholder,
-  pollIntervalMs,
-  uploadMedia
-}) {
-  const [messages, setMessages] = useState2([]);
-  const [failure, setFailure] = useState2(void 0);
-  const [loadFailure, setLoadFailure] = useState2(void 0);
-  const [pendingLocal, setPendingLocal] = useState2([]);
-  const loadMessagesRef = useRef2(loadMessages);
-  const bottomRef = useRef2(null);
-  loadMessagesRef.current = loadMessages;
-  const refresh = useCallback2(async () => {
-    try {
-      const loaded = await loadMessagesRef.current(conversationId);
-      setMessages(loaded);
-      setLoadFailure(void 0);
-      if (loaded.length > 0) setPendingLocal([]);
-    } catch (error) {
-      if (isNotFound(error)) {
-        setMessages([]);
-        setLoadFailure(void 0);
-        return;
-      }
-      setLoadFailure(describeLoadFailure(error));
-    }
-  }, [conversationId]);
-  useEffect(() => {
-    void refresh();
-  }, [refresh]);
-  useEffect(() => {
-    const source = sse.connectConversationStream(conversationId);
-    const handler = () => {
-      void refresh();
-    };
-    source.addEventListener("message", handler);
-    return () => {
-      source.removeEventListener("message", handler);
-      source.close();
-    };
-  }, [sse, conversationId, refresh]);
-  useEffect(() => {
-    if (!pollIntervalMs) return;
-    const timer = setInterval(() => void refresh(), pollIntervalMs);
-    return () => clearInterval(timer);
-  }, [pollIntervalMs, refresh]);
-  useEffect(() => {
-    bottomRef.current?.scrollIntoView({ behavior: "smooth" });
-  }, [messages]);
-  const rendered = useMemo(() => decorate([...messages, ...pendingLocal]), [messages, pendingLocal]);
-  async function refreshWithFollowUps() {
-    await refresh();
-    for (const atraso of FOLLOW_UP_REFRESH_MS) {
-      setTimeout(() => void refresh(), atraso);
-    }
-  }
-  async function handleSend(text) {
-    setFailure(void 0);
-    try {
-      await client.sendText(text);
-      setPendingLocal((current) => [
-        ...current,
-        {
-          id: `local-${current.length}-${text.length}`,
-          type: "text",
-          content: text,
-          // Do ponto de vista do servidor, mensagem do cliente é inbound — é assim que ela aparece
-          // como "minha" nesta visão.
-          direction: "inbound",
-          sender: "customer",
-          timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-          status: "sent"
-        }
-      ]);
-      await refreshWithFollowUps();
-    } catch (error) {
-      setFailure(error instanceof Error ? error.message : "Falha ao entregar a mensagem no webhook.");
-    }
-  }
-  async function handleInteractiveSelect(selection) {
-    setFailure(void 0);
-    const reply = { id: selection.option.id, title: selection.option.title };
-    try {
-      await (selection.kind === "button" ? client.sendButtonReply(reply) : client.sendListReply(reply));
-      await refreshWithFollowUps();
-    } catch (error) {
-      setFailure(error instanceof Error ? error.message : "Falha ao entregar a resposta no webhook.");
-    }
-  }
-  async function handleAttach(file) {
-    if (!uploadMedia) return;
-    setFailure(void 0);
-    try {
-      const uploaded = await uploadMedia(file);
-      await client.sendMedia({
-        mediaType: mediaTypeOf(uploaded.mimeType ?? file.type),
-        mediaId: uploaded.mediaId,
-        mimeType: uploaded.mimeType ?? file.type,
-        filename: uploaded.filename ?? file.name
-      });
-      await refreshWithFollowUps();
-    } catch (error) {
-      setFailure(error instanceof Error ? error.message : "Falha ao enviar o arquivo.");
-    }
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [
-    /* @__PURE__ */ jsxs(ConversationWallpaper, { className: "flex-1 min-h-0 overflow-y-auto px-4 py-3", children: [
-      rendered.map(({ message, isFirstInGroup, showDateDivider }) => /* @__PURE__ */ jsxs("div", { children: [
-        showDateDivider ? /* @__PURE__ */ jsx2(DateDivider, { iso: message.timestamp }) : null,
-        /* @__PURE__ */ jsx2(
-          MessageBubble,
-          {
-            message,
-            isMine: message.direction === "inbound",
-            isFirstInGroup,
-            onInteractiveSelect: message.direction === "outbound" ? (selection) => void handleInteractiveSelect(selection) : void 0
-          }
-        )
-      ] }, message.id)),
-      /* @__PURE__ */ jsx2("div", { ref: bottomRef })
-    ] }),
-    failure ? /* @__PURE__ */ jsx2("p", { role: "alert", className: "px-4 py-2 text-sm text-red-600 dark:text-red-400", children: failure }) : null,
-    loadFailure ? /* @__PURE__ */ jsx2("p", { role: "status", className: "px-4 py-2 text-sm text-amber-700 dark:text-amber-400", children: loadFailure }) : null,
-    /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-1", children: [
-      /* @__PURE__ */ jsx2("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx2(
-        MessageComposer,
-        {
-          onSend: (text) => void handleSend(text),
-          onAttach: uploadMedia ? (file) => void handleAttach(file) : void 0,
-          placeholder: placeholder ?? "Escreva como o cliente\u2026"
-        }
-      ) }),
-      uploadMedia ? /* @__PURE__ */ jsx2(
-        AudioRecorderButton,
-        {
-          onRecorded: (file) => void handleAttach(file),
-          onFailure: (message) => setFailure(message)
-        }
-      ) : null
-    ] })
-  ] });
-}
-
 // src/preview/createPreviewWebhookClient.ts
 import {
   buildInboundAudioPayload,
@@ -1112,6 +862,38 @@ import {
   buildInboundTextPayload,
   serializeWebhookPayload
 } from "@adatechnology/meta-whatsapp-contracts/testing";
+
+// src/preview/createPreviewMediaUploader.ts
+import { PREVIEW_MEDIA_ID_PREFIX } from "@adatechnology/meta-whatsapp-contracts";
+import { toPreviewMediaId } from "@adatechnology/meta-whatsapp-contracts";
+var CHUNK_SIZE = 8192;
+async function fileToBase64(file) {
+  const bytes = new Uint8Array(await file.arrayBuffer());
+  let binary = "";
+  for (let offset = 0; offset < bytes.length; offset += CHUNK_SIZE) {
+    binary += String.fromCharCode(...bytes.subarray(offset, offset + CHUNK_SIZE));
+  }
+  return btoa(binary);
+}
+function createPreviewMediaUploader(params) {
+  const fallbackMimeType = params.fallbackMimeType ?? "audio/ogg";
+  const fallbackFilename = params.fallbackFilename ?? "audio.ogg";
+  return async function uploadPreviewMedia(file) {
+    const mimeType = file.type || fallbackMimeType;
+    const filename = file.name || fallbackFilename;
+    const { uploadId } = await params.upload({ base64: await fileToBase64(file), mimeType, filename });
+    return { mediaId: toPreviewMediaId(uploadId), mimeType, filename };
+  };
+}
+
+// src/preview/createPreviewWebhookClient.ts
+var PreviewMediaUploadRejectedError = class extends Error {
+  constructor(status) {
+    super(`A rota de m\xEDdia do simulador recusou o upload (HTTP ${status}).`);
+    this.status = status;
+    this.name = "PreviewMediaUploadRejectedError";
+  }
+};
 var PreviewInProductionError = class extends Error {
   constructor() {
     super("O preview de conversa carrega um app secret e n\xE3o pode ser montado em produ\xE7\xE3o.");
@@ -1141,6 +923,30 @@ async function signPreviewPayload(params) {
   return `sha256=${[...new Uint8Array(signature)].map((byte) => byte.toString(16).padStart(2, "0")).join("")}`;
 }
 var signWithWebCrypto = signPreviewPayload;
+var DEFAULT_MEDIA_UPLOAD_PATH = "/v1/preview/media";
+function defaultMediaUploadUrl(webhookUrl) {
+  try {
+    return new URL(DEFAULT_MEDIA_UPLOAD_PATH, webhookUrl).toString();
+  } catch {
+    return DEFAULT_MEDIA_UPLOAD_PATH;
+  }
+}
+function createPreviewMediaPoster(params) {
+  return createPreviewMediaUploader({
+    upload: async (request) => {
+      const performRequest = params.fetchImplementation ?? fetch;
+      const extraHeaders = await params.headers?.(request.mimeType) ?? {};
+      const response = await performRequest(params.url, {
+        method: "POST",
+        headers: { "content-type": "application/json", ...extraHeaders },
+        body: JSON.stringify(request)
+      });
+      if (!response.ok) throw new PreviewMediaUploadRejectedError(response.status);
+      const body = await response.json();
+      return { uploadId: body.data.uploadId };
+    }
+  });
+}
 function createPreviewWebhookClient(params) {
   const sendPayload = async (payload) => {
     const rawBody = serializeWebhookPayload(payload);
@@ -1153,13 +959,70 @@ function createPreviewWebhookClient(params) {
     });
     if (!response.ok) throw new PreviewWebhookRejectedError(response.status);
   };
+  const uploadMedia = createPreviewMediaPoster({
+    url: params.mediaUploadUrl ?? defaultMediaUploadUrl(params.webhookUrl),
+    headers: async (mimeType) => ({
+      "x-preview-signature": await signWithWebCrypto({ rawBody: mimeType, appSecret: params.appSecret })
+    }),
+    ...params.fetchImplementation ? { fetchImplementation: params.fetchImplementation } : {}
+  });
   const envelope = { from: params.from, phoneNumberId: params.phoneNumberId };
   return {
     sendText: (text) => sendPayload(buildInboundTextPayload({ ...envelope, text })),
     sendButtonReply: (reply) => sendPayload(buildInboundInteractivePayload({ ...envelope, buttonReply: reply })),
     sendListReply: (reply) => sendPayload(buildInboundInteractivePayload({ ...envelope, listReply: reply })),
     sendAudio: (mediaId) => sendPayload(buildInboundAudioPayload({ ...envelope, mediaId })),
-    sendMedia: (media) => sendPayload(buildInboundMediaPayload({ ...envelope, ...media }))
+    sendMedia: (media) => sendPayload(buildInboundMediaPayload({ ...envelope, ...media })),
+    uploadMedia
+  };
+}
+
+// src/preview/createPreviewBridgeClient.ts
+var PreviewBridgeRejectedError = class extends Error {
+  constructor(status) {
+    super(`A rota de preview do host recusou a entrega (HTTP ${status}).`);
+    this.status = status;
+    this.name = "PreviewBridgeRejectedError";
+  }
+};
+function buildFetchSender(params) {
+  const endpointUrl = params.endpointUrl;
+  if (!endpointUrl) {
+    throw new Error("createPreviewBridgeClient exige `sendCommand` ou `endpointUrl`.");
+  }
+  return async (command) => {
+    const performRequest = params.fetchImplementation ?? fetch;
+    const response = await performRequest(endpointUrl, {
+      method: "POST",
+      // `credentials` fica com o host via `headers`/`fetchImplementation`: sessão por cookie e por
+      // bearer não convivem numa escolha default sem quebrar um dos dois.
+      headers: { "content-type": "application/json", ...params.headers },
+      body: JSON.stringify(command)
+    });
+    if (!response.ok) throw new PreviewBridgeRejectedError(response.status);
+  };
+}
+function resolveBridgeUpload(params) {
+  if (params.uploadMedia) return params.uploadMedia;
+  const url = params.mediaUploadUrl ?? (params.endpointUrl ? defaultMediaUploadUrl(params.endpointUrl) : void 0);
+  if (!url) return void 0;
+  return createPreviewMediaPoster({
+    url,
+    ...params.headers ? { headers: async () => params.headers ?? {} } : {},
+    ...params.fetchImplementation ? { fetchImplementation: params.fetchImplementation } : {}
+  });
+}
+function createPreviewBridgeClient(params) {
+  const send = params.sendCommand ?? buildFetchSender(params);
+  const from = params.from;
+  const uploadMedia = resolveBridgeUpload(params);
+  return {
+    sendText: (text) => send({ kind: "text", from, text }),
+    sendButtonReply: (reply) => send({ kind: "buttonReply", from, reply }),
+    sendListReply: (reply) => send({ kind: "listReply", from, reply }),
+    sendAudio: (mediaId) => send({ kind: "audio", from, mediaId }),
+    sendMedia: (media) => send({ kind: "media", from, ...media }),
+    ...uploadMedia ? { uploadMedia } : {}
   };
 }
 
@@ -1200,42 +1063,42 @@ function startPreviewScript(params) {
 }
 
 // src/preview/MediaTypesPreview.tsx
-import { useMemo as useMemo2 } from "react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 var MEDIA_TYPES_CONVERSATION_ID = "5511944443333";
 function MediaTypesPreview({
   conversationId = MEDIA_TYPES_CONVERSATION_ID,
   className
 }) {
-  const store = useMemo2(
+  const store = useMemo(
     () => createPreviewStore({ conversations: PREVIEW_CONVERSATIONS, messages: PREVIEW_MESSAGES }),
     []
   );
-  const api = useMemo2(() => createMockConversationsApi({ store }), [store]);
-  const sse = useMemo2(() => createMockSSEProvider({ store }), [store]);
+  const api = useMemo(() => createMockConversationsApi({ store }), [store]);
+  const sse = useMemo(() => createMockSSEProvider({ store }), [store]);
   const messages = PREVIEW_MESSAGES[conversationId] ?? [];
   const documents = PREVIEW_DOCUMENTS[conversationId] ?? [];
   const mimeTypes = [...new Set(documents.map((document) => document.mimeType))];
-  return /* @__PURE__ */ jsx3(ConversationsProvider, { api, sse, children: /* @__PURE__ */ jsxs2("div", { className, children: [
-    /* @__PURE__ */ jsxs2("header", { className: "border-b px-4 py-3 dark:border-gray-700", children: [
-      /* @__PURE__ */ jsx3("h1", { className: "text-lg font-semibold", children: "Teste manual de m\xEDdia" }),
-      /* @__PURE__ */ jsxs2("p", { className: "text-sm text-gray-500", children: [
+  return /* @__PURE__ */ jsx(ConversationsProvider, { api, sse, children: /* @__PURE__ */ jsxs("div", { className, children: [
+    /* @__PURE__ */ jsxs("header", { className: "border-b px-4 py-3 dark:border-gray-700", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold", children: "Teste manual de m\xEDdia" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-500", children: [
         documents.length,
         " arquivos, ",
         mimeTypes.length,
         " tipos. Clique no olho para abrir em aba nova e no bot\xE3o da bolha para carregar a m\xEDdia na thread \u2014 \xE9 o que teste automatizado n\xE3o v\xEA."
       ] })
     ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "grid gap-4 p-4 lg:grid-cols-2", children: [
-      /* @__PURE__ */ jsxs2("section", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx3("h2", { className: "text-sm font-semibold uppercase tracking-wide text-gray-500", children: "Biblioteca da empresa" }),
-        /* @__PURE__ */ jsx3(DocumentsLibrary, { perPage: documents.length || 20 })
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-4 p-4 lg:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold uppercase tracking-wide text-gray-500", children: "Biblioteca da empresa" }),
+        /* @__PURE__ */ jsx(DocumentsLibrary, { perPage: documents.length || 20 })
       ] }),
-      /* @__PURE__ */ jsxs2("section", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx3("h2", { className: "text-sm font-semibold uppercase tracking-wide text-gray-500", children: "Painel da conversa" }),
-        /* @__PURE__ */ jsx3(ConversationDocumentsPanel, { conversationId, open: true, perPage: documents.length || 20 }),
-        /* @__PURE__ */ jsx3("h2", { className: "text-sm font-semibold uppercase tracking-wide text-gray-500", children: "Bolhas na thread" }),
-        /* @__PURE__ */ jsx3(ConversationWallpaper, { className: "max-h-[70vh] overflow-y-auto rounded-lg px-3 py-2", children: messages.map((message, index) => /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold uppercase tracking-wide text-gray-500", children: "Painel da conversa" }),
+        /* @__PURE__ */ jsx(ConversationDocumentsPanel, { conversationId, open: true, perPage: documents.length || 20 }),
+        /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold uppercase tracking-wide text-gray-500", children: "Bolhas na thread" }),
+        /* @__PURE__ */ jsx(ConversationWallpaper, { className: "max-h-[70vh] overflow-y-auto rounded-lg px-3 py-2", children: messages.map((message, index) => /* @__PURE__ */ jsx(
           MessageBubble,
           {
             message,
@@ -1251,7 +1114,10 @@ function MediaTypesPreview({
 export {
   AudioRecorderButton,
   ConversationPreview,
+  ConversationSimulatorPanel,
   DEFAULT_AUDIO_RECORDER_BUTTON_LABELS,
+  DEFAULT_CONVERSATION_SIMULATOR_PANEL_LABELS,
+  DEFAULT_MEDIA_UPLOAD_PATH,
   DEFAULT_PREVIEW_SCRIPT,
   GLOBAL_CHANNEL,
   MEDIA_TYPES_CONVERSATION_ID,
@@ -1259,21 +1125,33 @@ export {
   PREVIEW_CONVERSATIONS,
   PREVIEW_DOCUMENTS,
   PREVIEW_FILE_SAMPLES,
+  PREVIEW_MEDIA_ID_PREFIX,
   PREVIEW_MESSAGES,
+  PreviewBridgeRejectedError,
   PreviewInProductionError,
+  PreviewMediaUploadRejectedError,
   PreviewWebhookRejectedError,
+  SIMULATOR_FILE_MEDIA_KINDS,
+  acceptsMediaKind,
   assertPreviewEnvironment,
   conversationChannel,
   createMockConversationsApi,
   createMockEventSource,
   createMockSSEProvider,
+  createPreviewBridgeClient,
+  createPreviewMediaPoster,
   createPreviewMediaResolver,
+  createPreviewMediaUploader,
   createPreviewStore,
   createPreviewWebhookClient,
+  isConversationSimulatorClient,
+  mediaKindOf,
   mediaTypeOf,
   previewFileBase64,
   previewFileUrl,
   resolvePreviewFileSample,
   signPreviewPayload,
-  startPreviewScript
+  simulatorPanelLabelsOf,
+  startPreviewScript,
+  toConversationSimulatorClient
 };