@supcoflow/chat 0.1.0 → 2.1.0

package/package.json

@@ -1,51 +1,32 @@
 {
   "name": "@supcoflow/chat",
-  "version": "0.1.0",
-  "description": "El chat de intake de Supcoflow como componente de React: orienta sobre el producto y abre el reporte cuando el problema es un bug.",
+  "version": "2.1.0",
+  "description": "El chat de intake de Supcoflow, embebible en cualquier sitio: orienta sobre el producto y abre el reporte cuando el problema es un bug.",
   "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/supcoflow/sdk.git",
-    "directory": "packages/widget"
-  },
+  "repository": { "type": "git", "url": "git+https://github.com/supcoflow/sdk.git", "directory": "packages/widget" },
   "homepage": "https://supcoflow.dev",
-  "keywords": [
-    "supcoflow",
-    "chat",
-    "intake",
-    "bug-report",
-    "react",
-    "widget"
-  ],
+  "keywords": ["supcoflow", "chat", "intake", "bug-report", "widget", "react", "preact"],
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    }
+    ".": { "types": "./dist/index.d.ts", "default": "./dist/index.js" },
+    "./widget.js": "./dist/widget.iife.js"
   },
-  "files": [
-    "dist"
-  ],
+  "files": ["dist", "LICENSES"],
+  "sideEffects": false,
   "scripts": {
-    "build": "tsc -p tsconfig.build.json",
+    "build": "node build.mjs && tsc -p tsconfig.build.json",
     "prepare": "npm run build"
   },
-  "peerDependencies": {
-    "react": ">=19"
-  },
-  "dependencies": {
-    "@ai-sdk/react": "^4.0.0",
-    "ai": "^7.0.67"
-  },
+  "peerDependencies": { "react": ">=18" },
+  "peerDependenciesMeta": { "react": { "optional": true } },
   "devDependencies": {
     "@types/react": "19.2.18",
+    "esbuild": "0.28.2",
+    "preact": "10.28.3",
     "typescript": "^5.7.0",
     "vitest": "^4.0.0"
   },
-  "publishConfig": {
-    "access": "public"
-  }
+  "publishConfig": { "access": "public" }
 }

package/dist/ChatDeIntake.d.ts

@@ -1,11 +0,0 @@
-export interface ContextoDelReporte {
-    url?: string;
-    versionApp?: string;
-}
-export declare function ChatDeIntake(props: {
-    tenantId: string;
-    projectId: string;
-    backendUrl: string;
-    contexto?: ContextoDelReporte;
-}): import("react").JSX.Element | null;
-//# sourceMappingURL=ChatDeIntake.d.ts.map

package/dist/ChatDeIntake.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatDeIntake.d.ts","sourceRoot":"","sources":["../src/ChatDeIntake.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,kBAAkB;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B,sCAoEA"}

package/dist/ChatDeIntake.js

@@ -1,47 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useChat } from "@ai-sdk/react";
-import { DefaultChatTransport } from "ai";
-import { useEffect, useMemo, useState } from "react";
-import { decidirVisibilidad, generarCanalId, mostrarIndicadorDeEscritura, normalizarBackendUrl, } from "./estado-del-widget";
-export function ChatDeIntake(props) {
-    const [visibilidad, setVisibilidad] = useState("oculto");
-    const [entrada, setEntrada] = useState("");
-    // Un id de canal por montaje: identifica la conversación en `reportado_por_externo`
-    // sin identificar a la persona (el chat es anónimo, §9 del diseño).
-    const canalId = useMemo(() => generarCanalId(), []);
-    const backendUrl = useMemo(() => normalizarBackendUrl(props.backendUrl), [props.backendUrl]);
-    useEffect(() => {
-        let vivo = true;
-        fetch(`${backendUrl}/api/chat/estado?tenant_id=${encodeURIComponent(props.tenantId)}&project_id=${encodeURIComponent(props.projectId)}`)
-            .then((r) => r.json())
-            .then((cuerpo) => { if (vivo)
-            setVisibilidad(decidirVisibilidad({ respuesta: cuerpo, huboError: false })); })
-            .catch(() => { if (vivo)
-            setVisibilidad(decidirVisibilidad({ respuesta: null, huboError: true })); });
-        return () => { vivo = false; };
-    }, [backendUrl, props.tenantId, props.projectId]);
-    const { messages, sendMessage, status, error } = useChat({
-        transport: new DefaultChatTransport({
-            api: `${backendUrl}/api/chat`,
-            body: { tenant_id: props.tenantId, project_id: props.projectId, canal_id: canalId },
-        }),
-    });
-    // La misma política que el montaje: un error en medio de la conversación repliega el panel.
-    useEffect(() => { if (error !== undefined)
-        setVisibilidad("oculto"); }, [error]);
-    if (visibilidad === "oculto")
-        return null;
-    // Entre Enviar y el primer token del stream pasan 4-8 s en el peor caso (hallazgo de la
-    // pasada visual: el dueño lo leyó como "se rompió el botón" con la pantalla en silencio).
-    // El indicador cubre ese hueco sin prometer nada sobre CUÁNTO va a tardar.
-    const mostrarIndicador = mostrarIndicadorDeEscritura({ status, ultimoMensaje: messages[messages.length - 1] });
-    return (_jsxs("div", { style: { border: "1px solid #ccc", borderRadius: 8, maxWidth: 420, display: "flex", flexDirection: "column", fontFamily: "inherit" }, children: [_jsxs("div", { style: { padding: 12, overflowY: "auto", maxHeight: 420, display: "flex", flexDirection: "column", gap: 8 }, children: [messages.map((m) => (_jsx("div", { style: { alignSelf: m.role === "user" ? "flex-end" : "flex-start", whiteSpace: "pre-wrap" }, children: m.parts.map((p, i) => (p.type === "text" ? _jsx("span", { children: p.text }, i) : null)) }, m.id))), mostrarIndicador && (_jsx("div", { style: { alignSelf: "flex-start", whiteSpace: "pre-wrap" }, "aria-live": "polite", children: "\u2026" }))] }), _jsxs("form", { style: { display: "flex", gap: 8, padding: 12, borderTop: "1px solid #ccc" }, onSubmit: (e) => {
-                    e.preventDefault();
-                    if (entrada.trim().length === 0 || status !== "ready")
-                        return;
-                    sendMessage({ text: entrada });
-                    setEntrada("");
-                }, children: [_jsx("input", { style: { flex: 1 }, value: entrada, onChange: (e) => setEntrada(e.target.value), placeholder: "Pregunt\u00E1 o cont\u00E1 qu\u00E9 pas\u00F3\u2026", "aria-label": "Mensaje" }), _jsx("button", { type: "submit", disabled: status !== "ready", children: "Enviar" })] })] }));
-}
-//# sourceMappingURL=ChatDeIntake.js.map

package/dist/ChatDeIntake.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatDeIntake.js","sourceRoot":"","sources":["../src/ChatDeIntake.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,2BAA2B,EAC3B,oBAAoB,GAErB,MAAM,qBAAqB,CAAC;AAO7B,MAAM,UAAU,YAAY,CAAC,KAK5B;IACC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAc,QAAQ,CAAC,CAAC;IACtE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3C,oFAAoF;IACpF,oEAAoE;IACpE,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAE7F,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,GAAG,IAAI,CAAC;QAChB,KAAK,CAAC,GAAG,UAAU,8BAA8B,kBAAkB,CAAC,KAAK,CAAC,QAAQ,CAAC,eAAe,kBAAkB,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;aACrI,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;aACrB,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,IAAI,IAAI;YAAE,cAAc,CAAC,kBAAkB,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aAC5G,KAAK,CAAC,GAAG,EAAE,GAAG,IAAI,IAAI;YAAE,cAAc,CAAC,kBAAkB,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxG,OAAO,GAAG,EAAE,GAAG,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAElD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;QACvD,SAAS,EAAE,IAAI,oBAAoB,CAAC;YAClC,GAAG,EAAE,GAAG,UAAU,WAAW;YAC7B,IAAI,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE;SACpF,CAAC;KACH,CAAC,CAAC;IAEH,4FAA4F;IAC5F,SAAS,CAAC,GAAG,EAAE,GAAG,IAAI,KAAK,KAAK,SAAS;QAAE,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEjF,IAAI,WAAW,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC;IAE1C,wFAAwF;IACxF,0FAA0F;IAC1F,2EAA2E;IAC3E,MAAM,gBAAgB,GAAG,2BAA2B,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;IAE/G,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,aACvI,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC7G,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACnB,cAAgB,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,YACxG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,yBAAe,CAAC,CAAC,IAAI,IAAV,CAAC,CAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAD1E,CAAC,CAAC,EAAE,CAER,CACP,CAAC,EACD,gBAAgB,IAAI,CACnB,cAAK,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,eAAY,QAAQ,uBAE7E,CACP,IACG,EACN,gBACE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAC5E,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,KAAK,OAAO;wBAAE,OAAO;oBAC9D,WAAW,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;oBAC/B,UAAU,CAAC,EAAE,CAAC,CAAC;gBACjB,CAAC,aAED,gBACE,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAClB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC3C,WAAW,EAAC,qDAA4B,gBAC7B,SAAS,GACpB,EACF,iBAAQ,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,uBAAiB,IAC9D,IACH,CACP,CAAC;AACJ,CAAC"}

package/dist/estado-del-widget.js

@@ -1,40 +0,0 @@
-/** `crypto.randomUUID` no existe en un contexto no-seguro (un sitio embebido por HTTP
- * plano, no HTTPS) — sin este chequeo, el `useMemo` del widget lanza en el render y
- * tira abajo el host entero, justo lo opuesto a la promesa de "se oculta" del §8. El
- * fallback no necesita ser criptográfico: es un id de canal anónimo, no un secreto. */
-export function generarCanalId() {
-    if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
-        return crypto.randomUUID();
-    }
-    return `canal_${Date.now()}_${Math.random().toString(36).slice(2)}`;
-}
-/** Una barra final en `backendUrl` ("https://x.com/", la forma más natural de
- * escribirlo) deja `//` duplicado en las URLs armadas más abajo: el motor responde con
- * un 308 sin headers de CORS y el navegador lo bloquea sin explicar que el problema es
- * la barra. Mismo patrón que `motor.ts` usa para su propia base URL. */
-export function normalizarBackendUrl(backendUrl) {
-    return backendUrl.replace(/\/$/, "");
-}
-/** §8 del diseño: sin backend, sin tope, o ante cualquier duda, el widget NO se dibuja.
- * Ocultarse es lo honesto: no hay nada que decirle al usuario final sobre el estado interno
- * del proyecto de otra empresa. */
-export function decidirVisibilidad(h) {
-    if (h.huboError || h.respuesta === null || !h.respuesta.ok)
-        return "oculto";
-    return "visible";
-}
-/** Entre Enviar y el primer token del stream pasan 4-8 s en el peor caso (medido en la pasada
- * visual del demo) — el backend responde perfecto, pero un silencio así se lee como "se rompió
- * el botón", no como "está pensando". Mostramos un indicador mientras el pedido está en vuelo
- * ("submitted") y mientras ya empezó a transmitir pero todavía no llegó texto del asistente
- * ("streaming" sin parts de texto no vacíos en el último mensaje). */
-export function mostrarIndicadorDeEscritura(h) {
-    if (h.status === "submitted")
-        return true;
-    if (h.status !== "streaming")
-        return false;
-    const yaHayTexto = h.ultimoMensaje?.role === "assistant" &&
-        h.ultimoMensaje.parts.some((p) => p.type === "text" && (p.text?.length ?? 0) > 0);
-    return !yaHayTexto;
-}
-//# sourceMappingURL=estado-del-widget.js.map

package/dist/estado-del-widget.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"estado-del-widget.js","sourceRoot":"","sources":["../src/estado-del-widget.ts"],"names":[],"mappings":"AAEA;;;uFAGuF;AACvF,MAAM,UAAU,cAAc;IAC5B,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU,EAAE,CAAC;QAC7E,OAAO,MAAM,CAAC,UAAU,EAAE,CAAC;IAC7B,CAAC;IACD,OAAO,SAAS,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;AACtE,CAAC;AAED;;;wEAGwE;AACxE,MAAM,UAAU,oBAAoB,CAAC,UAAkB;IACrD,OAAO,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AACvC,CAAC;AAED;;mCAEmC;AACnC,MAAM,UAAU,kBAAkB,CAAC,CAGlC;IACC,IAAI,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,SAAS,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE;QAAE,OAAO,QAAQ,CAAC;IAC5E,OAAO,SAAS,CAAC;AACnB,CAAC;AAcD;;;;sEAIsE;AACtE,MAAM,UAAU,2BAA2B,CAAC,CAG3C;IACC,IAAI,CAAC,CAAC,MAAM,KAAK,WAAW;QAAE,OAAO,IAAI,CAAC;IAC1C,IAAI,CAAC,CAAC,MAAM,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;IAC3C,MAAM,UAAU,GACd,CAAC,CAAC,aAAa,EAAE,IAAI,KAAK,WAAW;QACrC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACpF,OAAO,CAAC,UAAU,CAAC;AACrB,CAAC"}