@agentcrafta/chat-next 0.0.3 → 0.0.4

package/dist/chunk-RKYHRGFI.js

@@ -0,0 +1,77 @@
+// src/server/actions.ts
+import "@agentcrafta/core";
+var getTokenEndpoint = () => {
+  const value = process.env.TOKEN_AGENTE_URL;
+  if (!value || value.trim() === "") {
+    throw new Error("Token endpoint no configurado");
+  }
+  return value;
+};
+var getRegionalSettings = async () => {
+  const tokenEndpoint = getTokenEndpoint();
+  if (!tokenEndpoint || tokenEndpoint.trim() === "") {
+    throw new Error("Token endpoint no configurado");
+  }
+  const environmentEndPoint = tokenEndpoint.slice(
+    0,
+    tokenEndpoint.indexOf("/powervirtualagents")
+  );
+  const regex = /api-version=([^&]+)/;
+  const apiVersionMatch = regex.exec(tokenEndpoint);
+  const apiVersion = apiVersionMatch ? apiVersionMatch[1] : "2022-03-01-preview";
+  const regionalChannelSettingsURL = `${environmentEndPoint}/powervirtualagents/regionalchannelsettings?api-version=${apiVersion}`;
+  const response = await fetch(regionalChannelSettingsURL);
+  if (!response.ok) {
+    throw new Error(`Error ${response.status}: ${response.statusText}`);
+  }
+  const data = await response.json();
+  return data;
+};
+var getConversationToken = async () => {
+  const tokenEndpoint = getTokenEndpoint();
+  if (!tokenEndpoint || tokenEndpoint.trim() === "") {
+    throw new Error("Token endpoint no configurado");
+  }
+  const conversationResponse = await fetch(tokenEndpoint);
+  if (!conversationResponse.ok) {
+    throw new Error(
+      `Error al obtener token: ${conversationResponse.status} ${conversationResponse.statusText}`
+    );
+  }
+  const conversationInfo = await conversationResponse.json();
+  if (!conversationInfo.token)
+    throw new Error("Token no encontrado en la respuesta");
+  return conversationInfo.token;
+};
+var getChatStoreConfig = async () => {
+  const config = {
+    initialState: {},
+    eventConfig: {
+      startConversation: {
+        channelData: { postBack: true },
+        name: "startConversation",
+        type: "event"
+      }
+    },
+    filterConfig: {
+      enableTraceFilter: true,
+      traceErrorMessage: "Error de conectividad"
+    }
+  };
+  return config;
+};
+var logChatError = async (input) => {
+  console.error("[Chat Error]:", {
+    timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+    ...input
+  });
+  return { logged: true };
+};
+
+export {
+  getRegionalSettings,
+  getConversationToken,
+  getChatStoreConfig,
+  logChatError
+};
+//# sourceMappingURL=chunk-RKYHRGFI.js.map

package/dist/chunk-RKYHRGFI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/server/actions.ts"],"sourcesContent":["\"use server\";\r\n\r\nimport { type LogChatErrorInput } from \"@agentcrafta/core\";\r\n\r\nconst getTokenEndpoint = () => {\r\n  const value = process.env.TOKEN_AGENTE_URL;\r\n  if (!value || value.trim() === \"\") {\r\n    throw new Error(\"Token endpoint no configurado\");\r\n  }\r\n  return value;\r\n};\r\n//#region Inicializar Chat\r\nexport const getRegionalSettings = async () => {\r\n  const tokenEndpoint = getTokenEndpoint();\r\n  if (!tokenEndpoint || tokenEndpoint.trim() === \"\") {\r\n    throw new Error(\"Token endpoint no configurado\");\r\n  }\r\n  const environmentEndPoint = tokenEndpoint.slice(\r\n    0,\r\n    tokenEndpoint.indexOf(\"/powervirtualagents\"),\r\n  );\r\n  const regex = /api-version=([^&]+)/;\r\n  const apiVersionMatch = regex.exec(tokenEndpoint);\r\n  const apiVersion = apiVersionMatch\r\n    ? apiVersionMatch[1]\r\n    : \"2022-03-01-preview\";\r\n\r\n  const regionalChannelSettingsURL = `${environmentEndPoint}/powervirtualagents/regionalchannelsettings?api-version=${apiVersion}`;\r\n  const response = await fetch(regionalChannelSettingsURL);\r\n  if (!response.ok) {\r\n    throw new Error(`Error ${response.status}: ${response.statusText}`);\r\n  }\r\n  const data = await response.json();\r\n  return data;\r\n};\r\n\r\nexport const getConversationToken = async (): Promise<string> => {\r\n  const tokenEndpoint = getTokenEndpoint();\r\n\r\n  if (!tokenEndpoint || tokenEndpoint.trim() === \"\") {\r\n    throw new Error(\"Token endpoint no configurado\");\r\n  }\r\n  const conversationResponse = await fetch(tokenEndpoint);\r\n  if (!conversationResponse.ok) {\r\n    throw new Error(\r\n      `Error al obtener token: ${conversationResponse.status} ${conversationResponse.statusText}`,\r\n    );\r\n  }\r\n  const conversationInfo = await conversationResponse.json();\r\n  if (!conversationInfo.token)\r\n    throw new Error(\"Token no encontrado en la respuesta\");\r\n  return conversationInfo.token;\r\n};\r\n//#endregion\r\n\r\n//#region Configuración Store Chat\r\nexport const getChatStoreConfig = async () => {\r\n  const config = {\r\n    initialState: {},\r\n    eventConfig: {\r\n      startConversation: {\r\n        channelData: { postBack: true },\r\n        name: \"startConversation\",\r\n        type: \"event\",\r\n      },\r\n    },\r\n    filterConfig: {\r\n      enableTraceFilter: true,\r\n      traceErrorMessage: \"Error de conectividad\",\r\n    },\r\n  };\r\n  return config;\r\n};\r\n//#endregion\r\n\r\n//#region Log de errores del chat\r\nexport const logChatError = async (input: LogChatErrorInput) => {\r\n  // Registrar errores en el servidor\r\n  console.error(\"[Chat Error]:\", {\r\n    timestamp: new Date().toISOString(),\r\n    ...input,\r\n  });\r\n\r\n  // Aquí podrías guardar en base de datos, enviar a servicio de logging, etc.\r\n\r\n  return { logged: true };\r\n};\r\n"],"mappings":";AAEA,OAAuC;AAEvC,IAAM,mBAAmB,MAAM;AAC7B,QAAM,QAAQ,QAAQ,IAAI;AAC1B,MAAI,CAAC,SAAS,MAAM,KAAK,MAAM,IAAI;AACjC,UAAM,IAAI,MAAM,+BAA+B;AAAA,EACjD;AACA,SAAO;AACT;AAEO,IAAM,sBAAsB,YAAY;AAC7C,QAAM,gBAAgB,iBAAiB;AACvC,MAAI,CAAC,iBAAiB,cAAc,KAAK,MAAM,IAAI;AACjD,UAAM,IAAI,MAAM,+BAA+B;AAAA,EACjD;AACA,QAAM,sBAAsB,cAAc;AAAA,IACxC;AAAA,IACA,cAAc,QAAQ,qBAAqB;AAAA,EAC7C;AACA,QAAM,QAAQ;AACd,QAAM,kBAAkB,MAAM,KAAK,aAAa;AAChD,QAAM,aAAa,kBACf,gBAAgB,CAAC,IACjB;AAEJ,QAAM,6BAA6B,GAAG,mBAAmB,2DAA2D,UAAU;AAC9H,QAAM,WAAW,MAAM,MAAM,0BAA0B;AACvD,MAAI,CAAC,SAAS,IAAI;AAChB,UAAM,IAAI,MAAM,SAAS,SAAS,MAAM,KAAK,SAAS,UAAU,EAAE;AAAA,EACpE;AACA,QAAM,OAAO,MAAM,SAAS,KAAK;AACjC,SAAO;AACT;AAEO,IAAM,uBAAuB,YAA6B;AAC/D,QAAM,gBAAgB,iBAAiB;AAEvC,MAAI,CAAC,iBAAiB,cAAc,KAAK,MAAM,IAAI;AACjD,UAAM,IAAI,MAAM,+BAA+B;AAAA,EACjD;AACA,QAAM,uBAAuB,MAAM,MAAM,aAAa;AACtD,MAAI,CAAC,qBAAqB,IAAI;AAC5B,UAAM,IAAI;AAAA,MACR,2BAA2B,qBAAqB,MAAM,IAAI,qBAAqB,UAAU;AAAA,IAC3F;AAAA,EACF;AACA,QAAM,mBAAmB,MAAM,qBAAqB,KAAK;AACzD,MAAI,CAAC,iBAAiB;AACpB,UAAM,IAAI,MAAM,qCAAqC;AACvD,SAAO,iBAAiB;AAC1B;AAIO,IAAM,qBAAqB,YAAY;AAC5C,QAAM,SAAS;AAAA,IACb,cAAc,CAAC;AAAA,IACf,aAAa;AAAA,MACX,mBAAmB;AAAA,QACjB,aAAa,EAAE,UAAU,KAAK;AAAA,QAC9B,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,cAAc;AAAA,MACZ,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,IACrB;AAAA,EACF;AACA,SAAO;AACT;AAIO,IAAM,eAAe,OAAO,UAA6B;AAE9D,UAAQ,MAAM,iBAAiB;AAAA,IAC7B,YAAW,oBAAI,KAAK,GAAE,YAAY;AAAA,IAClC,GAAG;AAAA,EACL,CAAC;AAID,SAAO,EAAE,QAAQ,KAAK;AACxB;","names":[]}

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { WebChatLib, StyleOptions } from '@agentcrafta/core';
-export { C as ChatServer } from './chat-server-DoG_Rvk7.js';
 
 declare global {
     interface Window {
@@ -23,11 +22,4 @@ type ChatProps = {
  */
 declare const Chat: ({ botName, show, logoUrl, styleOptions, }: ChatProps) => react_jsx_runtime.JSX.Element | null;
 
-/**
- * Convierte una variable CSS (ej: "var(--primary)") a su equivalente en formato hex
- * @param cssVar - String en formato "var(--variable-name)"
- * @returns Color en formato hex (ej: "#0078d4") o el valor original si no se puede convertir
- */
-declare const getCssVariableAsHex: (cssVar: string) => string;
-
-export { Chat, getCssVariableAsHex };
+export { Chat };

package/dist/index.js

@@ -1,45 +1,343 @@
 import {
-  Chat,
-  ChatServer
-} from "./chunk-MOTD6MKH.js";
+  getChatStoreConfig,
+  getConversationToken,
+  getRegionalSettings,
+  logChatError
+} from "./chunk-RKYHRGFI.js";
 
-// src/shared/utils/utils.ts
-var getCssVariableAsHex = (cssVar) => {
-  if (!cssVar.startsWith("var(--")) {
-    return cssVar;
-  }
-  const variableName = cssVar.slice(4, -1);
-  try {
-    const cssValue = getComputedStyle(document.documentElement).getPropertyValue(variableName).trim();
-    if (!cssValue) {
-      console.warn(`Variable CSS ${variableName} no encontrada`);
-      return cssVar;
+// src/client/chat.tsx
+import React2 from "react";
+
+// src/client/use-chat.ts
+import React from "react";
+import {
+  TypeDispatch,
+  styleOptionsBase
+} from "@agentcrafta/core";
+var useChat = (styleOptionsProps) => {
+  const [isVisible, setIsVisible] = React.useState(false);
+  const [isRestarting, setIsRestarting] = React.useState(false);
+  const [chatKey, setChatKey] = React.useState(Date.now());
+  const webChatRef = React.useRef(null);
+  const webChatInstanceRef = React.useRef(null);
+  const directLineUrlRef = React.useRef(null);
+  const isInitializedRef = React.useRef(false);
+  const styleOptionsMerged = { ...styleOptionsBase, ...styleOptionsProps };
+  const handleChangeVisibility = (visible) => {
+    setIsVisible(visible);
+  };
+  const createCustomStore = async () => {
+    const configResult = await getChatStoreConfig();
+    const { eventConfig, filterConfig, initialState } = configResult ?? {};
+    return globalThis.window.WebChat.createStore(
+      initialState || {},
+      ({ dispatch }) => (next) => (action) => {
+        if (action.type === TypeDispatch.CONNECTED_FULFILLED) {
+          dispatch({
+            type: TypeDispatch.POST_ACTIVITY,
+            meta: { method: "keyboard" },
+            payload: {
+              activity: eventConfig?.startConversation || {
+                channelData: { postBack: true },
+                name: "startConversation",
+                type: "event"
+              }
+            }
+          });
+        }
+        if (action.type === TypeDispatch.INCOMING_ACTIVITY && action.payload?.activity?.type === "trace") {
+          const errorMessage = filterConfig?.traceErrorMessage || "Error de conectividad";
+          console.error(errorMessage);
+          logChatError({
+            errorType: "trace_activity",
+            errorMessage: "Trace activity filtered",
+            actionType: action.type
+          });
+          return action;
+        }
+        return next(action);
+      }
+    );
+  };
+  const restartConversation = async () => {
+    if (isRestarting) return;
+    try {
+      setIsRestarting(true);
+      isInitializedRef.current = false;
+      webChatInstanceRef.current = null;
+      setChatKey(Date.now());
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Error desconocido";
+      console.error("Error al reiniciar conversaci\xF3n:", errorMessage);
+      logChatError({
+        errorType: "restart_conversation",
+        errorMessage,
+        actionType: "Error reiniciando conversaci\xF3n"
+      });
+    } finally {
+      setIsRestarting(false);
+    }
+  };
+  const initializeChat = async () => {
+    if (isInitializedRef.current) return;
+    try {
+      const data = await getRegionalSettings();
+      directLineUrlRef.current = data.channelUrlsById.directline;
+      if (!directLineUrlRef.current) {
+        logChatError({
+          errorType: "initialize_chat",
+          errorMessage: "DirectLine URL not found in regional settings",
+          actionType: "Error inicializando chat"
+        });
+        console.error("No se pudo obtener la URL de DirectLine");
+        return;
+      }
+      const token = await getConversationToken();
+      const directLine = globalThis.window.WebChat.createDirectLine({
+        domain: `${directLineUrlRef.current}v3/directline`,
+        token
+      });
+      if (webChatRef.current && !isInitializedRef.current) {
+        const store = await createCustomStore();
+        webChatInstanceRef.current = globalThis.window.WebChat.renderWebChat(
+          {
+            directLine,
+            styleOptions: styleOptionsMerged,
+            store
+          },
+          webChatRef.current
+        );
+        isInitializedRef.current = true;
+      }
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Error desconocido";
+      console.error("Error detallado al inicializar el chat:", err);
+      logChatError({
+        errorType: "initialize_chat",
+        errorMessage,
+        actionType: "Error inicializando chat"
+      });
     }
-    const hslValue = `hsl(${cssValue})`;
-    return hslToHex(hslValue);
-  } catch (error) {
-    console.error(`Error al convertir variable CSS ${cssVar}:`, error);
-    return cssVar;
-  }
+  };
+  const cleanup = () => {
+    isInitializedRef.current = false;
+    webChatInstanceRef.current = null;
+  };
+  return {
+    isVisible,
+    isRestarting,
+    chatKey,
+    webChatRef,
+    styleOptionsMerged,
+    handleChangeVisibility,
+    initializeChat,
+    restartConversation,
+    cleanup
+  };
 };
-var hslToHex = (hsl) => {
-  const tempDiv = document.createElement("div");
-  tempDiv.style.color = hsl;
-  document.body.appendChild(tempDiv);
-  const computedColor = getComputedStyle(tempDiv).color;
-  tempDiv.remove();
-  const rgbMatch = /rgb\((\d+),\s*(\d+),\s*(\d+)\)/.exec(computedColor);
-  if (rgbMatch) {
-    const r = rgbMatch[1] ?? "0";
-    const g = rgbMatch[2] ?? "0";
-    const b = rgbMatch[3] ?? "0";
-    return `#${((1 << 24) + (Number.parseInt(r) << 16) + (Number.parseInt(g) << 8) + Number.parseInt(b)).toString(16).slice(1)}`;
-  }
-  return hsl;
+
+// src/client/chat.tsx
+import "@agentcrafta/core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Chat = ({
+  botName = "Agent",
+  show = true,
+  logoUrl,
+  styleOptions
+}) => {
+  const {
+    isVisible,
+    isRestarting,
+    chatKey,
+    webChatRef,
+    styleOptionsMerged,
+    initializeChat,
+    restartConversation,
+    cleanup,
+    handleChangeVisibility
+  } = useChat(styleOptions);
+  const scriptLoadedRef = React2.useRef(false);
+  React2.useEffect(() => {
+    if (!show) return;
+    const existingScript = document.querySelector(
+      'script[src*="botframework-webchat"]'
+    );
+    if (existingScript || scriptLoadedRef.current) {
+      if (globalThis.window.WebChat) {
+        initializeChat();
+      }
+      return;
+    }
+    const script = document.createElement("script");
+    script.src = "https://cdn.botframework.com/botframework-webchat/latest/webchat.js";
+    script.async = true;
+    script.onload = () => {
+      scriptLoadedRef.current = true;
+      initializeChat();
+    };
+    script.onerror = () => {
+      console.error("Error al cargar el script de WebChat");
+      scriptLoadedRef.current = false;
+    };
+    document.head.appendChild(script);
+    return () => {
+      cleanup();
+    };
+  }, [chatKey]);
+  if (!show) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `fixed bottom-8 right-8 z-[999] h-[520px] w-[450px] origin-bottom-right overflow-hidden rounded-2xl bg-white shadow-2xl transition-all duration-300 ease-in-out ${isVisible ? "block scale-100 opacity-100" : "hidden scale-95 opacity-0"}`,
+        role: "complementary",
+        "aria-label": `Chat ${botName}`,
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex h-14 items-center justify-between bg-primary px-5 py-4 text-white",
+              style: { color: styleOptionsMerged.suggestedActionTextColor },
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-base font-medium", children: [
+                  logoUrl && /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      src: logoUrl,
+                      alt: "Logo",
+                      width: 24,
+                      height: 24,
+                      className: "h-7 w-7 rounded-sm"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { children: botName })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      className: `flex cursor-pointer items-center justify-center rounded-lg border-none bg-transparent p-2 transition-all duration-200 hover:bg-white/10 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-white/50 ${isRestarting ? "cursor-not-allowed opacity-50" : ""}`,
+                      onClick: restartConversation,
+                      disabled: isRestarting,
+                      "aria-label": isRestarting ? "Restarting Conversation..." : "Restart Conversation",
+                      style: { color: styleOptionsMerged.suggestedActionTextColor },
+                      children: isRestarting ? /* @__PURE__ */ jsx(
+                        "svg",
+                        {
+                          width: "20",
+                          height: "20",
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          strokeWidth: "2",
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          "aria-hidden": "true",
+                          className: "animate-spin",
+                          children: /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 11-6.219-8.56" })
+                        }
+                      ) : /* @__PURE__ */ jsxs(
+                        "svg",
+                        {
+                          width: "20",
+                          height: "20",
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          strokeWidth: "2",
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          "aria-hidden": "true",
+                          children: [
+                            /* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+                            /* @__PURE__ */ jsx("path", { d: "M3 3v5h5" })
+                          ]
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      className: "flex cursor-pointer items-center justify-center rounded-lg border-none bg-transparent p-2 transition-all duration-200 hover:bg-white/10 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-white/50",
+                      onClick: () => handleChangeVisibility(false),
+                      "aria-label": "Close Chat",
+                      style: { color: styleOptionsMerged.suggestedActionTextColor },
+                      children: /* @__PURE__ */ jsxs(
+                        "svg",
+                        {
+                          width: "20",
+                          height: "20",
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          strokeWidth: "2",
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          "aria-hidden": "true",
+                          children: [
+                            /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                            /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                          ]
+                        }
+                      )
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "relative h-[calc(100%-56px)] bg-gray-50",
+              role: "main",
+              ref: webChatRef,
+              children: isRestarting && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-gray-50/80", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 text-gray-600", children: [
+                /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    className: "h-8 w-8 animate-spin",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    children: /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 11-6.219-8.56" })
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Reiniciando conversaci\xF3n..." })
+              ] }) })
+            },
+            chatKey
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: `focus:outline-3 fixed bottom-24 right-8 z-[998] flex h-16 w-16 cursor-pointer items-center justify-center rounded-full border-none bg-primary shadow-lg transition-all duration-300 ease-in-out hover:-translate-y-1 hover:shadow-xl focus:outline focus:outline-offset-2 focus:outline-indigo-500/50 ${isVisible ? "pointer-events-none translate-y-2 scale-95 opacity-0" : "scale-100 opacity-100"}`,
+        onClick: () => handleChangeVisibility(true),
+        "aria-label": "Open Chat Assistant",
+        children: /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: "h-7 w-7 text-white transition-transform",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
+          }
+        )
+      }
+    )
+  ] });
 };
 export {
-  Chat,
-  ChatServer,
-  getCssVariableAsHex
+  Chat
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/shared/utils/utils.ts"],"sourcesContent":["/**\r\n * Convierte una variable CSS (ej: \"var(--primary)\") a su equivalente en formato hex\r\n * @param cssVar - String en formato \"var(--variable-name)\"\r\n * @returns Color en formato hex (ej: \"#0078d4\") o el valor original si no se puede convertir\r\n */\r\nexport const getCssVariableAsHex = (cssVar: string): string => {\r\n  // Si no es una variable CSS, devolver el valor original\r\n  if (!cssVar.startsWith(\"var(--\")) {\r\n    return cssVar;\r\n  }\r\n\r\n  // Extraer el nombre de la variable (ej: \"--primary\" de \"var(--primary)\")\r\n  const variableName = cssVar.slice(4, -1); // Remover \"var(\" y \")\"\r\n\r\n  try {\r\n    // Obtener el valor de la variable CSS del documento\r\n    const cssValue = getComputedStyle(document.documentElement)\r\n      .getPropertyValue(variableName)\r\n      .trim();\r\n\r\n    if (!cssValue) {\r\n      console.warn(`Variable CSS ${variableName} no encontrada`);\r\n      return cssVar;\r\n    }\r\n\r\n    // Convertir HSL a hex (las variables están en formato \"204 97% 41%\")\r\n    const hslValue = `hsl(${cssValue})`;\r\n    return hslToHex(hslValue);\r\n  } catch (error) {\r\n    console.error(`Error al convertir variable CSS ${cssVar}:`, error);\r\n    return cssVar;\r\n  }\r\n};\r\n\r\n/**\r\n * Convierte un color HSL a formato hex\r\n * @param hsl - Color en formato \"hsl(h, s%, l%)\"\r\n * @returns Color en formato hex\r\n */\r\nconst hslToHex = (hsl: string): string => {\r\n  const tempDiv = document.createElement(\"div\");\r\n  tempDiv.style.color = hsl;\r\n  document.body.appendChild(tempDiv);\r\n\r\n  const computedColor = getComputedStyle(tempDiv).color;\r\n  tempDiv.remove();\r\n\r\n  // Convertir rgb a hex\r\n  const rgbMatch = /rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)\\)/.exec(computedColor);\r\n  if (rgbMatch) {\r\n    const r = rgbMatch[1] ?? \"0\";\r\n    const g = rgbMatch[2] ?? \"0\";\r\n    const b = rgbMatch[3] ?? \"0\";\r\n    return `#${((1 << 24) + (Number.parseInt(r) << 16) + (Number.parseInt(g) << 8) + Number.parseInt(b)).toString(16).slice(1)}`;\r\n  }\r\n\r\n  return hsl;\r\n};\r\n"],"mappings":";;;;;;AAKO,IAAM,sBAAsB,CAAC,WAA2B;AAE7D,MAAI,CAAC,OAAO,WAAW,QAAQ,GAAG;AAChC,WAAO;AAAA,EACT;AAGA,QAAM,eAAe,OAAO,MAAM,GAAG,EAAE;AAEvC,MAAI;AAEF,UAAM,WAAW,iBAAiB,SAAS,eAAe,EACvD,iBAAiB,YAAY,EAC7B,KAAK;AAER,QAAI,CAAC,UAAU;AACb,cAAQ,KAAK,gBAAgB,YAAY,gBAAgB;AACzD,aAAO;AAAA,IACT;AAGA,UAAM,WAAW,OAAO,QAAQ;AAChC,WAAO,SAAS,QAAQ;AAAA,EAC1B,SAAS,OAAO;AACd,YAAQ,MAAM,mCAAmC,MAAM,KAAK,KAAK;AACjE,WAAO;AAAA,EACT;AACF;AAOA,IAAM,WAAW,CAAC,QAAwB;AACxC,QAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,UAAQ,MAAM,QAAQ;AACtB,WAAS,KAAK,YAAY,OAAO;AAEjC,QAAM,gBAAgB,iBAAiB,OAAO,EAAE;AAChD,UAAQ,OAAO;AAGf,QAAM,WAAW,iCAAiC,KAAK,aAAa;AACpE,MAAI,UAAU;AACZ,UAAM,IAAI,SAAS,CAAC,KAAK;AACzB,UAAM,IAAI,SAAS,CAAC,KAAK;AACzB,UAAM,IAAI,SAAS,CAAC,KAAK;AACzB,WAAO,MAAM,KAAK,OAAO,OAAO,SAAS,CAAC,KAAK,OAAO,OAAO,SAAS,CAAC,KAAK,KAAK,OAAO,SAAS,CAAC,GAAG,SAAS,EAAE,EAAE,MAAM,CAAC,CAAC;AAAA,EAC5H;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../src/client/chat.tsx","../src/client/use-chat.ts"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\nimport { useChat } from \"./use-chat\";\r\nimport { type StyleOptions, type WebChatLib } from \"@agentcrafta/core\";\r\n\r\ndeclare global {\r\n  interface Window {\r\n    WebChat: WebChatLib;\r\n  }\r\n}\r\n\r\ntype ChatProps = {\r\n  show?: boolean;\r\n  botName?: string;\r\n  logoUrl?: string;\r\n  styleOptions?: Partial<StyleOptions>;\r\n};\r\n\r\n/**\r\n * @description Componente de chat para interactuar con un agente virtual utilizando Bot Framework Web Chat. Permite iniciar y reiniciar conversaciones, y se adapta a la configuración de estilo definida en el hook useChat.\r\n * @param botName Nombre del bot a mostrar en el encabezado del chat\r\n * @param logoUrl URL del logo a mostrar junto al nombre del bot (opcional)\r\n * @param show Indica si el chat debe mostrarse o no (por defecto es true)\r\n * @param styleOptions: StyleOptions Opciones de estilo personalizadas para el chat (opcional)\r\n * @returns\r\n */\r\nexport const Chat = ({\r\n  botName = \"Agent\",\r\n  show = true,\r\n  logoUrl,\r\n  styleOptions,\r\n}: ChatProps) => {\r\n  const {\r\n    isVisible,\r\n    isRestarting,\r\n    chatKey,\r\n    webChatRef,\r\n    styleOptionsMerged,\r\n    initializeChat,\r\n    restartConversation,\r\n    cleanup,\r\n    handleChangeVisibility,\r\n  } = useChat(styleOptions);\r\n\r\n  const scriptLoadedRef = React.useRef(false);\r\n\r\n  React.useEffect(() => {\r\n    if (!show) return;\r\n    // Verificar si el script ya existe en el DOM\r\n    const existingScript = document.querySelector(\r\n      'script[src*=\"botframework-webchat\"]',\r\n    );\r\n\r\n    if (existingScript || scriptLoadedRef.current) {\r\n      // Si WebChat ya está disponible, inicializar\r\n      if (globalThis.window.WebChat) {\r\n        initializeChat();\r\n      }\r\n      return;\r\n    }\r\n\r\n    // Cargar el script solo si no existe\r\n    const script = document.createElement(\"script\");\r\n    script.src =\r\n      \"https://cdn.botframework.com/botframework-webchat/latest/webchat.js\";\r\n    script.async = true;\r\n\r\n    script.onload = () => {\r\n      scriptLoadedRef.current = true;\r\n      initializeChat();\r\n    };\r\n\r\n    script.onerror = () => {\r\n      console.error(\"Error al cargar el script de WebChat\");\r\n      scriptLoadedRef.current = false;\r\n    };\r\n\r\n    document.head.appendChild(script);\r\n\r\n    return () => {\r\n      cleanup();\r\n    };\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [chatKey]);\r\n\r\n  if (!show) return null;\r\n  return (\r\n    <>\r\n      <div\r\n        className={`fixed bottom-8 right-8 z-[999] h-[520px] w-[450px] origin-bottom-right overflow-hidden rounded-2xl bg-white shadow-2xl transition-all duration-300 ease-in-out ${\r\n          isVisible\r\n            ? \"block scale-100 opacity-100\"\r\n            : \"hidden scale-95 opacity-0\"\r\n        }`}\r\n        role=\"complementary\"\r\n        aria-label={`Chat ${botName}`}\r\n      >\r\n        <div\r\n          className=\"flex h-14 items-center justify-between bg-primary px-5 py-4 text-white\"\r\n          style={{ color: styleOptionsMerged.suggestedActionTextColor }}\r\n        >\r\n          <div className=\"flex items-center gap-3 text-base font-medium\">\r\n            {logoUrl && (\r\n              <img\r\n                src={logoUrl}\r\n                alt=\"Logo\"\r\n                width={24}\r\n                height={24}\r\n                className=\"h-7 w-7 rounded-sm\"\r\n              />\r\n            )}\r\n            <span>{botName}</span>\r\n          </div>\r\n          <div className=\"flex items-center gap-3\">\r\n            <button\r\n              className={`flex cursor-pointer items-center justify-center rounded-lg border-none bg-transparent p-2 transition-all duration-200 hover:bg-white/10 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-white/50 ${\r\n                isRestarting ? \"cursor-not-allowed opacity-50\" : \"\"\r\n              }`}\r\n              onClick={restartConversation}\r\n              disabled={isRestarting}\r\n              aria-label={\r\n                isRestarting\r\n                  ? \"Restarting Conversation...\"\r\n                  : \"Restart Conversation\"\r\n              }\r\n              style={{ color: styleOptionsMerged.suggestedActionTextColor }}\r\n            >\r\n              {isRestarting ? (\r\n                <svg\r\n                  width=\"20\"\r\n                  height=\"20\"\r\n                  viewBox=\"0 0 24 24\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  strokeWidth=\"2\"\r\n                  strokeLinecap=\"round\"\r\n                  strokeLinejoin=\"round\"\r\n                  aria-hidden=\"true\"\r\n                  className=\"animate-spin\"\r\n                >\r\n                  <path d=\"M21 12a9 9 0 11-6.219-8.56\" />\r\n                </svg>\r\n              ) : (\r\n                <svg\r\n                  width=\"20\"\r\n                  height=\"20\"\r\n                  viewBox=\"0 0 24 24\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  strokeWidth=\"2\"\r\n                  strokeLinecap=\"round\"\r\n                  strokeLinejoin=\"round\"\r\n                  aria-hidden=\"true\"\r\n                >\r\n                  <path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"></path>\r\n                  <path d=\"M3 3v5h5\"></path>\r\n                </svg>\r\n              )}\r\n            </button>\r\n            <button\r\n              className=\"flex cursor-pointer items-center justify-center rounded-lg border-none bg-transparent p-2 transition-all duration-200 hover:bg-white/10 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-white/50\"\r\n              onClick={() => handleChangeVisibility(false)}\r\n              aria-label=\"Close Chat\"\r\n              style={{ color: styleOptionsMerged.suggestedActionTextColor }}\r\n            >\r\n              <svg\r\n                width=\"20\"\r\n                height=\"20\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                strokeWidth=\"2\"\r\n                strokeLinecap=\"round\"\r\n                strokeLinejoin=\"round\"\r\n                aria-hidden=\"true\"\r\n              >\r\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\r\n                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\r\n              </svg>\r\n            </button>\r\n          </div>\r\n        </div>\r\n        <div\r\n          key={chatKey}\r\n          className=\"relative h-[calc(100%-56px)] bg-gray-50\"\r\n          role=\"main\"\r\n          ref={webChatRef}\r\n        >\r\n          {isRestarting && (\r\n            <div className=\"absolute inset-0 z-10 flex items-center justify-center bg-gray-50/80\">\r\n              <div className=\"flex flex-col items-center gap-3 text-gray-600\">\r\n                <svg\r\n                  className=\"h-8 w-8 animate-spin\"\r\n                  viewBox=\"0 0 24 24\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  strokeWidth=\"2\"\r\n                >\r\n                  <path d=\"M21 12a9 9 0 11-6.219-8.56\" />\r\n                </svg>\r\n                <span className=\"text-sm font-medium\">\r\n                  Reiniciando conversación...\r\n                </span>\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n\r\n      <button\r\n        className={`focus:outline-3 fixed bottom-24 right-8 z-[998] flex h-16 w-16 cursor-pointer items-center justify-center rounded-full border-none bg-primary shadow-lg transition-all duration-300 ease-in-out hover:-translate-y-1 hover:shadow-xl focus:outline focus:outline-offset-2 focus:outline-indigo-500/50 ${isVisible ? \"pointer-events-none translate-y-2 scale-95 opacity-0\" : \"scale-100 opacity-100\"}`}\r\n        onClick={() => handleChangeVisibility(true)}\r\n        aria-label=\"Open Chat Assistant\"\r\n      >\r\n        <svg\r\n          className=\"h-7 w-7 text-white transition-transform\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          strokeWidth=\"2\"\r\n          strokeLinecap=\"round\"\r\n          strokeLinejoin=\"round\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"></path>\r\n        </svg>\r\n      </button>\r\n    </>\r\n  );\r\n};\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\nimport {\r\n  TypeDispatch,\r\n  styleOptionsBase,\r\n  type StyleOptions,\r\n  type WebChatAction,\r\n  type WebChatStore,\r\n} from \"@agentcrafta/core\";\r\nimport {\r\n  getChatStoreConfig,\r\n  getConversationToken,\r\n  getRegionalSettings,\r\n  logChatError,\r\n} from \"../server\";\r\n\r\nexport const useChat = (styleOptionsProps?: Partial<StyleOptions>) => {\r\n  const [isVisible, setIsVisible] = React.useState(false);\r\n  const [isRestarting, setIsRestarting] = React.useState(false);\r\n  const [chatKey, setChatKey] = React.useState(Date.now());\r\n  const webChatRef = React.useRef<HTMLDivElement>(null);\r\n  const webChatInstanceRef = React.useRef<unknown>(null);\r\n  const directLineUrlRef = React.useRef<string | null>(null);\r\n  const isInitializedRef = React.useRef(false);\r\n\r\n  const styleOptionsMerged = { ...styleOptionsBase, ...styleOptionsProps };\r\n\r\n  const handleChangeVisibility = (visible: boolean) => {\r\n    setIsVisible(visible);\r\n  };\r\n\r\n  /**\r\n   * Crea una tienda personalizada para Web Chat que maneja la conexión y filtra actividades específicas.\r\n   *\r\n   * @returns action: WebChatAction\r\n   */\r\n  const createCustomStore = async () => {\r\n    const configResult = await getChatStoreConfig();\r\n    const { eventConfig, filterConfig, initialState } = configResult ?? {};\r\n\r\n    return globalThis.window.WebChat.createStore(\r\n      initialState || {},\r\n      ({ dispatch }: WebChatStore) =>\r\n        (next: (action: WebChatAction) => WebChatAction) =>\r\n        (action: WebChatAction) => {\r\n          if (action.type === TypeDispatch.CONNECTED_FULFILLED) {\r\n            dispatch({\r\n              type: TypeDispatch.POST_ACTIVITY,\r\n              meta: { method: \"keyboard\" },\r\n              payload: {\r\n                activity: eventConfig?.startConversation || {\r\n                  channelData: { postBack: true },\r\n                  name: \"startConversation\",\r\n                  type: \"event\",\r\n                },\r\n              },\r\n            });\r\n          }\r\n\r\n          // Filtrar actividades trace con configuración del servidor\r\n          if (\r\n            action.type === TypeDispatch.INCOMING_ACTIVITY &&\r\n            action.payload?.activity?.type === \"trace\"\r\n          ) {\r\n            const errorMessage =\r\n              filterConfig?.traceErrorMessage || \"Error de conectividad\";\r\n            console.error(errorMessage);\r\n            // Mostrar mensaje de error al usuario con toast o similar\r\n            logChatError({\r\n              errorType: \"trace_activity\",\r\n              errorMessage: \"Trace activity filtered\",\r\n              actionType: action.type,\r\n            });\r\n\r\n            return action;\r\n          }\r\n\r\n          return next(action);\r\n        },\r\n    );\r\n  };\r\n\r\n  /**\r\n   * Reinicia la conversación del chat usando el patrón React key para remount completo.\r\n   * @returns\r\n   */\r\n  const restartConversation = async () => {\r\n    if (isRestarting) return;\r\n\r\n    try {\r\n      setIsRestarting(true);\r\n      isInitializedRef.current = false;\r\n      webChatInstanceRef.current = null;\r\n      setChatKey(Date.now());\r\n    } catch (err) {\r\n      const errorMessage =\r\n        err instanceof Error ? err.message : \"Error desconocido\";\r\n      console.error(\"Error al reiniciar conversación:\", errorMessage);\r\n      logChatError({\r\n        errorType: \"restart_conversation\",\r\n        errorMessage,\r\n        actionType: \"Error reiniciando conversación\",\r\n      });\r\n      // Mostrar mensaje de error al usuario con toast o similar\r\n    } finally {\r\n      setIsRestarting(false);\r\n    }\r\n  };\r\n\r\n  /**\r\n   *  Inicializa el chat embebido obteniendo la URL de DirectLine y el token de conversación.\r\n   * @returns\r\n   */\r\n  const initializeChat = async () => {\r\n    if (isInitializedRef.current) return;\r\n\r\n    try {\r\n      const data = await getRegionalSettings();\r\n      directLineUrlRef.current = data.channelUrlsById.directline;\r\n\r\n      if (!directLineUrlRef.current) {\r\n        logChatError({\r\n          errorType: \"initialize_chat\",\r\n          errorMessage: \"DirectLine URL not found in regional settings\",\r\n          actionType: \"Error inicializando chat\",\r\n        });\r\n        console.error(\"No se pudo obtener la URL de DirectLine\");\r\n        // Mostrar mensaje de error al usuario con toast o similar\r\n        return;\r\n      }\r\n      const token = await getConversationToken();\r\n      const directLine = globalThis.window.WebChat.createDirectLine({\r\n        domain: `${directLineUrlRef.current}v3/directline`,\r\n        token,\r\n      });\r\n\r\n      if (webChatRef.current && !isInitializedRef.current) {\r\n        const store = await createCustomStore();\r\n        webChatInstanceRef.current = globalThis.window.WebChat.renderWebChat(\r\n          {\r\n            directLine,\r\n            styleOptions: styleOptionsMerged,\r\n            store,\r\n          },\r\n          webChatRef.current,\r\n        );\r\n        isInitializedRef.current = true;\r\n      }\r\n    } catch (err) {\r\n      const errorMessage =\r\n        err instanceof Error ? err.message : \"Error desconocido\";\r\n      console.error(\"Error detallado al inicializar el chat:\", err);\r\n      logChatError({\r\n        errorType: \"initialize_chat\",\r\n        errorMessage,\r\n        actionType: \"Error inicializando chat\",\r\n      });\r\n      // Mostrar mensaje de error al usuario con toast o similar\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Limpia la instancia del chat embebido de forma simple.\r\n   */\r\n  const cleanup = () => {\r\n    isInitializedRef.current = false;\r\n    webChatInstanceRef.current = null;\r\n    // No manipular DOM directamente - dejar que React maneje el ciclo de vida\r\n  };\r\n\r\n  return {\r\n    isVisible,\r\n    isRestarting,\r\n    chatKey,\r\n    webChatRef,\r\n    styleOptionsMerged,\r\n    handleChangeVisibility,\r\n    initializeChat,\r\n    restartConversation,\r\n    cleanup,\r\n  };\r\n};\r\n"],"mappings":";;;;;;;;AAEA,OAAOA,YAAW;;;ACAlB,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,OAIK;AAQA,IAAM,UAAU,CAAC,sBAA8C;AACpE,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,KAAK;AACtD,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,KAAK;AAC5D,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,KAAK,IAAI,CAAC;AACvD,QAAM,aAAa,MAAM,OAAuB,IAAI;AACpD,QAAM,qBAAqB,MAAM,OAAgB,IAAI;AACrD,QAAM,mBAAmB,MAAM,OAAsB,IAAI;AACzD,QAAM,mBAAmB,MAAM,OAAO,KAAK;AAE3C,QAAM,qBAAqB,EAAE,GAAG,kBAAkB,GAAG,kBAAkB;AAEvE,QAAM,yBAAyB,CAAC,YAAqB;AACnD,iBAAa,OAAO;AAAA,EACtB;AAOA,QAAM,oBAAoB,YAAY;AACpC,UAAM,eAAe,MAAM,mBAAmB;AAC9C,UAAM,EAAE,aAAa,cAAc,aAAa,IAAI,gBAAgB,CAAC;AAErE,WAAO,WAAW,OAAO,QAAQ;AAAA,MAC/B,gBAAgB,CAAC;AAAA,MACjB,CAAC,EAAE,SAAS,MACV,CAAC,SACD,CAAC,WAA0B;AACzB,YAAI,OAAO,SAAS,aAAa,qBAAqB;AACpD,mBAAS;AAAA,YACP,MAAM,aAAa;AAAA,YACnB,MAAM,EAAE,QAAQ,WAAW;AAAA,YAC3B,SAAS;AAAA,cACP,UAAU,aAAa,qBAAqB;AAAA,gBAC1C,aAAa,EAAE,UAAU,KAAK;AAAA,gBAC9B,MAAM;AAAA,gBACN,MAAM;AAAA,cACR;AAAA,YACF;AAAA,UACF,CAAC;AAAA,QACH;AAGA,YACE,OAAO,SAAS,aAAa,qBAC7B,OAAO,SAAS,UAAU,SAAS,SACnC;AACA,gBAAM,eACJ,cAAc,qBAAqB;AACrC,kBAAQ,MAAM,YAAY;AAE1B,uBAAa;AAAA,YACX,WAAW;AAAA,YACX,cAAc;AAAA,YACd,YAAY,OAAO;AAAA,UACrB,CAAC;AAED,iBAAO;AAAA,QACT;AAEA,eAAO,KAAK,MAAM;AAAA,MACpB;AAAA,IACJ;AAAA,EACF;AAMA,QAAM,sBAAsB,YAAY;AACtC,QAAI,aAAc;AAElB,QAAI;AACF,sBAAgB,IAAI;AACpB,uBAAiB,UAAU;AAC3B,yBAAmB,UAAU;AAC7B,iBAAW,KAAK,IAAI,CAAC;AAAA,IACvB,SAAS,KAAK;AACZ,YAAM,eACJ,eAAe,QAAQ,IAAI,UAAU;AACvC,cAAQ,MAAM,uCAAoC,YAAY;AAC9D,mBAAa;AAAA,QACX,WAAW;AAAA,QACX;AAAA,QACA,YAAY;AAAA,MACd,CAAC;AAAA,IAEH,UAAE;AACA,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF;AAMA,QAAM,iBAAiB,YAAY;AACjC,QAAI,iBAAiB,QAAS;AAE9B,QAAI;AACF,YAAM,OAAO,MAAM,oBAAoB;AACvC,uBAAiB,UAAU,KAAK,gBAAgB;AAEhD,UAAI,CAAC,iBAAiB,SAAS;AAC7B,qBAAa;AAAA,UACX,WAAW;AAAA,UACX,cAAc;AAAA,UACd,YAAY;AAAA,QACd,CAAC;AACD,gBAAQ,MAAM,yCAAyC;AAEvD;AAAA,MACF;AACA,YAAM,QAAQ,MAAM,qBAAqB;AACzC,YAAM,aAAa,WAAW,OAAO,QAAQ,iBAAiB;AAAA,QAC5D,QAAQ,GAAG,iBAAiB,OAAO;AAAA,QACnC;AAAA,MACF,CAAC;AAED,UAAI,WAAW,WAAW,CAAC,iBAAiB,SAAS;AACnD,cAAM,QAAQ,MAAM,kBAAkB;AACtC,2BAAmB,UAAU,WAAW,OAAO,QAAQ;AAAA,UACrD;AAAA,YACE;AAAA,YACA,cAAc;AAAA,YACd;AAAA,UACF;AAAA,UACA,WAAW;AAAA,QACb;AACA,yBAAiB,UAAU;AAAA,MAC7B;AAAA,IACF,SAAS,KAAK;AACZ,YAAM,eACJ,eAAe,QAAQ,IAAI,UAAU;AACvC,cAAQ,MAAM,2CAA2C,GAAG;AAC5D,mBAAa;AAAA,QACX,WAAW;AAAA,QACX;AAAA,QACA,YAAY;AAAA,MACd,CAAC;AAAA,IAEH;AAAA,EACF;AAKA,QAAM,UAAU,MAAM;AACpB,qBAAiB,UAAU;AAC3B,uBAAmB,UAAU;AAAA,EAE/B;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;;ADlLA,OAAmD;AAoF/C,mBAgBU,KAFJ,YAdN;AA7DG,IAAM,OAAO,CAAC;AAAA,EACnB,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA;AACF,MAAiB;AACf,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,QAAQ,YAAY;AAExB,QAAM,kBAAkBC,OAAM,OAAO,KAAK;AAE1C,EAAAA,OAAM,UAAU,MAAM;AACpB,QAAI,CAAC,KAAM;AAEX,UAAM,iBAAiB,SAAS;AAAA,MAC9B;AAAA,IACF;AAEA,QAAI,kBAAkB,gBAAgB,SAAS;AAE7C,UAAI,WAAW,OAAO,SAAS;AAC7B,uBAAe;AAAA,MACjB;AACA;AAAA,IACF;AAGA,UAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,WAAO,MACL;AACF,WAAO,QAAQ;AAEf,WAAO,SAAS,MAAM;AACpB,sBAAgB,UAAU;AAC1B,qBAAe;AAAA,IACjB;AAEA,WAAO,UAAU,MAAM;AACrB,cAAQ,MAAM,sCAAsC;AACpD,sBAAgB,UAAU;AAAA,IAC5B;AAEA,aAAS,KAAK,YAAY,MAAM;AAEhC,WAAO,MAAM;AACX,cAAQ;AAAA,IACV;AAAA,EAEF,GAAG,CAAC,OAAO,CAAC;AAEZ,MAAI,CAAC,KAAM,QAAO;AAClB,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,kKACT,YACI,gCACA,2BACN;AAAA,QACA,MAAK;AAAA,QACL,cAAY,QAAQ,OAAO;AAAA,QAE3B;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,OAAO,mBAAmB,yBAAyB;AAAA,cAE5D;AAAA,qCAAC,SAAI,WAAU,iDACZ;AAAA,6BACC;AAAA,oBAAC;AAAA;AAAA,sBACC,KAAK;AAAA,sBACL,KAAI;AAAA,sBACJ,OAAO;AAAA,sBACP,QAAQ;AAAA,sBACR,WAAU;AAAA;AAAA,kBACZ;AAAA,kBAEF,oBAAC,UAAM,mBAAQ;AAAA,mBACjB;AAAA,gBACA,qBAAC,SAAI,WAAU,2BACb;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAW,uNACT,eAAe,kCAAkC,EACnD;AAAA,sBACA,SAAS;AAAA,sBACT,UAAU;AAAA,sBACV,cACE,eACI,+BACA;AAAA,sBAEN,OAAO,EAAE,OAAO,mBAAmB,yBAAyB;AAAA,sBAE3D,yBACC;AAAA,wBAAC;AAAA;AAAA,0BACC,OAAM;AAAA,0BACN,QAAO;AAAA,0BACP,SAAQ;AAAA,0BACR,MAAK;AAAA,0BACL,QAAO;AAAA,0BACP,aAAY;AAAA,0BACZ,eAAc;AAAA,0BACd,gBAAe;AAAA,0BACf,eAAY;AAAA,0BACZ,WAAU;AAAA,0BAEV,8BAAC,UAAK,GAAE,8BAA6B;AAAA;AAAA,sBACvC,IAEA;AAAA,wBAAC;AAAA;AAAA,0BACC,OAAM;AAAA,0BACN,QAAO;AAAA,0BACP,SAAQ;AAAA,0BACR,MAAK;AAAA,0BACL,QAAO;AAAA,0BACP,aAAY;AAAA,0BACZ,eAAc;AAAA,0BACd,gBAAe;AAAA,0BACf,eAAY;AAAA,0BAEZ;AAAA,gDAAC,UAAK,GAAE,qDAAoD;AAAA,4BAC5D,oBAAC,UAAK,GAAE,YAAW;AAAA;AAAA;AAAA,sBACrB;AAAA;AAAA,kBAEJ;AAAA,kBACA;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAU;AAAA,sBACV,SAAS,MAAM,uBAAuB,KAAK;AAAA,sBAC3C,cAAW;AAAA,sBACX,OAAO,EAAE,OAAO,mBAAmB,yBAAyB;AAAA,sBAE5D;AAAA,wBAAC;AAAA;AAAA,0BACC,OAAM;AAAA,0BACN,QAAO;AAAA,0BACP,SAAQ;AAAA,0BACR,MAAK;AAAA,0BACL,QAAO;AAAA,0BACP,aAAY;AAAA,0BACZ,eAAc;AAAA,0BACd,gBAAe;AAAA,0BACf,eAAY;AAAA,0BAEZ;AAAA,gDAAC,UAAK,IAAG,MAAK,IAAG,KAAI,IAAG,KAAI,IAAG,MAAK;AAAA,4BACpC,oBAAC,UAAK,IAAG,KAAI,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK;AAAA;AAAA;AAAA,sBACtC;AAAA;AAAA,kBACF;AAAA,mBACF;AAAA;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cAEC,WAAU;AAAA,cACV,MAAK;AAAA,cACL,KAAK;AAAA,cAEJ,0BACC,oBAAC,SAAI,WAAU,wEACb,+BAAC,SAAI,WAAU,kDACb;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,QAAO;AAAA,oBACP,aAAY;AAAA,oBAEZ,8BAAC,UAAK,GAAE,8BAA6B;AAAA;AAAA,gBACvC;AAAA,gBACA,oBAAC,UAAK,WAAU,uBAAsB,4CAEtC;AAAA,iBACF,GACF;AAAA;AAAA,YArBG;AAAA,UAuBP;AAAA;AAAA;AAAA,IACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,ySAAyS,YAAY,yDAAyD,uBAAuB;AAAA,QAChZ,SAAS,MAAM,uBAAuB,IAAI;AAAA,QAC1C,cAAW;AAAA,QAEX;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA,YACf,eAAY;AAAA,YAEZ,8BAAC,UAAK,GAAE,iEAAgE;AAAA;AAAA,QAC1E;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":["React","React"]}

package/dist/server/index.d.ts

@@ -1,6 +1,4 @@
 import { LogChatErrorInput } from '@agentcrafta/core';
-export { C as ChatServer } from '../chat-server-DoG_Rvk7.js';
-import 'react/jsx-runtime';
 
 declare const getRegionalSettings: () => Promise<any>;
 declare const getConversationToken: () => Promise<string>;

package/dist/server/index.js

@@ -1,12 +1,10 @@
 import {
-  ChatServer,
   getChatStoreConfig,
   getConversationToken,
   getRegionalSettings,
   logChatError
-} from "../chunk-MOTD6MKH.js";
+} from "../chunk-RKYHRGFI.js";
 export {
-  ChatServer,
   getChatStoreConfig,
   getConversationToken,
   getRegionalSettings,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentcrafta/chat-next",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "type": "module",
   "sideEffects": false,
   "description": "Customizable chat agent",

package/dist/chat-server-DoG_Rvk7.d.ts

@@ -1,20 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { StyleOptions } from '@agentcrafta/core';
-
-type ChatProps = {
-    show?: boolean;
-    botName?: string;
-    logoUrl?: string;
-    styleOptions?: Partial<StyleOptions>;
-};
-/**
- * @description Componente de servidor para el chat. Este componente se encarga de manejar la lógica del servidor y la comunicación con el cliente.
- * @param botName Nombre del bot a mostrar en el encabezado del chat
- * @param logoUrl URL del logo a mostrar junto al nombre del bot (opcional)
- * @param show Indica si el chat debe mostrarse o no (por defecto es true)
- * @param styleOptions: StyleOptions Opciones de estilo personalizadas para el chat (opcional)
- * @returns
- */
-declare function ChatServer(props: ChatProps): react_jsx_runtime.JSX.Element;
-
-export { ChatServer as C };

package/dist/chunk-MOTD6MKH.js

@@ -1,410 +0,0 @@
-// src/server/actions.ts
-import "@agentcrafta/core";
-var tokenEndpoint = process.env.TOKEN_AGENTE_URL || "";
-var getRegionalSettings = async () => {
-  if (!tokenEndpoint || tokenEndpoint.trim() === "") {
-    throw new Error("Token endpoint no configurado");
-  }
-  const environmentEndPoint = tokenEndpoint.slice(
-    0,
-    tokenEndpoint.indexOf("/powervirtualagents")
-  );
-  const regex = /api-version=([^&]+)/;
-  const apiVersionMatch = regex.exec(tokenEndpoint);
-  const apiVersion = apiVersionMatch ? apiVersionMatch[1] : "2022-03-01-preview";
-  const regionalChannelSettingsURL = `${environmentEndPoint}/powervirtualagents/regionalchannelsettings?api-version=${apiVersion}`;
-  const response = await fetch(regionalChannelSettingsURL);
-  if (!response.ok) {
-    throw new Error(`Error ${response.status}: ${response.statusText}`);
-  }
-  const data = await response.json();
-  return data;
-};
-var getConversationToken = async () => {
-  if (!tokenEndpoint || tokenEndpoint.trim() === "") {
-    throw new Error("Token endpoint no configurado");
-  }
-  const conversationResponse = await fetch(tokenEndpoint);
-  if (!conversationResponse.ok) {
-    throw new Error(
-      `Error al obtener token: ${conversationResponse.status} ${conversationResponse.statusText}`
-    );
-  }
-  const conversationInfo = await conversationResponse.json();
-  if (!conversationInfo.token)
-    throw new Error("Token no encontrado en la respuesta");
-  return conversationInfo.token;
-};
-var getChatStoreConfig = async () => {
-  const config = {
-    initialState: {},
-    eventConfig: {
-      startConversation: {
-        channelData: { postBack: true },
-        name: "startConversation",
-        type: "event"
-      }
-    },
-    filterConfig: {
-      enableTraceFilter: true,
-      traceErrorMessage: "Error de conectividad"
-    }
-  };
-  return config;
-};
-var logChatError = async (input) => {
-  console.error("[Chat Error]:", {
-    timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-    ...input
-  });
-  return { logged: true };
-};
-
-// src/client/chat.tsx
-import React2 from "react";
-
-// src/client/use-chat.ts
-import React from "react";
-import {
-  TypeDispatch,
-  styleOptionsBase
-} from "@agentcrafta/core";
-var useChat = (styleOptionsProps) => {
-  const [isVisible, setIsVisible] = React.useState(false);
-  const [isRestarting, setIsRestarting] = React.useState(false);
-  const [chatKey, setChatKey] = React.useState(Date.now());
-  const webChatRef = React.useRef(null);
-  const webChatInstanceRef = React.useRef(null);
-  const directLineUrlRef = React.useRef(null);
-  const isInitializedRef = React.useRef(false);
-  const styleOptionsMerged = { ...styleOptionsBase, ...styleOptionsProps };
-  const handleChangeVisibility = (visible) => {
-    setIsVisible(visible);
-  };
-  const createCustomStore = async () => {
-    const configResult = await getChatStoreConfig();
-    const { eventConfig, filterConfig, initialState } = configResult ?? {};
-    return globalThis.window.WebChat.createStore(
-      initialState || {},
-      ({ dispatch }) => (next) => (action) => {
-        if (action.type === TypeDispatch.CONNECTED_FULFILLED) {
-          dispatch({
-            type: TypeDispatch.POST_ACTIVITY,
-            meta: { method: "keyboard" },
-            payload: {
-              activity: eventConfig?.startConversation || {
-                channelData: { postBack: true },
-                name: "startConversation",
-                type: "event"
-              }
-            }
-          });
-        }
-        if (action.type === TypeDispatch.INCOMING_ACTIVITY && action.payload?.activity?.type === "trace") {
-          const errorMessage = filterConfig?.traceErrorMessage || "Error de conectividad";
-          console.error(errorMessage);
-          logChatError({
-            errorType: "trace_activity",
-            errorMessage: "Trace activity filtered",
-            actionType: action.type
-          });
-          return action;
-        }
-        return next(action);
-      }
-    );
-  };
-  const restartConversation = async () => {
-    if (isRestarting) return;
-    try {
-      setIsRestarting(true);
-      isInitializedRef.current = false;
-      webChatInstanceRef.current = null;
-      setChatKey(Date.now());
-    } catch (err) {
-      const errorMessage = err instanceof Error ? err.message : "Error desconocido";
-      console.error("Error al reiniciar conversaci\xF3n:", errorMessage);
-      logChatError({
-        errorType: "restart_conversation",
-        errorMessage,
-        actionType: "Error reiniciando conversaci\xF3n"
-      });
-    } finally {
-      setIsRestarting(false);
-    }
-  };
-  const initializeChat = async () => {
-    if (isInitializedRef.current) return;
-    try {
-      const data = await getRegionalSettings();
-      directLineUrlRef.current = data.channelUrlsById.directline;
-      if (!directLineUrlRef.current) {
-        logChatError({
-          errorType: "initialize_chat",
-          errorMessage: "DirectLine URL not found in regional settings",
-          actionType: "Error inicializando chat"
-        });
-        console.error("No se pudo obtener la URL de DirectLine");
-        return;
-      }
-      const token = await getConversationToken();
-      const directLine = globalThis.window.WebChat.createDirectLine({
-        domain: `${directLineUrlRef.current}v3/directline`,
-        token
-      });
-      if (webChatRef.current && !isInitializedRef.current) {
-        const store = await createCustomStore();
-        webChatInstanceRef.current = globalThis.window.WebChat.renderWebChat(
-          {
-            directLine,
-            styleOptions: styleOptionsMerged,
-            store
-          },
-          webChatRef.current
-        );
-        isInitializedRef.current = true;
-      }
-    } catch (err) {
-      const errorMessage = err instanceof Error ? err.message : "Error desconocido";
-      console.error("Error detallado al inicializar el chat:", err);
-      logChatError({
-        errorType: "initialize_chat",
-        errorMessage,
-        actionType: "Error inicializando chat"
-      });
-    }
-  };
-  const cleanup = () => {
-    isInitializedRef.current = false;
-    webChatInstanceRef.current = null;
-  };
-  return {
-    isVisible,
-    isRestarting,
-    chatKey,
-    webChatRef,
-    styleOptionsMerged,
-    handleChangeVisibility,
-    initializeChat,
-    restartConversation,
-    cleanup
-  };
-};
-
-// src/client/chat.tsx
-import "@agentcrafta/core";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Chat = ({
-  botName = "Agent",
-  show = true,
-  logoUrl,
-  styleOptions
-}) => {
-  const {
-    isVisible,
-    isRestarting,
-    chatKey,
-    webChatRef,
-    styleOptionsMerged,
-    initializeChat,
-    restartConversation,
-    cleanup,
-    handleChangeVisibility
-  } = useChat(styleOptions);
-  const scriptLoadedRef = React2.useRef(false);
-  React2.useEffect(() => {
-    if (!show) return;
-    const existingScript = document.querySelector(
-      'script[src*="botframework-webchat"]'
-    );
-    if (existingScript || scriptLoadedRef.current) {
-      if (globalThis.window.WebChat) {
-        initializeChat();
-      }
-      return;
-    }
-    const script = document.createElement("script");
-    script.src = "https://cdn.botframework.com/botframework-webchat/latest/webchat.js";
-    script.async = true;
-    script.onload = () => {
-      scriptLoadedRef.current = true;
-      initializeChat();
-    };
-    script.onerror = () => {
-      console.error("Error al cargar el script de WebChat");
-      scriptLoadedRef.current = false;
-    };
-    document.head.appendChild(script);
-    return () => {
-      cleanup();
-    };
-  }, [chatKey]);
-  if (!show) return null;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: `fixed bottom-8 right-8 z-[999] h-[520px] w-[450px] origin-bottom-right overflow-hidden rounded-2xl bg-white shadow-2xl transition-all duration-300 ease-in-out ${isVisible ? "block scale-100 opacity-100" : "hidden scale-95 opacity-0"}`,
-        role: "complementary",
-        "aria-label": `Chat ${botName}`,
-        children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "flex h-14 items-center justify-between bg-primary px-5 py-4 text-white",
-              style: { color: styleOptionsMerged.suggestedActionTextColor },
-              children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-base font-medium", children: [
-                  logoUrl && /* @__PURE__ */ jsx(
-                    "img",
-                    {
-                      src: logoUrl,
-                      alt: "Logo",
-                      width: 24,
-                      height: 24,
-                      className: "h-7 w-7 rounded-sm"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("span", { children: botName })
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-                  /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      className: `flex cursor-pointer items-center justify-center rounded-lg border-none bg-transparent p-2 transition-all duration-200 hover:bg-white/10 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-white/50 ${isRestarting ? "cursor-not-allowed opacity-50" : ""}`,
-                      onClick: restartConversation,
-                      disabled: isRestarting,
-                      "aria-label": isRestarting ? "Restarting Conversation..." : "Restart Conversation",
-                      style: { color: styleOptionsMerged.suggestedActionTextColor },
-                      children: isRestarting ? /* @__PURE__ */ jsx(
-                        "svg",
-                        {
-                          width: "20",
-                          height: "20",
-                          viewBox: "0 0 24 24",
-                          fill: "none",
-                          stroke: "currentColor",
-                          strokeWidth: "2",
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round",
-                          "aria-hidden": "true",
-                          className: "animate-spin",
-                          children: /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 11-6.219-8.56" })
-                        }
-                      ) : /* @__PURE__ */ jsxs(
-                        "svg",
-                        {
-                          width: "20",
-                          height: "20",
-                          viewBox: "0 0 24 24",
-                          fill: "none",
-                          stroke: "currentColor",
-                          strokeWidth: "2",
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round",
-                          "aria-hidden": "true",
-                          children: [
-                            /* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
-                            /* @__PURE__ */ jsx("path", { d: "M3 3v5h5" })
-                          ]
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      className: "flex cursor-pointer items-center justify-center rounded-lg border-none bg-transparent p-2 transition-all duration-200 hover:bg-white/10 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-white/50",
-                      onClick: () => handleChangeVisibility(false),
-                      "aria-label": "Close Chat",
-                      style: { color: styleOptionsMerged.suggestedActionTextColor },
-                      children: /* @__PURE__ */ jsxs(
-                        "svg",
-                        {
-                          width: "20",
-                          height: "20",
-                          viewBox: "0 0 24 24",
-                          fill: "none",
-                          stroke: "currentColor",
-                          strokeWidth: "2",
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round",
-                          "aria-hidden": "true",
-                          children: [
-                            /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                            /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-                          ]
-                        }
-                      )
-                    }
-                  )
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "relative h-[calc(100%-56px)] bg-gray-50",
-              role: "main",
-              ref: webChatRef,
-              children: isRestarting && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-gray-50/80", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 text-gray-600", children: [
-                /* @__PURE__ */ jsx(
-                  "svg",
-                  {
-                    className: "h-8 w-8 animate-spin",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    children: /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 11-6.219-8.56" })
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Reiniciando conversaci\xF3n..." })
-              ] }) })
-            },
-            chatKey
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        className: `focus:outline-3 fixed bottom-24 right-8 z-[998] flex h-16 w-16 cursor-pointer items-center justify-center rounded-full border-none bg-primary shadow-lg transition-all duration-300 ease-in-out hover:-translate-y-1 hover:shadow-xl focus:outline focus:outline-offset-2 focus:outline-indigo-500/50 ${isVisible ? "pointer-events-none translate-y-2 scale-95 opacity-0" : "scale-100 opacity-100"}`,
-        onClick: () => handleChangeVisibility(true),
-        "aria-label": "Open Chat Assistant",
-        children: /* @__PURE__ */ jsx(
-          "svg",
-          {
-            className: "h-7 w-7 text-white transition-transform",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
-          }
-        )
-      }
-    )
-  ] });
-};
-
-// src/server/chat-server.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function ChatServer(props) {
-  return /* @__PURE__ */ jsx2(Chat, { ...props });
-}
-
-export {
-  getRegionalSettings,
-  getConversationToken,
-  getChatStoreConfig,
-  logChatError,
-  ChatServer,
-  Chat
-};
-//# sourceMappingURL=chunk-MOTD6MKH.js.map

package/dist/chunk-MOTD6MKH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/server/actions.ts","../src/client/chat.tsx","../src/client/use-chat.ts","../src/server/chat-server.tsx"],"sourcesContent":["\"use server\";\r\n\r\nimport { type LogChatErrorInput } from \"@agentcrafta/core\";\r\n\r\nconst tokenEndpoint = process.env.TOKEN_AGENTE_URL || \"\";\r\n\r\n//#region Inicializar Chat\r\nexport const getRegionalSettings = async () => {\r\n  if (!tokenEndpoint || tokenEndpoint.trim() === \"\") {\r\n    throw new Error(\"Token endpoint no configurado\");\r\n  }\r\n  const environmentEndPoint = tokenEndpoint.slice(\r\n    0,\r\n    tokenEndpoint.indexOf(\"/powervirtualagents\"),\r\n  );\r\n  const regex = /api-version=([^&]+)/;\r\n  const apiVersionMatch = regex.exec(tokenEndpoint);\r\n  const apiVersion = apiVersionMatch\r\n    ? apiVersionMatch[1]\r\n    : \"2022-03-01-preview\";\r\n\r\n  const regionalChannelSettingsURL = `${environmentEndPoint}/powervirtualagents/regionalchannelsettings?api-version=${apiVersion}`;\r\n  const response = await fetch(regionalChannelSettingsURL);\r\n  if (!response.ok) {\r\n    throw new Error(`Error ${response.status}: ${response.statusText}`);\r\n  }\r\n  const data = await response.json();\r\n  return data;\r\n};\r\n\r\nexport const getConversationToken = async (): Promise<string> => {\r\n  if (!tokenEndpoint || tokenEndpoint.trim() === \"\") {\r\n    throw new Error(\"Token endpoint no configurado\");\r\n  }\r\n  const conversationResponse = await fetch(tokenEndpoint);\r\n  if (!conversationResponse.ok) {\r\n    throw new Error(\r\n      `Error al obtener token: ${conversationResponse.status} ${conversationResponse.statusText}`,\r\n    );\r\n  }\r\n  const conversationInfo = await conversationResponse.json();\r\n  if (!conversationInfo.token)\r\n    throw new Error(\"Token no encontrado en la respuesta\");\r\n  return conversationInfo.token;\r\n};\r\n//#endregion\r\n\r\n//#region Configuración Store Chat\r\nexport const getChatStoreConfig = async () => {\r\n  const config = {\r\n    initialState: {},\r\n    eventConfig: {\r\n      startConversation: {\r\n        channelData: { postBack: true },\r\n        name: \"startConversation\",\r\n        type: \"event\",\r\n      },\r\n    },\r\n    filterConfig: {\r\n      enableTraceFilter: true,\r\n      traceErrorMessage: \"Error de conectividad\",\r\n    },\r\n  };\r\n  return config;\r\n};\r\n//#endregion\r\n\r\n//#region Log de errores del chat\r\nexport const logChatError = async (input: LogChatErrorInput) => {\r\n  // Registrar errores en el servidor\r\n  console.error(\"[Chat Error]:\", {\r\n    timestamp: new Date().toISOString(),\r\n    ...input,\r\n  });\r\n\r\n  // Aquí podrías guardar en base de datos, enviar a servicio de logging, etc.\r\n\r\n  return { logged: true };\r\n};\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\nimport { useChat } from \"./use-chat\";\r\nimport { type StyleOptions, type WebChatLib } from \"@agentcrafta/core\";\r\n\r\ndeclare global {\r\n  interface Window {\r\n    WebChat: WebChatLib;\r\n  }\r\n}\r\n\r\ntype ChatProps = {\r\n  show?: boolean;\r\n  botName?: string;\r\n  logoUrl?: string;\r\n  styleOptions?: Partial<StyleOptions>;\r\n};\r\n\r\n/**\r\n * @description Componente de chat para interactuar con un agente virtual utilizando Bot Framework Web Chat. Permite iniciar y reiniciar conversaciones, y se adapta a la configuración de estilo definida en el hook useChat.\r\n * @param botName Nombre del bot a mostrar en el encabezado del chat\r\n * @param logoUrl URL del logo a mostrar junto al nombre del bot (opcional)\r\n * @param show Indica si el chat debe mostrarse o no (por defecto es true)\r\n * @param styleOptions: StyleOptions Opciones de estilo personalizadas para el chat (opcional)\r\n * @returns\r\n */\r\nexport const Chat = ({\r\n  botName = \"Agent\",\r\n  show = true,\r\n  logoUrl,\r\n  styleOptions,\r\n}: ChatProps) => {\r\n  const {\r\n    isVisible,\r\n    isRestarting,\r\n    chatKey,\r\n    webChatRef,\r\n    styleOptionsMerged,\r\n    initializeChat,\r\n    restartConversation,\r\n    cleanup,\r\n    handleChangeVisibility,\r\n  } = useChat(styleOptions);\r\n\r\n  const scriptLoadedRef = React.useRef(false);\r\n\r\n  React.useEffect(() => {\r\n    if (!show) return;\r\n    // Verificar si el script ya existe en el DOM\r\n    const existingScript = document.querySelector(\r\n      'script[src*=\"botframework-webchat\"]',\r\n    );\r\n\r\n    if (existingScript || scriptLoadedRef.current) {\r\n      // Si WebChat ya está disponible, inicializar\r\n      if (globalThis.window.WebChat) {\r\n        initializeChat();\r\n      }\r\n      return;\r\n    }\r\n\r\n    // Cargar el script solo si no existe\r\n    const script = document.createElement(\"script\");\r\n    script.src =\r\n      \"https://cdn.botframework.com/botframework-webchat/latest/webchat.js\";\r\n    script.async = true;\r\n\r\n    script.onload = () => {\r\n      scriptLoadedRef.current = true;\r\n      initializeChat();\r\n    };\r\n\r\n    script.onerror = () => {\r\n      console.error(\"Error al cargar el script de WebChat\");\r\n      scriptLoadedRef.current = false;\r\n    };\r\n\r\n    document.head.appendChild(script);\r\n\r\n    return () => {\r\n      cleanup();\r\n    };\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [chatKey]);\r\n\r\n  if (!show) return null;\r\n  return (\r\n    <>\r\n      <div\r\n        className={`fixed bottom-8 right-8 z-[999] h-[520px] w-[450px] origin-bottom-right overflow-hidden rounded-2xl bg-white shadow-2xl transition-all duration-300 ease-in-out ${\r\n          isVisible\r\n            ? \"block scale-100 opacity-100\"\r\n            : \"hidden scale-95 opacity-0\"\r\n        }`}\r\n        role=\"complementary\"\r\n        aria-label={`Chat ${botName}`}\r\n      >\r\n        <div\r\n          className=\"flex h-14 items-center justify-between bg-primary px-5 py-4 text-white\"\r\n          style={{ color: styleOptionsMerged.suggestedActionTextColor }}\r\n        >\r\n          <div className=\"flex items-center gap-3 text-base font-medium\">\r\n            {logoUrl && (\r\n              <img\r\n                src={logoUrl}\r\n                alt=\"Logo\"\r\n                width={24}\r\n                height={24}\r\n                className=\"h-7 w-7 rounded-sm\"\r\n              />\r\n            )}\r\n            <span>{botName}</span>\r\n          </div>\r\n          <div className=\"flex items-center gap-3\">\r\n            <button\r\n              className={`flex cursor-pointer items-center justify-center rounded-lg border-none bg-transparent p-2 transition-all duration-200 hover:bg-white/10 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-white/50 ${\r\n                isRestarting ? \"cursor-not-allowed opacity-50\" : \"\"\r\n              }`}\r\n              onClick={restartConversation}\r\n              disabled={isRestarting}\r\n              aria-label={\r\n                isRestarting\r\n                  ? \"Restarting Conversation...\"\r\n                  : \"Restart Conversation\"\r\n              }\r\n              style={{ color: styleOptionsMerged.suggestedActionTextColor }}\r\n            >\r\n              {isRestarting ? (\r\n                <svg\r\n                  width=\"20\"\r\n                  height=\"20\"\r\n                  viewBox=\"0 0 24 24\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  strokeWidth=\"2\"\r\n                  strokeLinecap=\"round\"\r\n                  strokeLinejoin=\"round\"\r\n                  aria-hidden=\"true\"\r\n                  className=\"animate-spin\"\r\n                >\r\n                  <path d=\"M21 12a9 9 0 11-6.219-8.56\" />\r\n                </svg>\r\n              ) : (\r\n                <svg\r\n                  width=\"20\"\r\n                  height=\"20\"\r\n                  viewBox=\"0 0 24 24\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  strokeWidth=\"2\"\r\n                  strokeLinecap=\"round\"\r\n                  strokeLinejoin=\"round\"\r\n                  aria-hidden=\"true\"\r\n                >\r\n                  <path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"></path>\r\n                  <path d=\"M3 3v5h5\"></path>\r\n                </svg>\r\n              )}\r\n            </button>\r\n            <button\r\n              className=\"flex cursor-pointer items-center justify-center rounded-lg border-none bg-transparent p-2 transition-all duration-200 hover:bg-white/10 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-white/50\"\r\n              onClick={() => handleChangeVisibility(false)}\r\n              aria-label=\"Close Chat\"\r\n              style={{ color: styleOptionsMerged.suggestedActionTextColor }}\r\n            >\r\n              <svg\r\n                width=\"20\"\r\n                height=\"20\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                strokeWidth=\"2\"\r\n                strokeLinecap=\"round\"\r\n                strokeLinejoin=\"round\"\r\n                aria-hidden=\"true\"\r\n              >\r\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\r\n                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\r\n              </svg>\r\n            </button>\r\n          </div>\r\n        </div>\r\n        <div\r\n          key={chatKey}\r\n          className=\"relative h-[calc(100%-56px)] bg-gray-50\"\r\n          role=\"main\"\r\n          ref={webChatRef}\r\n        >\r\n          {isRestarting && (\r\n            <div className=\"absolute inset-0 z-10 flex items-center justify-center bg-gray-50/80\">\r\n              <div className=\"flex flex-col items-center gap-3 text-gray-600\">\r\n                <svg\r\n                  className=\"h-8 w-8 animate-spin\"\r\n                  viewBox=\"0 0 24 24\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  strokeWidth=\"2\"\r\n                >\r\n                  <path d=\"M21 12a9 9 0 11-6.219-8.56\" />\r\n                </svg>\r\n                <span className=\"text-sm font-medium\">\r\n                  Reiniciando conversación...\r\n                </span>\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n\r\n      <button\r\n        className={`focus:outline-3 fixed bottom-24 right-8 z-[998] flex h-16 w-16 cursor-pointer items-center justify-center rounded-full border-none bg-primary shadow-lg transition-all duration-300 ease-in-out hover:-translate-y-1 hover:shadow-xl focus:outline focus:outline-offset-2 focus:outline-indigo-500/50 ${isVisible ? \"pointer-events-none translate-y-2 scale-95 opacity-0\" : \"scale-100 opacity-100\"}`}\r\n        onClick={() => handleChangeVisibility(true)}\r\n        aria-label=\"Open Chat Assistant\"\r\n      >\r\n        <svg\r\n          className=\"h-7 w-7 text-white transition-transform\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          strokeWidth=\"2\"\r\n          strokeLinecap=\"round\"\r\n          strokeLinejoin=\"round\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"></path>\r\n        </svg>\r\n      </button>\r\n    </>\r\n  );\r\n};\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\nimport {\r\n  TypeDispatch,\r\n  styleOptionsBase,\r\n  type StyleOptions,\r\n  type WebChatAction,\r\n  type WebChatStore,\r\n} from \"@agentcrafta/core\";\r\nimport {\r\n  getChatStoreConfig,\r\n  getConversationToken,\r\n  getRegionalSettings,\r\n  logChatError,\r\n} from \"../server\";\r\n\r\nexport const useChat = (styleOptionsProps?: Partial<StyleOptions>) => {\r\n  const [isVisible, setIsVisible] = React.useState(false);\r\n  const [isRestarting, setIsRestarting] = React.useState(false);\r\n  const [chatKey, setChatKey] = React.useState(Date.now());\r\n  const webChatRef = React.useRef<HTMLDivElement>(null);\r\n  const webChatInstanceRef = React.useRef<unknown>(null);\r\n  const directLineUrlRef = React.useRef<string | null>(null);\r\n  const isInitializedRef = React.useRef(false);\r\n\r\n  const styleOptionsMerged = { ...styleOptionsBase, ...styleOptionsProps };\r\n\r\n  const handleChangeVisibility = (visible: boolean) => {\r\n    setIsVisible(visible);\r\n  };\r\n\r\n  /**\r\n   * Crea una tienda personalizada para Web Chat que maneja la conexión y filtra actividades específicas.\r\n   *\r\n   * @returns action: WebChatAction\r\n   */\r\n  const createCustomStore = async () => {\r\n    const configResult = await getChatStoreConfig();\r\n    const { eventConfig, filterConfig, initialState } = configResult ?? {};\r\n\r\n    return globalThis.window.WebChat.createStore(\r\n      initialState || {},\r\n      ({ dispatch }: WebChatStore) =>\r\n        (next: (action: WebChatAction) => WebChatAction) =>\r\n        (action: WebChatAction) => {\r\n          if (action.type === TypeDispatch.CONNECTED_FULFILLED) {\r\n            dispatch({\r\n              type: TypeDispatch.POST_ACTIVITY,\r\n              meta: { method: \"keyboard\" },\r\n              payload: {\r\n                activity: eventConfig?.startConversation || {\r\n                  channelData: { postBack: true },\r\n                  name: \"startConversation\",\r\n                  type: \"event\",\r\n                },\r\n              },\r\n            });\r\n          }\r\n\r\n          // Filtrar actividades trace con configuración del servidor\r\n          if (\r\n            action.type === TypeDispatch.INCOMING_ACTIVITY &&\r\n            action.payload?.activity?.type === \"trace\"\r\n          ) {\r\n            const errorMessage =\r\n              filterConfig?.traceErrorMessage || \"Error de conectividad\";\r\n            console.error(errorMessage);\r\n            // Mostrar mensaje de error al usuario con toast o similar\r\n            logChatError({\r\n              errorType: \"trace_activity\",\r\n              errorMessage: \"Trace activity filtered\",\r\n              actionType: action.type,\r\n            });\r\n\r\n            return action;\r\n          }\r\n\r\n          return next(action);\r\n        },\r\n    );\r\n  };\r\n\r\n  /**\r\n   * Reinicia la conversación del chat usando el patrón React key para remount completo.\r\n   * @returns\r\n   */\r\n  const restartConversation = async () => {\r\n    if (isRestarting) return;\r\n\r\n    try {\r\n      setIsRestarting(true);\r\n      isInitializedRef.current = false;\r\n      webChatInstanceRef.current = null;\r\n      setChatKey(Date.now());\r\n    } catch (err) {\r\n      const errorMessage =\r\n        err instanceof Error ? err.message : \"Error desconocido\";\r\n      console.error(\"Error al reiniciar conversación:\", errorMessage);\r\n      logChatError({\r\n        errorType: \"restart_conversation\",\r\n        errorMessage,\r\n        actionType: \"Error reiniciando conversación\",\r\n      });\r\n      // Mostrar mensaje de error al usuario con toast o similar\r\n    } finally {\r\n      setIsRestarting(false);\r\n    }\r\n  };\r\n\r\n  /**\r\n   *  Inicializa el chat embebido obteniendo la URL de DirectLine y el token de conversación.\r\n   * @returns\r\n   */\r\n  const initializeChat = async () => {\r\n    if (isInitializedRef.current) return;\r\n\r\n    try {\r\n      const data = await getRegionalSettings();\r\n      directLineUrlRef.current = data.channelUrlsById.directline;\r\n\r\n      if (!directLineUrlRef.current) {\r\n        logChatError({\r\n          errorType: \"initialize_chat\",\r\n          errorMessage: \"DirectLine URL not found in regional settings\",\r\n          actionType: \"Error inicializando chat\",\r\n        });\r\n        console.error(\"No se pudo obtener la URL de DirectLine\");\r\n        // Mostrar mensaje de error al usuario con toast o similar\r\n        return;\r\n      }\r\n      const token = await getConversationToken();\r\n      const directLine = globalThis.window.WebChat.createDirectLine({\r\n        domain: `${directLineUrlRef.current}v3/directline`,\r\n        token,\r\n      });\r\n\r\n      if (webChatRef.current && !isInitializedRef.current) {\r\n        const store = await createCustomStore();\r\n        webChatInstanceRef.current = globalThis.window.WebChat.renderWebChat(\r\n          {\r\n            directLine,\r\n            styleOptions: styleOptionsMerged,\r\n            store,\r\n          },\r\n          webChatRef.current,\r\n        );\r\n        isInitializedRef.current = true;\r\n      }\r\n    } catch (err) {\r\n      const errorMessage =\r\n        err instanceof Error ? err.message : \"Error desconocido\";\r\n      console.error(\"Error detallado al inicializar el chat:\", err);\r\n      logChatError({\r\n        errorType: \"initialize_chat\",\r\n        errorMessage,\r\n        actionType: \"Error inicializando chat\",\r\n      });\r\n      // Mostrar mensaje de error al usuario con toast o similar\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Limpia la instancia del chat embebido de forma simple.\r\n   */\r\n  const cleanup = () => {\r\n    isInitializedRef.current = false;\r\n    webChatInstanceRef.current = null;\r\n    // No manipular DOM directamente - dejar que React maneje el ciclo de vida\r\n  };\r\n\r\n  return {\r\n    isVisible,\r\n    isRestarting,\r\n    chatKey,\r\n    webChatRef,\r\n    styleOptionsMerged,\r\n    handleChangeVisibility,\r\n    initializeChat,\r\n    restartConversation,\r\n    cleanup,\r\n  };\r\n};\r\n","import type { StyleOptions } from \"@agentcrafta/core\";\r\nimport { Chat } from \"../client\";\r\n\r\ntype ChatProps = {\r\n  show?: boolean;\r\n  botName?: string;\r\n  logoUrl?: string;\r\n  styleOptions?: Partial<StyleOptions>;\r\n};\r\n\r\n/**\r\n * @description Componente de servidor para el chat. Este componente se encarga de manejar la lógica del servidor y la comunicación con el cliente.\r\n * @param botName Nombre del bot a mostrar en el encabezado del chat\r\n * @param logoUrl URL del logo a mostrar junto al nombre del bot (opcional)\r\n * @param show Indica si el chat debe mostrarse o no (por defecto es true)\r\n * @param styleOptions: StyleOptions Opciones de estilo personalizadas para el chat (opcional)\r\n * @returns\r\n */\r\nexport function ChatServer(props: ChatProps) {\r\n  return <Chat {...props} />;\r\n}\r\n"],"mappings":"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","names":["React","React","jsx"]}