@echortech/bot-widget 1.0.0

package/dist/web/web/ChatWidget.css

@@ -0,0 +1,240 @@
+.spirit-chat-widget {
+  display: flex;
+  flex-direction: column;
+  background: #ffffff;
+  border-radius: 8px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  overflow: hidden;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  font-size: 14px;
+  color: #1f2937;
+}
+
+/* Messages Container */
+.messages-container {
+  flex: 1;
+  overflow-y: auto;
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  background: #fafafa;
+}
+
+/* Empty State */
+.empty-state {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  color: #9ca3af;
+  text-align: center;
+  font-size: 15px;
+}
+
+/* Message */
+.message {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  animation: slideIn 0.3s ease-out;
+}
+
+@keyframes slideIn {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.message-user {
+  align-items: flex-end;
+}
+
+.message-user .message-content {
+  background: #3b82f6;
+  color: white;
+  border-radius: 16px 16px 4px 16px;
+}
+
+.message-assistant {
+  align-items: flex-start;
+}
+
+.message-assistant .message-content {
+  background: #e5e7eb;
+  color: #1f2937;
+  border-radius: 16px 16px 16px 4px;
+}
+
+.message-content {
+  padding: 12px 16px;
+  max-width: 85%;
+  word-wrap: break-word;
+  line-height: 1.4;
+  font-size: 14px;
+}
+
+.message-meta {
+  padding: 0 16px;
+  font-size: 12px;
+  color: #9ca3af;
+}
+
+.message-user .message-meta {
+  text-align: right;
+}
+
+/* Loading Indicator */
+.loading-indicator {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  height: 24px;
+}
+
+.loading-indicator span {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: #9ca3af;
+  animation: bounce 1.4s infinite;
+}
+
+.loading-indicator span:nth-child(1) {
+  animation-delay: 0s;
+}
+
+.loading-indicator span:nth-child(2) {
+  animation-delay: 0.2s;
+}
+
+.loading-indicator span:nth-child(3) {
+  animation-delay: 0.4s;
+}
+
+@keyframes bounce {
+  0%, 80%, 100% {
+    transform: scale(1);
+    opacity: 0.5;
+  }
+  40% {
+    transform: scale(1.2);
+    opacity: 1;
+  }
+}
+
+/* Error Banner */
+.error-banner {
+  background: #fee2e2;
+  border-bottom: 1px solid #fecaca;
+  padding: 12px 16px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  color: #7f1d1d;
+  font-size: 13px;
+  gap: 12px;
+}
+
+.error-banner p {
+  margin: 0;
+  flex: 1;
+}
+
+.error-close {
+  background: none;
+  border: none;
+  color: #7f1d1d;
+  cursor: pointer;
+  padding: 0;
+  font-size: 18px;
+  line-height: 1;
+  flex-shrink: 0;
+}
+
+.error-close:hover {
+  opacity: 0.7;
+}
+
+/* Input Form */
+.input-form {
+  display: flex;
+  gap: 8px;
+  padding: 12px 16px;
+  border-top: 1px solid #e5e7eb;
+  background: #ffffff;
+}
+
+.chat-input {
+  flex: 1;
+  padding: 10px 14px;
+  border: 1px solid #d1d5db;
+  border-radius: 6px;
+  font-family: inherit;
+  font-size: 14px;
+  outline: none;
+  transition: border-color 0.2s, box-shadow 0.2s;
+}
+
+.chat-input:focus {
+  border-color: #3b82f6;
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+
+.chat-input:disabled {
+  background: #f3f4f6;
+  color: #9ca3af;
+  cursor: not-allowed;
+}
+
+.send-button {
+  padding: 10px 16px;
+  background: #3b82f6;
+  color: white;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: 16px;
+  font-weight: 500;
+  transition: background 0.2s;
+  min-width: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.send-button:hover:not(:disabled) {
+  background: #2563eb;
+}
+
+.send-button:active:not(:disabled) {
+  background: #1d4ed8;
+}
+
+.send-button:disabled {
+  background: #d1d5db;
+  cursor: not-allowed;
+}
+
+/* Scrollbar styling */
+.messages-container::-webkit-scrollbar {
+  width: 6px;
+}
+
+.messages-container::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.messages-container::-webkit-scrollbar-thumb {
+  background: #d1d5db;
+  border-radius: 3px;
+}
+
+.messages-container::-webkit-scrollbar-thumb:hover {
+  background: #9ca3af;
+}

package/dist/web/web/ChatWidget.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BotWidgetConfig } from '../core';
+import './ChatWidget.css';
+interface ChatWidgetProps extends Omit<BotWidgetConfig, 'theme' | 'position'> {
+    className?: string;
+    height?: string;
+    width?: string;
+}
+export declare const ChatWidget: React.FC<ChatWidgetProps>;
+export default ChatWidget;
+//# sourceMappingURL=ChatWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWidget.d.ts","sourceRoot":"","sources":["../../../src/web/ChatWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAGL,eAAe,EAIhB,MAAM,SAAS,CAAC;AACjB,OAAO,kBAAkB,CAAC;AAE1B,UAAU,eAAgB,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,UAAU,CAAC;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgKhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/web/web/ChatWidget.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect, useCallback } from 'react';
+import { BotAPIClient, getErrorMessage, formatTimestamp, debounce, } from '../core';
+import './ChatWidget.css';
+export const ChatWidget = ({ jwtToken, firmId, botUrl, chatId = 1001, filingId, taxYear, className, height = '500px', width = '400px', onError, onSuccess, }) => {
+    const [messages, setMessages] = useState([]);
+    const [input, setInput] = useState('');
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const messagesEndRef = useRef(null);
+    const clientRef = useRef(null);
+    // Initialize API client
+    useEffect(() => {
+        clientRef.current = new BotAPIClient(botUrl, jwtToken, firmId);
+    }, [botUrl, jwtToken, firmId]);
+    // Auto-scroll to bottom
+    const scrollToBottom = useCallback(() => {
+        messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
+    }, []);
+    useEffect(() => {
+        scrollToBottom();
+    }, [messages, scrollToBottom]);
+    // Debounced send message
+    const sendMessage = useCallback(debounce(async (message) => {
+        if (!message.trim() || !clientRef.current)
+            return;
+        setLoading(true);
+        setError(null);
+        try {
+            // Add user message
+            const userMessage = {
+                role: 'user',
+                content: message,
+                timestamp: new Date().toISOString(),
+            };
+            setMessages((prev) => [...prev, userMessage]);
+            setInput('');
+            // Get bot response
+            const response = await clientRef.current.sendMessage(message, chatId, {
+                filing_id: filingId,
+                tax_year: taxYear,
+            });
+            // Add bot message
+            const botMessage = {
+                role: 'assistant',
+                content: response.reply,
+                toolCalls: response.toolCalls,
+                responseTimeMs: response.responseTimeMs,
+                timestamp: new Date().toISOString(),
+            };
+            setMessages((prev) => [...prev, botMessage]);
+            onSuccess?.(response);
+        }
+        catch (err) {
+            const errorMessage = getErrorMessage(err);
+            setError(errorMessage);
+            onError?.(err);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, 300), [chatId, filingId, taxYear, onError, onSuccess]);
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        if (input.trim()) {
+            sendMessage(input);
+        }
+    };
+    return (_jsxs("div", { className: `spirit-chat-widget ${className || ''}`, style: { height, width, minWidth: '300px', minHeight: '400px' }, children: [_jsxs("div", { className: "messages-container", children: [messages.length === 0 && (_jsx("div", { className: "empty-state", children: _jsx("p", { children: "Start a conversation with Spirit Bot" }) })), messages.map((msg, idx) => (_jsxs("div", { className: `message message-${msg.role}`, children: [_jsx("div", { className: "message-content", children: msg.content }), msg.responseTimeMs && (_jsxs("div", { className: "message-meta", children: [msg.responseTimeMs, "ms", msg.timestamp && ` • ${formatTimestamp(msg.timestamp)}`] }))] }, idx))), loading && (_jsx("div", { className: "message message-assistant", children: _jsxs("div", { className: "loading-indicator", children: [_jsx("span", {}), _jsx("span", {}), _jsx("span", {})] }) })), _jsx("div", { ref: messagesEndRef })] }), error && (_jsxs("div", { className: "error-banner", children: [_jsx("p", { children: error }), _jsx("button", { onClick: () => setError(null), className: "error-close", "aria-label": "Close error", children: "\u00D7" })] })), _jsxs("form", { onSubmit: handleSubmit, className: "input-form", children: [_jsx("input", { type: "text", value: input, onChange: (e) => setInput(e.target.value), placeholder: "Ask a question...", disabled: loading, className: "chat-input", maxLength: 2000 }), _jsx("button", { type: "submit", disabled: loading || !input.trim(), className: "send-button", "aria-label": "Send message", children: loading ? '...' : '→' })] })] }));
+};
+export default ChatWidget;
+//# sourceMappingURL=ChatWidget.js.map

package/dist/web/web/ChatWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWidget.js","sourceRoot":"","sources":["../../../src/web/ChatWidget.tsx"],"names":[],"mappings":"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"}

package/dist/web/web/GreetingPopup.css

@@ -0,0 +1,224 @@
+.spirit-greeting-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-end;
+  padding: 20px;
+  z-index: 9999;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  animation: fadeIn 0.3s ease-out;
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+.spirit-greeting-popup {
+  background: white;
+  border-radius: 12px;
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.16);
+  max-width: 420px;
+  width: 100%;
+  border-left: 5px solid #3b82f6;
+  animation: slideInUp 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
+  overflow: hidden;
+}
+
+@keyframes slideInUp {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* Priority-based styling */
+.spirit-greeting-popup.priority-1 {
+  border-left-color: #dc2626; /* red - urgent */
+}
+
+.spirit-greeting-popup.priority-2 {
+  border-left-color: #f59e0b; /* amber - high */
+}
+
+.spirit-greeting-popup.priority-3 {
+  border-left-color: #3b82f6; /* blue - medium */
+}
+
+.spirit-greeting-popup.priority-4 {
+  border-left-color: #10b981; /* green - low */
+}
+
+.spirit-greeting-popup.priority-5 {
+  border-left-color: #6b7280; /* gray - info */
+}
+
+/* Header */
+.greeting-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px;
+  border-bottom: 1px solid #e5e7eb;
+  gap: 12px;
+}
+
+.priority-badge {
+  display: inline-block;
+  padding: 4px 12px;
+  border-radius: 20px;
+  font-size: 12px;
+  font-weight: 600;
+  color: white;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.close-button {
+  background: none;
+  border: none;
+  font-size: 28px;
+  color: #9ca3af;
+  cursor: pointer;
+  padding: 0;
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  transition: background 0.2s, color 0.2s;
+  margin-left: auto;
+  flex-shrink: 0;
+}
+
+.close-button:hover {
+  background: #f3f4f6;
+  color: #6b7280;
+}
+
+/* Content */
+.greeting-content {
+  padding: 16px;
+}
+
+.greeting-text {
+  margin: 0;
+  font-size: 15px;
+  line-height: 1.6;
+  color: #1f2937;
+  font-weight: 500;
+}
+
+/* Loading State */
+.loading-state {
+  padding: 32px 16px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  color: #6b7280;
+  font-size: 14px;
+}
+
+.spinner {
+  width: 32px;
+  height: 32px;
+  border: 3px solid #e5e7eb;
+  border-top-color: #3b82f6;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+/* Actions Container */
+.actions-container {
+  padding: 12px 16px;
+  border-top: 1px solid #e5e7eb;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.action-button {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  background: #f3f4f6;
+  border: 1px solid #d1d5db;
+  border-radius: 6px;
+  color: #1f2937;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s;
+  font-family: inherit;
+}
+
+.action-button:hover {
+  background: #e5e7eb;
+  border-color: #9ca3af;
+  transform: translateX(4px);
+}
+
+.action-button:active {
+  background: #d1d5db;
+  transform: translateX(2px);
+}
+
+.action-button .arrow {
+  margin-left: 8px;
+  font-size: 16px;
+  flex-shrink: 0;
+}
+
+/* Filing Context */
+.filing-context {
+  padding: 12px 16px;
+  background: #f9fafb;
+  border-top: 1px solid #e5e7eb;
+  font-size: 12px;
+  color: #6b7280;
+}
+
+.filing-context small {
+  display: block;
+  line-height: 1.4;
+}
+
+/* Mobile responsiveness */
+@media (max-width: 480px) {
+  .spirit-greeting-overlay {
+    align-items: center;
+    justify-content: center;
+    padding: 16px;
+  }
+
+  .spirit-greeting-popup {
+    max-width: 100%;
+  }
+
+  .message-content {
+    max-width: 100%;
+  }
+}

package/dist/web/web/GreetingPopup.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { BotWidgetConfig } from '../core';
+import './GreetingPopup.css';
+interface GreetingPopupProps extends Omit<BotWidgetConfig, 'theme' | 'position'> {
+    onClose?: () => void;
+    onActionClick?: (action: any) => void;
+    autoClose?: boolean;
+    autoCloseDuration?: number;
+}
+export declare const GreetingPopup: React.FC<GreetingPopupProps>;
+export default GreetingPopup;
+//# sourceMappingURL=GreetingPopup.d.ts.map

package/dist/web/web/GreetingPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GreetingPopup.d.ts","sourceRoot":"","sources":["../../../src/web/GreetingPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAGL,eAAe,EAGhB,MAAM,SAAS,CAAC;AACjB,OAAO,qBAAqB,CAAC;AAE7B,UAAU,kBAAmB,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,UAAU,CAAC;IAC9E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkJtD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/web/web/GreetingPopup.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+import { BotAPIClient, getPriorityColor, getPriorityLabel, } from '../core';
+import './GreetingPopup.css';
+export const GreetingPopup = ({ jwtToken, firmId, botUrl, onClose, onActionClick, onError, autoClose = false, autoCloseDuration = 10000, }) => {
+    const [greeting, setGreeting] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [visible, setVisible] = useState(false);
+    const clientRef = useRef(null);
+    const autoCloseTimerRef = useRef(null);
+    // Initialize API client and fetch greeting
+    useEffect(() => {
+        const fetchGreeting = async () => {
+            try {
+                clientRef.current = new BotAPIClient(botUrl, jwtToken, firmId);
+                const response = await clientRef.current.getGreeting();
+                setGreeting(response);
+                setVisible(true);
+                // Auto-close if enabled
+                if (autoClose) {
+                    autoCloseTimerRef.current = setTimeout(() => {
+                        handleClose();
+                    }, autoCloseDuration);
+                }
+            }
+            catch (error) {
+                onError?.(error);
+                setVisible(false);
+            }
+            finally {
+                setLoading(false);
+            }
+        };
+        fetchGreeting();
+        return () => {
+            if (autoCloseTimerRef.current) {
+                clearTimeout(autoCloseTimerRef.current);
+            }
+        };
+    }, [botUrl, jwtToken, firmId, onError, autoClose, autoCloseDuration]);
+    const handleClose = () => {
+        setVisible(false);
+        onClose?.();
+    };
+    const handleActionClick = (action) => {
+        onActionClick?.(action);
+        if (action.type === 'navigate') {
+            window.location.href = action.target;
+        }
+        else if (action.type === 'chat') {
+            // Emit event for parent to open chat with pre-filled message
+            window.dispatchEvent(new CustomEvent('spirit-bot-open-chat', {
+                detail: { message: action.message },
+            }));
+        }
+        else if (action.type === 'external') {
+            window.open(action.target, '_blank');
+        }
+        handleClose();
+    };
+    if (!visible || !greeting) {
+        return null;
+    }
+    const priorityColor = getPriorityColor(greeting.priority);
+    const priorityLabel = getPriorityLabel(greeting.priority);
+    return (_jsx("div", { className: "spirit-greeting-overlay", children: _jsxs("div", { className: `spirit-greeting-popup priority-${greeting.priority}`, style: {
+                borderLeftColor: priorityColor,
+            }, children: [_jsxs("div", { className: "greeting-header", children: [_jsx("div", { className: "priority-badge", style: { backgroundColor: priorityColor }, children: priorityLabel }), _jsx("button", { className: "close-button", onClick: handleClose, "aria-label": "Close greeting", children: "\u00D7" })] }), loading && (_jsxs("div", { className: "loading-state", children: [_jsx("div", { className: "spinner" }), _jsx("p", { children: "Loading greeting..." })] })), !loading && (_jsxs(_Fragment, { children: [_jsx("div", { className: "greeting-content", children: _jsx("p", { className: "greeting-text", children: greeting.greeting }) }), greeting.actions && greeting.actions.length > 0 && (_jsx("div", { className: "actions-container", children: greeting.actions.map((action, idx) => (_jsxs("button", { className: "action-button", onClick: () => handleActionClick(action), children: [action.label, _jsx("span", { className: "arrow", children: "\u2192" })] }, idx))) })), greeting.filing_context && (_jsx("div", { className: "filing-context", children: _jsxs("small", { children: ["Filing: ", greeting.filing_context.filing_id, " \u2022", ' ', greeting.filing_context.tax_year] }) }))] }))] }) }));
+};
+export default GreetingPopup;
+//# sourceMappingURL=GreetingPopup.js.map

package/dist/web/web/GreetingPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GreetingPopup.js","sourceRoot":"","sources":["../../../src/web/GreetingPopup.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EACL,YAAY,EAGZ,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,SAAS,CAAC;AACjB,OAAO,qBAAqB,CAAC;AAS7B,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAO,EACP,aAAa,EACb,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,iBAAiB,GAAG,KAAK,GAC1B,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAA0B,IAAI,CAAC,CAAC;IACxE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,SAAS,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IACpD,MAAM,iBAAiB,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAE7E,2CAA2C;IAC3C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;YAC/B,IAAI,CAAC;gBACH,SAAS,CAAC,OAAO,GAAG,IAAI,YAAY,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;gBAC/D,MAAM,QAAQ,GAAG,MAAM,SAAS,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;gBACvD,WAAW,CAAC,QAAQ,CAAC,CAAC;gBACtB,UAAU,CAAC,IAAI,CAAC,CAAC;gBAEjB,wBAAwB;gBACxB,IAAI,SAAS,EAAE,CAAC;oBACd,iBAAiB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;wBAC1C,WAAW,EAAE,CAAC;oBAChB,CAAC,EAAE,iBAAiB,CAAC,CAAC;gBACxB,CAAC;YACH,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,EAAE,CAAC,KAAY,CAAC,CAAC;gBACxB,UAAU,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC;oBAAS,CAAC;gBACT,UAAU,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC;QACH,CAAC,CAAC;QAEF,aAAa,EAAE,CAAC;QAEhB,OAAO,GAAG,EAAE;YACV,IAAI,iBAAiB,CAAC,OAAO,EAAE,CAAC;gBAC9B,YAAY,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;YAC1C,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEtE,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,MAAW,EAAE,EAAE;QACxC,aAAa,EAAE,CAAC,MAAM,CAAC,CAAC;QAExB,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;YAC/B,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;QACvC,CAAC;aAAM,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YAClC,6DAA6D;YAC7D,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAC,sBAAsB,EAAE;gBACtC,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE;aACpC,CAAC,CACH,CAAC;QACJ,CAAC;aAAM,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;YACtC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACvC,CAAC;QAED,WAAW,EAAE,CAAC;IAChB,CAAC,CAAC;IAEF,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC1D,MAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAE1D,OAAO,CACL,cAAK,SAAS,EAAC,yBAAyB,YACtC,eACE,SAAS,EAAE,kCAAkC,QAAQ,CAAC,QAAQ,EAAE,EAChE,KAAK,EAAE;gBACL,eAAe,EAAE,aAAa;aAC/B,aAGD,eAAK,SAAS,EAAC,iBAAiB,aAC9B,cAAK,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE,YACtE,aAAa,GACV,EACN,iBACE,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,WAAW,gBACT,gBAAgB,uBAGpB,IACL,EAGL,OAAO,IAAI,CACV,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,SAAS,EAAC,SAAS,GAAO,EAC/B,8CAA0B,IACtB,CACP,EAGA,CAAC,OAAO,IAAI,CACX,8BACE,cAAK,SAAS,EAAC,kBAAkB,YAC/B,YAAG,SAAS,EAAC,eAAe,YAAE,QAAQ,CAAC,QAAQ,GAAK,GAChD,EAGL,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAClD,cAAK,SAAS,EAAC,mBAAmB,YAC/B,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CACrC,kBAEE,SAAS,EAAC,eAAe,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,aAEvC,MAAM,CAAC,KAAK,EACb,eAAM,SAAS,EAAC,OAAO,uBAAS,KAL3B,GAAG,CAMD,CACV,CAAC,GACE,CACP,EAGA,QAAQ,CAAC,cAAc,IAAI,CAC1B,cAAK,SAAS,EAAC,gBAAgB,YAC7B,wCACW,QAAQ,CAAC,cAAc,CAAC,SAAS,aAAI,GAAG,EAChD,QAAQ,CAAC,cAAc,CAAC,QAAQ,IAC3B,GACJ,CACP,IACA,CACJ,IACG,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/web/web/index.d.ts

@@ -0,0 +1,4 @@
+export { ChatWidget, default as ChatWidgetDefault } from './ChatWidget';
+export { GreetingPopup, default as GreetingPopupDefault } from './GreetingPopup';
+export * from '../core';
+//# sourceMappingURL=index.d.ts.map

package/dist/web/web/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/web/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAGjF,cAAc,SAAS,CAAC"}

package/dist/web/web/index.js

@@ -0,0 +1,5 @@
+export { ChatWidget, default as ChatWidgetDefault } from './ChatWidget';
+export { GreetingPopup, default as GreetingPopupDefault } from './GreetingPopup';
+// Re-export all types and utilities from core
+export * from '../core';
+//# sourceMappingURL=index.js.map

package/dist/web/web/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/web/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEjF,8CAA8C;AAC9C,cAAc,SAAS,CAAC"}

package/native/package.json

@@ -0,0 +1,4 @@
+{
+  "main": "../dist/native/native/index.js",
+  "types": "../dist/native/native/index.d.ts"
+}