nerdagent-chat-widget 1.0.0

package/dist/collection/components/chat-widget/chat-widget.js.map

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

package/dist/collection/components/chat-widget/chat-widget.scss

@@ -0,0 +1,420 @@
+:host {
+  --primary-color: #2d3e50;
+  --accent-color: #4e8cff;
+  --widget-width: 350px;
+  --widget-height: 500px;
+  --font-family: 'Segoe UI', Arial, sans-serif;
+  
+  position: fixed;
+  z-index: 10000;
+  font-family: var(--font-family);
+}
+
+.chat-widget {
+  position: fixed !important;
+  width: var(--widget-width);
+  height: var(--widget-height);
+  background: white;
+  border-radius: 16px;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
+  overflow: hidden;
+  transition: all 0.3s ease;
+  display: flex;
+  flex-direction: column;
+
+  &.position-bottom-right {
+    bottom: 20px !important;
+    right: 20px !important;
+    top: auto !important;
+    left: auto !important;
+  }
+
+  &.position-bottom-left {
+    bottom: 20px !important;
+    left: 20px !important;
+    top: auto !important;
+    right: auto !important;
+  }
+
+  &.position-top-right {
+    top: 20px !important;
+    right: 20px !important;
+    bottom: auto !important;
+    left: auto !important;
+  }
+
+  &.position-top-left {
+    top: 20px !important;
+    left: 20px !important;
+    bottom: auto !important;
+    right: auto !important;
+  }
+
+  &.minimized {
+    width: 60px !important;
+    height: 60px !important;
+    border-radius: 50% !important;
+    cursor: pointer;
+
+    .chat-header,
+    .messages-container,
+    .input-container,
+    .tabs,
+    .powered-by {
+      display: none;
+    }
+
+    .minimize-icon {
+      display: flex !important;
+    }
+  }
+
+  &.hidden {
+    display: none !important;
+  }
+}
+
+.chat-header {
+  background: var(--primary-color);
+  color: white;
+  padding: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-shrink: 0;
+
+  .agent-info {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+
+    .agent-avatar {
+      width: 44px;
+      height: 44px;
+      border-radius: 50%;
+      border: 2px solid rgba(255, 255, 255, 0.3);
+      object-fit: cover;
+    }
+
+    .agent-details {
+      h4 {
+        margin: 0;
+        font-size: 1.1em;
+        font-weight: 600;
+      }
+
+      p {
+        margin: 0;
+        font-size: 0.95em;
+        opacity: 0.8;
+      }
+    }
+  }
+
+  .controls {
+    display: flex;
+    gap: 6px;
+
+    .control-btn {
+      background: rgba(0, 0, 0, 0.1);
+      border: none;
+      color: #fff;
+      width: 28px;
+      height: 28px;
+      border-radius: 50%;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 1.1em;
+      transition: background 0.2s;
+
+      &:hover {
+        background: rgba(0, 0, 0, 0.2);
+      }
+
+      &.close-btn {
+        &:hover {
+          background: rgba(255, 0, 0, 0.3);
+        }
+      }
+    }
+  }
+}
+
+.messages-container {
+  flex: 1;
+  overflow-y: auto;
+  padding: 18px 16px 12px 16px;
+  background: #f7f7f7;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+
+  .message {
+    display: flex;
+    align-items: flex-start;
+    gap: 8px;
+
+    &.user {
+      flex-direction: row-reverse;
+    }
+
+    .message-avatar {
+      width: 28px;
+      height: 28px;
+      border-radius: 50%;
+      flex-shrink: 0;
+      object-fit: cover;
+      border: 1px solid #eee;
+    }
+
+    .message-content {
+      max-width: 70%;
+
+      .message-text {
+        padding: 10px 14px;
+        border-radius: 10px;
+        font-size: 1em;
+        line-height: 1.4;
+      }
+
+      .message-time {
+        font-size: 11px;
+        opacity: 0.6;
+        margin-top: 4px;
+      }
+    }
+
+    &.agent .message-content .message-text {
+      background: #eafbe7;
+      color: #222;
+      border-radius: 10px 10px 10px 0;
+    }
+
+    &.user .message-content .message-text {
+      background: #e6f4ff;
+      color: #222;
+      border-radius: 10px 10px 0 10px;
+    }
+  }
+
+  .typing-indicator {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 16px;
+    font-size: 12px;
+    color: #666;
+    font-style: italic;
+
+    .typing-dots {
+      display: flex;
+      gap: 2px;
+
+      .dot {
+        width: 4px;
+        height: 4px;
+        border-radius: 50%;
+        background: #666;
+        animation: typing 1.4s infinite;
+
+        &:nth-child(2) {
+          animation-delay: 0.2s;
+        }
+
+        &:nth-child(3) {
+          animation-delay: 0.4s;
+        }
+      }
+    }
+  }
+}
+
+.input-container {
+  background: #fff;
+  border-top: 1px solid #eee;
+  padding: 10px 12px 8px 12px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-shrink: 0;
+
+  .message-input {
+    flex: 1;
+    border: 1px solid #e0e0e0;
+    border-radius: 20px;
+    padding: 8px 14px;
+    font-size: 1em;
+    outline: none;
+    background: #fafbfc;
+    font-family: var(--font-family);
+
+    &:focus {
+      border-color: var(--accent-color);
+    }
+  }
+
+  .send-btn {
+    background: var(--primary-color);
+    color: #fff;
+    border: none;
+    border-radius: 50%;
+    width: 36px;
+    height: 36px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1.2em;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
+    transition: opacity 0.2s;
+    position: relative;
+
+    &:hover {
+      opacity: 0.9;
+    }
+
+    // Show fallback icons by default
+    i {
+      font-size: 1em;
+      display: none;
+    }
+
+    .fallback-icon {
+      font-size: 1em;
+      display: block;
+    }
+  }
+
+  .feature-btn {
+    background: var(--primary-color);
+    color: var(--accent-color);
+    border: none;
+    border-radius: 50%;
+    width: 36px;
+    height: 36px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1.2em;
+    position: relative;
+
+    // Show fallback icons by default
+    i {
+      font-size: 1em;
+      display: none;
+    }
+
+    .fallback-icon {
+      font-size: 1em;
+      display: block;
+    }
+  }
+}
+
+.tabs {
+  background: #f8f8f8;
+  border-top: 1.5px solid #e0e7ff;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  height: 48px;
+  flex-shrink: 0;
+
+  .tab {
+    flex: 1;
+    text-align: center;
+    padding: 7px 0;
+    color: var(--primary-color);
+    font-weight: 600;
+    cursor: pointer;
+    transition: background 0.2s;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 2px;
+
+    &:hover {
+      background: rgba(0, 0, 0, 0.05);
+    }
+
+    // Show fallback icons by default
+    i {
+      font-size: 1.1em;
+      display: none;
+    }
+
+    .fallback-icon {
+      font-size: 1.1em;
+      display: block;
+    }
+
+    span:not(.fallback-icon) {
+      font-size: 0.91em;
+    }
+  }
+}
+
+.powered-by {
+  text-align: center;
+  font-size: 0.95em;
+  color: #aaa;
+  padding: 7px 0 3px 0;
+  background: #fff;
+  border-top: 1px solid #f3f3f3;
+  flex-shrink: 0;
+
+  img {
+    height: 18px;
+    vertical-align: middle;
+    margin-right: 6px;
+    opacity: 0.85;
+    object-fit: contain;
+  }
+
+  span {
+    font-weight: 500;
+  }
+}
+
+.minimize-icon {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  font-size: 24px;
+  color: white;
+  background: var(--primary-color);
+  border-radius: 50%;
+  cursor: pointer;
+}
+
+@keyframes typing {
+  0%, 60%, 100% {
+    transform: translateY(0);
+  }
+  30% {
+    transform: translateY(-10px);
+  }
+}
+
+// Mobile responsiveness
+@media (max-width: 768px) {
+  .chat-widget {
+    width: 100% !important;
+    height: 100% !important;
+    top: 0 !important;
+    left: 0 !important;
+    right: 0 !important;
+    bottom: 0 !important;
+    border-radius: 0 !important;
+
+    .messages-container {
+      height: calc(100vh - 200px);
+    }
+  }
+}

package/dist/collection/index.js

@@ -0,0 +1,2 @@
+export * from './components/chat-widget/chat-widget';
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,sCAAsC,CAAC","sourcesContent":["export { Components, JSX } from './components';\nexport * from './components/chat-widget/chat-widget';\n"]}