@adatechnology/conversations-ui 0.1.0-rc.27 → 0.1.0-rc.28

package/dist/flows/index.d.ts

@@ -64,7 +64,7 @@ type CollectionChain = {
     actionNodeId: string;
 };
 declare function findCollectionChains(graph: FlowGraphData): CollectionChain[];
-declare function slugifyNodeId(label: string, existing: Set<string>): string;
+declare function slugifyNodeId(label: string, existing: ReadonlySet<string>): string;
 
 interface FlowEditorLabels {
     legend: Record<FlowNodeType, string>;
@@ -383,4 +383,75 @@ interface FlowsWorkspaceProps {
  */
 declare function FlowsWorkspace({ api, rootFlowKey, labels: labelsOverride, actionOptions, renderMediaPicker, livePollIntervalMs, className, }: FlowsWorkspaceProps): react.JSX.Element;
 
-export { BUILT_IN_ACTION_KINDS, CONDITION_OPERATORS, CROSS_FLOW_PREFIX, type CollectionChain, type CreateFlowInput, DEFAULT_FLOW_EDITOR_LABELS, type FlowEditorLabels, FlowGroupFrame, type FlowGroupFrameData, FlowGroupHeader, type FlowGroupHeaderData, type FlowLivePosition, FlowMapCanvas, type FlowMapCanvasProps, FlowMapNode, type FlowMapNodeData, FlowNodeCard, type FlowNodeCardData, FlowNodePanel, type FlowNodePanelProps, FlowPalette, type FlowPaletteActionOption, type FlowPaletteProps, FlowPortalNode, type FlowPortalNodeData, type FlowValidationLabels, FlowWhatsAppPreview, type FlowWhatsAppPreviewProps, FlowsWorkspace, type FlowsWorkspaceApi, type FlowsWorkspaceProps, type GraphIssue, NODE_CARD_WIDTH, type NewNodeSpec, WHATSAPP_LIMITS, computeAutoLayout, computeFlowMapLayout, crossFlowKey, crossFlowTargetsOf, estimateNodeHeight, findCollectionChains, flowGroupFrameNodeTypes, flowGroupHeaderNodeTypes, flowMapNodeTypes, flowNodeTypes, flowPortalNodeTypes, isCrossFlowTarget, mergeFlowEditorLabels, nodeLabel, rendersAsButtons, slugifyNodeId, targetsOf, validateGraph };
+/**
+ * Copyright (c) 2026 Ada Technology. MIT License.
+ *
+ * Operações puras de grafo que o editor de fluxo precisa, e que viviam soltas dentro da página de
+ * 973 linhas do financiamento.
+ *
+ * Puras e separadas do hook de propósito: são a parte que dá para testar sem navegador, sem React e
+ * sem estado — e três delas (`removeNodeAndCleanRefs`, `resolveConnection`, `mergedFlowKeysFrom`)
+ * decidem o que acontece com o fluxo que alguém desenhou. Errar ali não dá erro; dá aresta apontando
+ * para nó que não existe mais, ou fluxo que some do canvas.
+ */
+
+/**
+ * Id de nó no canvas mesclado: vários fluxos dividem o mesmo espaço, e `boas-vindas` pode existir em
+ * dois deles. Sem o prefixo, arrastar um card moveria o homônimo do outro fluxo.
+ */
+declare function namespaceNodeId(flowKey: string, nodeId: string): string;
+declare function parseNamespacedId(value: string): {
+    flowKey: string;
+    nodeId: string;
+};
+/**
+ * Apaga o nó E as referências a ele.
+ *
+ * A limpeza não é cortesia: uma aresta apontando para nó inexistente faz o motor do bot parar a
+ * conversa no meio, e o sintoma aparece para o cliente, não para quem editou.
+ */
+declare function removeNodeAndCleanRefs(nodes: Readonly<Record<string, FlowNodeData>>, removedId: string): Record<string, FlowNodeData>;
+/**
+ * O fecho transitivo dos fluxos alcançáveis a partir de um — é o conjunto que o canvas abre junto.
+ *
+ * BFS e não recursão: fluxo que referencia a si mesmo (menu que volta ao menu) é comum, e recursão
+ * ingênua estouraria a pilha no caso mais banal que existe.
+ */
+declare function mergedFlowKeysFrom(rootKey: string, graphs: Readonly<Record<string, FlowGraphData>>): readonly string[];
+type ConnectionRequest = {
+    readonly source: string;
+    readonly target: string;
+    readonly sourceHandle?: string | null | undefined;
+};
+type ResolvedConnection = {
+    readonly flowKey: string;
+    readonly nodeId: string;
+    readonly handle: string;
+    /** O que gravar no `next`: id de nó local, ou `flow:<key>` quando atravessa fluxo. */
+    readonly targetValue: string;
+};
+/**
+ * Traduz um arraste de aresta no valor que vai para o `next` — e recusa o que o motor do bot não
+ * sabe executar.
+ *
+ * A regra que não é óbvia: conectar num nó de OUTRO fluxo só funciona se for o nó inicial dele,
+ * porque o motor só sabe pular para o começo de um fluxo, não para um nó do meio. Conectar no meio
+ * devolve `undefined` — recusa silenciosa é melhor que gravar um salto que o bot vai ignorar em
+ * produção, deixando a conversa parada sem ninguém entender por quê.
+ */
+declare function resolveConnection(params: {
+    readonly connection: ConnectionRequest;
+    readonly graphs: Readonly<Record<string, FlowGraphData>>;
+}): ResolvedConnection | undefined;
+/** Aplica a conexão resolvida no nó. `next` string para saída única, objeto para ramificação. */
+declare function applyConnection(node: FlowNodeData, resolved: ResolvedConnection): FlowNodeData;
+/**
+ * Um fluxo está sujo quando o rascunho difere do publicado.
+ *
+ * Comparação estrutural por JSON: é grosseira, e é suficiente porque o grafo é dado serializável sem
+ * ordem significativa de chave — o servidor devolve o que gravou. Comparar campo a campo daria a
+ * mesma resposta com mais código para errar.
+ */
+declare function isGraphDirty(working: FlowGraphData | undefined, published: FlowGraphData | undefined): boolean;
+
+export { BUILT_IN_ACTION_KINDS, CONDITION_OPERATORS, CROSS_FLOW_PREFIX, type CollectionChain, type ConnectionRequest, type CreateFlowInput, DEFAULT_FLOW_EDITOR_LABELS, type FlowEditorLabels, FlowGroupFrame, type FlowGroupFrameData, FlowGroupHeader, type FlowGroupHeaderData, type FlowLivePosition, FlowMapCanvas, type FlowMapCanvasProps, FlowMapNode, type FlowMapNodeData, FlowNodeCard, type FlowNodeCardData, FlowNodePanel, type FlowNodePanelProps, FlowPalette, type FlowPaletteActionOption, type FlowPaletteProps, FlowPortalNode, type FlowPortalNodeData, type FlowValidationLabels, FlowWhatsAppPreview, type FlowWhatsAppPreviewProps, FlowsWorkspace, type FlowsWorkspaceApi, type FlowsWorkspaceProps, type GraphIssue, NODE_CARD_WIDTH, type NewNodeSpec, type ResolvedConnection, WHATSAPP_LIMITS, applyConnection, computeAutoLayout, computeFlowMapLayout, crossFlowKey, crossFlowTargetsOf, estimateNodeHeight, findCollectionChains, flowGroupFrameNodeTypes, flowGroupHeaderNodeTypes, flowMapNodeTypes, flowNodeTypes, flowPortalNodeTypes, isCrossFlowTarget, isGraphDirty, mergeFlowEditorLabels, mergedFlowKeysFrom, namespaceNodeId, nodeLabel, parseNamespacedId, removeNodeAndCleanRefs, rendersAsButtons, resolveConnection, slugifyNodeId, targetsOf, validateGraph };

package/dist/flows/index.js

@@ -1267,6 +1267,87 @@ import {
 } from "@xyflow/react";
 import "@xyflow/react/dist/style.css";
 import { Plus as Plus3, Trash2 as Trash22, LayoutGrid, AlertTriangle as AlertTriangle3, AlertCircle as AlertCircle3, Save as Save2, Undo2, Map as MapIcon, Workflow } from "lucide-react";
+
+// src/flows/flowEditorOps.ts
+var NAMESPACE_SEPARATOR = "::";
+function namespaceNodeId(flowKey, nodeId) {
+  return `${flowKey}${NAMESPACE_SEPARATOR}${nodeId}`;
+}
+function parseNamespacedId(value) {
+  const index = value.indexOf(NAMESPACE_SEPARATOR);
+  if (index === -1) return { flowKey: "", nodeId: value };
+  return { flowKey: value.slice(0, index), nodeId: value.slice(index + NAMESPACE_SEPARATOR.length) };
+}
+function removeNodeAndCleanRefs(nodes, removedId) {
+  const remaining = {};
+  for (const [id, node] of Object.entries(nodes)) {
+    if (id === removedId) continue;
+    remaining[id] = { ...node, next: cleanNext(node.next, removedId) };
+  }
+  return remaining;
+}
+function cleanNext(next, removedId) {
+  if (next === void 0) return void 0;
+  if (typeof next === "string") return next === removedId ? "" : next;
+  const byAnswer = {};
+  for (const [answer, target] of Object.entries(next.byAnswer ?? {})) {
+    byAnswer[answer] = target === removedId ? "" : target;
+  }
+  return { byAnswer, default: next.default === removedId ? "" : next.default ?? "" };
+}
+function mergedFlowKeysFrom(rootKey, graphs) {
+  const visited = /* @__PURE__ */ new Set();
+  const queue = [rootKey];
+  while (queue.length > 0) {
+    const key = queue.shift();
+    if (visited.has(key) || !graphs[key]) continue;
+    visited.add(key);
+    for (const target of crossFlowTargetsOf(graphs[key])) {
+      if (!visited.has(target) && graphs[target]) queue.push(target);
+    }
+  }
+  return [...visited];
+}
+function resolveConnection(params) {
+  const { source, target, sourceHandle } = params.connection;
+  if (!source || !target || source === target) return void 0;
+  const sourceRef = parseNamespacedId(source);
+  const targetRef = parseNamespacedId(target);
+  let targetValue;
+  if (targetRef.flowKey === sourceRef.flowKey) {
+    targetValue = targetRef.nodeId;
+  } else {
+    const targetGraph = params.graphs[targetRef.flowKey];
+    if (!targetGraph || targetGraph.startNodeId !== targetRef.nodeId) return void 0;
+    targetValue = `${CROSS_FLOW_PREFIX}${targetRef.flowKey}`;
+  }
+  return {
+    flowKey: sourceRef.flowKey,
+    nodeId: sourceRef.nodeId,
+    handle: sourceHandle ?? "next",
+    targetValue
+  };
+}
+function applyConnection(node, resolved) {
+  const currentNext = typeof node.next === "object" && node.next ? node.next : void 0;
+  if (resolved.handle === "next") return { ...node, next: resolved.targetValue };
+  if (resolved.handle === "__default") {
+    return { ...node, next: { byAnswer: currentNext?.byAnswer ?? {}, default: resolved.targetValue } };
+  }
+  return {
+    ...node,
+    next: {
+      byAnswer: { ...currentNext?.byAnswer ?? {}, [resolved.handle]: resolved.targetValue },
+      default: currentNext?.default ?? ""
+    }
+  };
+}
+function isGraphDirty(working, published) {
+  if (!working || !published) return false;
+  return JSON.stringify(working) !== JSON.stringify(published);
+}
+
+// src/flows/FlowsWorkspace.tsx
 import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var RF_NODE_TYPES = {
   ...flowNodeTypes,
@@ -1277,7 +1358,6 @@ var RF_NODE_TYPES = {
 var CHAIN_FRAME_PADDING = 36;
 var COLUMN_GAP = 360;
 var ROW_GAP = 40;
-var NS_SEP = "::";
 var FLOW_KEY_PATTERN = /^[a-z0-9_]{2,40}$/;
 var EDGE_COLOR_LINEAR = "#94a3b8";
 var EDGE_COLOR_BRANCH = "#8b5cf6";
@@ -1289,25 +1369,8 @@ var BACKGROUND_COLOR_DARK2 = "#334155";
 function portalNodeId(sourceId, target) {
   return `__portal__${sourceId}__${target}`;
 }
-function ns(flowKey, nodeId) {
-  return `${flowKey}${NS_SEP}${nodeId}`;
-}
-function parseNs(id) {
-  const index = id.indexOf(NS_SEP);
-  return index === -1 ? { flowKey: "", nodeId: id } : { flowKey: id.slice(0, index), nodeId: id.slice(index + NS_SEP.length) };
-}
 function autoMergeAll(rootKey, graphsSource) {
-  const visited = /* @__PURE__ */ new Set();
-  const queue = [rootKey];
-  while (queue.length > 0) {
-    const key = queue.shift();
-    if (visited.has(key) || !graphsSource[key]) continue;
-    visited.add(key);
-    for (const target of crossFlowTargetsOf(graphsSource[key])) {
-      if (!visited.has(target) && graphsSource[target]) queue.push(target);
-    }
-  }
-  return [...visited].map((key) => ({ key, offset: { x: 0, y: 0 } }));
+  return mergedFlowKeysFrom(rootKey, graphsSource).map((key) => ({ key, offset: { x: 0, y: 0 } }));
 }
 function computeMergedLayout(openFlows, workingGraphs, primaryFlowKey) {
   const openKeys = new Set(openFlows.map((flow) => flow.key));
@@ -1315,7 +1378,7 @@ function computeMergedLayout(openFlows, workingGraphs, primaryFlowKey) {
   for (const { key } of openFlows) {
     const graph = workingGraphs[key];
     if (!graph) continue;
-    for (const node of Object.values(graph.nodes)) nodeByNsId.set(ns(key, node.id), node);
+    for (const node of Object.values(graph.nodes)) nodeByNsId.set(namespaceNodeId(key, node.id), node);
   }
   function forwardEdges(flowKey, node) {
     const result = [];
@@ -1323,16 +1386,16 @@ function computeMergedLayout(openFlows, workingGraphs, primaryFlowKey) {
       if (isCrossFlowTarget(target)) {
         const targetFlowKey = crossFlowKey(target);
         const targetGraph = openKeys.has(targetFlowKey) ? workingGraphs[targetFlowKey] : void 0;
-        if (targetGraph) result.push(ns(targetFlowKey, targetGraph.startNodeId));
+        if (targetGraph) result.push(namespaceNodeId(targetFlowKey, targetGraph.startNodeId));
       } else if (workingGraphs[flowKey]?.nodes[target]) {
-        result.push(ns(flowKey, target));
+        result.push(namespaceNodeId(flowKey, target));
       }
     }
     return result;
   }
   const rank = /* @__PURE__ */ new Map();
   const primaryGraph = workingGraphs[primaryFlowKey];
-  const rootId = primaryGraph ? ns(primaryFlowKey, primaryGraph.startNodeId) : void 0;
+  const rootId = primaryGraph ? namespaceNodeId(primaryFlowKey, primaryGraph.startNodeId) : void 0;
   if (rootId && nodeByNsId.has(rootId)) {
     rank.set(rootId, 0);
     const queue = [rootId];
@@ -1340,7 +1403,7 @@ function computeMergedLayout(openFlows, workingGraphs, primaryFlowKey) {
       const id = queue.shift();
       const node = nodeByNsId.get(id);
       if (!node) continue;
-      for (const nextId of forwardEdges(parseNs(id).flowKey, node)) {
+      for (const nextId of forwardEdges(parseNamespacedId(id).flowKey, node)) {
         if (!rank.has(nextId)) {
           rank.set(nextId, rank.get(id) + 1);
           queue.push(nextId);
@@ -1387,6 +1450,7 @@ function buildAllEdges(openFlows, workingGraphs, rootFlowKey, livePositions) {
     for (const [id, node] of Object.entries(graph.nodes)) {
       const isLive = (liveCounts[id] ?? 0) > 0;
       for (const { target, optionId, isDefault } of targetsOf(node)) {
+        if (!target) continue;
         const crossFlow = isCrossFlowTarget(target);
         let targetFlowKey = flowKey;
         let rawTargetId = target;
@@ -1400,8 +1464,8 @@ function buildAllEdges(openFlows, workingGraphs, rootFlowKey, livePositions) {
             rawTargetId = portalNodeId(id, target);
           }
         }
-        const source = ns(flowKey, id);
-        const edgeTarget = ns(targetFlowKey, rawTargetId);
+        const source = namespaceNodeId(flowKey, id);
+        const edgeTarget = namespaceNodeId(targetFlowKey, rawTargetId);
         if (optionId === void 0 && !isDefault) {
           const color = crossFlow ? EDGE_COLOR_CROSS_FLOW : isLive ? EDGE_COLOR_LIVE : EDGE_COLOR_LINEAR;
           edges.push({
@@ -1468,29 +1532,6 @@ function newNodeFromSpec(spec, existingIds) {
   const id = slugifyNodeId("nova_acao", existingIds);
   return { id, type: "action", actionKind: spec.actionKind };
 }
-function removeNodeAndCleanRefs(nodes, nodeId) {
-  const { [nodeId]: _removed, ...rest } = nodes;
-  return Object.fromEntries(
-    Object.entries(rest).map(([id, node]) => {
-      if (!node.next) return [id, node];
-      if (typeof node.next === "string") {
-        return [id, node.next === nodeId ? { ...node, next: void 0 } : node];
-      }
-      return [
-        id,
-        {
-          ...node,
-          next: {
-            byAnswer: Object.fromEntries(
-              Object.entries(node.next.byAnswer).map(([key, value]) => [key, value === nodeId ? "" : value])
-            ),
-            default: node.next.default === nodeId ? "" : node.next.default
-          }
-        }
-      ];
-    })
-  );
-}
 function extractErrorMessage(error) {
   if (error instanceof Error) return error.message;
   return void 0;
@@ -1667,7 +1708,7 @@ function FlowsWorkspace({
     for (const { key: flowKey, offset } of openFlows) {
       let resolvePosition2 = function(nodeId) {
         if (mergedPositions) {
-          const nsId = ns(flowKey, nodeId);
+          const nsId = namespaceNodeId(flowKey, nodeId);
           return renderedPositionsRef.current.get(nsId) ?? mergedPositions.get(nsId) ?? { x: 0, y: 0 };
         }
         const local = graph.nodes[nodeId]?.position ?? fallbackPositions[nodeId] ?? { x: 0, y: 0 };
@@ -1689,7 +1730,7 @@ function FlowsWorkspace({
       for (const node of Object.values(graph.nodes)) {
         const position = resolvePosition2(node.id);
         allNodes.push({
-          id: ns(flowKey, node.id),
+          id: namespaceNodeId(flowKey, node.id),
           type: "flowNode",
           position,
           draggable: true,
@@ -1709,7 +1750,7 @@ function FlowsWorkspace({
           const targetFlowKey = crossFlowKey(target);
           if (openFlows.some((flow) => flow.key === targetFlowKey)) return;
           allNodes.push({
-            id: ns(flowKey, portalNodeId(node.id, target)),
+            id: namespaceNodeId(flowKey, portalNodeId(node.id, target)),
             type: "flowPortal",
             draggable: false,
             selectable: false,
@@ -1729,7 +1770,7 @@ function FlowsWorkspace({
         const minY = Math.min(...positions.map((point) => point.y));
         const maxY = Math.max(...positions.map((point) => point.y)) + estimateNodeHeight(graph.nodes[chain.actionNodeId]);
         allNodes.push({
-          id: ns(flowKey, `__chain__${chain.actionNodeId}`),
+          id: namespaceNodeId(flowKey, `__chain__${chain.actionNodeId}`),
           type: "flowGroupFrame",
           draggable: false,
           selectable: false,
@@ -1747,7 +1788,7 @@ function FlowsWorkspace({
       if (!isPrimary) {
         const startPosition = resolvePosition2(graph.startNodeId);
         allNodes.push({
-          id: ns(flowKey, "__group_header__"),
+          id: namespaceNodeId(flowKey, "__group_header__"),
           type: "flowGroupHeader",
           draggable: false,
           selectable: false,
@@ -1799,10 +1840,11 @@ function FlowsWorkspace({
   const onNodeDragStop = useCallback(
     (_event, node) => {
       renderedPositionsRef.current.set(node.id, node.position);
-      const { flowKey, nodeId } = parseNs(node.id);
+      const { flowKey, nodeId } = parseNamespacedId(node.id);
       const openFlow = openFlows.find((flow) => flow.key === flowKey);
       if (!openFlow) return;
-      const localPosition = { x: node.position.x - openFlow.offset.x, y: node.position.y - openFlow.offset.y };
+      const drawnWithOffset = openFlows.length === 1;
+      const localPosition = drawnWithOffset ? { x: node.position.x - openFlow.offset.x, y: node.position.y - openFlow.offset.y } : node.position;
       updateFlow(
         flowKey,
         (graph) => graph.nodes[nodeId] ? { ...graph, nodes: { ...graph.nodes, [nodeId]: { ...graph.nodes[nodeId], position: localPosition } } } : graph
@@ -1812,26 +1854,15 @@ function FlowsWorkspace({
   );
   const onConnect = useCallback(
     (connection) => {
-      const { source, sourceHandle, target } = connection;
-      if (!source || !target || source === target) return;
-      const sourceRef = parseNs(source);
-      const targetRef = parseNs(target);
-      let targetValue;
-      if (targetRef.flowKey === sourceRef.flowKey) {
-        targetValue = targetRef.nodeId;
-      } else {
-        const targetGraph = workingGraphs[targetRef.flowKey];
-        if (!targetGraph || targetGraph.startNodeId !== targetRef.nodeId) return;
-        targetValue = `${CROSS_FLOW_PREFIX}${targetRef.flowKey}`;
-      }
-      updateFlow(sourceRef.flowKey, (graph) => {
-        const node = graph.nodes[sourceRef.nodeId];
+      const resolved = resolveConnection({
+        connection: { source: connection.source, target: connection.target, sourceHandle: connection.sourceHandle },
+        graphs: workingGraphs
+      });
+      if (!resolved) return;
+      updateFlow(resolved.flowKey, (graph) => {
+        const node = graph.nodes[resolved.nodeId];
         if (!node) return graph;
-        const handle = sourceHandle ?? "next";
-        const currentByAnswer = typeof node.next === "object" && node.next ? node.next.byAnswer : {};
-        const currentDefault = typeof node.next === "object" && node.next ? node.next.default : "";
-        const updatedNode = handle === "next" ? { ...node, next: targetValue } : handle === "__default" ? { ...node, next: { byAnswer: currentByAnswer, default: targetValue } } : { ...node, next: { byAnswer: { ...currentByAnswer, [handle]: targetValue }, default: currentDefault } };
-        return { ...graph, nodes: { ...graph.nodes, [sourceRef.nodeId]: updatedNode } };
+        return { ...graph, nodes: { ...graph.nodes, [resolved.nodeId]: applyConnection(node, resolved) } };
       });
     },
     [workingGraphs, updateFlow]
@@ -1843,7 +1874,7 @@ function FlowsWorkspace({
     newNode.position = { x: 0, y: maxY + 170 };
     updateFlow(primaryFlowKey, (graph) => ({ ...graph, nodes: { ...graph.nodes, [newNode.id]: newNode } }));
     setEditingRef({ flowKey: primaryFlowKey, nodeId: newNode.id });
-    setPendingFocusNodeId(ns(primaryFlowKey, newNode.id));
+    setPendingFocusNodeId(namespaceNodeId(primaryFlowKey, newNode.id));
   }
   function handleNodePanelChange(updated) {
     if (!editingRef) return;
@@ -1865,7 +1896,7 @@ function FlowsWorkspace({
           ...graph,
           nodes: Object.fromEntries(
             Object.entries(graph.nodes).map(([id, node]) => {
-              const position = positions2.get(ns(key, id));
+              const position = positions2.get(namespaceNodeId(key, id));
               return [
                 id,
                 position ? { ...node, position: { x: position.x - offset.x, y: position.y - offset.y } } : node
@@ -2289,6 +2320,7 @@ export {
   FlowsWorkspace,
   NODE_CARD_WIDTH,
   WHATSAPP_LIMITS,
+  applyConnection,
   computeAutoLayout,
   computeFlowMapLayout,
   crossFlowKey,
@@ -2301,9 +2333,15 @@ export {
   flowNodeTypes,
   flowPortalNodeTypes,
   isCrossFlowTarget,
+  isGraphDirty,
   mergeFlowEditorLabels,
+  mergedFlowKeysFrom,
+  namespaceNodeId,
   nodeLabel,
+  parseNamespacedId,
+  removeNodeAndCleanRefs,
   rendersAsButtons,
+  resolveConnection,
   slugifyNodeId,
   targetsOf,
   validateGraph

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adatechnology/conversations-ui",
-  "version": "0.1.0-rc.27",
+  "version": "0.1.0-rc.28",
   "description": "WhatsApp conversation UI components — parametrizável por endpoint, tema e feature flags",
   "publishConfig": {
     "access": "public"
@@ -51,7 +51,7 @@
     "@types/react-dom": "^18 || ^19"
   },
   "scripts": {
-    "build": "tsup src/index.ts src/flows/index.ts src/channel/index.ts src/preview/index.ts src/styles.css --dts --format esm --external react --external react-dom --external @xyflow/react",
+    "build": "tsup src/index.ts src/flows/index.ts src/channel/index.ts src/preview/index.ts src/styles.css --dts --clean --format esm --external react --external react-dom --external @xyflow/react",
     "build:watch": "tsup src/index.ts src/flows/index.ts src/channel/index.ts src/styles.css --watch --dts --format esm --external react --external react-dom --external @xyflow/react",
     "check": "tsc -p tsconfig.json --noEmit",
     "test": "bun test"

package/src/buildOutput.test.ts

@@ -0,0 +1,79 @@
+/**
+ * Copyright (c) 2026 Ada Technology. MIT License.
+ *
+ * O único teste que lê o `dist` em vez do fonte.
+ *
+ * Existe porque o `notification-ui@rc.1` saiu com 19 testes verdes e não renderizava. Dois defeitos,
+ * os dois invisíveis para quem importa o fonte:
+ *
+ * 1. `jsx: react-jsx` chegava ao tsup por um tsconfig com `extends`, e o esbuild NÃO segue `extends`
+ *    para essa opção. O bundle saiu com `React.createElement` sem `React` no escopo, e o produto
+ *    quebrou com `ReferenceError: React is not defined`.
+ * 2. `splitting: false` com dois entrypoints duplicou o módulo de contexto. O provider de um bundle
+ *    não era o mesmo objeto do consumidor no outro, e o hook acusava "usado fora do provider" estando
+ *    dentro de um.
+ *
+ * Nenhum teste de fonte pega isso: eles importam `./index`, não `dist`. Rode depois do build.
+ */
+
+import { describe, expect, it } from 'bun:test'
+
+const DIST = `${import.meta.dir}/../dist`
+
+async function distText(file: string): Promise<string> {
+  const handle = Bun.file(`${DIST}/${file}`)
+  expect(await handle.exists(), `${file} não existe — rode \`bun run build\` antes`).toBe(true)
+  return handle.text()
+}
+
+describe('transform de JSX', () => {
+  it('usa o runtime automático, e não React.createElement', async () => {
+    for (const file of ['index.js', 'flows/index.js', 'preview/index.js']) {
+      const content = await distText(file)
+
+      expect(content, `${file} com createElement`).not.toContain('React.createElement')
+      expect(content, `${file} sem jsx-runtime`).toContain('react/jsx-runtime')
+    }
+  })
+})
+
+describe('divisão de código entre entrypoints', () => {
+  it('os entrypoints compartilham chunk em vez de duplicar módulo', async () => {
+    // Sem `splitting: true`, cada entrypoint carrega a própria cópia dos módulos comuns — e um
+    // contexto do React duplicado deixa de ser o mesmo objeto entre provider e consumidor.
+    const chunks = [...new Bun.Glob('chunk-*.js').scanSync({ cwd: DIST })]
+
+    expect(chunks.length, 'nenhum chunk compartilhado gerado').toBeGreaterThan(0)
+  })
+})
+
+describe('telas compostas chegam ao pacote publicado', () => {
+  it('o subpath raiz entrega MessagesWorkspace, no js e nos tipos', async () => {
+    expect(await distText('index.js')).toContain('MessagesWorkspace')
+    expect(await distText('index.d.ts')).toContain('MessagesWorkspace')
+  })
+
+  it('o subpath /flows entrega FlowsWorkspace, no js e nos tipos', async () => {
+    // Export declarado no `index.ts` e ausente do `dist` é o modo de falhar mais barato de cometer e
+    // mais caro de descobrir: só aparece no produto, depois de publicar.
+    expect(await distText('flows/index.js')).toContain('FlowsWorkspace')
+    expect(await distText('flows/index.d.ts')).toContain('FlowsWorkspace')
+  })
+
+  it('o CSS publicado traz as classes que as telas consomem', async () => {
+    const css = await distText('styles.css')
+
+    // A inbox depende destas classes do pacote (o editor de fluxos e a tela de mensagens estilizam por
+    // utilitários do host). Publicar sem elas deixa a tela montada e sem layout — e nada falha.
+    expect(css).toContain('.cv-workspace')
+    expect(css).toContain('.cv-workspace-modal')
+  })
+})
+
+describe('o bundle do host não paga por @xyflow/react sem pedir', () => {
+  it('o subpath raiz não puxa o xyflow', async () => {
+    // É o motivo de o editor viver em `/flows`: quem só usa a inbox não carrega a biblioteca de
+    // canvas, que é a maior dependência do pacote.
+    expect(await distText('index.js')).not.toContain('@xyflow/react')
+  })
+})