@agentcrafta/chat-next 0.0.4 → 0.0.5

package/dist/{chunk-RKYHRGFI.js → chunk-Y2JYBEV6.js}

@@ -1,14 +1,6 @@
 // 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();
+var getRegionalSettings = async (tokenEndpoint) => {
   if (!tokenEndpoint || tokenEndpoint.trim() === "") {
     throw new Error("Token endpoint no configurado");
   }
@@ -27,8 +19,7 @@ var getRegionalSettings = async () => {
   const data = await response.json();
   return data;
 };
-var getConversationToken = async () => {
-  const tokenEndpoint = getTokenEndpoint();
+var getConversationToken = async (tokenEndpoint) => {
   if (!tokenEndpoint || tokenEndpoint.trim() === "") {
     throw new Error("Token endpoint no configurado");
   }
@@ -74,4 +65,4 @@ export {
   getChatStoreConfig,
   logChatError
 };
-//# sourceMappingURL=chunk-RKYHRGFI.js.map
+//# sourceMappingURL=chunk-Y2JYBEV6.js.map

package/dist/chunk-Y2JYBEV6.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\n//#region Inicializar Chat\r\nexport const getRegionalSettings = async (tokenEndpoint?: string) => {\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 (\r\n  tokenEndpoint?: string,\r\n): 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"],"mappings":";AAEA,OAAuC;AAGhC,IAAM,sBAAsB,OAAO,kBAA2B;AACnE,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,OAClC,kBACoB;AACpB,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

@@ -11,6 +11,7 @@ type ChatProps = {
     botName?: string;
     logoUrl?: string;
     styleOptions?: Partial<StyleOptions>;
+    entryPoint: string;
 };
 /**
  * @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.
@@ -18,8 +19,9 @@ type ChatProps = {
  * @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)
+ * @param entryPoint Punto de entrada para la conversación (opcional)
  * @returns
  */
-declare const Chat: ({ botName, show, logoUrl, styleOptions, }: ChatProps) => react_jsx_runtime.JSX.Element | null;
+declare const Chat: ({ botName, show, logoUrl, styleOptions, entryPoint, }: ChatProps) => react_jsx_runtime.JSX.Element | null;
 
 export { Chat };

package/dist/index.js

@@ -3,7 +3,7 @@ import {
   getConversationToken,
   getRegionalSettings,
   logChatError
-} from "./chunk-RKYHRGFI.js";
+} from "./chunk-Y2JYBEV6.js";
 
 // src/client/chat.tsx
 import React2 from "react";
@@ -14,7 +14,7 @@ import {
   TypeDispatch,
   styleOptionsBase
 } from "@agentcrafta/core";
-var useChat = (styleOptionsProps) => {
+var useChat = (styleOptionsProps, entryPoint) => {
   const [isVisible, setIsVisible] = React.useState(false);
   const [isRestarting, setIsRestarting] = React.useState(false);
   const [chatKey, setChatKey] = React.useState(Date.now());
@@ -81,7 +81,7 @@ var useChat = (styleOptionsProps) => {
   const initializeChat = async () => {
     if (isInitializedRef.current) return;
     try {
-      const data = await getRegionalSettings();
+      const data = await getRegionalSettings(entryPoint);
       directLineUrlRef.current = data.channelUrlsById.directline;
       if (!directLineUrlRef.current) {
         logChatError({
@@ -92,7 +92,7 @@ var useChat = (styleOptionsProps) => {
         console.error("No se pudo obtener la URL de DirectLine");
         return;
       }
-      const token = await getConversationToken();
+      const token = await getConversationToken(entryPoint);
       const directLine = globalThis.window.WebChat.createDirectLine({
         domain: `${directLineUrlRef.current}v3/directline`,
         token
@@ -143,7 +143,8 @@ var Chat = ({
   botName = "Agent",
   show = true,
   logoUrl,
-  styleOptions
+  styleOptions,
+  entryPoint
 }) => {
   const {
     isVisible,
@@ -155,7 +156,7 @@ var Chat = ({
     restartConversation,
     cleanup,
     handleChangeVisibility
-  } = useChat(styleOptions);
+  } = useChat(styleOptions, entryPoint);
   const scriptLoadedRef = React2.useRef(false);
   React2.useEffect(() => {
     if (!show) return;

package/dist/index.js.map

@@ -1 +1 @@
-{"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":"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","names":["React","React"]}
+{"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  entryPoint: string;\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 * @param entryPoint Punto de entrada para la conversación (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  entryPoint,\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  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 = (\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"],"mappings":"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","names":["React","React"]}

package/dist/server/index.d.ts

@@ -1,7 +1,7 @@
 import { LogChatErrorInput } from '@agentcrafta/core';
 
-declare const getRegionalSettings: () => Promise<any>;
-declare const getConversationToken: () => Promise<string>;
+declare const getRegionalSettings: (tokenEndpoint?: string) => Promise<any>;
+declare const getConversationToken: (tokenEndpoint?: string) => Promise<string>;
 declare const getChatStoreConfig: () => Promise<{
     initialState: {};
     eventConfig: {

package/dist/server/index.js

@@ -3,7 +3,7 @@ import {
   getConversationToken,
   getRegionalSettings,
   logChatError
-} from "../chunk-RKYHRGFI.js";
+} from "../chunk-Y2JYBEV6.js";
 export {
   getChatStoreConfig,
   getConversationToken,

package/package.json

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

package/dist/chunk-RKYHRGFI.js.map

@@ -1 +0,0 @@
-{"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":[]}