@om_patel_26/chat-widget 1.0.1

package/README.md

@@ -0,0 +1,276 @@
+# BlockSpark Chat Widget
+
+A reusable React chat widget component that connects directly with Dialogflow CX - no backend API required!
+
+## Installation
+
+### Option 1: Install from Local Path (Recommended for Development)
+
+```bash
+# In your website project directory
+npm install /path/to/blockspark-chat-widget
+# or
+npm install ../blockspark-chat-widget
+```
+
+### Option 2: Use npm link (For Development)
+
+```bash
+# In the blockspark-chat-widget directory
+npm link
+
+# In your website project directory
+npm link @blockspark/chat-widget
+```
+
+### Option 3: Publish to npm (For Production)
+
+```bash
+# Build the library first
+npm run build
+
+# Publish to npm (make sure you're logged in)
+npm publish
+```
+
+Then install in your project:
+```bash
+npm install @blockspark/chat-widget
+```
+
+## Usage
+
+### Vue.js Usage (Quick Start)
+
+```bash
+# Install
+npm install @blockspark/chat-widget
+```
+
+```vue
+<template>
+  <ChatWidget
+    :df-project-id="'your-project-id'"
+    :df-agent-id="'your-agent-id'"
+    :service-account-key="serviceAccountKey"
+  />
+</template>
+
+<script setup>
+import ChatWidget from '@blockspark/chat-widget/vue';
+import '@blockspark/chat-widget/dist/styles.css';
+import serviceAccountKey from './service-account-key.json';
+</script>
+```
+
+**📚 For detailed Vue.js setup guide, see [VUE_INSTALLATION_GUIDE.md](./VUE_INSTALLATION_GUIDE.md)**
+
+---
+
+### React/Next.js Usage
+
+### Basic Usage
+
+```tsx
+import ChatWidget from '@blockspark/chat-widget';
+import '@blockspark/chat-widget/dist/styles.css';
+
+// Load your Google Cloud service account key
+import serviceAccountKey from './path/to/service-account-key.json';
+
+function App() {
+  return (
+    <div>
+      <ChatWidget
+        dfProjectId="your-project-id"
+        dfLocation="us-central1"
+        dfAgentId="your-agent-id"
+        serviceAccountKey={serviceAccountKey}
+        languageCode="en"
+      />
+    </div>
+  );
+}
+```
+
+### Using Access Token (Alternative)
+
+If you prefer to manage authentication yourself:
+
+```tsx
+import ChatWidget from '@blockspark/chat-widget';
+import '@blockspark/chat-widget/dist/styles.css';
+
+function App() {
+  const [accessToken, setAccessToken] = useState<string>('');
+
+  // Get access token from your backend or OAuth flow
+  useEffect(() => {
+    // Your token fetching logic here
+    fetchAccessToken().then(setAccessToken);
+  }, []);
+
+  return (
+    <ChatWidget
+      dfProjectId="your-project-id"
+      dfLocation="us-central1"
+      dfAgentId="your-agent-id"
+      accessToken={accessToken}
+      languageCode="en"
+    />
+  );
+}
+```
+
+### With Custom Configuration
+
+```tsx
+import ChatWidget from '@blockspark/chat-widget';
+import '@blockspark/chat-widget/dist/styles.css';
+import serviceAccountKey from './service-account-key.json';
+
+function App() {
+  return (
+    <ChatWidget
+      dfProjectId="your-project-id"
+      dfLocation="us-central1"
+      dfAgentId="your-agent-id"
+      serviceAccountKey={serviceAccountKey}
+      languageCode="en"
+      title="💬 My Chat Assistant"
+      subtitle="How can I help you?"
+      welcomeTitle="👋 Welcome!"
+      welcomeMessage="I'm here to help you with any questions."
+      welcomeCta="Start chatting"
+      showWelcomePopup={true}
+      welcomePopupDelay={2000}
+      inputPlaceholder="Type your message..."
+      emptyStateMessage="Hi! How can I help you today?"
+      debug={false}
+    />
+  );
+}
+```
+
+### Using Environment Variables
+
+You can configure the backend API URLs for Human Support Mode using environment variables. Create a `.env` file in the project root:
+
+```bash
+# .env file
+REACT_APP_BACKEND_BASE_URL=http://localhost:8012
+REACT_APP_BACKEND_WS_URL=ws://localhost:8012
+```
+
+Or pass them as props:
+
+```tsx
+<ChatWidget
+  dfProjectId="your-project-id"
+  dfAgentId="your-agent-id"
+  serviceAccountKey={serviceAccountKey}
+  backendBaseUrl="http://your-backend-url:8012"
+  backendWsUrl="ws://your-backend-url:8012"
+/>
+```
+
+**Note**: Props take precedence over environment variables.
+
+### Human Support Mode
+
+The widget supports automatic handoff from bot to human agents. When Dialogflow returns `{"handoff": true}`, the widget will:
+
+1. Switch from Bot Mode to Human Support Mode
+2. Create a support chat session
+3. Connect via WebSocket for real-time messaging
+4. Load message history
+5. Route messages to the backend API instead of Dialogflow
+
+The widget displays mode indicators and connection status in the chat header.
+
+### Import Types (TypeScript)
+
+```tsx
+import ChatWidget, { ChatWidgetProps, DialogflowConfig } from '@blockspark/chat-widget';
+```
+
+## Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `dfProjectId` | `string` | Yes | - | Dialogflow project ID |
+| `dfLocation` | `string` | No | `"us-central1"` | Dialogflow location |
+| `dfAgentId` | `string` | Yes | - | Dialogflow agent ID |
+| `serviceAccountKey` | `object` | Yes* | - | Google Cloud service account key JSON object |
+| `accessToken` | `string` | Yes* | - | Access token (alternative to serviceAccountKey) |
+| `languageCode` | `string` | No | `"en"` | Language code for Dialogflow |
+| `title` | `string` | No | `"💬 BlockSpark AI Assistant"` | Chat widget title |
+| `subtitle` | `string` | No | `"We're here to help"` | Chat widget subtitle |
+| `welcomeTitle` | `string` | No | `"👋 Welcome to Blockspark"` | Welcome popup title |
+| `welcomeMessage` | `string` | No | `"My name is BlockSpark..."` | Welcome popup message |
+| `welcomeCta` | `string` | No | `"💬 Click here to start chatting!"` | Welcome popup CTA text |
+| `showWelcomePopup` | `boolean` | No | `true` | Whether to show welcome popup |
+| `welcomePopupDelay` | `number` | No | `1500` | Delay before showing welcome popup (ms) |
+| `fallbackWelcomeMessage` | `string` | No | `"Hello! I'm BlockSpark..."` | Fallback message if API fails |
+| `inputPlaceholder` | `string` | No | `"Type your message..."` | Input field placeholder |
+| `emptyStateMessage` | `string` | No | `"Hi! I'm BlockSpark..."` | Empty state message |
+| `debug` | `boolean` | No | `false` | Enable debug logging |
+| `backendBaseUrl` | `string` | No | `process.env.REACT_APP_BACKEND_BASE_URL` or `"http://localhost:8012"` | Backend REST API base URL for Human Support Mode |
+| `backendWsUrl` | `string` | No | `process.env.REACT_APP_BACKEND_WS_URL` or `"ws://localhost:8012"` | Backend WebSocket URL for Human Support Mode |
+
+\* Either `serviceAccountKey` or `accessToken` must be provided.
+
+## How It Works
+
+The widget connects **directly** to Dialogflow CX using the REST API - no backend required! 
+
+1. **Authentication**: Uses Google Cloud service account key to generate OAuth2 access tokens
+2. **Session Management**: Creates and manages Dialogflow sessions automatically
+3. **Message Handling**: Sends messages directly to Dialogflow and displays responses
+4. **Rich Content**: Supports Dialogflow rich content (chips, cards, etc.)
+
+## Requirements
+
+- React 16.8.0 or higher
+- React DOM 16.8.0 or higher
+- Google Cloud service account with Dialogflow API enabled
+- Dialogflow CX agent
+
+## Getting Your Service Account Key
+
+1. Go to [Google Cloud Console](https://console.cloud.google.com/)
+2. Select your project
+3. Navigate to **IAM & Admin** > **Service Accounts**
+4. Create a new service account or select an existing one
+5. Create a JSON key and download it
+6. Enable **Dialogflow API** for your project
+7. Grant the service account **Dialogflow API User** role
+
+## Security Warning ⚠️
+
+**Important**: Service account keys contain sensitive credentials. 
+
+- **For Development**: You can import the key directly (as shown in examples)
+- **For Production**: 
+  - **DO NOT** expose service account keys in client-side code
+  - Use a backend proxy to handle authentication
+  - Or use OAuth2 flow to get access tokens securely
+  - Consider using restricted service account keys with minimal permissions
+
+## Development
+
+```bash
+# Install dependencies
+npm install
+
+# Build for production
+npm run build
+
+# Watch mode for development
+npm run dev
+```
+
+## License
+
+MIT
+export NPM_TOKEN=your_token_here

package/dist/_virtual/_plugin-vue_export-helper.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});exports.default=(e,t)=>{const o=e.__vccOpts||e;for(const[r,s]of t)o[r]=s;return o};
+//# sourceMappingURL=_plugin-vue_export-helper.cjs.js.map

package/dist/_virtual/_plugin-vue_export-helper.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_plugin-vue_export-helper.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/_plugin-vue_export-helper.esm.js

@@ -0,0 +1,11 @@
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+export {
+  _export_sfc as default
+};
+//# sourceMappingURL=_plugin-vue_export-helper.esm.js.map

package/dist/_virtual/_plugin-vue_export-helper.esm.js.map

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

package/dist/adapters/vue/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Vue Adapter Entry Point
+ * Supports Vue 2.7+ and Vue 3.x
+ */
+export { default } from './ChatWidget.vue';
+export { default as ChatWidget } from './ChatWidget.vue';
+//# sourceMappingURL=index.d.ts.map

package/dist/adapters/vue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/adapters/vue/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/adapters/vue/useChatMode.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Vue Composable for Chat Mode Management
+ * Equivalent to React's useChatMode hook
+ */
+import type { ChatResponse } from '../../services/dialogflowClient';
+export type ChatMode = 'BOT' | 'HUMAN';
+export interface UseChatModeReturn {
+    currentMode: ChatMode;
+    switchToHumanMode: () => void;
+    switchToBotMode: () => void;
+    isHandoffTriggered: (dialogflowResponse: ChatResponse) => boolean;
+    chatId: string | null;
+    sessionId: string | null;
+    setChatId: (id: string | null) => void;
+    setSessionId: (id: string | null) => void;
+}
+/**
+ * Vue composable to manage chat mode (BOT or HUMAN)
+ */
+export declare function useChatMode(): UseChatModeReturn;
+//# sourceMappingURL=useChatMode.d.ts.map

package/dist/adapters/vue/useChatMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatMode.d.ts","sourceRoot":"","sources":["../../../src/adapters/vue/useChatMode.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAEpE,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAC;AAMvC,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,QAAQ,CAAC;IACtB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,kBAAkB,EAAE,CAAC,kBAAkB,EAAE,YAAY,KAAK,OAAO,CAAC;IAClE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,iBAAiB,CAqF/C"}

package/dist/components/ChatWidget.d.ts

@@ -0,0 +1,43 @@
+import "../styles/chatWidget.css";
+export interface ChatWidgetProps {
+    /** Custom title for the chat widget */
+    title?: string;
+    /** Custom subtitle for the chat widget */
+    subtitle?: string;
+    /** Welcome popup title */
+    welcomeTitle?: string;
+    /** Welcome popup message */
+    welcomeMessage?: string;
+    /** Welcome popup CTA text */
+    welcomeCta?: string;
+    /** Whether to show the welcome popup */
+    showWelcomePopup?: boolean;
+    /** Delay in milliseconds before showing welcome popup */
+    welcomePopupDelay?: number;
+    /** Fallback welcome message if API fails */
+    fallbackWelcomeMessage?: string;
+    /** Placeholder text for input field */
+    inputPlaceholder?: string;
+    /** Custom empty state message */
+    emptyStateMessage?: string;
+    /** Enable/disable debug logging */
+    debug?: boolean;
+    /** Dialogflow project ID */
+    dfProjectId?: string;
+    /** Dialogflow location (e.g., "us-central1") */
+    dfLocation?: string;
+    /** Dialogflow agent ID */
+    dfAgentId?: string;
+    /** Google Cloud service account key JSON object */
+    serviceAccountKey?: any;
+    /** Access token (alternative to serviceAccountKey) */
+    accessToken?: string;
+    /** Language code for Dialogflow */
+    languageCode?: string;
+    /** Backend API base URL (default: http://localhost:8012) */
+    backendBaseUrl?: string;
+    /** WebSocket URL (default: ws://localhost:8012) */
+    backendWsUrl?: string;
+}
+export default function ChatWidget({ title, subtitle, welcomeTitle, welcomeMessage, welcomeCta, showWelcomePopup: enableWelcomePopup, welcomePopupDelay, fallbackWelcomeMessage, inputPlaceholder, emptyStateMessage, debug, dfProjectId, dfLocation, dfAgentId, serviceAccountKey, accessToken, languageCode, backendBaseUrl, backendWsUrl, }: ChatWidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatWidget.d.ts.map

package/dist/components/ChatWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWidget.d.ts","sourceRoot":"","sources":["../../src/components/ChatWidget.tsx"],"names":[],"mappings":"AAWA,OAAO,0BAA0B,CAAC;AAsBlC,MAAM,WAAW,eAAe;IAC9B,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4BAA4B;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4CAA4C;IAC5C,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iCAAiC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mCAAmC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAoC,EACpC,QAA+B,EAC/B,YAAyC,EACzC,cAAyE,EACzE,UAA+C,EAC/C,gBAAgB,EAAE,kBAAyB,EAC3C,iBAAwB,EACxB,sBAAwF,EACxF,gBAAyC,EACzC,iBAAgF,EAChF,KAAa,EACb,WAAW,EACX,UAA0B,EAC1B,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,YAAmB,EACnB,cAAc,EACd,YAAY,GACb,EAAE,eAAe,2CAm3CjB"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ChatWidget.vue.cjs2.js");;/* empty css                     */const t=require("../_virtual/_plugin-vue_export-helper.cjs.js").default(e.default,[["__scopeId","data-v-cbfcf702"]]);exports.default=t;
+//# sourceMappingURL=ChatWidget.vue.cjs.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../composables/useChatWidget.cjs.js"),o=require("../utils/sanitize.cjs.js"),a={class:"blockspark-chat-widget"},l={class:"blockspark-welcome-header"},n={class:"blockspark-welcome-title"},c={class:"blockspark-welcome-message"},s={class:"blockspark-welcome-cta"},r={key:2,class:"blockspark-chat-window"},i={class:"blockspark-chat-header"},p={class:"blockspark-chat-header-content"},k={class:"blockspark-chat-title"},d={class:"blockspark-chat-subtitle"},m={key:0,class:"blockspark-mode-indicator"},u={key:0,class:"blockspark-mode-badge"},g={key:1,class:"blockspark-agent-info"},b={class:"blockspark-agent-name"},h={key:2,class:"blockspark-mode-badge"},y={key:0,class:"blockspark-chat-empty"},E={class:"blockspark-message-content"},B=["innerHTML"],f={key:0,class:"blockspark-chips-container"},V={key:0,class:"blockspark-chips-group"},v=["onClick"],N={key:0,class:"blockspark-chips-group"},C=["onClick"],w={class:"blockspark-message-time"},M={key:1,class:"blockspark-message blockspark-message-bot"},S={key:2,class:"blockspark-agent-typing-indicator"},A=["value","placeholder","disabled"],x=["disabled"],I=e.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:!0},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:!1}},setup(I){const L=I,{state:D,isOpen:T,messages:W,isLoading:P,error:j,chatMode:F,wsConnected:H,agentTyping:O,currentAgent:_,openChat:z,closeChat:q,sendMessage:$,toggleChat:U,setInputValue:K,clearError:R,manager:G}=t.useChatWidget(L),J=e.ref(null),Q=e.ref(null),X=e.computed(()=>L);e.watch(()=>W.value.length,()=>{e.nextTick(()=>{J.value?.scrollIntoView({behavior:"smooth"})})});const Y=async()=>{await z()},Z=()=>{q()},ee=()=>{G.closeWelcomePopup()},te=e=>{const t=e.target;K(t.value)},oe=async e=>{e.preventDefault(),D.value.inputValue.trim()&&await $(D.value.inputValue)},ae=async(e,t)=>{const o=e||t||"";await $(o)};return e.onMounted(()=>{X.value.showWelcomePopup&&"undefined"!=typeof window&&G.initializeWelcomePopup()}),(t,I)=>(e.openBlock(),e.createElementBlock("div",a,[e.unref(D).showWelcomePopup&&!e.unref(D).isOpen?(e.openBlock(),e.createElementBlock("div",{key:0,class:"blockspark-welcome-popup",onClick:Y},[e.createElementVNode("div",l,[e.createElementVNode("div",n,e.toDisplayString(X.value.welcomeTitle),1),e.createElementVNode("button",{class:"blockspark-close-popup",onClick:e.withModifiers(ee,["stop"]),"aria-label":"Close welcome popup"}," × ")]),e.createElementVNode("div",c,e.toDisplayString(X.value.welcomeMessage),1),e.createElementVNode("div",s,e.toDisplayString(X.value.welcomeCta),1)])):e.createCommentVNode("",!0),e.unref(D).isOpen?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:1,class:"blockspark-chat-toggle-btn",onClick:Y,"aria-label":"Open chat"},[...I[0]||(I[0]=[e.createElementVNode("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e.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)])])),e.unref(D).isOpen?(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("div",i,[e.createElementVNode("div",p,[e.createElementVNode("div",k,e.toDisplayString(X.value.title),1),e.createElementVNode("div",d,[e.createTextVNode(e.toDisplayString(X.value.subtitle)+" ",1),"human"===e.unref(D).chatMode?(e.openBlock(),e.createElementBlock("span",m," • "+e.toDisplayString(e.unref(H)?"🟢 Connected":"🟡 Connecting..."),1)):e.createCommentVNode("",!0)]),"human"===e.unref(D).chatMode?(e.openBlock(),e.createElementBlock("div",u," Human Support Mode ")):e.createCommentVNode("",!0),"human"===e.unref(D).chatMode?(e.openBlock(),e.createElementBlock("div",g,[I[1]||(I[1]=e.createElementVNode("span",{class:"blockspark-agent-label"},"Agent:",-1)),e.createElementVNode("span",b,e.toDisplayString(e.unref(_).name),1)])):e.createCommentVNode("",!0),"ai"===e.unref(D).chatMode?(e.openBlock(),e.createElementBlock("div",h," Bot Mode ")):e.createCommentVNode("",!0)]),e.createElementVNode("button",{class:"blockspark-chat-close-btn",onClick:Z,"aria-label":"Close chat"}," × ")]),e.createElementVNode("div",{class:"blockspark-chat-messages",ref_key:"messagesContainer",ref:Q},[0===e.unref(D).messages.length?(e.openBlock(),e.createElementBlock("div",y,[I[2]||(I[2]=e.createElementVNode("div",{class:"blockspark-chat-empty-icon"},"👋",-1)),e.createElementVNode("p",null,e.toDisplayString(X.value.emptyStateMessage),1)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(D).messages,t=>{return e.openBlock(),e.createElementBlock("div",{key:t.id,class:e.normalizeClass(["blockspark-message",`blockspark-message-${t.sender}`])},[e.createElementVNode("div",E,[e.createElementVNode("span",{innerHTML:e.unref(o.safeLinkifyText)(t.text)},null,8,B)]),t.richContent&&Array.isArray(t.richContent)&&t.richContent.length>0?(e.openBlock(),e.createElementBlock("div",f,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.richContent,(t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:o},[Array.isArray(t)?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t,(t,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`${o}-${a}`},["chips"===t.type&&t.options?(e.openBlock(),e.createElementBlock("div",N,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,(t,o)=>(e.openBlock(),e.createElementBlock("button",{key:o,class:"blockspark-chip-button",type:"button",onClick:e=>ae(t.text,t.payload)},e.toDisplayString(t.text),9,C))),128))])):e.createCommentVNode("",!0)],64))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},["chips"===t.type&&t.options?(e.openBlock(),e.createElementBlock("div",V,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,(t,o)=>(e.openBlock(),e.createElementBlock("button",{key:o,class:"blockspark-chip-button",type:"button",onClick:e=>ae(t.text,t.payload)},e.toDisplayString(t.text),9,v))),128))])):e.createCommentVNode("",!0)],64))],64))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",w,e.toDisplayString((a=t.timestamp,a.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}))),1)],2);var a}),128)),e.unref(D).isLoading?(e.openBlock(),e.createElementBlock("div",M,[...I[3]||(I[3]=[e.createElementVNode("div",{class:"blockspark-typing-indicator"},[e.createElementVNode("span"),e.createElementVNode("span"),e.createElementVNode("span")],-1)])])):e.createCommentVNode("",!0),"human"===e.unref(D).chatMode&&e.unref(O)?(e.openBlock(),e.createElementBlock("div",S,[...I[4]||(I[4]=[e.createElementVNode("span",{class:"blockspark-typing-dots"},[e.createElementVNode("span"),e.createElementVNode("span"),e.createElementVNode("span")],-1),e.createElementVNode("span",{class:"blockspark-typing-text"},"Agent is typing...",-1)])])):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"messagesEndRef",ref:J},null,512)],512),e.createElementVNode("form",{class:"blockspark-chat-input-form",onSubmit:e.withModifiers(oe,["prevent"])},[e.createElementVNode("input",{type:"text",class:"blockspark-chat-input",value:e.unref(D).inputValue,onInput:te,placeholder:X.value.inputPlaceholder,disabled:e.unref(D).isLoading},null,40,A),e.createElementVNode("button",{type:"submit",class:"blockspark-chat-send-btn",disabled:!e.unref(D).inputValue.trim()||e.unref(D).isLoading},[...I[5]||(I[5]=[e.createElementVNode("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("line",{x1:"22",y1:"2",x2:"11",y2:"13"}),e.createElementVNode("polygon",{points:"22 2 15 22 11 13 2 9 22 2"})],-1)])],8,x)],32)])):e.createCommentVNode("",!0)]))}});exports.default=I;
+//# sourceMappingURL=ChatWidget.vue.cjs2.js.map

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=\"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":["props","__props","state","isOpen","messages","isLoading","error","chatMode","wsConnected","agentTyping","currentAgent","openChat","closeChat","sendMessage","toggleChat","setInputValue","clearError","manager","useChatWidget","messagesEndRef","ref","messagesContainer","config","computed","watch","value","length","nextTick","scrollIntoView","behavior","handleOpenChat","async","handleCloseChat","handleCloseWelcomePopup","closeWelcomePopup","handleInput","event","target","handleSubmit","preventDefault","inputValue","trim","handleChipClick","chipText","payload","messageToSend","onMounted","showWelcomePopup","window","initializeWelcomePopup","_openBlock","_createElementBlock","_hoisted_1","_unref","class","onClick","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","welcomeTitle","_hoisted_4","welcomeMessage","_hoisted_5","welcomeCta","width","height","viewBox","fill","stroke","d","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","title","_hoisted_10","subtitle","_hoisted_11","_hoisted_12","_hoisted_13","_cache","_hoisted_14","name","_hoisted_15","_hoisted_16","emptyStateMessage","_Fragment","_renderList","message","key","id","_normalizeClass","sender","_hoisted_17","innerHTML","safeLinkifyText","text","richContent","Array","isArray","_hoisted_19","contentGroup","groupIndex","content","contentIndex","type","options","_hoisted_22","chip","chipIndex","$event","_hoisted_23","_hoisted_20","_hoisted_21","_hoisted_24","date","timestamp","toLocaleTimeString","hour","minute","_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 ChatWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cbfcf702"]]);
+export {
+  ChatWidget 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":";;;;"}