@om_patel_26/chat-widget 1.0.1

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

@@ -0,0 +1,331 @@
+import { defineComponent, ref, computed, watch, nextTick, onMounted, openBlock, createElementBlock, 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: "blockspark-chat-widget" };
+const _hoisted_2 = { class: "blockspark-welcome-header" };
+const _hoisted_3 = { class: "blockspark-welcome-title" };
+const _hoisted_4 = { class: "blockspark-welcome-message" };
+const _hoisted_5 = { class: "blockspark-welcome-cta" };
+const _hoisted_6 = {
+  key: 2,
+  class: "blockspark-chat-window"
+};
+const _hoisted_7 = { class: "blockspark-chat-header" };
+const _hoisted_8 = { class: "blockspark-chat-header-content" };
+const _hoisted_9 = { class: "blockspark-chat-title" };
+const _hoisted_10 = { class: "blockspark-chat-subtitle" };
+const _hoisted_11 = {
+  key: 0,
+  class: "blockspark-mode-indicator"
+};
+const _hoisted_12 = {
+  key: 0,
+  class: "blockspark-mode-badge"
+};
+const _hoisted_13 = {
+  key: 1,
+  class: "blockspark-agent-info"
+};
+const _hoisted_14 = { class: "blockspark-agent-name" };
+const _hoisted_15 = {
+  key: 2,
+  class: "blockspark-mode-badge"
+};
+const _hoisted_16 = {
+  key: 0,
+  class: "blockspark-chat-empty"
+};
+const _hoisted_17 = { class: "blockspark-message-content" };
+const _hoisted_18 = ["innerHTML"];
+const _hoisted_19 = {
+  key: 0,
+  class: "blockspark-chips-container"
+};
+const _hoisted_20 = {
+  key: 0,
+  class: "blockspark-chips-group"
+};
+const _hoisted_21 = ["onClick"];
+const _hoisted_22 = {
+  key: 0,
+  class: "blockspark-chips-group"
+};
+const _hoisted_23 = ["onClick"];
+const _hoisted_24 = { class: "blockspark-message-time" };
+const _hoisted_25 = {
+  key: 1,
+  class: "blockspark-message blockspark-message-bot"
+};
+const _hoisted_26 = {
+  key: 2,
+  class: "blockspark-agent-typing-indicator"
+};
+const _hoisted_27 = ["value", "placeholder", "disabled"];
+const _hoisted_28 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __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,
+      openChat,
+      closeChat,
+      sendMessage,
+      toggleChat,
+      setInputValue,
+      clearError,
+      manager
+    } = useChatWidget(props);
+    const messagesEndRef = ref(null);
+    const messagesContainer = ref(null);
+    const config = computed(() => props);
+    watch(
+      () => messages.value.length,
+      () => {
+        nextTick(() => {
+          messagesEndRef.value?.scrollIntoView({ behavior: "smooth" });
+        });
+      }
+    );
+    const handleOpenChat = async () => {
+      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"
+      });
+    };
+    onMounted(() => {
+      if (config.value.showWelcomePopup && typeof window !== "undefined") {
+        manager.initializeWelcomePopup();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        unref(state).showWelcomePopup && !unref(state).isOpen ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "blockspark-welcome-popup",
+          onClick: handleOpenChat
+        }, [
+          createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, toDisplayString(config.value.welcomeTitle), 1),
+            createElementVNode("button", {
+              class: "blockspark-close-popup",
+              onClick: withModifiers(handleCloseWelcomePopup, ["stop"]),
+              "aria-label": "Close welcome popup"
+            }, " × ")
+          ]),
+          createElementVNode("div", _hoisted_4, toDisplayString(config.value.welcomeMessage), 1),
+          createElementVNode("div", _hoisted_5, toDisplayString(config.value.welcomeCta), 1)
+        ])) : createCommentVNode("", true),
+        !unref(state).isOpen ? (openBlock(), createElementBlock("button", {
+          key: 1,
+          class: "blockspark-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_6, [
+          createElementVNode("div", _hoisted_7, [
+            createElementVNode("div", _hoisted_8, [
+              createElementVNode("div", _hoisted_9, toDisplayString(config.value.title), 1),
+              createElementVNode("div", _hoisted_10, [
+                createTextVNode(toDisplayString(config.value.subtitle) + " ", 1),
+                unref(state).chatMode === "human" ? (openBlock(), createElementBlock("span", _hoisted_11, " • " + toDisplayString(unref(wsConnected) ? "🟢 Connected" : "🟡 Connecting..."), 1)) : createCommentVNode("", true)
+              ]),
+              unref(state).chatMode === "human" ? (openBlock(), createElementBlock("div", _hoisted_12, " Human Support Mode ")) : createCommentVNode("", true),
+              unref(state).chatMode === "human" ? (openBlock(), createElementBlock("div", _hoisted_13, [
+                _cache[1] || (_cache[1] = createElementVNode("span", { class: "blockspark-agent-label" }, "Agent:", -1)),
+                createElementVNode("span", _hoisted_14, toDisplayString(unref(currentAgent).name), 1)
+              ])) : createCommentVNode("", true),
+              unref(state).chatMode === "ai" ? (openBlock(), createElementBlock("div", _hoisted_15, " Bot Mode ")) : createCommentVNode("", true)
+            ]),
+            createElementVNode("button", {
+              class: "blockspark-chat-close-btn",
+              onClick: handleCloseChat,
+              "aria-label": "Close chat"
+            }, " × ")
+          ]),
+          createElementVNode("div", {
+            class: "blockspark-chat-messages",
+            ref_key: "messagesContainer",
+            ref: messagesContainer
+          }, [
+            unref(state).messages.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_16, [
+              _cache[2] || (_cache[2] = createElementVNode("div", { class: "blockspark-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(["blockspark-message", `blockspark-message-${message.sender}`])
+              }, [
+                createElementVNode("div", _hoisted_17, [
+                  createElementVNode("span", {
+                    innerHTML: unref(safeLinkifyText)(message.text)
+                  }, null, 8, _hoisted_18)
+                ]),
+                message.richContent && Array.isArray(message.richContent) && message.richContent.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_19, [
+                  (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_20, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(contentGroup.options, (chip, chipIndex) => {
+                            return openBlock(), createElementBlock("button", {
+                              key: chipIndex,
+                              class: "blockspark-chip-button",
+                              type: "button",
+                              onClick: ($event) => handleChipClick(chip.text, chip.payload)
+                            }, toDisplayString(chip.text), 9, _hoisted_21);
+                          }), 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_22, [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(content.options, (chip, chipIndex) => {
+                              return openBlock(), createElementBlock("button", {
+                                key: chipIndex,
+                                class: "blockspark-chip-button",
+                                type: "button",
+                                onClick: ($event) => handleChipClick(chip.text, chip.payload)
+                              }, toDisplayString(chip.text), 9, _hoisted_23);
+                            }), 128))
+                          ])) : createCommentVNode("", true)
+                        ], 64);
+                      }), 128))
+                    ], 64);
+                  }), 128))
+                ])) : createCommentVNode("", true),
+                createElementVNode("div", _hoisted_24, toDisplayString(formatTime(message.timestamp)), 1)
+              ], 2);
+            }), 128)),
+            unref(state).isLoading ? (openBlock(), createElementBlock("div", _hoisted_25, [..._cache[3] || (_cache[3] = [
+              createElementVNode("div", { class: "blockspark-typing-indicator" }, [
+                createElementVNode("span"),
+                createElementVNode("span"),
+                createElementVNode("span")
+              ], -1)
+            ])])) : createCommentVNode("", true),
+            unref(state).chatMode === "human" && unref(agentTyping) ? (openBlock(), createElementBlock("div", _hoisted_26, [..._cache[4] || (_cache[4] = [
+              createElementVNode("span", { class: "blockspark-typing-dots" }, [
+                createElementVNode("span"),
+                createElementVNode("span"),
+                createElementVNode("span")
+              ], -1),
+              createElementVNode("span", { class: "blockspark-typing-text" }, "Agent is typing...", -1)
+            ])])) : createCommentVNode("", true),
+            createElementVNode("div", {
+              ref_key: "messagesEndRef",
+              ref: messagesEndRef
+            }, null, 512)
+          ], 512),
+          createElementVNode("form", {
+            class: "blockspark-chat-input-form",
+            onSubmit: withModifiers(handleSubmit, ["prevent"])
+          }, [
+            createElementVNode("input", {
+              type: "text",
+              class: "blockspark-chat-input",
+              value: unref(state).inputValue,
+              onInput: handleInput,
+              placeholder: config.value.inputPlaceholder,
+              disabled: unref(state).isLoading
+            }, null, 40, _hoisted_27),
+            createElementVNode("button", {
+              type: "submit",
+              class: "blockspark-chat-send-btn",
+              disabled: !unref(state).inputValue.trim() || unref(state).isLoading
+            }, [..._cache[5] || (_cache[5] = [
+              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)
+      ]);
+    };
+  }
+});
+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=\"blockspark-chat-widget\">\n    <!-- Welcome Popup -->\n    <div\n      v-if=\"state.showWelcomePopup && !state.isOpen\"\n      class=\"blockspark-welcome-popup\"\n      @click=\"handleOpenChat\"\n    >\n      <div class=\"blockspark-welcome-header\">\n        <div class=\"blockspark-welcome-title\">{{ config.welcomeTitle }}</div>\n        <button\n          class=\"blockspark-close-popup\"\n          @click.stop=\"handleCloseWelcomePopup\"\n          aria-label=\"Close welcome popup\"\n        >\n          ×\n        </button>\n      </div>\n      <div class=\"blockspark-welcome-message\">{{ config.welcomeMessage }}</div>\n      <div class=\"blockspark-welcome-cta\">{{ config.welcomeCta }}</div>\n    </div>\n\n    <!-- Chat Toggle Button -->\n    <button\n      v-if=\"!state.isOpen\"\n      class=\"blockspark-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=\"blockspark-chat-window\">\n      <div class=\"blockspark-chat-header\">\n        <div class=\"blockspark-chat-header-content\">\n          <div class=\"blockspark-chat-title\">{{ config.title }}</div>\n          <div class=\"blockspark-chat-subtitle\">\n            {{ config.subtitle }}\n            <span v-if=\"state.chatMode === 'human'\" class=\"blockspark-mode-indicator\">\n              • {{ wsConnected ? '🟢 Connected' : '🟡 Connecting...' }}\n            </span>\n          </div>\n          <div v-if=\"state.chatMode === 'human'\" class=\"blockspark-mode-badge\">\n            Human Support Mode\n          </div>\n          <div v-if=\"state.chatMode === 'human'\" class=\"blockspark-agent-info\">\n            <span class=\"blockspark-agent-label\">Agent:</span>\n            <span class=\"blockspark-agent-name\">{{ currentAgent.name }}</span>\n          </div>\n          <div v-if=\"state.chatMode === 'ai'\" class=\"blockspark-mode-badge\">\n            Bot Mode\n          </div>\n        </div>\n        <button\n          class=\"blockspark-chat-close-btn\"\n          @click=\"handleCloseChat\"\n          aria-label=\"Close chat\"\n        >\n          ×\n        </button>\n      </div>\n\n      <div class=\"blockspark-chat-messages\" ref=\"messagesContainer\">\n        <!-- Empty State -->\n        <div v-if=\"state.messages.length === 0\" class=\"blockspark-chat-empty\">\n          <div class=\"blockspark-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=\"['blockspark-message', `blockspark-message-${message.sender}`]\"\n        >\n          <div class=\"blockspark-message-content\">\n            <!-- Safe HTML rendering with sanitization -->\n            <span v-html=\"safeLinkifyText(message.text)\"></span>\n          </div>\n\n          <!-- Rich Content (Chips) -->\n          <div\n            v-if=\"message.richContent && Array.isArray(message.richContent) && message.richContent.length > 0\"\n            class=\"blockspark-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=\"blockspark-chips-group\"\n                >\n                  <button\n                    v-for=\"(chip, chipIndex) in contentGroup.options\"\n                    :key=\"chipIndex\"\n                    class=\"blockspark-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=\"blockspark-chips-group\"\n                  >\n                    <button\n                      v-for=\"(chip, chipIndex) in content.options\"\n                      :key=\"chipIndex\"\n                      class=\"blockspark-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=\"blockspark-message-time\">\n            {{ formatTime(message.timestamp) }}\n          </div>\n        </div>\n\n        <!-- Loading Indicator -->\n        <div v-if=\"state.isLoading\" class=\"blockspark-message blockspark-message-bot\">\n          <div class=\"blockspark-typing-indicator\">\n            <span></span>\n            <span></span>\n            <span></span>\n          </div>\n        </div>\n\n        <!-- Agent Typing Indicator -->\n        <div v-if=\"state.chatMode === 'human' && agentTyping\" class=\"blockspark-agent-typing-indicator\">\n          <span class=\"blockspark-typing-dots\">\n            <span></span>\n            <span></span>\n            <span></span>\n          </span>\n          <span class=\"blockspark-typing-text\">Agent is typing...</span>\n        </div>\n\n        <div ref=\"messagesEndRef\"></div>\n      </div>\n\n      <!-- Input Form -->\n      <form class=\"blockspark-chat-input-form\" @submit.prevent=\"handleSubmit\">\n        <input\n          type=\"text\"\n          class=\"blockspark-chat-input\"\n          :value=\"state.inputValue\"\n          @input=\"handleInput\"\n          :placeholder=\"config.inputPlaceholder\"\n          :disabled=\"state.isLoading\"\n        />\n        <button\n          type=\"submit\"\n          class=\"blockspark-chat-send-btn\"\n          :disabled=\"!state.inputValue.trim() || state.isLoading\"\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// 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  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// 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  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// 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","_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),r=e.ref(n.getState()),s=e.ref(!1),o=e.ref(!1),u=e.ref({name:"Agent"}),c=n.subscribe(e=>{r.value={...e};const t=n.getAdditionalState();s.value=t.wsConnected,o.value=t.agentTyping,u.value=t.currentAgent}),g=e.computed(()=>r.value.isOpen),d=e.computed(()=>r.value.messages),i=e.computed(()=>r.value.isLoading),l=e.computed(()=>r.value.error),p=e.computed(()=>r.value.chatMode);return e.onUnmounted(()=>{c(),n.destroy()}),e.watch(()=>a,e=>{n.updateConfig(e)},{deep:!0}),{state:r,isOpen:g,messages:d,isLoading:i,error:l,chatMode:p,wsConnected:s,agentTyping:o,currentAgent:u,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\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\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  });\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    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","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":"sKAuCO,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,UAG1DC,EAAcT,EAAQU,UAAWC,IACrCT,EAAMU,MAAQ,IAAKD,GAGnB,MAAME,EAAab,EAAQc,qBAC3BT,EAAYO,MAAQC,EAAWR,YAC/BC,EAAYM,MAAQC,EAAWP,YAC/BC,EAAaK,MAAQC,EAAWN,eAI5BQ,EAASC,EAAAA,SAAS,IAAMd,EAAMU,MAAMG,QACpCE,EAAWD,EAAAA,SAAS,IAAMd,EAAMU,MAAMK,UACtCC,EAAYF,EAAAA,SAAS,IAAMd,EAAMU,MAAMM,WACvCC,EAAQH,EAAAA,SAAS,IAAMd,EAAMU,MAAMO,OACnCC,EAAWJ,EAAAA,SAAS,IAAMd,EAAMU,MAAMQ,UA0C5C,OAdAC,EAAAA,YAAY,KACVZ,IACAT,EAAQsB,YAIVC,EAAAA,MACE,IAAMxB,EACLyB,IACCxB,EAAQyB,aAAaD,IAEvB,CAAEE,MAAM,IAGH,CACLxB,QACAa,SACAE,WACAC,YACAC,QACAC,WACAf,cACAC,cACAC,eACAoB,SAjDeC,gBACT5B,EAAQ2B,YAiDdE,UA9CgB,KAChB7B,EAAQ6B,aA8CRC,YA3CkBF,MAAOG,UACnB/B,EAAQ8B,YAAYC,IA2C1BC,WAxCiBJ,gBACX5B,EAAQgC,cAwCdC,cArCqBrB,IACrBZ,EAAQiC,cAAcrB,IAqCtBsB,WAlCiB,KACjBlC,EAAQkC,cAkCRlC,UAEJ"}

package/dist/composables/useChatWidget.d.ts

@@ -0,0 +1,34 @@
+/**
+ * useChatWidget Composable
+ * Headless mode for Vue 3 - use logic without UI
+ */
+import { type Ref } from 'vue';
+import { WidgetStateManager } from '../core/stateManager';
+import type { WidgetConfig, WidgetState, ChatMessage } from '../core/types';
+export interface UseChatWidgetReturn {
+    state: Readonly<Ref<WidgetState>>;
+    isOpen: Readonly<Ref<boolean>>;
+    messages: Readonly<Ref<ChatMessage[]>>;
+    isLoading: Readonly<Ref<boolean>>;
+    error: Readonly<Ref<string | null>>;
+    chatMode: Readonly<Ref<'ai' | 'human'>>;
+    wsConnected: Readonly<Ref<boolean>>;
+    agentTyping: Readonly<Ref<boolean>>;
+    currentAgent: Readonly<Ref<{
+        name: string;
+        id?: string;
+    }>>;
+    openChat: () => Promise<void>;
+    closeChat: () => void;
+    sendMessage: (text: string) => Promise<void>;
+    toggleChat: () => Promise<void>;
+    setInputValue: (value: string) => void;
+    clearError: () => void;
+    manager: WidgetStateManager;
+}
+/**
+ * Headless chat widget composable
+ * Use this for custom UI implementations
+ */
+export declare function useChatWidget(config: WidgetConfig): UseChatWidgetReturn;
+//# sourceMappingURL=useChatWidget.d.ts.map

package/dist/composables/useChatWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatWidget.d.ts","sourceRoot":"","sources":["../../src/composables/useChatWidget.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAA+C,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5E,MAAM,WAAW,mBAAmB;IAElC,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC;IAClC,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/B,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;IACvC,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;IAClC,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IACpC,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC;IAGxC,WAAW,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;IACpC,WAAW,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;IACpC,YAAY,EAAE,QAAQ,CAAC,GAAG,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IAG3D,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,MAAM,IAAI,CAAC;IAGvB,OAAO,EAAE,kBAAkB,CAAC;CAC7B;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,YAAY,GAAG,mBAAmB,CAsFvE"}

package/dist/composables/useChatWidget.esm.js

@@ -0,0 +1,72 @@
+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 unsubscribe = manager.subscribe((newState) => {
+    state.value = { ...newState };
+    const additional = manager.getAdditionalState();
+    wsConnected.value = additional.wsConnected;
+    agentTyping.value = additional.agentTyping;
+    currentAgent.value = additional.currentAgent;
+  });
+  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,
+    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\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\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  });\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    openChat,\n    closeChat,\n    sendMessage,\n    toggleChat,\n    setInputValue,\n    clearError,\n    manager,\n  };\n}\n"],"names":[],"mappings":";;AAuCO,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;AAGzE,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;AAAA,EAClC,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,EAAA;AAEJ;"}

package/dist/core/stateManager.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../services/dialogflowClient.cjs.js"),t=require("../services/chatService.cjs.js"),s=require("../utils/ssr.cjs.js");exports.WidgetStateManager=class{constructor(e){this.listeners=new Set,this.chatMode="ai",this.chatId=null,this.supportSessionId=null,this.chatService=null,this.collectingUserInfo=!1,this.userInfoStep=null,this.collectedUserName="",this.collectedUserEmail="",this.collectedUserMobile="",this.wsConnected=!1,this.agentTyping=!1,this.currentAgent={name:"Agent"},this.isConnectingToAgent=!1,this.agentAccepted=!1,this.chatResolved=!1,this.historyLoaded=null,this.typingTimeout=null,this.agentTypingTimeout=null,this.config=e,this.state={isOpen:!1,showWelcomePopup:!1,messages:[],inputValue:"",isLoading:!1,error:null,sessionId:null,chatMode:"ai"},this.chatService=t.createChatService({baseUrl:this.config.backendBaseUrl||"http://localhost:8012",wsUrl:this.config.backendWsUrl||"ws://localhost:8012",debug:this.config.debug||!1});const i=s.safeLocalStorage(),a=i.getItem("blockspark_chat_mode");a&&(this.chatMode="HUMAN"===a?"human":"ai",this.state.chatMode=this.chatMode),this.chatId=i.getItem("blockspark_chat_id"),this.supportSessionId=i.getItem("blockspark_session_id")}subscribe(e){return this.listeners.add(e),()=>{this.listeners.delete(e)}}getState(){return{...this.state}}setState(e){this.state={...this.state,...e},this.listeners.forEach(e=>e(this.getState()))}updateConfig(e){this.config={...this.config,...e}}async openChat(){if(this.setState({isOpen:!0}),this.state.showWelcomePopup&&this.setState({showWelcomePopup:!1}),"ai"===this.state.chatMode&&!this.state.sessionId&&this.config.dfProjectId&&this.config.dfAgentId)try{this.setState({isLoading:!0});const t={dfProjectId:this.config.dfProjectId,dfLocation:this.config.dfLocation||"us-central1",dfAgentId:this.config.dfAgentId,serviceAccountKey:this.config.serviceAccountKey,accessToken:this.config.accessToken,languageCode:this.config.languageCode||"en"},s=await e.createDialogflowSession(t);if(this.setState({sessionId:s.session_id,isLoading:!1}),s.message){const e={id:`welcome-${Date.now()}`,text:s.message,sender:"bot",timestamp:new Date,richContent:s.richContent};this.setState({messages:[e]})}}catch(t){this.setState({isLoading:!1,error:t.message||"Failed to initialize chat"});const e={id:`fallback-${Date.now()}`,text:this.config.fallbackWelcomeMessage||"Hello! How can I help you today?",sender:"bot",timestamp:new Date};this.setState({messages:[e]})}}closeChat(){this.setState({isOpen:!1})}closeWelcomePopup(){this.setState({showWelcomePopup:!1})}toggleChat(){const e=!this.state.isOpen;this.setState({isOpen:e}),e&&this.state.showWelcomePopup&&this.setState({showWelcomePopup:!1})}setInputValue(e){this.setState({inputValue:e})}clearError(){this.setState({error:null})}async sendMessage(e,s=!1){if(e.trim()&&!this.state.isLoading){if(this.collectingUserInfo){const t={id:`user-${Date.now()}`,text:e.trim(),sender:"user",timestamp:new Date};return this.setState({messages:[...this.state.messages,t],inputValue:"",isLoading:!1,error:null}),void(await this.handleUserInfoCollection(e))}if(s)this.setState({inputValue:"",isLoading:!0,error:null});else{const t={id:`user-${Date.now()}`,text:e.trim(),sender:"user",timestamp:new Date};this.setState({messages:[...this.state.messages,t],inputValue:"",isLoading:!0,error:null})}try{"human"===this.state.chatMode?await this.sendHumanMessage(e):await this.sendAIMessage(e)}catch(i){if(i instanceof t.ChatResolvedError||"ChatResolvedError"===i?.name||"chat_resolved"===i?.message)return void this.enterResolvedState(this.chatId);const e={id:`error-${Date.now()}`,text:this.config.debug?`Error: ${i.message||"Failed to send message"}`:i.message?.includes("CORS")||i.message?.includes("Failed to fetch")?"Unable to connect to Dialogflow. Please check your configuration and network.":"Sorry, I'm having trouble processing your message. Please try again.",sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,e],error:i.message||"Failed to send message",isLoading:!1})}}}async sendAIMessage(t){if(!this.config.dfProjectId||!this.config.dfAgentId)throw new Error("Dialogflow configuration is missing");const s={dfProjectId:this.config.dfProjectId,dfLocation:this.config.dfLocation||"us-central1",dfAgentId:this.config.dfAgentId,serviceAccountKey:this.config.serviceAccountKey,accessToken:this.config.accessToken,languageCode:this.config.languageCode||"en"};if(!this.state.sessionId){const t=await e.createDialogflowSession(s);this.setState({sessionId:t.session_id})}this.config.debug;const i=await e.sendDialogflowMessage(t,this.state.sessionId,s);if(this.config.debug,!0===i.handoff){const e={id:`bot-${Date.now()}`,text:i.response||this.config.fallbackWelcomeMessage||"No response",sender:"bot",timestamp:new Date,richContent:i.richContent};return this.setState({messages:[...this.state.messages,e],isLoading:!1}),void this.startUserInfoCollection()}const a={id:`bot-${Date.now()}`,text:i.response||this.config.fallbackWelcomeMessage||"No response",sender:"bot",timestamp:new Date,richContent:i.richContent};this.setState({messages:[...this.state.messages,a],isLoading:!1})}async sendHumanMessage(e){if(!this.chatId||!this.supportSessionId){const e={id:`error-${Date.now()}`,text:"Chat session not initialized. Please try again.",sender:"bot",timestamp:new Date};return void this.setState({messages:[...this.state.messages,e],isLoading:!1})}if(!this.chatService)throw new Error("Chat service not initialized");this.chatService.sendTypingIndicator("typing_stop"),this.typingTimeout&&(clearTimeout(this.typingTimeout),this.typingTimeout=null);try{this.chatService.sendMessageViaWebSocket(e.trim())||await this.chatService.sendMessageToAgent(this.chatId,this.supportSessionId,e.trim()),this.setState({isLoading:!1})}catch(i){if(i instanceof t.ChatResolvedError||"ChatResolvedError"===i?.name||"chat_resolved"===i?.message)return void this.enterResolvedState(this.chatId);if(!(i.message?.includes("Chat not found")||i.message?.includes("unauthorized")||i.message?.includes("401")||i.message?.includes("404")))throw i;{this.config.debug,this.chatId=null,this.supportSessionId=null;const i=s.safeLocalStorage();i.removeItem("blockspark_chat_id"),i.removeItem("blockspark_session_id");try{const t=await this.chatService.startSupportChat(this.state.sessionId||null,null,null,null);this.chatId=t.chat_id,this.supportSessionId=t.session_id;const i=s.safeLocalStorage();return i.setItem("blockspark_chat_id",this.chatId),i.setItem("blockspark_session_id",this.supportSessionId),this.chatId&&this.supportSessionId&&await this.chatService.sendMessageToAgent(this.chatId,this.supportSessionId,e.trim()),void this.setState({isLoading:!1})}catch(a){if(a instanceof t.ChatResolvedError||"chat_resolved"===a?.message)return void this.enterResolvedState(this.chatId);throw a}}}}switchToHumanMode(){this.chatMode="human",this.setState({chatMode:"human"}),s.safeLocalStorage().setItem("blockspark_chat_mode","HUMAN")}switchToBotMode(){this.chatMode="ai",this.setState({chatMode:"ai"}),s.safeLocalStorage().setItem("blockspark_chat_mode","BOT")}initializeWelcomePopup(){if(!1!==this.config.showWelcomePopup){const e=this.config.welcomePopupDelay||1500;setTimeout(()=>{this.state.isOpen||this.setState({showWelcomePopup:!0})},e)}}startUserInfoCollection(){this.collectingUserInfo=!0,this.userInfoStep="name",this.collectedUserName="",this.collectedUserEmail="",this.collectedUserMobile="";const e={id:`prompt-${Date.now()}`,text:"To connect you with a human agent, I'll need some information. Please provide your name:",sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,e]})}async handleUserInfoCollection(e){if("name"===this.userInfoStep){const t=e.trim();this.collectedUserName=t,this.userInfoStep="email";const s={id:`prompt-${Date.now()}`,text:"Thank you! Now please provide your email address:",sender:"bot",timestamp:new Date};return void this.setState({messages:[...this.state.messages,s],inputValue:""})}if("email"===this.userInfoStep){const t=e.trim();if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t)){const e={id:`prompt-${Date.now()}`,text:"Please provide a valid email address:",sender:"bot",timestamp:new Date};return void this.setState({messages:[...this.state.messages,e],inputValue:""})}this.collectedUserEmail=t,this.userInfoStep="mobile";const s={id:`prompt-${Date.now()}`,text:"Thank you! Now please provide your mobile number:",sender:"bot",timestamp:new Date};return void this.setState({messages:[...this.state.messages,s],inputValue:""})}if("mobile"===this.userInfoStep){const t=e.trim();if(!/^[\+]?[(]?[0-9]{1,4}[)]?[-\s\.]?[(]?[0-9]{1,4}[)]?[-\s\.]?[0-9]{1,9}$/.test(t)||t.length<10){const e={id:`prompt-${Date.now()}`,text:"Please provide a valid mobile number (e.g., +1234567890):",sender:"bot",timestamp:new Date};return void this.setState({messages:[...this.state.messages,e],inputValue:""})}this.collectedUserMobile=t,this.collectingUserInfo=!1,this.userInfoStep=null,await this.handleHandoff(this.collectedUserName,this.collectedUserEmail,t),this.setState({inputValue:""})}}async handleHandoff(e,t,i){if(!this.chatService)throw new Error("Chat service not initialized");try{this.isConnectingToAgent=!0;const n=this.state.sessionId,o=await this.chatService.ensureChatInitialized(this.chatId,this.supportSessionId,n||null,e||null,t||null,i||null);if(!o||!o.chat_id)throw new Error("Failed to initialize chat session");const c=o.chat_id,h=o.session_id;if(c!==this.chatId){this.chatId=c,this.supportSessionId=h;const e=s.safeLocalStorage();e.setItem("blockspark_chat_id",this.chatId),e.setItem("blockspark_session_id",this.supportSessionId),this.config.debug}try{await this.chatService.requestHandoff(c,h,"Customer requested human agent",n||null,e||null,t||null,i||null),this.config.debug}catch(a){if(!(a.message?.includes("Invalid chat_id")||a.message?.includes("Chat not found")||a.message?.includes("unauthorized")||a.message?.includes("400")||a.message?.includes("401")||a.message?.includes("404")||a.message?.includes("expired")))throw a;{this.config.debug,this.chatId=null,this.supportSessionId=null;const a=s.safeLocalStorage();a.removeItem("blockspark_chat_id"),a.removeItem("blockspark_session_id");const o=await this.chatService.startSupportChat(n||null,e||null,t||null,i||null);if(!o||!o.chat_id)throw new Error("Failed to re-initialize chat session");this.chatId=o.chat_id,this.supportSessionId=o.session_id;const c=s.safeLocalStorage();c.setItem("blockspark_chat_id",this.chatId),c.setItem("blockspark_session_id",this.supportSessionId),await this.chatService.requestHandoff(this.chatId,this.supportSessionId,"Customer requested human agent",n||null,e||null,t||null,i||null),this.config.debug}}this.switchToHumanMode(),this.chatResolved=!1,this.agentAccepted=!1;const r={id:`connecting-${Date.now()}`,text:"Connecting you to a human agent...",sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,r]}),c&&h&&this.chatService.connectWebSocket(c,h,e=>{this.handleWebSocketMessage(e)},e=>{this.wsConnected=e}),this.isConnectingToAgent=!1}catch(n){const e={id:`error-${Date.now()}`,text:this.config.debug?`Handoff error: ${n.message}`:"Failed to connect to agent. Please try again.",sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,e]}),this.isConnectingToAgent=!1}}handleWebSocketMessage(e){switch(e.type){case"message":if(e.content&&("agent"===e.sender_type||!e.sender_type)){const t={id:e.id||`agent-${Date.now()}`,text:e.content,sender:"agent",timestamp:new Date(e.timestamp||Date.now())};new Set(this.state.messages.map(e=>e.id)).has(t.id)||this.setState({messages:[...this.state.messages,t]}),this.agentTyping=!1,this.agentTypingTimeout&&(clearTimeout(this.agentTypingTimeout),this.agentTypingTimeout=null)}break;case"typing_start":"agent"===e.sender_type&&(this.agentTyping=!0,this.agentTypingTimeout&&clearTimeout(this.agentTypingTimeout),this.agentTypingTimeout=setTimeout(()=>{this.agentTyping=!1},3e3));break;case"typing_stop":"agent"===e.sender_type&&(this.agentTyping=!1,this.agentTypingTimeout&&(clearTimeout(this.agentTypingTimeout),this.agentTypingTimeout=null));break;case"agent_changed":if(e.to_agent){this.currentAgent={id:e.to_agent_id,name:e.to_agent};const t={id:`system-${Date.now()}`,text:e.from_agent?`Chat has been transferred from ${e.from_agent} to ${e.to_agent}`:`Chat has been transferred to ${e.to_agent}`,sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,t]})}break;case"agent_accepted":this.agentAccepted=!0,this.isConnectingToAgent=!1;const t={id:e.id||`agent-accepted-${Date.now()}`,text:"You can chat now, the agent has accepted your request.",sender:"bot",timestamp:e.timestamp?new Date(e.timestamp):new Date};new Set(this.state.messages.map(e=>e.id)).has(t.id)||this.setState({messages:[...this.state.messages,t]}),e.to_agent&&(this.currentAgent={name:e.to_agent,id:e.to_agent_id});break;case"chat_resolved":case"chat_ended":this.enterResolvedState(e.chat_id||null);break;case"chat_info":"active"===e.status?(this.isConnectingToAgent=!1,this.agentAccepted=!0):"resolved"!==e.status&&"ended"!==e.status||this.enterResolvedState(e.chat_id||null),e.agent_id&&(this.currentAgent={...this.currentAgent,id:e.agent_id});break;case"error":const s={id:`error-${Date.now()}`,text:e.error||"An error occurred. Please try again.",sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,s]})}}enterResolvedState(t){this.chatResolved=!0,this.isConnectingToAgent=!1,this.agentAccepted=!1,this.agentTyping=!1,this.agentTypingTimeout&&(clearTimeout(this.agentTypingTimeout),this.agentTypingTimeout=null),this.chatService&&this.chatService.disconnectWebSocket(),this.chatId=null,this.supportSessionId=null;const i=s.safeLocalStorage();i.removeItem("blockspark_chat_id"),i.removeItem("blockspark_session_id");const a={id:`resolved-${Date.now()}`,text:"Thank you for contacting us!",sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,a]}),setTimeout(async()=>{if(this.switchToBotMode(),this.chatResolved=!1,this.setState({messages:[],sessionId:null}),this.collectingUserInfo=!1,this.userInfoStep=null,this.collectedUserName="",this.collectedUserEmail="",this.collectedUserMobile="",this.config.dfProjectId&&this.config.dfAgentId&&this.state.isOpen)try{this.setState({isLoading:!0});const t={dfProjectId:this.config.dfProjectId,dfLocation:this.config.dfLocation||"us-central1",dfAgentId:this.config.dfAgentId,serviceAccountKey:this.config.serviceAccountKey,accessToken:this.config.accessToken,languageCode:this.config.languageCode||"en"},s=await e.createDialogflowSession(t);if(this.setState({sessionId:s.session_id,isLoading:!1}),s.message){const e={id:`welcome-${Date.now()}`,text:s.message,sender:"bot",timestamp:new Date,richContent:s.richContent};this.setState({messages:[e]})}}catch(t){this.setState({isLoading:!1,error:t.message||"Failed to initialize chat"});const e={id:`fallback-${Date.now()}`,text:this.config.fallbackWelcomeMessage||"Hello! How can I help you today?",sender:"bot",timestamp:new Date};this.setState({messages:[e]})}},2e3)}async loadMessageHistory(e=!1){if(this.chatService&&this.chatId&&this.supportSessionId)try{if(this.chatId&&this.supportSessionId){const t=(await this.chatService.loadMessageHistory(this.chatId,this.supportSessionId)).map(e=>({id:e.id||`history-${Date.now()}-${Math.random()}`,text:e.content,sender:"agent"===e.sender_type?"agent":"user",timestamp:new Date(e.timestamp)}));if(e){const e=new Set(this.state.messages.map(e=>e.id)),s=t.filter(t=>!e.has(t.id)),i=[...this.state.messages,...s].sort((e,t)=>e.timestamp.getTime()-t.timestamp.getTime());this.setState({messages:i})}else this.setState({messages:t})}}catch(t){if(this.config.debug){const e={id:`error-${Date.now()}`,text:`Failed to load chat history: ${t.message}`,sender:"bot",timestamp:new Date};this.setState({messages:[...this.state.messages,e]})}}}getAdditionalState(){return{wsConnected:this.wsConnected,agentTyping:this.agentTyping,currentAgent:this.currentAgent,isConnectingToAgent:this.isConnectingToAgent,agentAccepted:this.agentAccepted,chatResolved:this.chatResolved}}destroy(){this.typingTimeout&&clearTimeout(this.typingTimeout),this.agentTypingTimeout&&clearTimeout(this.agentTypingTimeout),this.chatService&&this.chatService.disconnectWebSocket(),this.listeners.clear()}};
+//# sourceMappingURL=stateManager.cjs.js.map