nerdagent-chat-widget 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/README.md +257 -0
  2. package/dist/angular/index.d.ts +38 -0
  3. package/dist/angular/index.js +5 -0
  4. package/dist/angular/index.js.map +1 -0
  5. package/dist/angular/nerd-chat-widget.d.ts +11 -0
  6. package/dist/angular/nerd-chat-widget.js +289 -0
  7. package/dist/angular/nerd-chat-widget.js.map +1 -0
  8. package/dist/cjs/app-globals-V2Kpy_OQ.js +8 -0
  9. package/dist/cjs/app-globals-V2Kpy_OQ.js.map +1 -0
  10. package/dist/cjs/index-CURqjGGU.js +1471 -0
  11. package/dist/cjs/index-CURqjGGU.js.map +1 -0
  12. package/dist/cjs/index.cjs.js +235 -0
  13. package/dist/cjs/index.cjs.js.map +1 -0
  14. package/dist/cjs/loader.cjs.js +14 -0
  15. package/dist/cjs/loader.cjs.js.map +1 -0
  16. package/dist/cjs/nerd-chat-widget.cjs.entry.js +9 -0
  17. package/dist/cjs/nerd-chat-widget.entry.cjs.js.map +1 -0
  18. package/dist/cjs/nerdagent-chat-widget.cjs.js +26 -0
  19. package/dist/cjs/nerdagent-chat-widget.cjs.js.map +1 -0
  20. package/dist/collection/collection-manifest.json +12 -0
  21. package/dist/collection/components/chat-widget/chat-widget.js +808 -0
  22. package/dist/collection/components/chat-widget/chat-widget.js.map +1 -0
  23. package/dist/collection/components/chat-widget/chat-widget.scss +420 -0
  24. package/dist/collection/index.js +2 -0
  25. package/dist/collection/index.js.map +1 -0
  26. package/dist/collection/script.js +323 -0
  27. package/dist/components/index.d.ts +33 -0
  28. package/dist/components/index.js +1514 -0
  29. package/dist/components/index.js.map +1 -0
  30. package/dist/components/nerd-chat-widget.d.ts +11 -0
  31. package/dist/components/nerd-chat-widget.js +9 -0
  32. package/dist/components/nerd-chat-widget.js.map +1 -0
  33. package/dist/esm/app-globals-DQuL1Twl.js +6 -0
  34. package/dist/esm/app-globals-DQuL1Twl.js.map +1 -0
  35. package/dist/esm/index-Dlv_7oUh.js +1444 -0
  36. package/dist/esm/index-Dlv_7oUh.js.map +1 -0
  37. package/dist/esm/index.js +233 -0
  38. package/dist/esm/index.js.map +1 -0
  39. package/dist/esm/loader.js +12 -0
  40. package/dist/esm/loader.js.map +1 -0
  41. package/dist/esm/nerd-chat-widget.entry.js +3 -0
  42. package/dist/esm/nerd-chat-widget.entry.js.map +1 -0
  43. package/dist/esm/nerdagent-chat-widget.js +22 -0
  44. package/dist/esm/nerdagent-chat-widget.js.map +1 -0
  45. package/dist/index.cjs.js +1 -0
  46. package/dist/index.js +1 -0
  47. package/dist/nerdagent-chat-widget/index.esm.js +2 -0
  48. package/dist/nerdagent-chat-widget/index.esm.js.map +1 -0
  49. package/dist/nerdagent-chat-widget/loader.esm.js.map +1 -0
  50. package/dist/nerdagent-chat-widget/nerd-chat-widget.entry.esm.js.map +1 -0
  51. package/dist/nerdagent-chat-widget/nerdagent-chat-widget.esm.js +2 -0
  52. package/dist/nerdagent-chat-widget/nerdagent-chat-widget.esm.js.map +1 -0
  53. package/dist/nerdagent-chat-widget/p-395fe7e7.entry.js +2 -0
  54. package/dist/nerdagent-chat-widget/p-395fe7e7.entry.js.map +1 -0
  55. package/dist/nerdagent-chat-widget/p-DQuL1Twl.js +2 -0
  56. package/dist/nerdagent-chat-widget/p-DQuL1Twl.js.map +1 -0
  57. package/dist/nerdagent-chat-widget/p-Dlv_7oUh.js +3 -0
  58. package/dist/nerdagent-chat-widget/p-Dlv_7oUh.js.map +1 -0
  59. package/dist/react/index.d.ts +38 -0
  60. package/dist/react/index.js +5 -0
  61. package/dist/react/index.js.map +1 -0
  62. package/dist/react/nerd-chat-widget.d.ts +11 -0
  63. package/dist/react/nerd-chat-widget.js +289 -0
  64. package/dist/react/nerd-chat-widget.js.map +1 -0
  65. package/dist/types/components/chat-widget/chat-widget.d.ts +95 -0
  66. package/dist/types/components.d.ts +251 -0
  67. package/dist/types/index.d.ts +2 -0
  68. package/dist/types/stencil-public-runtime.d.ts +1730 -0
  69. package/dist/vue/index.d.ts +38 -0
  70. package/dist/vue/index.js +5 -0
  71. package/dist/vue/index.js.map +1 -0
  72. package/dist/vue/nerd-chat-widget.d.ts +11 -0
  73. package/dist/vue/nerd-chat-widget.js +289 -0
  74. package/dist/vue/nerd-chat-widget.js.map +1 -0
  75. package/loader/cdn.js +1 -0
  76. package/loader/index.cjs.js +1 -0
  77. package/loader/index.d.ts +24 -0
  78. package/loader/index.es2017.js +1 -0
  79. package/loader/index.js +2 -0
  80. package/package.json +76 -0
@@ -0,0 +1,235 @@
1
+ 'use strict';
2
+
3
+ var index = require('./index-CURqjGGU.js');
4
+
5
+ const chatWidgetScss = ":host {\n --primary-color: #2d3e50;\n --accent-color: #4e8cff;\n --widget-width: 350px;\n --widget-height: 500px;\n --font-family: 'Segoe UI', Arial, sans-serif;\n \n position: fixed;\n z-index: 10000;\n font-family: var(--font-family);\n}\n\n.chat-widget {\n position: fixed !important;\n width: var(--widget-width);\n height: var(--widget-height);\n background: white;\n border-radius: 16px;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);\n overflow: hidden;\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n\n &.position-bottom-right {\n bottom: 20px !important;\n right: 20px !important;\n top: auto !important;\n left: auto !important;\n }\n\n &.position-bottom-left {\n bottom: 20px !important;\n left: 20px !important;\n top: auto !important;\n right: auto !important;\n }\n\n &.position-top-right {\n top: 20px !important;\n right: 20px !important;\n bottom: auto !important;\n left: auto !important;\n }\n\n &.position-top-left {\n top: 20px !important;\n left: 20px !important;\n bottom: auto !important;\n right: auto !important;\n }\n\n &.minimized {\n width: 60px !important;\n height: 60px !important;\n border-radius: 50% !important;\n cursor: pointer;\n\n .chat-header,\n .messages-container,\n .input-container,\n .tabs,\n .powered-by {\n display: none;\n }\n\n .minimize-icon {\n display: flex !important;\n }\n }\n\n &.hidden {\n display: none !important;\n }\n}\n\n.chat-header {\n background: var(--primary-color);\n color: white;\n padding: 16px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-shrink: 0;\n\n .agent-info {\n display: flex;\n align-items: center;\n gap: 12px;\n\n .agent-avatar {\n width: 44px;\n height: 44px;\n border-radius: 50%;\n border: 2px solid rgba(255, 255, 255, 0.3);\n object-fit: cover;\n }\n\n .agent-details {\n h4 {\n margin: 0;\n font-size: 1.1em;\n font-weight: 600;\n }\n\n p {\n margin: 0;\n font-size: 0.95em;\n opacity: 0.8;\n }\n }\n }\n\n .controls {\n display: flex;\n gap: 6px;\n\n .control-btn {\n background: rgba(0, 0, 0, 0.1);\n border: none;\n color: #fff;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.1em;\n transition: background 0.2s;\n\n &:hover {\n background: rgba(0, 0, 0, 0.2);\n }\n\n &.close-btn {\n &:hover {\n background: rgba(255, 0, 0, 0.3);\n }\n }\n }\n }\n}\n\n.messages-container {\n flex: 1;\n overflow-y: auto;\n padding: 18px 16px 12px 16px;\n background: #f7f7f7;\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n .message {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n\n &.user {\n flex-direction: row-reverse;\n }\n\n .message-avatar {\n width: 28px;\n height: 28px;\n border-radius: 50%;\n flex-shrink: 0;\n object-fit: cover;\n border: 1px solid #eee;\n }\n\n .message-content {\n max-width: 70%;\n\n .message-text {\n padding: 10px 14px;\n border-radius: 10px;\n font-size: 1em;\n line-height: 1.4;\n }\n\n .message-time {\n font-size: 11px;\n opacity: 0.6;\n margin-top: 4px;\n }\n }\n\n &.agent .message-content .message-text {\n background: #eafbe7;\n color: #222;\n border-radius: 10px 10px 10px 0;\n }\n\n &.user .message-content .message-text {\n background: #e6f4ff;\n color: #222;\n border-radius: 10px 10px 0 10px;\n }\n }\n\n .typing-indicator {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 8px 16px;\n font-size: 12px;\n color: #666;\n font-style: italic;\n\n .typing-dots {\n display: flex;\n gap: 2px;\n\n .dot {\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background: #666;\n animation: typing 1.4s infinite;\n\n &:nth-child(2) {\n animation-delay: 0.2s;\n }\n\n &:nth-child(3) {\n animation-delay: 0.4s;\n }\n }\n }\n }\n}\n\n.input-container {\n background: #fff;\n border-top: 1px solid #eee;\n padding: 10px 12px 8px 12px;\n display: flex;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n\n .message-input {\n flex: 1;\n border: 1px solid #e0e0e0;\n border-radius: 20px;\n padding: 8px 14px;\n font-size: 1em;\n outline: none;\n background: #fafbfc;\n font-family: var(--font-family);\n\n &:focus {\n border-color: var(--accent-color);\n }\n }\n\n .send-btn {\n background: var(--primary-color);\n color: #fff;\n border: none;\n border-radius: 50%;\n width: 36px;\n height: 36px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2em;\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);\n transition: opacity 0.2s;\n position: relative;\n\n &:hover {\n opacity: 0.9;\n }\n\n // Show fallback icons by default\n i {\n font-size: 1em;\n display: none;\n }\n\n .fallback-icon {\n font-size: 1em;\n display: block;\n }\n }\n\n .feature-btn {\n background: var(--primary-color);\n color: var(--accent-color);\n border: none;\n border-radius: 50%;\n width: 36px;\n height: 36px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2em;\n position: relative;\n\n // Show fallback icons by default\n i {\n font-size: 1em;\n display: none;\n }\n\n .fallback-icon {\n font-size: 1em;\n display: block;\n }\n }\n}\n\n.tabs {\n background: #f8f8f8;\n border-top: 1.5px solid #e0e7ff;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: space-around;\n height: 48px;\n flex-shrink: 0;\n\n .tab {\n flex: 1;\n text-align: center;\n padding: 7px 0;\n color: var(--primary-color);\n font-weight: 600;\n cursor: pointer;\n transition: background 0.2s;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 2px;\n\n &:hover {\n background: rgba(0, 0, 0, 0.05);\n }\n\n // Show fallback icons by default\n i {\n font-size: 1.1em;\n display: none;\n }\n\n .fallback-icon {\n font-size: 1.1em;\n display: block;\n }\n\n span:not(.fallback-icon) {\n font-size: 0.91em;\n }\n }\n}\n\n.powered-by {\n text-align: center;\n font-size: 0.95em;\n color: #aaa;\n padding: 7px 0 3px 0;\n background: #fff;\n border-top: 1px solid #f3f3f3;\n flex-shrink: 0;\n\n img {\n height: 18px;\n vertical-align: middle;\n margin-right: 6px;\n opacity: 0.85;\n object-fit: contain;\n }\n\n span {\n font-weight: 500;\n }\n}\n\n.minimize-icon {\n display: none;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n font-size: 24px;\n color: white;\n background: var(--primary-color);\n border-radius: 50%;\n cursor: pointer;\n}\n\n@keyframes typing {\n 0%, 60%, 100% {\n transform: translateY(0);\n }\n 30% {\n transform: translateY(-10px);\n }\n}\n\n// Mobile responsiveness\n@media (max-width: 768px) {\n .chat-widget {\n width: 100% !important;\n height: 100% !important;\n top: 0 !important;\n left: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n border-radius: 0 !important;\n\n .messages-container {\n height: calc(100vh - 200px);\n }\n }\n}";
6
+
7
+ const ChatWidget = class {
8
+ constructor(hostRef) {
9
+ index.registerInstance(this, hostRef);
10
+ this.messageSent = index.createEvent(this, "messageSent");
11
+ this.widgetOpened = index.createEvent(this, "widgetOpened");
12
+ this.widgetClosed = index.createEvent(this, "widgetClosed");
13
+ // Configuration props
14
+ this.config = {};
15
+ this.agentName = 'Support Agent';
16
+ this.agentRole = 'Customer Support';
17
+ this.agentAvatar = 'https://ui-avatars.com/api/?name=Agent&background=2d3e50&color=ffffff&size=44';
18
+ this.primaryColor = '#2d3e50';
19
+ this.accentColor = '#4e8cff';
20
+ this.welcomeMessage = 'Hi! How can I help you today?';
21
+ this.position = 'bottom-right';
22
+ this.showMinimizeButton = true;
23
+ this.enableFileUpload = false;
24
+ this.enableSpeech = false;
25
+ this.showTimestamps = true;
26
+ this.apiEndpoint = '';
27
+ this.apiKey = '';
28
+ this.placeholderText = 'Type your message...';
29
+ this.thankYouMessage = 'Thank you for chatting with us!';
30
+ this.showPoweredBy = true;
31
+ this.poweredByLogo = 'https://innovationincubator.com/wp-content/uploads/2023/05/Innovation-Incubator-logo.png';
32
+ this.poweredByText = 'Powered by';
33
+ this.poweredByBrand = 'NerdAgent';
34
+ this.poweredByColor = '#4e8cff';
35
+ this.width = 350;
36
+ this.height = 500;
37
+ this.fontFamily = 'Segoe UI, Arial, sans-serif';
38
+ // State
39
+ this.messages = [];
40
+ this.isMinimized = false;
41
+ this.isTyping = false;
42
+ this.inputValue = '';
43
+ this.isChatOpen = true;
44
+ this.currentPosition = 'bottom-right';
45
+ this.messageIdCounter = 0;
46
+ }
47
+ componentDidLoad() {
48
+ // Initialize position
49
+ this.currentPosition = this.position;
50
+ // Load Font Awesome if not already loaded
51
+ this.loadFontAwesome();
52
+ // Add welcome message
53
+ if (this.getConfig().welcomeMessage) {
54
+ setTimeout(() => {
55
+ this.addMessage(this.getConfig().welcomeMessage, false);
56
+ }, 500);
57
+ }
58
+ }
59
+ configChanged() {
60
+ // React to config changes - Stencil automatically re-renders when @Prop changes
61
+ // No need to manually trigger re-render
62
+ }
63
+ positionChanged() {
64
+ // Force re-render when position changes
65
+ console.log('Position changed to:', this.position);
66
+ this.currentPosition = this.position;
67
+ // Debug: Check what styles are applied
68
+ setTimeout(() => {
69
+ const widgetEl = this.el.shadowRoot.querySelector('.chat-widget');
70
+ if (widgetEl) {
71
+ console.log('Widget classes:', widgetEl.className);
72
+ console.log('Widget inline styles:', widgetEl.style.cssText);
73
+ console.log('Widget computed styles:', {
74
+ position: window.getComputedStyle(widgetEl).position,
75
+ top: window.getComputedStyle(widgetEl).top,
76
+ right: window.getComputedStyle(widgetEl).right,
77
+ bottom: window.getComputedStyle(widgetEl).bottom,
78
+ left: window.getComputedStyle(widgetEl).left
79
+ });
80
+ }
81
+ }, 100);
82
+ }
83
+ getConfig() {
84
+ return Object.assign({ agentName: this.agentName, agentRole: this.agentRole, agentAvatar: this.agentAvatar, primaryColor: this.primaryColor, accentColor: this.accentColor, welcomeMessage: this.welcomeMessage, position: this.position, showMinimizeButton: this.showMinimizeButton, enableFileUpload: this.enableFileUpload, enableSpeech: this.enableSpeech, showTimestamps: this.showTimestamps, apiEndpoint: this.apiEndpoint, apiKey: this.apiKey, placeholderText: this.placeholderText, thankYouMessage: this.thankYouMessage, showPoweredBy: this.showPoweredBy, poweredByLogo: this.poweredByLogo, poweredByText: this.poweredByText, poweredByBrand: this.poweredByBrand, poweredByColor: this.poweredByColor, width: this.width, height: this.height, fontFamily: this.fontFamily }, this.config);
85
+ }
86
+ loadFontAwesome() {
87
+ if (!document.getElementById('fa-cdn-stencil')) {
88
+ const link = document.createElement('link');
89
+ link.id = 'fa-cdn-stencil';
90
+ link.rel = 'stylesheet';
91
+ link.href = 'https://use.fontawesome.com/releases/v6.4.2/css/all.css';
92
+ link.crossOrigin = 'anonymous';
93
+ document.head.appendChild(link);
94
+ console.log('Loading FontAwesome...');
95
+ }
96
+ else {
97
+ console.log('FontAwesome already loaded');
98
+ }
99
+ }
100
+ addMessage(text, isUser = false) {
101
+ const message = {
102
+ id: `msg-${++this.messageIdCounter}`,
103
+ text,
104
+ isUser,
105
+ timestamp: new Date()
106
+ };
107
+ this.messages = [...this.messages, message];
108
+ }
109
+ async sendMessage() {
110
+ const text = this.inputValue.trim();
111
+ if (!text)
112
+ return;
113
+ this.addMessage(text, true);
114
+ this.inputValue = '';
115
+ // Emit event
116
+ this.messageSent.emit({ message: text, widget: this.el });
117
+ // Handle API or simulate response
118
+ const config = this.getConfig();
119
+ if (config.apiEndpoint) {
120
+ await this.sendToAPI(text);
121
+ }
122
+ else {
123
+ this.simulateResponse();
124
+ }
125
+ }
126
+ async sendToAPI(message) {
127
+ const config = this.getConfig();
128
+ this.isTyping = true;
129
+ try {
130
+ const response = await fetch(config.apiEndpoint, {
131
+ method: 'POST',
132
+ headers: Object.assign({ 'Content-Type': 'application/json' }, (config.apiKey && { 'Authorization': `Bearer ${config.apiKey}` })),
133
+ body: JSON.stringify({
134
+ message,
135
+ timestamp: new Date().toISOString(),
136
+ sessionId: this.getSessionId()
137
+ })
138
+ });
139
+ const data = await response.json();
140
+ this.isTyping = false;
141
+ if (data.response) {
142
+ this.addMessage(data.response, false);
143
+ }
144
+ }
145
+ catch (error) {
146
+ this.isTyping = false;
147
+ this.addMessage('Sorry, I encountered an error. Please try again.', false);
148
+ }
149
+ }
150
+ simulateResponse() {
151
+ const responses = [
152
+ "Thanks for your message! How can I help you further?",
153
+ "I understand. Let me assist you with that.",
154
+ "That's a great question! Let me help you.",
155
+ "I'm here to help! Could you provide more details?"
156
+ ];
157
+ this.isTyping = true;
158
+ setTimeout(() => {
159
+ this.isTyping = false;
160
+ const response = responses[Math.floor(Math.random() * responses.length)];
161
+ this.addMessage(response, false);
162
+ }, 1500);
163
+ }
164
+ toggleMinimize() {
165
+ this.isMinimized = !this.isMinimized;
166
+ if (this.isMinimized) {
167
+ this.widgetClosed.emit({ widget: this.el });
168
+ }
169
+ else {
170
+ this.widgetOpened.emit({ widget: this.el });
171
+ }
172
+ }
173
+ closeWidget() {
174
+ this.isChatOpen = false;
175
+ this.widgetClosed.emit({ widget: this.el });
176
+ }
177
+ openWidget() {
178
+ this.isChatOpen = true;
179
+ this.isMinimized = false;
180
+ this.widgetOpened.emit({ widget: this.el });
181
+ }
182
+ handleKeyPress(event) {
183
+ if (event.key === 'Enter') {
184
+ this.sendMessage();
185
+ }
186
+ }
187
+ handleInputChange(event) {
188
+ const target = event.target;
189
+ this.inputValue = target.value;
190
+ }
191
+ getSessionId() {
192
+ let sessionId = localStorage.getItem('nerd-chat-session');
193
+ if (!sessionId) {
194
+ sessionId = 'session-' + Math.random().toString(36).substr(2, 9);
195
+ localStorage.setItem('nerd-chat-session', sessionId);
196
+ }
197
+ return sessionId;
198
+ }
199
+ formatTime(date) {
200
+ return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
201
+ }
202
+ render() {
203
+ const config = this.getConfig();
204
+ console.log('Rendering with position:', this.currentPosition);
205
+ // Get position styles directly
206
+ const getPositionStyles = () => {
207
+ switch (this.currentPosition) {
208
+ case 'bottom-left':
209
+ return { bottom: '20px', left: '20px', top: 'auto', right: 'auto' };
210
+ case 'top-right':
211
+ return { top: '20px', right: '20px', bottom: 'auto', left: 'auto' };
212
+ case 'top-left':
213
+ return { top: '20px', left: '20px', bottom: 'auto', right: 'auto' };
214
+ case 'bottom-right':
215
+ default:
216
+ return { bottom: '20px', right: '20px', top: 'auto', left: 'auto' };
217
+ }
218
+ };
219
+ const widgetClasses = {
220
+ 'chat-widget': true,
221
+ 'minimized': this.isMinimized,
222
+ 'hidden': !this.isChatOpen
223
+ };
224
+ return (index.h(index.Host, null, index.h("div", { class: widgetClasses, style: Object.assign({ '--primary-color': config.primaryColor || '#2d3e50', '--accent-color': config.accentColor || '#4e8cff', '--widget-width': `${config.width || 350}px`, '--widget-height': `${config.height || 500}px`, '--font-family': config.fontFamily || 'Segoe UI, Arial, sans-serif' }, getPositionStyles()) }, index.h("div", { class: "chat-header" }, index.h("div", { class: "agent-info" }, index.h("img", { src: config.agentAvatar, alt: "Agent", class: "agent-avatar" }), index.h("div", { class: "agent-details" }, index.h("h4", null, config.agentName), index.h("p", null, config.agentRole))), index.h("div", { class: "controls" }, config.showMinimizeButton && (index.h("button", { class: "control-btn minimize-btn", onClick: () => this.toggleMinimize(), title: this.isMinimized ? 'Maximize' : 'Minimize' }, this.isMinimized ? '🔼' : '🔽')), index.h("button", { class: "control-btn close-btn", onClick: () => this.closeWidget(), title: "Close" }, "\u00D7"))), index.h("div", { class: "messages-container" }, this.messages.map(message => (index.h("div", { key: message.id, class: `message ${message.isUser ? 'user' : 'agent'}` }, index.h("img", { src: message.isUser ? 'https://ui-avatars.com/api/?name=User&background=4e8cff&color=ffffff&size=28' : config.agentAvatar, alt: message.isUser ? 'User' : 'Agent', class: "message-avatar" }), index.h("div", { class: "message-content" }, index.h("div", { class: "message-text" }, message.text), config.showTimestamps && (index.h("div", { class: "message-time" }, this.formatTime(message.timestamp))))))), this.isTyping && (index.h("div", { class: "typing-indicator" }, index.h("span", null, config.agentName, " is typing"), index.h("div", { class: "typing-dots" }, index.h("div", { class: "dot" }), index.h("div", { class: "dot" }), index.h("div", { class: "dot" }))))), index.h("div", { class: "input-container" }, index.h("input", { type: "text", class: "message-input", placeholder: config.placeholderText || 'Type your message...', value: this.inputValue, onInput: (e) => this.handleInputChange(e), onKeyPress: (e) => this.handleKeyPress(e) }), index.h("button", { class: "send-btn", onClick: () => this.sendMessage() }, index.h("i", { class: "fas fa-paper-plane" }), index.h("span", { class: "fallback-icon" }, "\u27A4")), config.enableFileUpload && (index.h("button", { class: "feature-btn file-upload" }, index.h("i", { class: "fas fa-paperclip" }), index.h("span", { class: "fallback-icon" }, "\uD83D\uDCCE"))), config.enableSpeech && (index.h("button", { class: "feature-btn speech" }, index.h("i", { class: "fas fa-microphone" }), index.h("span", { class: "fallback-icon" }, "\uD83C\uDFA4")))), index.h("div", { class: "tabs" }, index.h("div", { class: "tab active" }, index.h("i", { class: "fas fa-comment-dots" }), index.h("span", null, "Chat")), index.h("div", { class: "tab" }, index.h("i", { class: "fas fa-microphone" }), index.h("span", null, "Voice")), index.h("div", { class: "tab" }, index.h("i", { class: "fas fa-clock" }), index.h("span", null, "History"))), config.showPoweredBy && (index.h("div", { class: "powered-by" }, index.h("img", { src: config.poweredByLogo, alt: "Powered By Logo" }), config.poweredByText, " ", index.h("span", { style: { color: config.poweredByColor } }, config.poweredByBrand))), index.h("div", { class: "minimize-icon", onClick: () => this.isChatOpen ? this.toggleMinimize() : this.openWidget() }, "\uD83D\uDCAC"))));
225
+ }
226
+ get el() { return index.getElement(this); }
227
+ static get watchers() { return {
228
+ "config": ["configChanged"],
229
+ "position": ["positionChanged"]
230
+ }; }
231
+ };
232
+ ChatWidget.style = chatWidgetScss;
233
+
234
+ exports.ChatWidget = ChatWidget;
235
+ //# sourceMappingURL=index.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs.js","sources":["src/components/chat-widget/chat-widget.scss?tag=nerd-chat-widget&encapsulation=shadow","src/components/chat-widget/chat-widget.tsx"],"sourcesContent":[":host {\n --primary-color: #2d3e50;\n --accent-color: #4e8cff;\n --widget-width: 350px;\n --widget-height: 500px;\n --font-family: 'Segoe UI', Arial, sans-serif;\n \n position: fixed;\n z-index: 10000;\n font-family: var(--font-family);\n}\n\n.chat-widget {\n position: fixed !important;\n width: var(--widget-width);\n height: var(--widget-height);\n background: white;\n border-radius: 16px;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);\n overflow: hidden;\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n\n &.position-bottom-right {\n bottom: 20px !important;\n right: 20px !important;\n top: auto !important;\n left: auto !important;\n }\n\n &.position-bottom-left {\n bottom: 20px !important;\n left: 20px !important;\n top: auto !important;\n right: auto !important;\n }\n\n &.position-top-right {\n top: 20px !important;\n right: 20px !important;\n bottom: auto !important;\n left: auto !important;\n }\n\n &.position-top-left {\n top: 20px !important;\n left: 20px !important;\n bottom: auto !important;\n right: auto !important;\n }\n\n &.minimized {\n width: 60px !important;\n height: 60px !important;\n border-radius: 50% !important;\n cursor: pointer;\n\n .chat-header,\n .messages-container,\n .input-container,\n .tabs,\n .powered-by {\n display: none;\n }\n\n .minimize-icon {\n display: flex !important;\n }\n }\n\n &.hidden {\n display: none !important;\n }\n}\n\n.chat-header {\n background: var(--primary-color);\n color: white;\n padding: 16px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-shrink: 0;\n\n .agent-info {\n display: flex;\n align-items: center;\n gap: 12px;\n\n .agent-avatar {\n width: 44px;\n height: 44px;\n border-radius: 50%;\n border: 2px solid rgba(255, 255, 255, 0.3);\n object-fit: cover;\n }\n\n .agent-details {\n h4 {\n margin: 0;\n font-size: 1.1em;\n font-weight: 600;\n }\n\n p {\n margin: 0;\n font-size: 0.95em;\n opacity: 0.8;\n }\n }\n }\n\n .controls {\n display: flex;\n gap: 6px;\n\n .control-btn {\n background: rgba(0, 0, 0, 0.1);\n border: none;\n color: #fff;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.1em;\n transition: background 0.2s;\n\n &:hover {\n background: rgba(0, 0, 0, 0.2);\n }\n\n &.close-btn {\n &:hover {\n background: rgba(255, 0, 0, 0.3);\n }\n }\n }\n }\n}\n\n.messages-container {\n flex: 1;\n overflow-y: auto;\n padding: 18px 16px 12px 16px;\n background: #f7f7f7;\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n .message {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n\n &.user {\n flex-direction: row-reverse;\n }\n\n .message-avatar {\n width: 28px;\n height: 28px;\n border-radius: 50%;\n flex-shrink: 0;\n object-fit: cover;\n border: 1px solid #eee;\n }\n\n .message-content {\n max-width: 70%;\n\n .message-text {\n padding: 10px 14px;\n border-radius: 10px;\n font-size: 1em;\n line-height: 1.4;\n }\n\n .message-time {\n font-size: 11px;\n opacity: 0.6;\n margin-top: 4px;\n }\n }\n\n &.agent .message-content .message-text {\n background: #eafbe7;\n color: #222;\n border-radius: 10px 10px 10px 0;\n }\n\n &.user .message-content .message-text {\n background: #e6f4ff;\n color: #222;\n border-radius: 10px 10px 0 10px;\n }\n }\n\n .typing-indicator {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 8px 16px;\n font-size: 12px;\n color: #666;\n font-style: italic;\n\n .typing-dots {\n display: flex;\n gap: 2px;\n\n .dot {\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background: #666;\n animation: typing 1.4s infinite;\n\n &:nth-child(2) {\n animation-delay: 0.2s;\n }\n\n &:nth-child(3) {\n animation-delay: 0.4s;\n }\n }\n }\n }\n}\n\n.input-container {\n background: #fff;\n border-top: 1px solid #eee;\n padding: 10px 12px 8px 12px;\n display: flex;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n\n .message-input {\n flex: 1;\n border: 1px solid #e0e0e0;\n border-radius: 20px;\n padding: 8px 14px;\n font-size: 1em;\n outline: none;\n background: #fafbfc;\n font-family: var(--font-family);\n\n &:focus {\n border-color: var(--accent-color);\n }\n }\n\n .send-btn {\n background: var(--primary-color);\n color: #fff;\n border: none;\n border-radius: 50%;\n width: 36px;\n height: 36px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2em;\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);\n transition: opacity 0.2s;\n position: relative;\n\n &:hover {\n opacity: 0.9;\n }\n\n // Show fallback icons by default\n i {\n font-size: 1em;\n display: none;\n }\n\n .fallback-icon {\n font-size: 1em;\n display: block;\n }\n }\n\n .feature-btn {\n background: var(--primary-color);\n color: var(--accent-color);\n border: none;\n border-radius: 50%;\n width: 36px;\n height: 36px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2em;\n position: relative;\n\n // Show fallback icons by default\n i {\n font-size: 1em;\n display: none;\n }\n\n .fallback-icon {\n font-size: 1em;\n display: block;\n }\n }\n}\n\n.tabs {\n background: #f8f8f8;\n border-top: 1.5px solid #e0e7ff;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: space-around;\n height: 48px;\n flex-shrink: 0;\n\n .tab {\n flex: 1;\n text-align: center;\n padding: 7px 0;\n color: var(--primary-color);\n font-weight: 600;\n cursor: pointer;\n transition: background 0.2s;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 2px;\n\n &:hover {\n background: rgba(0, 0, 0, 0.05);\n }\n\n // Show fallback icons by default\n i {\n font-size: 1.1em;\n display: none;\n }\n\n .fallback-icon {\n font-size: 1.1em;\n display: block;\n }\n\n span:not(.fallback-icon) {\n font-size: 0.91em;\n }\n }\n}\n\n.powered-by {\n text-align: center;\n font-size: 0.95em;\n color: #aaa;\n padding: 7px 0 3px 0;\n background: #fff;\n border-top: 1px solid #f3f3f3;\n flex-shrink: 0;\n\n img {\n height: 18px;\n vertical-align: middle;\n margin-right: 6px;\n opacity: 0.85;\n object-fit: contain;\n }\n\n span {\n font-weight: 500;\n }\n}\n\n.minimize-icon {\n display: none;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n font-size: 24px;\n color: white;\n background: var(--primary-color);\n border-radius: 50%;\n cursor: pointer;\n}\n\n@keyframes typing {\n 0%, 60%, 100% {\n transform: translateY(0);\n }\n 30% {\n transform: translateY(-10px);\n }\n}\n\n// Mobile responsiveness\n@media (max-width: 768px) {\n .chat-widget {\n width: 100% !important;\n height: 100% !important;\n top: 0 !important;\n left: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n border-radius: 0 !important;\n\n .messages-container {\n height: calc(100vh - 200px);\n }\n }\n}","import { Component, Prop, State, Element, Event, EventEmitter, Watch, h, Host } from '@stencil/core';\n\nexport interface ChatMessage {\n id: string;\n text: string;\n isUser: boolean;\n timestamp: Date;\n}\n\nexport type WidgetPosition = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';\n\nexport interface ChatWidgetConfig {\n // Agent Information\n agentName?: string;\n agentRole?: string;\n agentAvatar?: string;\n \n // Appearance\n primaryColor?: string;\n accentColor?: string;\n fontFamily?: string;\n width?: number;\n height?: number;\n \n // Messages\n welcomeMessage?: string;\n thankYouMessage?: string;\n placeholderText?: string;\n \n // Features\n showMinimizeButton?: boolean;\n enableFileUpload?: boolean;\n enableSpeech?: boolean;\n showTimestamps?: boolean;\n collapsed?: boolean;\n \n // Position\n position?: WidgetPosition;\n \n // Branding\n showPoweredBy?: boolean;\n poweredByLogo?: string;\n poweredByText?: string;\n poweredByBrand?: string;\n poweredByColor?: string;\n \n // API\n apiEndpoint?: string;\n apiKey?: string;\n}\n\n@Component({\n tag: 'nerd-chat-widget',\n styleUrl: 'chat-widget.scss',\n shadow: true,\n})\nexport class ChatWidget {\n @Element() el: HTMLElement;\n\n // Configuration props\n @Prop() config: ChatWidgetConfig = {};\n @Prop() agentName: string = 'Support Agent';\n @Prop() agentRole: string = 'Customer Support';\n @Prop() agentAvatar: string = 'https://ui-avatars.com/api/?name=Agent&background=2d3e50&color=ffffff&size=44';\n @Prop() primaryColor: string = '#2d3e50';\n @Prop() accentColor: string = '#4e8cff';\n @Prop() welcomeMessage: string = 'Hi! How can I help you today?';\n @Prop() position: WidgetPosition = 'bottom-right';\n @Prop() showMinimizeButton: boolean = true;\n @Prop() enableFileUpload: boolean = false;\n @Prop() enableSpeech: boolean = false;\n @Prop() showTimestamps: boolean = true;\n @Prop() apiEndpoint: string = '';\n @Prop() apiKey: string = '';\n @Prop() placeholderText: string = 'Type your message...';\n @Prop() thankYouMessage: string = 'Thank you for chatting with us!';\n @Prop() showPoweredBy: boolean = true;\n @Prop() poweredByLogo: string = 'https://innovationincubator.com/wp-content/uploads/2023/05/Innovation-Incubator-logo.png';\n @Prop() poweredByText: string = 'Powered by';\n @Prop() poweredByBrand: string = 'NerdAgent';\n @Prop() poweredByColor: string = '#4e8cff';\n @Prop() width: number = 350;\n @Prop() height: number = 500;\n @Prop() fontFamily: string = 'Segoe UI, Arial, sans-serif';\n\n // State\n @State() messages: ChatMessage[] = [];\n @State() isMinimized: boolean = false;\n @State() isTyping: boolean = false;\n @State() inputValue: string = '';\n @State() isChatOpen: boolean = true;\n @State() currentPosition: WidgetPosition = 'bottom-right';\n\n // Events\n @Event() messageSent: EventEmitter<{ message: string; widget: HTMLElement }>;\n @Event() widgetOpened: EventEmitter<{ widget: HTMLElement }>;\n @Event() widgetClosed: EventEmitter<{ widget: HTMLElement }>;\n\n private messageIdCounter = 0;\n\n componentDidLoad() {\n // Initialize position\n this.currentPosition = this.position;\n \n // Load Font Awesome if not already loaded\n this.loadFontAwesome();\n \n // Add welcome message\n if (this.getConfig().welcomeMessage) {\n setTimeout(() => {\n this.addMessage(this.getConfig().welcomeMessage, false);\n }, 500);\n }\n }\n\n @Watch('config')\n configChanged() {\n // React to config changes - Stencil automatically re-renders when @Prop changes\n // No need to manually trigger re-render\n }\n\n @Watch('position')\n positionChanged() {\n // Force re-render when position changes\n console.log('Position changed to:', this.position);\n this.currentPosition = this.position;\n \n // Debug: Check what styles are applied\n setTimeout(() => {\n const widgetEl = this.el.shadowRoot.querySelector('.chat-widget') as HTMLElement;\n if (widgetEl) {\n console.log('Widget classes:', widgetEl.className);\n console.log('Widget inline styles:', widgetEl.style.cssText);\n console.log('Widget computed styles:', {\n position: window.getComputedStyle(widgetEl).position,\n top: window.getComputedStyle(widgetEl).top,\n right: window.getComputedStyle(widgetEl).right,\n bottom: window.getComputedStyle(widgetEl).bottom,\n left: window.getComputedStyle(widgetEl).left\n });\n }\n }, 100);\n }\n\n private getConfig(): ChatWidgetConfig {\n return {\n agentName: this.agentName,\n agentRole: this.agentRole,\n agentAvatar: this.agentAvatar,\n primaryColor: this.primaryColor,\n accentColor: this.accentColor,\n welcomeMessage: this.welcomeMessage,\n position: this.position,\n showMinimizeButton: this.showMinimizeButton,\n enableFileUpload: this.enableFileUpload,\n enableSpeech: this.enableSpeech,\n showTimestamps: this.showTimestamps,\n apiEndpoint: this.apiEndpoint,\n apiKey: this.apiKey,\n placeholderText: this.placeholderText,\n thankYouMessage: this.thankYouMessage,\n showPoweredBy: this.showPoweredBy,\n poweredByLogo: this.poweredByLogo,\n poweredByText: this.poweredByText,\n poweredByBrand: this.poweredByBrand,\n poweredByColor: this.poweredByColor,\n width: this.width,\n height: this.height,\n fontFamily: this.fontFamily,\n ...this.config\n };\n }\n\n private loadFontAwesome() {\n if (!document.getElementById('fa-cdn-stencil')) {\n const link = document.createElement('link');\n link.id = 'fa-cdn-stencil';\n link.rel = 'stylesheet';\n link.href = 'https://use.fontawesome.com/releases/v6.4.2/css/all.css';\n link.crossOrigin = 'anonymous';\n document.head.appendChild(link);\n \n console.log('Loading FontAwesome...');\n } else {\n console.log('FontAwesome already loaded');\n }\n }\n\n private addMessage(text: string, isUser: boolean = false) {\n const message: ChatMessage = {\n id: `msg-${++this.messageIdCounter}`,\n text,\n isUser,\n timestamp: new Date()\n };\n \n this.messages = [...this.messages, message];\n }\n\n private async sendMessage() {\n const text = this.inputValue.trim();\n if (!text) return;\n\n this.addMessage(text, true);\n this.inputValue = '';\n\n // Emit event\n this.messageSent.emit({ message: text, widget: this.el });\n\n // Handle API or simulate response\n const config = this.getConfig();\n if (config.apiEndpoint) {\n await this.sendToAPI(text);\n } else {\n this.simulateResponse();\n }\n }\n\n private async sendToAPI(message: string) {\n const config = this.getConfig();\n this.isTyping = true;\n\n try {\n const response = await fetch(config.apiEndpoint, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n ...(config.apiKey && { 'Authorization': `Bearer ${config.apiKey}` })\n },\n body: JSON.stringify({\n message,\n timestamp: new Date().toISOString(),\n sessionId: this.getSessionId()\n })\n });\n\n const data = await response.json();\n this.isTyping = false;\n\n if (data.response) {\n this.addMessage(data.response, false);\n }\n } catch (error) {\n this.isTyping = false;\n this.addMessage('Sorry, I encountered an error. Please try again.', false);\n }\n }\n\n private simulateResponse() {\n const responses = [\n \"Thanks for your message! How can I help you further?\",\n \"I understand. Let me assist you with that.\",\n \"That's a great question! Let me help you.\",\n \"I'm here to help! Could you provide more details?\"\n ];\n\n this.isTyping = true;\n\n setTimeout(() => {\n this.isTyping = false;\n const response = responses[Math.floor(Math.random() * responses.length)];\n this.addMessage(response, false);\n }, 1500);\n }\n\n private toggleMinimize() {\n this.isMinimized = !this.isMinimized;\n \n if (this.isMinimized) {\n this.widgetClosed.emit({ widget: this.el });\n } else {\n this.widgetOpened.emit({ widget: this.el });\n }\n }\n\n private closeWidget() {\n this.isChatOpen = false;\n this.widgetClosed.emit({ widget: this.el });\n }\n\n private openWidget() {\n this.isChatOpen = true;\n this.isMinimized = false;\n this.widgetOpened.emit({ widget: this.el });\n }\n\n private handleKeyPress(event: KeyboardEvent) {\n if (event.key === 'Enter') {\n this.sendMessage();\n }\n }\n\n private handleInputChange(event: Event) {\n const target = event.target as HTMLInputElement;\n this.inputValue = target.value;\n }\n\n private getSessionId(): string {\n let sessionId = localStorage.getItem('nerd-chat-session');\n if (!sessionId) {\n sessionId = 'session-' + Math.random().toString(36).substr(2, 9);\n localStorage.setItem('nerd-chat-session', sessionId);\n }\n return sessionId;\n }\n\n private formatTime(date: Date): string {\n return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\n }\n\n\n render() {\n const config = this.getConfig();\n console.log('Rendering with position:', this.currentPosition);\n \n // Get position styles directly\n const getPositionStyles = () => {\n switch (this.currentPosition) {\n case 'bottom-left':\n return { bottom: '20px', left: '20px', top: 'auto', right: 'auto' };\n case 'top-right':\n return { top: '20px', right: '20px', bottom: 'auto', left: 'auto' };\n case 'top-left':\n return { top: '20px', left: '20px', bottom: 'auto', right: 'auto' };\n case 'bottom-right':\n default:\n return { bottom: '20px', right: '20px', top: 'auto', left: 'auto' };\n }\n };\n \n const widgetClasses = {\n 'chat-widget': true,\n 'minimized': this.isMinimized,\n 'hidden': !this.isChatOpen\n };\n\n return (\n <Host>\n <div \n class={widgetClasses}\n style={{\n '--primary-color': config.primaryColor || '#2d3e50',\n '--accent-color': config.accentColor || '#4e8cff',\n '--widget-width': `${config.width || 350}px`,\n '--widget-height': `${config.height || 500}px`,\n '--font-family': config.fontFamily || 'Segoe UI, Arial, sans-serif',\n ...getPositionStyles()\n }}\n >\n {/* Header */}\n <div class=\"chat-header\">\n <div class=\"agent-info\">\n <img src={config.agentAvatar} alt=\"Agent\" class=\"agent-avatar\" />\n <div class=\"agent-details\">\n <h4>{config.agentName}</h4>\n <p>{config.agentRole}</p>\n </div>\n </div>\n <div class=\"controls\">\n {config.showMinimizeButton && (\n <button \n class=\"control-btn minimize-btn\" \n onClick={() => this.toggleMinimize()}\n title={this.isMinimized ? 'Maximize' : 'Minimize'}\n >\n {this.isMinimized ? '🔼' : '🔽'}\n </button>\n )}\n <button \n class=\"control-btn close-btn\" \n onClick={() => this.closeWidget()}\n title=\"Close\"\n >\n ×\n </button>\n </div>\n </div>\n\n {/* Messages */}\n <div class=\"messages-container\">\n {this.messages.map(message => (\n <div key={message.id} class={`message ${message.isUser ? 'user' : 'agent'}`}>\n <img \n src={message.isUser ? 'https://ui-avatars.com/api/?name=User&background=4e8cff&color=ffffff&size=28' : config.agentAvatar} \n alt={message.isUser ? 'User' : 'Agent'} \n class=\"message-avatar\" \n />\n <div class=\"message-content\">\n <div class=\"message-text\">{message.text}</div>\n {config.showTimestamps && (\n <div class=\"message-time\">{this.formatTime(message.timestamp)}</div>\n )}\n </div>\n </div>\n ))}\n \n {this.isTyping && (\n <div class=\"typing-indicator\">\n <span>{config.agentName} is typing</span>\n <div class=\"typing-dots\">\n <div class=\"dot\"></div>\n <div class=\"dot\"></div>\n <div class=\"dot\"></div>\n </div>\n </div>\n )}\n </div>\n\n {/* Input */}\n <div class=\"input-container\">\n <input\n type=\"text\"\n class=\"message-input\"\n placeholder={config.placeholderText || 'Type your message...'}\n value={this.inputValue}\n onInput={(e) => this.handleInputChange(e)}\n onKeyPress={(e) => this.handleKeyPress(e)}\n />\n <button class=\"send-btn\" onClick={() => this.sendMessage()}>\n <i class=\"fas fa-paper-plane\"></i>\n <span class=\"fallback-icon\">➤</span>\n </button>\n {config.enableFileUpload && (\n <button class=\"feature-btn file-upload\">\n <i class=\"fas fa-paperclip\"></i>\n <span class=\"fallback-icon\">📎</span>\n </button>\n )}\n {config.enableSpeech && (\n <button class=\"feature-btn speech\">\n <i class=\"fas fa-microphone\"></i>\n <span class=\"fallback-icon\">🎤</span>\n </button>\n )}\n </div>\n\n {/* Tabs */}\n <div class=\"tabs\">\n <div class=\"tab active\">\n <i class=\"fas fa-comment-dots\"></i>\n <span>Chat</span>\n </div>\n <div class=\"tab\">\n <i class=\"fas fa-microphone\"></i>\n <span>Voice</span>\n </div>\n <div class=\"tab\">\n <i class=\"fas fa-clock\"></i>\n <span>History</span>\n </div>\n </div>\n\n {/* Powered By */}\n {config.showPoweredBy && (\n <div class=\"powered-by\">\n <img src={config.poweredByLogo} alt=\"Powered By Logo\" />\n {config.poweredByText} <span style={{color: config.poweredByColor}}>{config.poweredByBrand}</span>\n </div>\n )}\n\n {/* Minimize Icon (shown when minimized) */}\n <div class=\"minimize-icon\" onClick={() => this.isChatOpen ? this.toggleMinimize() : this.openWidget()}>\n 💬\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"names":["h","Host"],"mappings":"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"}
@@ -0,0 +1,14 @@
1
+ 'use strict';
2
+
3
+ var index = require('./index-CURqjGGU.js');
4
+ var appGlobals = require('./app-globals-V2Kpy_OQ.js');
5
+
6
+ const defineCustomElements = async (win, options) => {
7
+ if (typeof window === 'undefined') return undefined;
8
+ await appGlobals.globalScripts();
9
+ return index.bootstrapLazy([["nerd-chat-widget.cjs",[[257,"nerd-chat-widget",{"config":[16],"agentName":[1,"agent-name"],"agentRole":[1,"agent-role"],"agentAvatar":[1,"agent-avatar"],"primaryColor":[1,"primary-color"],"accentColor":[1,"accent-color"],"welcomeMessage":[1,"welcome-message"],"position":[1],"showMinimizeButton":[4,"show-minimize-button"],"enableFileUpload":[4,"enable-file-upload"],"enableSpeech":[4,"enable-speech"],"showTimestamps":[4,"show-timestamps"],"apiEndpoint":[1,"api-endpoint"],"apiKey":[1,"api-key"],"placeholderText":[1,"placeholder-text"],"thankYouMessage":[1,"thank-you-message"],"showPoweredBy":[4,"show-powered-by"],"poweredByLogo":[1,"powered-by-logo"],"poweredByText":[1,"powered-by-text"],"poweredByBrand":[1,"powered-by-brand"],"poweredByColor":[1,"powered-by-color"],"width":[2],"height":[2],"fontFamily":[1,"font-family"],"messages":[32],"isMinimized":[32],"isTyping":[32],"inputValue":[32],"isChatOpen":[32],"currentPosition":[32]},null,{"config":["configChanged"],"position":["positionChanged"]}]]]], options);
10
+ };
11
+
12
+ exports.setNonce = index.setNonce;
13
+ exports.defineCustomElements = defineCustomElements;
14
+ //# sourceMappingURL=loader.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"loader.cjs.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n if (typeof window === 'undefined') return undefined;\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"names":["globalScripts","bootstrapLazy"],"mappings":";;;;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;AACrD,EAAE,MAAMA,wBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D;;;;;"}
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ var index = require('./index.cjs.js');
4
+ require('./index-CURqjGGU.js');
5
+
6
+
7
+
8
+ exports.nerd_chat_widget = index.ChatWidget;
9
+ //# sourceMappingURL=nerd-chat-widget.entry.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"nerd-chat-widget.entry.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
@@ -0,0 +1,26 @@
1
+ 'use strict';
2
+
3
+ var index = require('./index-CURqjGGU.js');
4
+ var appGlobals = require('./app-globals-V2Kpy_OQ.js');
5
+
6
+ var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
7
+ /*
8
+ Stencil Client Patch Browser v4.37.0 | MIT Licensed | https://stenciljs.com
9
+ */
10
+
11
+ var patchBrowser = () => {
12
+ const importMeta = (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('nerdagent-chat-widget.cjs.js', document.baseURI).href));
13
+ const opts = {};
14
+ if (importMeta !== "") {
15
+ opts.resourcesUrl = new URL(".", importMeta).href;
16
+ }
17
+ return index.promiseResolve(opts);
18
+ };
19
+
20
+ patchBrowser().then(async (options) => {
21
+ await appGlobals.globalScripts();
22
+ return index.bootstrapLazy([["nerd-chat-widget.cjs",[[257,"nerd-chat-widget",{"config":[16],"agentName":[1,"agent-name"],"agentRole":[1,"agent-role"],"agentAvatar":[1,"agent-avatar"],"primaryColor":[1,"primary-color"],"accentColor":[1,"accent-color"],"welcomeMessage":[1,"welcome-message"],"position":[1],"showMinimizeButton":[4,"show-minimize-button"],"enableFileUpload":[4,"enable-file-upload"],"enableSpeech":[4,"enable-speech"],"showTimestamps":[4,"show-timestamps"],"apiEndpoint":[1,"api-endpoint"],"apiKey":[1,"api-key"],"placeholderText":[1,"placeholder-text"],"thankYouMessage":[1,"thank-you-message"],"showPoweredBy":[4,"show-powered-by"],"poweredByLogo":[1,"powered-by-logo"],"poweredByText":[1,"powered-by-text"],"poweredByBrand":[1,"powered-by-brand"],"poweredByColor":[1,"powered-by-color"],"width":[2],"height":[2],"fontFamily":[1,"font-family"],"messages":[32],"isMinimized":[32],"isTyping":[32],"inputValue":[32],"isChatOpen":[32],"currentPosition":[32]},null,{"config":["configChanged"],"position":["positionChanged"]}]]]], options);
23
+ });
24
+
25
+ exports.setNonce = index.setNonce;
26
+ //# sourceMappingURL=nerdagent-chat-widget.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"nerdagent-chat-widget.cjs.js","sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.37.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":["promiseResolve","globalScripts","bootstrapLazy"],"mappings":";;;;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,8QAAe;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAOA,oBAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAMC,wBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC;;;;","x_google_ignoreList":[0]}
@@ -0,0 +1,12 @@
1
+ {
2
+ "entries": [
3
+ "components/chat-widget/chat-widget.js"
4
+ ],
5
+ "compiler": {
6
+ "name": "@stencil/core",
7
+ "version": "4.37.0",
8
+ "typescriptVersion": "5.5.4"
9
+ },
10
+ "collections": [],
11
+ "bundles": []
12
+ }