@blockspark/chat-widget 1.0.13 → 1.0.15

package/dist/components/ChatWidget.vue.cjs2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWidget.vue.cjs2.js","sources":["../../src/components/ChatWidget.vue"],"sourcesContent":["<template>\n  <div class=\"custom-chat-widget\" v-bind=\"$attrs\">\n    <!-- Welcome Popup -->\n    <div\n      v-if=\"state.showWelcomePopup && !state.isOpen\"\n      class=\"custom-welcome-popup\"\n      @click=\"handleOpenChat\"\n    >\n      <div class=\"custom-welcome-header\">\n        <div class=\"custom-welcome-title\">{{ config.welcomeTitle }}</div>\n        <button\n          class=\"custom-close-popup\"\n          @click.stop=\"handleCloseWelcomePopup\"\n          aria-label=\"Close welcome popup\"\n        >\n          ×\n        </button>\n      </div>\n      <div class=\"custom-welcome-message\">{{ config.welcomeMessage }}</div>\n      <div class=\"custom-welcome-cta\">{{ config.welcomeCta }}</div>\n    </div>\n\n    <!-- Chat Toggle Button -->\n    <button\n      v-if=\"!state.isOpen\"\n      class=\"custom-chat-toggle-btn\"\n      @click=\"handleOpenChat\"\n      aria-label=\"Open chat\"\n    >\n      <svg\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      >\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>\n      </svg>\n    </button>\n\n    <!-- Chat Window -->\n    <div v-if=\"state.isOpen\" class=\"custom-chat-window\">\n      <div class=\"custom-chat-header\">\n        <div class=\"custom-chat-header-content\">\n          <div class=\"custom-chat-title\">{{ config.title }}</div>\n          <div class=\"custom-chat-subtitle\">\n            {{ config.subtitle }}\n            <span v-if=\"state.chatMode === 'human'\" class=\"custom-mode-indicator\">\n              • {{ wsConnected ? '🟢 Connected' : '🟡 Connecting...' }}\n            </span>\n          </div>\n          <div v-if=\"state.chatMode === 'human'\" class=\"custom-mode-badge\">\n            Human Support Mode\n          </div>\n          <div v-if=\"state.chatMode === 'human'\" class=\"custom-agent-info\">\n            <span class=\"custom-agent-label\">Agent:</span>\n            <span class=\"custom-agent-name\">{{ currentAgent.name }}</span>\n          </div>\n          <div v-if=\"state.chatMode === 'ai'\" class=\"custom-mode-badge\">\n            Bot Mode\n          </div>\n        </div>\n        <button\n          class=\"custom-chat-close-btn\"\n          @click=\"handleCloseChat\"\n          aria-label=\"Close chat\"\n        >\n          ×\n        </button>\n      </div>\n\n      <div class=\"custom-chat-messages\" ref=\"messagesContainer\">\n        <!-- Empty State -->\n        <div v-if=\"isInitializing && state.messages.length === 0\" class=\"custom-chat-empty\">\n          <div class=\"custom-typing-indicator\">\n            <span></span>\n            <span></span>\n            <span></span>\n          </div>\n          <p>Initializing chat...</p>\n        </div>\n        <div v-else-if=\"!isInitializing && state.messages.length === 0\" class=\"custom-chat-empty\">\n          <div class=\"custom-chat-empty-icon\">👋</div>\n          <p>{{ config.emptyStateMessage }}</p>\n        </div>\n\n        <!-- Messages -->\n        <div\n          v-for=\"message in state.messages\"\n          :key=\"message.id\"\n          :class=\"[\n            'custom-message', \n            `custom-message-${message.sender}`,\n            { 'custom-handoff-message': isHandoffMessage(message.text) }\n          ]\"\n        >\n          <div \n            class=\"custom-message-content\"\n            :class=\"{ 'custom-handoff-content': isHandoffMessage(message.text) }\"\n            v-html=\"safeLinkifyText(message.text).replace(/\\n/g, '<br>')\"\n          ></div>\n          \n          <!-- Rich Content (Chips) -->\n          <div\n            v-if=\"message.richContent && Array.isArray(message.richContent) && message.richContent.length > 0\"\n            class=\"custom-chips-container\"\n          >\n            <template v-for=\"(contentGroup, groupIndex) in message.richContent\" :key=\"groupIndex\">\n              <template v-if=\"!Array.isArray(contentGroup)\">\n                <div\n                  v-if=\"contentGroup.type === 'chips' && contentGroup.options\"\n                  class=\"custom-chips-group\"\n                >\n                  <button\n                    v-for=\"(chip, chipIndex) in contentGroup.options\"\n                    :key=\"chipIndex\"\n                    class=\"custom-chip-button\"\n                    type=\"button\"\n                    @click=\"handleChipClick(chip.text, chip.payload)\"\n                  >\n                    {{ chip.text }}\n                  </button>\n                </div>\n              </template>\n              <template v-else>\n                <template\n                  v-for=\"(content, contentIndex) in contentGroup\"\n                  :key=\"`${groupIndex}-${contentIndex}`\"\n                >\n                  <div\n                    v-if=\"content.type === 'chips' && content.options\"\n                    class=\"custom-chips-group\"\n                  >\n                    <button\n                      v-for=\"(chip, chipIndex) in content.options\"\n                      :key=\"chipIndex\"\n                      class=\"custom-chip-button\"\n                      type=\"button\"\n                      @click=\"handleChipClick(chip.text, chip.payload)\"\n                    >\n                      {{ chip.text }}\n                    </button>\n                  </div>\n                </template>\n              </template>\n            </template>\n          </div>\n\n          <div class=\"custom-message-time\">\n            {{ formatTime(message.timestamp) }}\n          </div>\n        </div>\n\n        <!-- Loading Indicator -->\n        <div v-if=\"state.isLoading\" class=\"custom-message custom-message-bot\">\n          <div class=\"custom-typing-indicator\">\n            <span></span>\n            <span></span>\n            <span></span>\n          </div>\n        </div>\n\n        <!-- Connecting to Agent Indicator -->\n        <div v-if=\"isConnectingToAgent\" class=\"custom-message custom-message-bot\">\n          <div class=\"custom-typing-indicator\">\n            <span></span>\n            <span></span>\n            <span></span>\n          </div>\n          <div class=\"custom-message-content\">\n            Connecting to agent...\n          </div>\n        </div>\n\n        <!-- Agent Typing Indicator -->\n        <div v-if=\"state.chatMode === 'human' && agentTyping\" class=\"custom-agent-typing-indicator\">\n          <span class=\"custom-typing-dots\">\n            <span></span>\n            <span></span>\n            <span></span>\n          </span>\n          <span class=\"custom-typing-text\">Agent is typing...</span>\n        </div>\n\n        <div ref=\"messagesEndRef\"></div>\n      </div>\n\n      <!-- Input Form -->\n      <form class=\"custom-chat-input-form\" @submit.prevent=\"handleSubmit\">\n        <input\n          type=\"text\"\n          class=\"custom-chat-input\"\n          :value=\"state.inputValue\"\n          @input=\"handleInput\"\n          :placeholder=\"config.inputPlaceholder\"\n          :disabled=\"state.isLoading || isInitializing || isStartingNewChat\"\n        />\n        <button\n          type=\"submit\"\n          class=\"custom-chat-send-btn\"\n          :disabled=\"!state.inputValue.trim() || state.isLoading || isInitializing || isStartingNewChat\"\n        >\n          <svg\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"></line>\n            <polygon points=\"22 2 15 22 11 13 2 9 22 2\"></polygon>\n          </svg>\n        </button>\n      </form>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, nextTick, watch } from 'vue';\nimport { useChatWidget } from '../composables/useChatWidget';\nimport { safeLinkifyText } from '../utils/sanitize';\nimport type { WidgetConfig } from '../core/types';\n\n// Handle attributes properly to avoid Vue warnings\n// For Vue 3.3+, defineOptions is available as a compiler macro\n// @ts-ignore - defineOptions is a compiler macro\ndefineOptions({\n  inheritAttrs: false, // We handle attrs manually via v-bind=\"$attrs\"\n});\n\n// Props\nconst props = withDefaults(defineProps<WidgetConfig>(), {\n  title: '💬 BlockSpark AI Assistant',\n  subtitle: \"We're here to help\",\n  welcomeTitle: '👋 Welcome to BlockSpark',\n  welcomeMessage: \"My name is BlockSpark AI Assistant and I'll guide you.\",\n  welcomeCta: '💬 Click here to start chatting!',\n  showWelcomePopup: true,\n  welcomePopupDelay: 1500,\n  fallbackWelcomeMessage: \"Hello! I'm BlockSpark AI Assistant. How can I help you today?\",\n  inputPlaceholder: 'Type your message...',\n  emptyStateMessage: \"Hi! I'm BlockSpark AI Assistant. How can I help you today?\",\n  debug: false,\n});\n\n// Use headless composable\nconst {\n  state,\n  isOpen,\n  messages,\n  isLoading,\n  error,\n  chatMode,\n  wsConnected,\n  agentTyping,\n  currentAgent,\n  isConnectingToAgent: isConnectingToAgentFromComposable,\n  openChat,\n  closeChat,\n  sendMessage,\n  toggleChat,\n  setInputValue,\n  clearError,\n  manager,\n} = useChatWidget(props);\n\n// Refs\nconst messagesEndRef = ref<HTMLDivElement | null>(null);\nconst messagesContainer = ref<HTMLDivElement | null>(null);\n\n// Computed config (for reactivity)\nconst config = computed(() => props);\n\n// Computed state for initialization and connection (matching React component)\nconst isInitializing = computed(() => {\n  return state.value.isLoading && state.value.messages.length === 0 && !state.value.sessionId;\n});\n\nconst isStartingNewChat = computed(() => {\n  // This would be tracked in manager if needed, for now return false\n  return false;\n});\n\n// Use isConnectingToAgent from composable (already computed in manager)\nconst isConnectingToAgent = isConnectingToAgentFromComposable;\n\n// Auto-scroll to bottom when messages change\nwatch(\n  () => messages.value.length,\n  () => {\n    nextTick(() => {\n      messagesEndRef.value?.scrollIntoView({ behavior: 'smooth' });\n    });\n  }\n);\n\n// Handlers\nconst handleOpenChat = async () => {\n  // Ensure immediate UI response\n  if (!state.value.isOpen) {\n    state.value.isOpen = true;\n    state.value.showWelcomePopup = false;\n  }\n  await openChat();\n};\n\nconst handleCloseChat = () => {\n  closeChat();\n};\n\nconst handleCloseWelcomePopup = () => {\n  manager.closeWelcomePopup();\n};\n\nconst handleInput = (event: Event) => {\n  const target = event.target as HTMLInputElement;\n  setInputValue(target.value);\n};\n\nconst handleSubmit = async (event: Event) => {\n  event.preventDefault();\n  if (state.value.inputValue.trim()) {\n    await sendMessage(state.value.inputValue);\n  }\n};\n\nconst handleChipClick = async (chipText: string, payload?: string) => {\n  const messageToSend = chipText || payload || '';\n  await sendMessage(messageToSend);\n};\n\n// Utility functions\nconst formatTime = (date: Date): string => {\n  return date.toLocaleTimeString([], {\n    hour: '2-digit',\n    minute: '2-digit',\n  });\n};\n\n// Check if message is a handoff message\nconst isHandoffMessage = (text: string): boolean => {\n  return text.includes('👤') || \n         text.includes('being connected') || \n         text.includes('live support agent') ||\n         text.includes('transfer your conversation');\n};\n\n// Initialize welcome popup on mount (SSR-safe)\nonMounted(() => {\n  if (config.value.showWelcomePopup && typeof window !== 'undefined') {\n    manager.initializeWelcomePopup();\n  }\n});\n</script>\n\n<style scoped>\n/* Styles are imported separately by users */\n/* This ensures SSR compatibility */\n</style>\n"],"names":["props","__props","state","isOpen","messages","isLoading","error","chatMode","wsConnected","agentTyping","currentAgent","isConnectingToAgent","isConnectingToAgentFromComposable","openChat","closeChat","sendMessage","toggleChat","setInputValue","clearError","manager","useChatWidget","messagesEndRef","ref","messagesContainer","config","computed","isInitializing","value","length","sessionId","isStartingNewChat","watch","nextTick","scrollIntoView","behavior","handleOpenChat","async","showWelcomePopup","handleCloseChat","handleCloseWelcomePopup","closeWelcomePopup","handleInput","event","target","handleSubmit","preventDefault","inputValue","trim","handleChipClick","chipText","payload","messageToSend","isHandoffMessage","text","includes","onMounted","window","initializeWelcomePopup","_openBlock","_createElementBlock","_mergeProps","class","$attrs","_unref","onClick","_createElementVNode","_hoisted_1","_hoisted_2","_toDisplayString","welcomeTitle","_hoisted_3","welcomeMessage","_hoisted_4","welcomeCta","width","height","viewBox","fill","stroke","d","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","title","_hoisted_9","subtitle","_hoisted_10","_hoisted_11","_hoisted_12","_cache","_hoisted_13","name","_hoisted_14","_hoisted_15","_hoisted_16","emptyStateMessage","_Fragment","_renderList","message","key","id","_normalizeClass","sender","innerHTML","safeLinkifyText","replace","richContent","Array","isArray","_hoisted_18","contentGroup","groupIndex","content","contentIndex","type","options","_hoisted_21","chip","chipIndex","$event","_hoisted_22","_hoisted_19","_hoisted_20","_hoisted_23","date","timestamp","toLocaleTimeString","hour","minute","_hoisted_24","_hoisted_25","_hoisted_26","onSubmit","onInput","placeholder","inputPlaceholder","disabled","x1","y1","x2","y2","points"],"mappings":"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"}

package/dist/components/ChatWidget.vue.esm.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./ChatWidget.vue.esm2.js";
+/* empty css                    */
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.esm.js";
+const ChatWidgetComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0d32fcf4"]]);
+export {
+  ChatWidgetComponent as default
+};
+//# sourceMappingURL=ChatWidget.vue.esm.js.map

package/dist/components/ChatWidget.vue.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWidget.vue.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/ChatWidget.vue.esm2.js

@@ -0,0 +1,374 @@
+import { defineComponent, ref, computed, watch, nextTick, onMounted, openBlock, createElementBlock, mergeProps, unref, createElementVNode, toDisplayString, withModifiers, createCommentVNode, createTextVNode, Fragment, renderList, normalizeClass } from "vue";
+import { useChatWidget } from "../composables/useChatWidget.esm.js";
+import { safeLinkifyText } from "../utils/sanitize.esm.js";
+const _hoisted_1 = { class: "custom-welcome-header" };
+const _hoisted_2 = { class: "custom-welcome-title" };
+const _hoisted_3 = { class: "custom-welcome-message" };
+const _hoisted_4 = { class: "custom-welcome-cta" };
+const _hoisted_5 = {
+  key: 2,
+  class: "custom-chat-window"
+};
+const _hoisted_6 = { class: "custom-chat-header" };
+const _hoisted_7 = { class: "custom-chat-header-content" };
+const _hoisted_8 = { class: "custom-chat-title" };
+const _hoisted_9 = { class: "custom-chat-subtitle" };
+const _hoisted_10 = {
+  key: 0,
+  class: "custom-mode-indicator"
+};
+const _hoisted_11 = {
+  key: 0,
+  class: "custom-mode-badge"
+};
+const _hoisted_12 = {
+  key: 1,
+  class: "custom-agent-info"
+};
+const _hoisted_13 = { class: "custom-agent-name" };
+const _hoisted_14 = {
+  key: 2,
+  class: "custom-mode-badge"
+};
+const _hoisted_15 = {
+  key: 0,
+  class: "custom-chat-empty"
+};
+const _hoisted_16 = {
+  key: 1,
+  class: "custom-chat-empty"
+};
+const _hoisted_17 = ["innerHTML"];
+const _hoisted_18 = {
+  key: 0,
+  class: "custom-chips-container"
+};
+const _hoisted_19 = {
+  key: 0,
+  class: "custom-chips-group"
+};
+const _hoisted_20 = ["onClick"];
+const _hoisted_21 = {
+  key: 0,
+  class: "custom-chips-group"
+};
+const _hoisted_22 = ["onClick"];
+const _hoisted_23 = { class: "custom-message-time" };
+const _hoisted_24 = {
+  key: 2,
+  class: "custom-message custom-message-bot"
+};
+const _hoisted_25 = {
+  key: 3,
+  class: "custom-message custom-message-bot"
+};
+const _hoisted_26 = {
+  key: 4,
+  class: "custom-agent-typing-indicator"
+};
+const _hoisted_27 = ["value", "placeholder", "disabled"];
+const _hoisted_28 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+    // We handle attrs manually via v-bind="$attrs"
+  },
+  __name: "ChatWidget",
+  props: {
+    dfProjectId: {},
+    dfLocation: {},
+    dfAgentId: {},
+    serviceAccountKey: {},
+    accessToken: {},
+    languageCode: {},
+    backendBaseUrl: {},
+    backendWsUrl: {},
+    title: { default: "💬 BlockSpark AI Assistant" },
+    subtitle: { default: "We're here to help" },
+    welcomeTitle: { default: "👋 Welcome to BlockSpark" },
+    welcomeMessage: { default: "My name is BlockSpark AI Assistant and I'll guide you." },
+    welcomeCta: { default: "💬 Click here to start chatting!" },
+    showWelcomePopup: { type: Boolean, default: true },
+    welcomePopupDelay: { default: 1500 },
+    fallbackWelcomeMessage: { default: "Hello! I'm BlockSpark AI Assistant. How can I help you today?" },
+    inputPlaceholder: { default: "Type your message..." },
+    emptyStateMessage: { default: "Hi! I'm BlockSpark AI Assistant. How can I help you today?" },
+    debug: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const {
+      state,
+      isOpen,
+      messages,
+      isLoading,
+      error,
+      chatMode,
+      wsConnected,
+      agentTyping,
+      currentAgent,
+      isConnectingToAgent: isConnectingToAgentFromComposable,
+      openChat,
+      closeChat,
+      sendMessage,
+      toggleChat,
+      setInputValue,
+      clearError,
+      manager
+    } = useChatWidget(props);
+    const messagesEndRef = ref(null);
+    const messagesContainer = ref(null);
+    const config = computed(() => props);
+    const isInitializing = computed(() => {
+      return state.value.isLoading && state.value.messages.length === 0 && !state.value.sessionId;
+    });
+    const isStartingNewChat = computed(() => {
+      return false;
+    });
+    const isConnectingToAgent = isConnectingToAgentFromComposable;
+    watch(
+      () => messages.value.length,
+      () => {
+        nextTick(() => {
+          messagesEndRef.value?.scrollIntoView({ behavior: "smooth" });
+        });
+      }
+    );
+    const handleOpenChat = async () => {
+      if (!state.value.isOpen) {
+        state.value.isOpen = true;
+        state.value.showWelcomePopup = false;
+      }
+      await openChat();
+    };
+    const handleCloseChat = () => {
+      closeChat();
+    };
+    const handleCloseWelcomePopup = () => {
+      manager.closeWelcomePopup();
+    };
+    const handleInput = (event) => {
+      const target = event.target;
+      setInputValue(target.value);
+    };
+    const handleSubmit = async (event) => {
+      event.preventDefault();
+      if (state.value.inputValue.trim()) {
+        await sendMessage(state.value.inputValue);
+      }
+    };
+    const handleChipClick = async (chipText, payload) => {
+      const messageToSend = chipText || payload || "";
+      await sendMessage(messageToSend);
+    };
+    const formatTime = (date) => {
+      return date.toLocaleTimeString([], {
+        hour: "2-digit",
+        minute: "2-digit"
+      });
+    };
+    const isHandoffMessage = (text) => {
+      return text.includes("👤") || text.includes("being connected") || text.includes("live support agent") || text.includes("transfer your conversation");
+    };
+    onMounted(() => {
+      if (config.value.showWelcomePopup && typeof window !== "undefined") {
+        manager.initializeWelcomePopup();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({ class: "custom-chat-widget" }, _ctx.$attrs), [
+        unref(state).showWelcomePopup && !unref(state).isOpen ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "custom-welcome-popup",
+          onClick: handleOpenChat
+        }, [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, toDisplayString(config.value.welcomeTitle), 1),
+            createElementVNode("button", {
+              class: "custom-close-popup",
+              onClick: withModifiers(handleCloseWelcomePopup, ["stop"]),
+              "aria-label": "Close welcome popup"
+            }, " × ")
+          ]),
+          createElementVNode("div", _hoisted_3, toDisplayString(config.value.welcomeMessage), 1),
+          createElementVNode("div", _hoisted_4, toDisplayString(config.value.welcomeCta), 1)
+        ])) : createCommentVNode("", true),
+        !unref(state).isOpen ? (openBlock(), createElementBlock("button", {
+          key: 1,
+          class: "custom-chat-toggle-btn",
+          onClick: handleOpenChat,
+          "aria-label": "Open chat"
+        }, [..._cache[0] || (_cache[0] = [
+          createElementVNode("svg", {
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            createElementVNode("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
+          ], -1)
+        ])])) : createCommentVNode("", true),
+        unref(state).isOpen ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          createElementVNode("div", _hoisted_6, [
+            createElementVNode("div", _hoisted_7, [
+              createElementVNode("div", _hoisted_8, toDisplayString(config.value.title), 1),
+              createElementVNode("div", _hoisted_9, [
+                createTextVNode(toDisplayString(config.value.subtitle) + " ", 1),
+                unref(state).chatMode === "human" ? (openBlock(), createElementBlock("span", _hoisted_10, " • " + toDisplayString(unref(wsConnected) ? "🟢 Connected" : "🟡 Connecting..."), 1)) : createCommentVNode("", true)
+              ]),
+              unref(state).chatMode === "human" ? (openBlock(), createElementBlock("div", _hoisted_11, " Human Support Mode ")) : createCommentVNode("", true),
+              unref(state).chatMode === "human" ? (openBlock(), createElementBlock("div", _hoisted_12, [
+                _cache[1] || (_cache[1] = createElementVNode("span", { class: "custom-agent-label" }, "Agent:", -1)),
+                createElementVNode("span", _hoisted_13, toDisplayString(unref(currentAgent).name), 1)
+              ])) : createCommentVNode("", true),
+              unref(state).chatMode === "ai" ? (openBlock(), createElementBlock("div", _hoisted_14, " Bot Mode ")) : createCommentVNode("", true)
+            ]),
+            createElementVNode("button", {
+              class: "custom-chat-close-btn",
+              onClick: handleCloseChat,
+              "aria-label": "Close chat"
+            }, " × ")
+          ]),
+          createElementVNode("div", {
+            class: "custom-chat-messages",
+            ref_key: "messagesContainer",
+            ref: messagesContainer
+          }, [
+            isInitializing.value && unref(state).messages.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_15, [..._cache[2] || (_cache[2] = [
+              createElementVNode("div", { class: "custom-typing-indicator" }, [
+                createElementVNode("span"),
+                createElementVNode("span"),
+                createElementVNode("span")
+              ], -1),
+              createElementVNode("p", null, "Initializing chat...", -1)
+            ])])) : !isInitializing.value && unref(state).messages.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_16, [
+              _cache[3] || (_cache[3] = createElementVNode("div", { class: "custom-chat-empty-icon" }, "👋", -1)),
+              createElementVNode("p", null, toDisplayString(config.value.emptyStateMessage), 1)
+            ])) : createCommentVNode("", true),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(state).messages, (message) => {
+              return openBlock(), createElementBlock("div", {
+                key: message.id,
+                class: normalizeClass([
+                  "custom-message",
+                  `custom-message-${message.sender}`,
+                  { "custom-handoff-message": isHandoffMessage(message.text) }
+                ])
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass(["custom-message-content", { "custom-handoff-content": isHandoffMessage(message.text) }]),
+                  innerHTML: unref(safeLinkifyText)(message.text).replace(/\n/g, "<br>")
+                }, null, 10, _hoisted_17),
+                message.richContent && Array.isArray(message.richContent) && message.richContent.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_18, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(message.richContent, (contentGroup, groupIndex) => {
+                    return openBlock(), createElementBlock(Fragment, { key: groupIndex }, [
+                      !Array.isArray(contentGroup) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                        contentGroup.type === "chips" && contentGroup.options ? (openBlock(), createElementBlock("div", _hoisted_19, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(contentGroup.options, (chip, chipIndex) => {
+                            return openBlock(), createElementBlock("button", {
+                              key: chipIndex,
+                              class: "custom-chip-button",
+                              type: "button",
+                              onClick: ($event) => handleChipClick(chip.text, chip.payload)
+                            }, toDisplayString(chip.text), 9, _hoisted_20);
+                          }), 128))
+                        ])) : createCommentVNode("", true)
+                      ], 64)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(contentGroup, (content, contentIndex) => {
+                        return openBlock(), createElementBlock(Fragment, {
+                          key: `${groupIndex}-${contentIndex}`
+                        }, [
+                          content.type === "chips" && content.options ? (openBlock(), createElementBlock("div", _hoisted_21, [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(content.options, (chip, chipIndex) => {
+                              return openBlock(), createElementBlock("button", {
+                                key: chipIndex,
+                                class: "custom-chip-button",
+                                type: "button",
+                                onClick: ($event) => handleChipClick(chip.text, chip.payload)
+                              }, toDisplayString(chip.text), 9, _hoisted_22);
+                            }), 128))
+                          ])) : createCommentVNode("", true)
+                        ], 64);
+                      }), 128))
+                    ], 64);
+                  }), 128))
+                ])) : createCommentVNode("", true),
+                createElementVNode("div", _hoisted_23, toDisplayString(formatTime(message.timestamp)), 1)
+              ], 2);
+            }), 128)),
+            unref(state).isLoading ? (openBlock(), createElementBlock("div", _hoisted_24, [..._cache[4] || (_cache[4] = [
+              createElementVNode("div", { class: "custom-typing-indicator" }, [
+                createElementVNode("span"),
+                createElementVNode("span"),
+                createElementVNode("span")
+              ], -1)
+            ])])) : createCommentVNode("", true),
+            unref(isConnectingToAgent) ? (openBlock(), createElementBlock("div", _hoisted_25, [..._cache[5] || (_cache[5] = [
+              createElementVNode("div", { class: "custom-typing-indicator" }, [
+                createElementVNode("span"),
+                createElementVNode("span"),
+                createElementVNode("span")
+              ], -1),
+              createElementVNode("div", { class: "custom-message-content" }, " Connecting to agent... ", -1)
+            ])])) : createCommentVNode("", true),
+            unref(state).chatMode === "human" && unref(agentTyping) ? (openBlock(), createElementBlock("div", _hoisted_26, [..._cache[6] || (_cache[6] = [
+              createElementVNode("span", { class: "custom-typing-dots" }, [
+                createElementVNode("span"),
+                createElementVNode("span"),
+                createElementVNode("span")
+              ], -1),
+              createElementVNode("span", { class: "custom-typing-text" }, "Agent is typing...", -1)
+            ])])) : createCommentVNode("", true),
+            createElementVNode("div", {
+              ref_key: "messagesEndRef",
+              ref: messagesEndRef
+            }, null, 512)
+          ], 512),
+          createElementVNode("form", {
+            class: "custom-chat-input-form",
+            onSubmit: withModifiers(handleSubmit, ["prevent"])
+          }, [
+            createElementVNode("input", {
+              type: "text",
+              class: "custom-chat-input",
+              value: unref(state).inputValue,
+              onInput: handleInput,
+              placeholder: config.value.inputPlaceholder,
+              disabled: unref(state).isLoading || isInitializing.value || isStartingNewChat.value
+            }, null, 40, _hoisted_27),
+            createElementVNode("button", {
+              type: "submit",
+              class: "custom-chat-send-btn",
+              disabled: !unref(state).inputValue.trim() || unref(state).isLoading || isInitializing.value || isStartingNewChat.value
+            }, [..._cache[7] || (_cache[7] = [
+              createElementVNode("svg", {
+                width: "20",
+                height: "20",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }, [
+                createElementVNode("line", {
+                  x1: "22",
+                  y1: "2",
+                  x2: "11",
+                  y2: "13"
+                }),
+                createElementVNode("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
+              ], -1)
+            ])], 8, _hoisted_28)
+          ], 32)
+        ])) : createCommentVNode("", true)
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ChatWidget.vue.esm2.js.map

package/dist/components/ChatWidget.vue.esm2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWidget.vue.esm2.js","sources":["../../src/components/ChatWidget.vue"],"sourcesContent":["<template>\n  <div class=\"custom-chat-widget\" v-bind=\"$attrs\">\n    <!-- Welcome Popup -->\n    <div\n      v-if=\"state.showWelcomePopup && !state.isOpen\"\n      class=\"custom-welcome-popup\"\n      @click=\"handleOpenChat\"\n    >\n      <div class=\"custom-welcome-header\">\n        <div class=\"custom-welcome-title\">{{ config.welcomeTitle }}</div>\n        <button\n          class=\"custom-close-popup\"\n          @click.stop=\"handleCloseWelcomePopup\"\n          aria-label=\"Close welcome popup\"\n        >\n          ×\n        </button>\n      </div>\n      <div class=\"custom-welcome-message\">{{ config.welcomeMessage }}</div>\n      <div class=\"custom-welcome-cta\">{{ config.welcomeCta }}</div>\n    </div>\n\n    <!-- Chat Toggle Button -->\n    <button\n      v-if=\"!state.isOpen\"\n      class=\"custom-chat-toggle-btn\"\n      @click=\"handleOpenChat\"\n      aria-label=\"Open chat\"\n    >\n      <svg\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      >\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>\n      </svg>\n    </button>\n\n    <!-- Chat Window -->\n    <div v-if=\"state.isOpen\" class=\"custom-chat-window\">\n      <div class=\"custom-chat-header\">\n        <div class=\"custom-chat-header-content\">\n          <div class=\"custom-chat-title\">{{ config.title }}</div>\n          <div class=\"custom-chat-subtitle\">\n            {{ config.subtitle }}\n            <span v-if=\"state.chatMode === 'human'\" class=\"custom-mode-indicator\">\n              • {{ wsConnected ? '🟢 Connected' : '🟡 Connecting...' }}\n            </span>\n          </div>\n          <div v-if=\"state.chatMode === 'human'\" class=\"custom-mode-badge\">\n            Human Support Mode\n          </div>\n          <div v-if=\"state.chatMode === 'human'\" class=\"custom-agent-info\">\n            <span class=\"custom-agent-label\">Agent:</span>\n            <span class=\"custom-agent-name\">{{ currentAgent.name }}</span>\n          </div>\n          <div v-if=\"state.chatMode === 'ai'\" class=\"custom-mode-badge\">\n            Bot Mode\n          </div>\n        </div>\n        <button\n          class=\"custom-chat-close-btn\"\n          @click=\"handleCloseChat\"\n          aria-label=\"Close chat\"\n        >\n          ×\n        </button>\n      </div>\n\n      <div class=\"custom-chat-messages\" ref=\"messagesContainer\">\n        <!-- Empty State -->\n        <div v-if=\"isInitializing && state.messages.length === 0\" class=\"custom-chat-empty\">\n          <div class=\"custom-typing-indicator\">\n            <span></span>\n            <span></span>\n            <span></span>\n          </div>\n          <p>Initializing chat...</p>\n        </div>\n        <div v-else-if=\"!isInitializing && state.messages.length === 0\" class=\"custom-chat-empty\">\n          <div class=\"custom-chat-empty-icon\">👋</div>\n          <p>{{ config.emptyStateMessage }}</p>\n        </div>\n\n        <!-- Messages -->\n        <div\n          v-for=\"message in state.messages\"\n          :key=\"message.id\"\n          :class=\"[\n            'custom-message', \n            `custom-message-${message.sender}`,\n            { 'custom-handoff-message': isHandoffMessage(message.text) }\n          ]\"\n        >\n          <div \n            class=\"custom-message-content\"\n            :class=\"{ 'custom-handoff-content': isHandoffMessage(message.text) }\"\n            v-html=\"safeLinkifyText(message.text).replace(/\\n/g, '<br>')\"\n          ></div>\n          \n          <!-- Rich Content (Chips) -->\n          <div\n            v-if=\"message.richContent && Array.isArray(message.richContent) && message.richContent.length > 0\"\n            class=\"custom-chips-container\"\n          >\n            <template v-for=\"(contentGroup, groupIndex) in message.richContent\" :key=\"groupIndex\">\n              <template v-if=\"!Array.isArray(contentGroup)\">\n                <div\n                  v-if=\"contentGroup.type === 'chips' && contentGroup.options\"\n                  class=\"custom-chips-group\"\n                >\n                  <button\n                    v-for=\"(chip, chipIndex) in contentGroup.options\"\n                    :key=\"chipIndex\"\n                    class=\"custom-chip-button\"\n                    type=\"button\"\n                    @click=\"handleChipClick(chip.text, chip.payload)\"\n                  >\n                    {{ chip.text }}\n                  </button>\n                </div>\n              </template>\n              <template v-else>\n                <template\n                  v-for=\"(content, contentIndex) in contentGroup\"\n                  :key=\"`${groupIndex}-${contentIndex}`\"\n                >\n                  <div\n                    v-if=\"content.type === 'chips' && content.options\"\n                    class=\"custom-chips-group\"\n                  >\n                    <button\n                      v-for=\"(chip, chipIndex) in content.options\"\n                      :key=\"chipIndex\"\n                      class=\"custom-chip-button\"\n                      type=\"button\"\n                      @click=\"handleChipClick(chip.text, chip.payload)\"\n                    >\n                      {{ chip.text }}\n                    </button>\n                  </div>\n                </template>\n              </template>\n            </template>\n          </div>\n\n          <div class=\"custom-message-time\">\n            {{ formatTime(message.timestamp) }}\n          </div>\n        </div>\n\n        <!-- Loading Indicator -->\n        <div v-if=\"state.isLoading\" class=\"custom-message custom-message-bot\">\n          <div class=\"custom-typing-indicator\">\n            <span></span>\n            <span></span>\n            <span></span>\n          </div>\n        </div>\n\n        <!-- Connecting to Agent Indicator -->\n        <div v-if=\"isConnectingToAgent\" class=\"custom-message custom-message-bot\">\n          <div class=\"custom-typing-indicator\">\n            <span></span>\n            <span></span>\n            <span></span>\n          </div>\n          <div class=\"custom-message-content\">\n            Connecting to agent...\n          </div>\n        </div>\n\n        <!-- Agent Typing Indicator -->\n        <div v-if=\"state.chatMode === 'human' && agentTyping\" class=\"custom-agent-typing-indicator\">\n          <span class=\"custom-typing-dots\">\n            <span></span>\n            <span></span>\n            <span></span>\n          </span>\n          <span class=\"custom-typing-text\">Agent is typing...</span>\n        </div>\n\n        <div ref=\"messagesEndRef\"></div>\n      </div>\n\n      <!-- Input Form -->\n      <form class=\"custom-chat-input-form\" @submit.prevent=\"handleSubmit\">\n        <input\n          type=\"text\"\n          class=\"custom-chat-input\"\n          :value=\"state.inputValue\"\n          @input=\"handleInput\"\n          :placeholder=\"config.inputPlaceholder\"\n          :disabled=\"state.isLoading || isInitializing || isStartingNewChat\"\n        />\n        <button\n          type=\"submit\"\n          class=\"custom-chat-send-btn\"\n          :disabled=\"!state.inputValue.trim() || state.isLoading || isInitializing || isStartingNewChat\"\n        >\n          <svg\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"></line>\n            <polygon points=\"22 2 15 22 11 13 2 9 22 2\"></polygon>\n          </svg>\n        </button>\n      </form>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, nextTick, watch } from 'vue';\nimport { useChatWidget } from '../composables/useChatWidget';\nimport { safeLinkifyText } from '../utils/sanitize';\nimport type { WidgetConfig } from '../core/types';\n\n// Handle attributes properly to avoid Vue warnings\n// For Vue 3.3+, defineOptions is available as a compiler macro\n// @ts-ignore - defineOptions is a compiler macro\ndefineOptions({\n  inheritAttrs: false, // We handle attrs manually via v-bind=\"$attrs\"\n});\n\n// Props\nconst props = withDefaults(defineProps<WidgetConfig>(), {\n  title: '💬 BlockSpark AI Assistant',\n  subtitle: \"We're here to help\",\n  welcomeTitle: '👋 Welcome to BlockSpark',\n  welcomeMessage: \"My name is BlockSpark AI Assistant and I'll guide you.\",\n  welcomeCta: '💬 Click here to start chatting!',\n  showWelcomePopup: true,\n  welcomePopupDelay: 1500,\n  fallbackWelcomeMessage: \"Hello! I'm BlockSpark AI Assistant. How can I help you today?\",\n  inputPlaceholder: 'Type your message...',\n  emptyStateMessage: \"Hi! I'm BlockSpark AI Assistant. How can I help you today?\",\n  debug: false,\n});\n\n// Use headless composable\nconst {\n  state,\n  isOpen,\n  messages,\n  isLoading,\n  error,\n  chatMode,\n  wsConnected,\n  agentTyping,\n  currentAgent,\n  isConnectingToAgent: isConnectingToAgentFromComposable,\n  openChat,\n  closeChat,\n  sendMessage,\n  toggleChat,\n  setInputValue,\n  clearError,\n  manager,\n} = useChatWidget(props);\n\n// Refs\nconst messagesEndRef = ref<HTMLDivElement | null>(null);\nconst messagesContainer = ref<HTMLDivElement | null>(null);\n\n// Computed config (for reactivity)\nconst config = computed(() => props);\n\n// Computed state for initialization and connection (matching React component)\nconst isInitializing = computed(() => {\n  return state.value.isLoading && state.value.messages.length === 0 && !state.value.sessionId;\n});\n\nconst isStartingNewChat = computed(() => {\n  // This would be tracked in manager if needed, for now return false\n  return false;\n});\n\n// Use isConnectingToAgent from composable (already computed in manager)\nconst isConnectingToAgent = isConnectingToAgentFromComposable;\n\n// Auto-scroll to bottom when messages change\nwatch(\n  () => messages.value.length,\n  () => {\n    nextTick(() => {\n      messagesEndRef.value?.scrollIntoView({ behavior: 'smooth' });\n    });\n  }\n);\n\n// Handlers\nconst handleOpenChat = async () => {\n  // Ensure immediate UI response\n  if (!state.value.isOpen) {\n    state.value.isOpen = true;\n    state.value.showWelcomePopup = false;\n  }\n  await openChat();\n};\n\nconst handleCloseChat = () => {\n  closeChat();\n};\n\nconst handleCloseWelcomePopup = () => {\n  manager.closeWelcomePopup();\n};\n\nconst handleInput = (event: Event) => {\n  const target = event.target as HTMLInputElement;\n  setInputValue(target.value);\n};\n\nconst handleSubmit = async (event: Event) => {\n  event.preventDefault();\n  if (state.value.inputValue.trim()) {\n    await sendMessage(state.value.inputValue);\n  }\n};\n\nconst handleChipClick = async (chipText: string, payload?: string) => {\n  const messageToSend = chipText || payload || '';\n  await sendMessage(messageToSend);\n};\n\n// Utility functions\nconst formatTime = (date: Date): string => {\n  return date.toLocaleTimeString([], {\n    hour: '2-digit',\n    minute: '2-digit',\n  });\n};\n\n// Check if message is a handoff message\nconst isHandoffMessage = (text: string): boolean => {\n  return text.includes('👤') || \n         text.includes('being connected') || \n         text.includes('live support agent') ||\n         text.includes('transfer your conversation');\n};\n\n// Initialize welcome popup on mount (SSR-safe)\nonMounted(() => {\n  if (config.value.showWelcomePopup && typeof window !== 'undefined') {\n    manager.initializeWelcomePopup();\n  }\n});\n</script>\n\n<style scoped>\n/* Styles are imported separately by users */\n/* This ensures SSR compatibility */\n</style>\n"],"names":["_openBlock","_createElementBlock","_mergeProps","$attrs","_unref","_createElementVNode","_toDisplayString","_Fragment","_renderList","_normalizeClass"],"mappings":"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"}

package/dist/composables/useChatWidget.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../core/stateManager.cjs.js");exports.useChatWidget=function(a){const n=new t.WidgetStateManager(a),s=e.ref(n.getState()),o=e.ref(!1),r=e.ref(!1),u=e.ref({name:"Agent"}),g=e.ref(!1),c=n.subscribe(e=>{s.value={...e};const t=n.getAdditionalState();o.value=t.wsConnected,r.value=t.agentTyping,u.value=t.currentAgent,g.value=t.isConnectingToAgent}),i=e.computed(()=>s.value.isOpen),d=e.computed(()=>s.value.messages),l=e.computed(()=>s.value.isLoading),p=e.computed(()=>s.value.error),v=e.computed(()=>s.value.chatMode);return e.onUnmounted(()=>{c(),n.destroy()}),e.watch(()=>a,e=>{n.updateConfig(e)},{deep:!0}),{state:s,isOpen:i,messages:d,isLoading:l,error:p,chatMode:v,wsConnected:o,agentTyping:r,currentAgent:u,isConnectingToAgent:g,openChat:async()=>{await n.openChat()},closeChat:()=>{n.closeChat()},sendMessage:async e=>{await n.sendMessage(e)},toggleChat:async()=>{await n.toggleChat()},setInputValue:e=>{n.setInputValue(e)},clearError:()=>{n.clearError()},manager:n}};
+//# sourceMappingURL=useChatWidget.cjs.js.map

package/dist/composables/useChatWidget.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatWidget.cjs.js","sources":["../../src/composables/useChatWidget.ts"],"sourcesContent":["/**\n * useChatWidget Composable\n * Headless mode for Vue 3 - use logic without UI\n */\n\nimport { ref, computed, onUnmounted, watch, readonly, type Ref } from 'vue';\nimport { WidgetStateManager } from '../core/stateManager';\nimport type { WidgetConfig, WidgetState, ChatMessage } from '../core/types';\n\nexport interface UseChatWidgetReturn {\n  // State\n  state: Readonly<Ref<WidgetState>>;\n  isOpen: Readonly<Ref<boolean>>;\n  messages: Readonly<Ref<ChatMessage[]>>;\n  isLoading: Readonly<Ref<boolean>>;\n  error: Readonly<Ref<string | null>>;\n  chatMode: Readonly<Ref<'ai' | 'human'>>;\n\n  // Additional state\n  wsConnected: Readonly<Ref<boolean>>;\n  agentTyping: Readonly<Ref<boolean>>;\n  currentAgent: Readonly<Ref<{ name: string; id?: string }>>;\n  isConnectingToAgent: Readonly<Ref<boolean>>;\n\n  // Actions\n  openChat: () => Promise<void>;\n  closeChat: () => void;\n  sendMessage: (text: string) => Promise<void>;\n  toggleChat: () => Promise<void>;\n  setInputValue: (value: string) => void;\n  clearError: () => void;\n\n  // Manager instance (for advanced usage)\n  manager: WidgetStateManager;\n}\n\n/**\n * Headless chat widget composable\n * Use this for custom UI implementations\n */\nexport function useChatWidget(config: WidgetConfig): UseChatWidgetReturn {\n  // Create state manager\n  const manager = new WidgetStateManager(config);\n\n  // Reactive state\n  const state = ref<WidgetState>(manager.getState());\n  const wsConnected = ref(false);\n  const agentTyping = ref(false);\n  const currentAgent = ref<{ name: string; id?: string }>({ name: 'Agent' });\n  const isConnectingToAgent = ref(false);\n\n  // Subscribe to state changes\n  const unsubscribe = manager.subscribe((newState) => {\n    state.value = { ...newState };\n    \n    // Update additional state\n    const additional = manager.getAdditionalState();\n    wsConnected.value = additional.wsConnected;\n    agentTyping.value = additional.agentTyping;\n    currentAgent.value = additional.currentAgent;\n    isConnectingToAgent.value = additional.isConnectingToAgent;\n  });\n\n  // Computed properties\n  const isOpen = computed(() => state.value.isOpen);\n  const messages = computed(() => state.value.messages);\n  const isLoading = computed(() => state.value.isLoading);\n  const error = computed(() => state.value.error);\n  const chatMode = computed(() => state.value.chatMode);\n\n  // Actions\n  const openChat = async () => {\n    await manager.openChat();\n  };\n\n  const closeChat = () => {\n    manager.closeChat();\n  };\n\n  const sendMessage = async (text: string) => {\n    await manager.sendMessage(text);\n  };\n\n  const toggleChat = async () => {\n    await manager.toggleChat();\n  };\n\n  const setInputValue = (value: string) => {\n    manager.setInputValue(value);\n  };\n\n  const clearError = () => {\n    manager.clearError();\n  };\n\n  // Cleanup on unmount\n  onUnmounted(() => {\n    unsubscribe();\n    manager.destroy();\n  });\n\n  // Watch config changes\n  watch(\n    () => config,\n    (newConfig) => {\n      manager.updateConfig(newConfig);\n    },\n    { deep: true }\n  );\n\n  return {\n    state: state as Readonly<Ref<WidgetState>>,\n    isOpen: isOpen as Readonly<Ref<boolean>>,\n    messages: messages as Readonly<Ref<ChatMessage[]>>,\n    isLoading: isLoading as Readonly<Ref<boolean>>,\n    error: error as Readonly<Ref<string | null>>,\n    chatMode: chatMode as Readonly<Ref<'ai' | 'human'>>,\n    wsConnected: wsConnected as Readonly<Ref<boolean>>,\n    agentTyping: agentTyping as Readonly<Ref<boolean>>,\n    currentAgent: currentAgent as Readonly<Ref<{ name: string; id?: string }>>,\n    isConnectingToAgent: isConnectingToAgent as Readonly<Ref<boolean>>,\n    openChat,\n    closeChat,\n    sendMessage,\n    toggleChat,\n    setInputValue,\n    clearError,\n    manager,\n  };\n}\n"],"names":["config","manager","WidgetStateManager","state","ref","getState","wsConnected","agentTyping","currentAgent","name","isConnectingToAgent","unsubscribe","subscribe","newState","value","additional","getAdditionalState","isOpen","computed","messages","isLoading","error","chatMode","onUnmounted","destroy","watch","newConfig","updateConfig","deep","openChat","async","closeChat","sendMessage","text","toggleChat","setInputValue","clearError"],"mappings":"sKAwCO,SAAuBA,GAE5B,MAAMC,EAAU,IAAIC,EAAAA,mBAAmBF,GAGjCG,EAAQC,EAAAA,IAAiBH,EAAQI,YACjCC,EAAcF,EAAAA,KAAI,GAClBG,EAAcH,EAAAA,KAAI,GAClBI,EAAeJ,EAAAA,IAAmC,CAAEK,KAAM,UAC1DC,EAAsBN,EAAAA,KAAI,GAG1BO,EAAcV,EAAQW,UAAWC,IACrCV,EAAMW,MAAQ,IAAKD,GAGnB,MAAME,EAAad,EAAQe,qBAC3BV,EAAYQ,MAAQC,EAAWT,YAC/BC,EAAYO,MAAQC,EAAWR,YAC/BC,EAAaM,MAAQC,EAAWP,aAChCE,EAAoBI,MAAQC,EAAWL,sBAInCO,EAASC,EAAAA,SAAS,IAAMf,EAAMW,MAAMG,QACpCE,EAAWD,EAAAA,SAAS,IAAMf,EAAMW,MAAMK,UACtCC,EAAYF,EAAAA,SAAS,IAAMf,EAAMW,MAAMM,WACvCC,EAAQH,EAAAA,SAAS,IAAMf,EAAMW,MAAMO,OACnCC,EAAWJ,EAAAA,SAAS,IAAMf,EAAMW,MAAMQ,UA0C5C,OAdAC,EAAAA,YAAY,KACVZ,IACAV,EAAQuB,YAIVC,EAAAA,MACE,IAAMzB,EACL0B,IACCzB,EAAQ0B,aAAaD,IAEvB,CAAEE,MAAM,IAGH,CACLzB,QACAc,SACAE,WACAC,YACAC,QACAC,WACAhB,cACAC,cACAC,eACAE,sBACAmB,SAlDeC,gBACT7B,EAAQ4B,YAkDdE,UA/CgB,KAChB9B,EAAQ8B,aA+CRC,YA5CkBF,MAAOG,UACnBhC,EAAQ+B,YAAYC,IA4C1BC,WAzCiBJ,gBACX7B,EAAQiC,cAyCdC,cAtCqBrB,IACrBb,EAAQkC,cAAcrB,IAsCtBsB,WAnCiB,KACjBnC,EAAQmC,cAmCRnC,UAEJ"}

package/dist/composables/useChatWidget.esm.js

@@ -0,0 +1,75 @@
+import { ref, computed, onUnmounted, watch } from "vue";
+import { WidgetStateManager } from "../core/stateManager.esm.js";
+function useChatWidget(config) {
+  const manager = new WidgetStateManager(config);
+  const state = ref(manager.getState());
+  const wsConnected = ref(false);
+  const agentTyping = ref(false);
+  const currentAgent = ref({ name: "Agent" });
+  const isConnectingToAgent = ref(false);
+  const unsubscribe = manager.subscribe((newState) => {
+    state.value = { ...newState };
+    const additional = manager.getAdditionalState();
+    wsConnected.value = additional.wsConnected;
+    agentTyping.value = additional.agentTyping;
+    currentAgent.value = additional.currentAgent;
+    isConnectingToAgent.value = additional.isConnectingToAgent;
+  });
+  const isOpen = computed(() => state.value.isOpen);
+  const messages = computed(() => state.value.messages);
+  const isLoading = computed(() => state.value.isLoading);
+  const error = computed(() => state.value.error);
+  const chatMode = computed(() => state.value.chatMode);
+  const openChat = async () => {
+    await manager.openChat();
+  };
+  const closeChat = () => {
+    manager.closeChat();
+  };
+  const sendMessage = async (text) => {
+    await manager.sendMessage(text);
+  };
+  const toggleChat = async () => {
+    await manager.toggleChat();
+  };
+  const setInputValue = (value) => {
+    manager.setInputValue(value);
+  };
+  const clearError = () => {
+    manager.clearError();
+  };
+  onUnmounted(() => {
+    unsubscribe();
+    manager.destroy();
+  });
+  watch(
+    () => config,
+    (newConfig) => {
+      manager.updateConfig(newConfig);
+    },
+    { deep: true }
+  );
+  return {
+    state,
+    isOpen,
+    messages,
+    isLoading,
+    error,
+    chatMode,
+    wsConnected,
+    agentTyping,
+    currentAgent,
+    isConnectingToAgent,
+    openChat,
+    closeChat,
+    sendMessage,
+    toggleChat,
+    setInputValue,
+    clearError,
+    manager
+  };
+}
+export {
+  useChatWidget
+};
+//# sourceMappingURL=useChatWidget.esm.js.map

package/dist/composables/useChatWidget.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatWidget.esm.js","sources":["../../src/composables/useChatWidget.ts"],"sourcesContent":["/**\n * useChatWidget Composable\n * Headless mode for Vue 3 - use logic without UI\n */\n\nimport { ref, computed, onUnmounted, watch, readonly, type Ref } from 'vue';\nimport { WidgetStateManager } from '../core/stateManager';\nimport type { WidgetConfig, WidgetState, ChatMessage } from '../core/types';\n\nexport interface UseChatWidgetReturn {\n  // State\n  state: Readonly<Ref<WidgetState>>;\n  isOpen: Readonly<Ref<boolean>>;\n  messages: Readonly<Ref<ChatMessage[]>>;\n  isLoading: Readonly<Ref<boolean>>;\n  error: Readonly<Ref<string | null>>;\n  chatMode: Readonly<Ref<'ai' | 'human'>>;\n\n  // Additional state\n  wsConnected: Readonly<Ref<boolean>>;\n  agentTyping: Readonly<Ref<boolean>>;\n  currentAgent: Readonly<Ref<{ name: string; id?: string }>>;\n  isConnectingToAgent: Readonly<Ref<boolean>>;\n\n  // Actions\n  openChat: () => Promise<void>;\n  closeChat: () => void;\n  sendMessage: (text: string) => Promise<void>;\n  toggleChat: () => Promise<void>;\n  setInputValue: (value: string) => void;\n  clearError: () => void;\n\n  // Manager instance (for advanced usage)\n  manager: WidgetStateManager;\n}\n\n/**\n * Headless chat widget composable\n * Use this for custom UI implementations\n */\nexport function useChatWidget(config: WidgetConfig): UseChatWidgetReturn {\n  // Create state manager\n  const manager = new WidgetStateManager(config);\n\n  // Reactive state\n  const state = ref<WidgetState>(manager.getState());\n  const wsConnected = ref(false);\n  const agentTyping = ref(false);\n  const currentAgent = ref<{ name: string; id?: string }>({ name: 'Agent' });\n  const isConnectingToAgent = ref(false);\n\n  // Subscribe to state changes\n  const unsubscribe = manager.subscribe((newState) => {\n    state.value = { ...newState };\n    \n    // Update additional state\n    const additional = manager.getAdditionalState();\n    wsConnected.value = additional.wsConnected;\n    agentTyping.value = additional.agentTyping;\n    currentAgent.value = additional.currentAgent;\n    isConnectingToAgent.value = additional.isConnectingToAgent;\n  });\n\n  // Computed properties\n  const isOpen = computed(() => state.value.isOpen);\n  const messages = computed(() => state.value.messages);\n  const isLoading = computed(() => state.value.isLoading);\n  const error = computed(() => state.value.error);\n  const chatMode = computed(() => state.value.chatMode);\n\n  // Actions\n  const openChat = async () => {\n    await manager.openChat();\n  };\n\n  const closeChat = () => {\n    manager.closeChat();\n  };\n\n  const sendMessage = async (text: string) => {\n    await manager.sendMessage(text);\n  };\n\n  const toggleChat = async () => {\n    await manager.toggleChat();\n  };\n\n  const setInputValue = (value: string) => {\n    manager.setInputValue(value);\n  };\n\n  const clearError = () => {\n    manager.clearError();\n  };\n\n  // Cleanup on unmount\n  onUnmounted(() => {\n    unsubscribe();\n    manager.destroy();\n  });\n\n  // Watch config changes\n  watch(\n    () => config,\n    (newConfig) => {\n      manager.updateConfig(newConfig);\n    },\n    { deep: true }\n  );\n\n  return {\n    state: state as Readonly<Ref<WidgetState>>,\n    isOpen: isOpen as Readonly<Ref<boolean>>,\n    messages: messages as Readonly<Ref<ChatMessage[]>>,\n    isLoading: isLoading as Readonly<Ref<boolean>>,\n    error: error as Readonly<Ref<string | null>>,\n    chatMode: chatMode as Readonly<Ref<'ai' | 'human'>>,\n    wsConnected: wsConnected as Readonly<Ref<boolean>>,\n    agentTyping: agentTyping as Readonly<Ref<boolean>>,\n    currentAgent: currentAgent as Readonly<Ref<{ name: string; id?: string }>>,\n    isConnectingToAgent: isConnectingToAgent as Readonly<Ref<boolean>>,\n    openChat,\n    closeChat,\n    sendMessage,\n    toggleChat,\n    setInputValue,\n    clearError,\n    manager,\n  };\n}\n"],"names":[],"mappings":";;AAwCO,SAAS,cAAc,QAA2C;AAEvE,QAAM,UAAU,IAAI,mBAAmB,MAAM;AAG7C,QAAM,QAAQ,IAAiB,QAAQ,SAAA,CAAU;AACjD,QAAM,cAAc,IAAI,KAAK;AAC7B,QAAM,cAAc,IAAI,KAAK;AAC7B,QAAM,eAAe,IAAmC,EAAE,MAAM,SAAS;AACzE,QAAM,sBAAsB,IAAI,KAAK;AAGrC,QAAM,cAAc,QAAQ,UAAU,CAAC,aAAa;AAClD,UAAM,QAAQ,EAAE,GAAG,SAAA;AAGnB,UAAM,aAAa,QAAQ,mBAAA;AAC3B,gBAAY,QAAQ,WAAW;AAC/B,gBAAY,QAAQ,WAAW;AAC/B,iBAAa,QAAQ,WAAW;AAChC,wBAAoB,QAAQ,WAAW;AAAA,EACzC,CAAC;AAGD,QAAM,SAAS,SAAS,MAAM,MAAM,MAAM,MAAM;AAChD,QAAM,WAAW,SAAS,MAAM,MAAM,MAAM,QAAQ;AACpD,QAAM,YAAY,SAAS,MAAM,MAAM,MAAM,SAAS;AACtD,QAAM,QAAQ,SAAS,MAAM,MAAM,MAAM,KAAK;AAC9C,QAAM,WAAW,SAAS,MAAM,MAAM,MAAM,QAAQ;AAGpD,QAAM,WAAW,YAAY;AAC3B,UAAM,QAAQ,SAAA;AAAA,EAChB;AAEA,QAAM,YAAY,MAAM;AACtB,YAAQ,UAAA;AAAA,EACV;AAEA,QAAM,cAAc,OAAO,SAAiB;AAC1C,UAAM,QAAQ,YAAY,IAAI;AAAA,EAChC;AAEA,QAAM,aAAa,YAAY;AAC7B,UAAM,QAAQ,WAAA;AAAA,EAChB;AAEA,QAAM,gBAAgB,CAAC,UAAkB;AACvC,YAAQ,cAAc,KAAK;AAAA,EAC7B;AAEA,QAAM,aAAa,MAAM;AACvB,YAAQ,WAAA;AAAA,EACV;AAGA,cAAY,MAAM;AAChB,gBAAA;AACA,YAAQ,QAAA;AAAA,EACV,CAAC;AAGD;AAAA,IACE,MAAM;AAAA,IACN,CAAC,cAAc;AACb,cAAQ,aAAa,SAAS;AAAA,IAChC;AAAA,IACA,EAAE,MAAM,KAAA;AAAA,EAAK;AAGf,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}