@agentcrafta/chat-next 0.0.6 → 0.0.7

package/dist/index.js

@@ -149,6 +149,8 @@ var ChatButtonDefault = ({ toggle, isVisible }) => {
       onClick: toggle,
       className: `flex h-16 w-16 items-center justify-center rounded-full bg-primary shadow-lg transition-all duration-300 hover:-translate-y-1 hover:shadow-xl ${isVisible ? "pointer-events-none translate-y-2 scale-95 opacity-0" : "scale-100 opacity-100"}`,
       "aria-label": "Open Chat Assistant",
+      "aria-expanded": isVisible,
+      "aria-controls": "agentcrafta-chat-window",
       children: /* @__PURE__ */ jsx(
         "svg",
         {
@@ -175,6 +177,12 @@ var positionClasses = {
   "top-right": "top-8 right-8",
   "top-left": "top-8 left-8"
 };
+var originClasses = {
+  "bottom-right": "origin-bottom-right",
+  "bottom-left": "origin-bottom-left",
+  "top-right": "origin-top-right",
+  "top-left": "origin-top-left"
+};
 var Chat = ({
   botName = "Agent",
   show = true,
@@ -195,17 +203,29 @@ var Chat = ({
     cleanup,
     handleChangeVisibility
   } = useChat(styleOptions, entryPoint);
+  const [portalContainer, setPortalContainer] = React2.useState(null);
+  const initializedRef = React2.useRef(false);
   const scriptLoadedRef = React2.useRef(false);
   const toggle = () => handleChangeVisibility(!isVisible);
   const button = chatButton ? chatButton({ isVisible, toggle }) : /* @__PURE__ */ jsx2(ChatButtonDefault, { isVisible, toggle });
   React2.useEffect(() => {
-    if (!show) return;
+    let container = document.getElementById("agentcrafta-chat-root");
+    if (!container) {
+      container = document.createElement("div");
+      container.id = "agentcrafta-chat-root";
+      document.body.appendChild(container);
+    }
+    setPortalContainer(container);
+  }, []);
+  React2.useEffect(() => {
+    if (!show || !portalContainer) return;
     const existingScript = document.querySelector(
       'script[src*="botframework-webchat"]'
     );
-    if (existingScript || scriptLoadedRef.current) {
+    if ((existingScript || scriptLoadedRef.current) && !initializedRef.current) {
       if (globalThis.window.WebChat) {
         initializeChat();
+        initializedRef.current = true;
       }
       return;
     }
@@ -214,7 +234,10 @@ var Chat = ({
     script.async = true;
     script.onload = () => {
       scriptLoadedRef.current = true;
-      initializeChat();
+      if (!initializedRef.current) {
+        initializeChat();
+        initializedRef.current = true;
+      }
     };
     script.onerror = () => {
       console.error("Error al cargar el script de WebChat");
@@ -224,19 +247,21 @@ var Chat = ({
     return () => {
       cleanup();
     };
-  }, [chatKey]);
-  if (!show) return null;
+  }, [chatKey, portalContainer, show]);
+  if (!show || !portalContainer) return null;
   return createPortal(
     /* @__PURE__ */ jsxs(
       "div",
       {
         className: `fixed ${positionClasses[position]} z-[999]`,
-        "aria-live": "polite",
+        role: "dialog",
+        "aria-modal": "false",
         children: [
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: `mb-4 h-[520px] w-[450px] origin-bottom-right overflow-hidden rounded-2xl bg-white shadow-2xl transition-all duration-300 ease-in-out ${isVisible ? "scale-100 opacity-100" : "pointer-events-none scale-95 opacity-0"}`,
+              id: "agentcrafta-chat-window",
+              className: `mb-4 h-[520px] w-[450px] ${originClasses[position]} overflow-hidden rounded-2xl bg-white shadow-2xl transition-all duration-300 ease-in-out ${isVisible ? "scale-100 opacity-100" : "pointer-events-none scale-95 opacity-0"}`,
               role: "complementary",
               "aria-label": `Chat ${botName}`,
               children: [
@@ -361,7 +386,7 @@ var Chat = ({
         ]
       }
     ),
-    document.body
+    portalContainer
   );
 };
 export {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/client/chat.tsx","../src/client/use-chat.ts","../src/client/chat-button-default.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { useChat } from \"./use-chat\";\r\nimport { type StyleOptions, type WebChatLib } from \"@agentcrafta/core\";\r\nimport { ChatButtonDefault } from \"./chat-button-default\";\r\n\r\ndeclare global {\r\n  interface Window {\r\n    WebChat: WebChatLib;\r\n  }\r\n}\r\n\r\ntype Position = \"bottom-right\" | \"bottom-left\" | \"top-right\" | \"top-left\";\r\n\r\ntype ChatButtonProps = {\r\n  isVisible: boolean;\r\n  toggle: () => void;\r\n};\r\n\r\ntype ChatProps = {\r\n  show?: boolean;\r\n  botName?: string;\r\n  logoUrl?: string;\r\n  chatButton?: (props: ChatButtonProps) => React.ReactNode;\r\n  styleOptions?: Partial<StyleOptions>;\r\n  entryPoint: string;\r\n  position?: Position;\r\n};\r\n\r\nconst positionClasses: Record<Position, string> = {\r\n  \"bottom-right\": \"bottom-8 right-8\",\r\n  \"bottom-left\": \"bottom-8 left-8\",\r\n  \"top-right\": \"top-8 right-8\",\r\n  \"top-left\": \"top-8 left-8\",\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 chatButton Elemento de botón personalizado para abrir el chat (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 * @param entryPoint Punto de entrada para la conversación (opcional)\r\n * @param position Posición del chat en la pantalla (por defecto es \"bottom-right\")\r\n * @returns\r\n */\r\nexport const Chat = ({\r\n  botName = \"Agent\",\r\n  show = true,\r\n  logoUrl,\r\n  chatButton,\r\n  styleOptions,\r\n  entryPoint,\r\n  position = \"bottom-right\",\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, entryPoint);\r\n\r\n  const scriptLoadedRef = React.useRef(false);\r\n\r\n  const toggle = () => handleChangeVisibility(!isVisible);\r\n\r\n  const button = chatButton ? (\r\n    chatButton({ isVisible, toggle })\r\n  ) : (\r\n    <ChatButtonDefault isVisible={isVisible} toggle={toggle} />\r\n  );\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\r\n  return createPortal(\r\n    <div\r\n      className={`fixed ${positionClasses[position]} z-[999]`}\r\n      aria-live=\"polite\"\r\n    >\r\n      <div\r\n        className={`mb-4 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            ? \"scale-100 opacity-100\"\r\n            : \"pointer-events-none 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 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              onClick={restartConversation}\r\n              disabled={isRestarting}\r\n              className=\"rounded-lg p-2 transition hover:bg-white/10\"\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\r\n            <button\r\n              onClick={() => handleChangeVisibility(false)}\r\n              className=\"rounded-lg p-2 transition hover:bg-white/10\"\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\r\n        <div\r\n          key={chatKey}\r\n          ref={webChatRef}\r\n          className=\"relative h-[calc(100%-56px)] w-full bg-gray-50\"\r\n        />\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\r\n      {button}\r\n    </div>,\r\n    document.body,\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 = (\r\n  styleOptionsProps: Partial<StyleOptions> | undefined,\r\n  entryPoint: string,\r\n) => {\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(entryPoint);\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(entryPoint);\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","\"use client\";\r\ntype ChatButtonProps = {\r\n  isVisible: boolean;\r\n  toggle: () => void;\r\n};\r\n\r\nexport const ChatButtonDefault = ({ toggle, isVisible }: ChatButtonProps) => {\r\n  return (\r\n    <button\r\n      onClick={toggle}\r\n      className={`flex h-16 w-16 items-center justify-center rounded-full bg-primary shadow-lg transition-all duration-300 hover:-translate-y-1 hover:shadow-xl ${\r\n        isVisible\r\n          ? \"pointer-events-none translate-y-2 scale-95 opacity-0\"\r\n          : \"scale-100 opacity-100\"\r\n      }`}\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"],"mappings":"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","names":["React","jsx","React"]}
+{"version":3,"sources":["../src/client/chat.tsx","../src/client/use-chat.ts","../src/client/chat-button-default.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\nimport { useChat } from \"./use-chat\";\r\nimport { type StyleOptions, type WebChatLib } from \"@agentcrafta/core\";\r\nimport { ChatButtonDefault } from \"./chat-button-default\";\r\n\r\ndeclare global {\r\n  interface Window {\r\n    WebChat: WebChatLib;\r\n  }\r\n}\r\n\r\ntype Position = \"bottom-right\" | \"bottom-left\" | \"top-right\" | \"top-left\";\r\n\r\ntype ChatButtonProps = {\r\n  isVisible: boolean;\r\n  toggle: () => void;\r\n};\r\n\r\ntype ChatProps = {\r\n  show?: boolean;\r\n  botName?: string;\r\n  logoUrl?: string;\r\n  chatButton?: (props: ChatButtonProps) => React.ReactNode;\r\n  styleOptions?: Partial<StyleOptions>;\r\n  entryPoint: string;\r\n  position?: Position;\r\n};\r\n\r\nconst positionClasses: Record<Position, string> = {\r\n  \"bottom-right\": \"bottom-8 right-8\",\r\n  \"bottom-left\": \"bottom-8 left-8\",\r\n  \"top-right\": \"top-8 right-8\",\r\n  \"top-left\": \"top-8 left-8\",\r\n};\r\nconst originClasses: Record<Position, string> = {\r\n  \"bottom-right\": \"origin-bottom-right\",\r\n  \"bottom-left\": \"origin-bottom-left\",\r\n  \"top-right\": \"origin-top-right\",\r\n  \"top-left\": \"origin-top-left\",\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 chatButton Elemento de botón personalizado para abrir el chat (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 * @param entryPoint Punto de entrada para la conversación (opcional)\r\n * @param position Posición del chat en la pantalla (por defecto es \"bottom-right\")\r\n * @returns\r\n */\r\nexport const Chat = ({\r\n  botName = \"Agent\",\r\n  show = true,\r\n  logoUrl,\r\n  chatButton,\r\n  styleOptions,\r\n  entryPoint,\r\n  position = \"bottom-right\",\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, entryPoint);\r\n  const [portalContainer, setPortalContainer] =\r\n    React.useState<HTMLElement | null>(null);\r\n  const initializedRef = React.useRef(false);\r\n  const scriptLoadedRef = React.useRef(false);\r\n\r\n  const toggle = () => handleChangeVisibility(!isVisible);\r\n\r\n  const button = chatButton ? (\r\n    chatButton({ isVisible, toggle })\r\n  ) : (\r\n    <ChatButtonDefault isVisible={isVisible} toggle={toggle} />\r\n  );\r\n\r\n  React.useEffect(() => {\r\n    let container = document.getElementById(\"agentcrafta-chat-root\");\r\n\r\n    if (!container) {\r\n      container = document.createElement(\"div\");\r\n      container.id = \"agentcrafta-chat-root\";\r\n      document.body.appendChild(container);\r\n    }\r\n\r\n    setPortalContainer(container);\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    if (!show || !portalContainer) 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 (\r\n      (existingScript || scriptLoadedRef.current) &&\r\n      !initializedRef.current\r\n    ) {\r\n      // Si WebChat ya está disponible, inicializar\r\n      if (globalThis.window.WebChat) {\r\n        initializeChat();\r\n        initializedRef.current = true;\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      if (!initializedRef.current) {\r\n        initializeChat();\r\n        initializedRef.current = true;\r\n      }\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  }, [chatKey, portalContainer, show]);\r\n\r\n  if (!show || !portalContainer) return null;\r\n\r\n  return createPortal(\r\n    <div\r\n      className={`fixed ${positionClasses[position]} z-[999]`}\r\n      role=\"dialog\"\r\n      aria-modal=\"false\"\r\n    >\r\n      <div\r\n        id=\"agentcrafta-chat-window\"\r\n        className={`mb-4 h-[520px] w-[450px] ${originClasses[position]} overflow-hidden rounded-2xl bg-white shadow-2xl transition-all duration-300 ease-in-out ${\r\n          isVisible\r\n            ? \"scale-100 opacity-100\"\r\n            : \"pointer-events-none 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 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              onClick={restartConversation}\r\n              disabled={isRestarting}\r\n              className=\"rounded-lg p-2 transition hover:bg-white/10\"\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\r\n            <button\r\n              onClick={() => handleChangeVisibility(false)}\r\n              className=\"rounded-lg p-2 transition hover:bg-white/10\"\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\r\n        <div\r\n          key={chatKey}\r\n          ref={webChatRef}\r\n          className=\"relative h-[calc(100%-56px)] w-full bg-gray-50\"\r\n        />\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\r\n      {button}\r\n    </div>,\r\n    portalContainer,\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 = (\r\n  styleOptionsProps: Partial<StyleOptions> | undefined,\r\n  entryPoint: string,\r\n) => {\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(entryPoint);\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(entryPoint);\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","\"use client\";\r\ntype ChatButtonProps = {\r\n  isVisible: boolean;\r\n  toggle: () => void;\r\n};\r\n\r\nexport const ChatButtonDefault = ({ toggle, isVisible }: ChatButtonProps) => {\r\n  return (\r\n    <button\r\n      onClick={toggle}\r\n      className={`flex h-16 w-16 items-center justify-center rounded-full bg-primary shadow-lg transition-all duration-300 hover:-translate-y-1 hover:shadow-xl ${\r\n        isVisible\r\n          ? \"pointer-events-none translate-y-2 scale-95 opacity-0\"\r\n          : \"scale-100 opacity-100\"\r\n      }`}\r\n      aria-label=\"Open Chat Assistant\"\r\n      aria-expanded={isVisible}\r\n      aria-controls=\"agentcrafta-chat-window\"\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"],"mappings":"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","names":["React","jsx","React"]}

package/package.json

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