@bbq-chat/widgets-angular 1.0.0

package/README.md

@@ -0,0 +1,252 @@
+# @bbq-chat/widgets-angular
+
+Angular components and services for BbQ ChatWidgets. This package provides Angular-native wrappers for the core [@bbq-chat/widgets](https://www.npmjs.com/package/@bbq-chat/widgets) library.
+
+## Installation
+
+```bash
+npm install @bbq-chat/widgets-angular @bbq-chat/widgets
+```
+
+## Peer Dependencies
+
+This package requires:
+- `@angular/common` >= 17.0.0
+- `@angular/core` >= 17.0.0
+- `@bbq-chat/widgets` ^1.0.0
+
+## Quick Start
+
+### 1. Import the component
+
+```typescript
+import { Component } from '@angular/core';
+import { WidgetRendererComponent } from '@bbq-chat/widgets-angular';
+import type { ChatWidget } from '@bbq-chat/widgets-angular';
+
+@Component({
+  selector: 'app-chat',
+  standalone: true,
+  imports: [WidgetRendererComponent],
+  template: `
+    <bbq-widget-renderer 
+      [widgets]="widgets" 
+      (widgetAction)="handleWidgetAction($event)">
+    </bbq-widget-renderer>
+  `
+})
+export class ChatComponent {
+  widgets: ChatWidget[] = [];
+
+  handleWidgetAction(event: { actionName: string; payload: any }) {
+    console.log('Widget action:', event.actionName, event.payload);
+    // Handle the action (e.g., send to backend)
+  }
+}
+```
+
+### 2. Import styles
+
+In your `styles.css` or `styles.scss`:
+
+```css
+@import '@bbq-chat/widgets/styles';
+```
+
+Or import a specific theme:
+
+```css
+@import '@bbq-chat/widgets/styles/light';
+@import '@bbq-chat/widgets/styles/dark';
+@import '@bbq-chat/widgets/styles/corporate';
+```
+
+## Components
+
+### WidgetRendererComponent
+
+The main component for rendering chat widgets.
+
+**Inputs:**
+- `widgets: ChatWidget[] | null | undefined` - Array of widgets to render
+
+**Outputs:**
+- `widgetAction: EventEmitter<{ actionName: string; payload: any }>` - Emits when a widget action is triggered
+
+**Example:**
+
+```typescript
+<bbq-widget-renderer 
+  [widgets]="messageWidgets" 
+  (widgetAction)="onWidgetAction($event)">
+</bbq-widget-renderer>
+```
+
+## Services
+
+### WidgetRegistryService
+
+Service for registering custom widget types.
+
+**Example:**
+
+```typescript
+import { Component, OnInit } from '@angular/core';
+import { WidgetRegistryService } from '@bbq-chat/widgets-angular';
+
+export class MyCustomWidget {
+  type = 'myCustomWidget';
+  constructor(public label: string, public action: string) {}
+}
+
+@Component({
+  selector: 'app-root',
+  template: '...'
+})
+export class AppComponent implements OnInit {
+  constructor(private widgetRegistry: WidgetRegistryService) {}
+
+  ngOnInit() {
+    // Register custom widget factory
+    this.widgetRegistry.registerFactory('myCustomWidget', (obj) => {
+      if (obj.type === 'myCustomWidget') {
+        return new MyCustomWidget(obj.label, obj.action);
+      }
+      return null;
+    });
+  }
+}
+```
+
+## Widget Types
+
+All standard widget types from `@bbq-chat/widgets` are supported:
+
+- `ButtonWidget` - Clickable buttons
+- `CardWidget` - Information cards
+- `FormWidget` - Form containers
+- `InputWidget` - Text input fields
+- `TextAreaWidget` - Multi-line text input
+- `DropdownWidget` - Dropdown selects
+- `SliderWidget` - Range sliders
+- `ToggleWidget` - Toggle switches
+- `FileUploadWidget` - File upload controls
+- `DatePickerWidget` - Date pickers
+- `MultiSelectWidget` - Multi-select dropdowns
+- `ThemeSwitcherWidget` - Theme switcher controls
+- `ProgressBarWidget` - Progress indicators
+- `ImageWidget` - Image displays
+- `ImageCollectionWidget` - Image galleries
+
+## Advanced Usage
+
+### Handling Widget Actions
+
+Widget actions are emitted when users interact with widgets. Handle these actions in your component:
+
+```typescript
+async handleWidgetAction(event: { actionName: string; payload: any }) {
+  const { actionName, payload } = event;
+
+  try {
+    const response = await fetch('/api/chat/action', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ action: actionName, payload })
+    });
+
+    const data = await response.json();
+    // Update widgets with response
+    this.widgets = data.widgets;
+  } catch (error) {
+    console.error('Failed to handle widget action:', error);
+  }
+}
+```
+
+### Custom Widget Renderers
+
+The library now supports three types of custom widget renderers for enhanced flexibility:
+
+#### 1. HTML Function Renderer
+
+Simple function that returns HTML strings:
+
+```typescript
+this.widgetRegistry.registerRenderer('myWidget', (widget) => {
+  return `<div class="my-widget">${widget.label}</div>`;
+});
+```
+
+#### 2. Angular Component Renderer (Recommended)
+
+Use Angular components for full framework features including data binding, change detection, and dependency injection:
+
+```typescript
+import { Component, Input } from '@angular/core';
+import { CustomWidgetComponent } from '@bbq-chat/widgets-angular';
+
+@Component({
+  selector: 'app-my-widget',
+  standalone: true,
+  template: `
+    <div class="my-widget">
+      <h3>{{ myWidget.title }}</h3>
+      <button (click)="onClick()">Action</button>
+    </div>
+  `
+})
+export class MyWidgetComponent implements CustomWidgetComponent {
+  @Input() widget!: ChatWidget;
+  widgetAction?: (actionName: string, payload: unknown) => void;
+
+  get myWidget(): MyCustomWidget {
+    return this.widget as MyCustomWidget;
+  }
+
+  onClick() {
+    this.widgetAction?.('my_action', { data: 'example' });
+  }
+}
+
+// Register the component
+this.widgetRegistry.registerRenderer('myWidget', MyWidgetComponent);
+```
+
+#### 3. Angular Template Renderer
+
+Use inline templates with full Angular template syntax:
+
+```typescript
+import { WidgetTemplateContext } from '@bbq-chat/widgets-angular';
+
+@Component({
+  template: `
+    <ng-template #myTemplate let-widget let-emitAction="emitAction">
+      <div class="my-widget">
+        <h3>{{ widget.title }}</h3>
+        <button (click)="emitAction('my_action', { data: 'example' })">
+          Action
+        </button>
+      </div>
+    </ng-template>
+  `
+})
+export class AppComponent implements OnInit {
+  @ViewChild('myTemplate', { static: true }) myTemplate!: TemplateRef<WidgetTemplateContext>;
+
+  ngOnInit() {
+    this.widgetRegistry.registerRenderer('myWidget', this.myTemplate);
+  }
+}
+```
+
+See [EXAMPLES.md](./EXAMPLES.md) for detailed examples and best practices.
+
+## License
+
+MIT
+
+## Repository
+
+https://github.com/JeanMarcMbouma/BbQ.ChatWidgets

package/dist/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 BbQ ChatWidgets Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/README.md

@@ -0,0 +1,252 @@
+# @bbq-chat/widgets-angular
+
+Angular components and services for BbQ ChatWidgets. This package provides Angular-native wrappers for the core [@bbq-chat/widgets](https://www.npmjs.com/package/@bbq-chat/widgets) library.
+
+## Installation
+
+```bash
+npm install @bbq-chat/widgets-angular @bbq-chat/widgets
+```
+
+## Peer Dependencies
+
+This package requires:
+- `@angular/common` >= 17.0.0
+- `@angular/core` >= 17.0.0
+- `@bbq-chat/widgets` ^1.0.0
+
+## Quick Start
+
+### 1. Import the component
+
+```typescript
+import { Component } from '@angular/core';
+import { WidgetRendererComponent } from '@bbq-chat/widgets-angular';
+import type { ChatWidget } from '@bbq-chat/widgets-angular';
+
+@Component({
+  selector: 'app-chat',
+  standalone: true,
+  imports: [WidgetRendererComponent],
+  template: `
+    <bbq-widget-renderer 
+      [widgets]="widgets" 
+      (widgetAction)="handleWidgetAction($event)">
+    </bbq-widget-renderer>
+  `
+})
+export class ChatComponent {
+  widgets: ChatWidget[] = [];
+
+  handleWidgetAction(event: { actionName: string; payload: any }) {
+    console.log('Widget action:', event.actionName, event.payload);
+    // Handle the action (e.g., send to backend)
+  }
+}
+```
+
+### 2. Import styles
+
+In your `styles.css` or `styles.scss`:
+
+```css
+@import '@bbq-chat/widgets/styles';
+```
+
+Or import a specific theme:
+
+```css
+@import '@bbq-chat/widgets/styles/light';
+@import '@bbq-chat/widgets/styles/dark';
+@import '@bbq-chat/widgets/styles/corporate';
+```
+
+## Components
+
+### WidgetRendererComponent
+
+The main component for rendering chat widgets.
+
+**Inputs:**
+- `widgets: ChatWidget[] | null | undefined` - Array of widgets to render
+
+**Outputs:**
+- `widgetAction: EventEmitter<{ actionName: string; payload: any }>` - Emits when a widget action is triggered
+
+**Example:**
+
+```typescript
+<bbq-widget-renderer 
+  [widgets]="messageWidgets" 
+  (widgetAction)="onWidgetAction($event)">
+</bbq-widget-renderer>
+```
+
+## Services
+
+### WidgetRegistryService
+
+Service for registering custom widget types.
+
+**Example:**
+
+```typescript
+import { Component, OnInit } from '@angular/core';
+import { WidgetRegistryService } from '@bbq-chat/widgets-angular';
+
+export class MyCustomWidget {
+  type = 'myCustomWidget';
+  constructor(public label: string, public action: string) {}
+}
+
+@Component({
+  selector: 'app-root',
+  template: '...'
+})
+export class AppComponent implements OnInit {
+  constructor(private widgetRegistry: WidgetRegistryService) {}
+
+  ngOnInit() {
+    // Register custom widget factory
+    this.widgetRegistry.registerFactory('myCustomWidget', (obj) => {
+      if (obj.type === 'myCustomWidget') {
+        return new MyCustomWidget(obj.label, obj.action);
+      }
+      return null;
+    });
+  }
+}
+```
+
+## Widget Types
+
+All standard widget types from `@bbq-chat/widgets` are supported:
+
+- `ButtonWidget` - Clickable buttons
+- `CardWidget` - Information cards
+- `FormWidget` - Form containers
+- `InputWidget` - Text input fields
+- `TextAreaWidget` - Multi-line text input
+- `DropdownWidget` - Dropdown selects
+- `SliderWidget` - Range sliders
+- `ToggleWidget` - Toggle switches
+- `FileUploadWidget` - File upload controls
+- `DatePickerWidget` - Date pickers
+- `MultiSelectWidget` - Multi-select dropdowns
+- `ThemeSwitcherWidget` - Theme switcher controls
+- `ProgressBarWidget` - Progress indicators
+- `ImageWidget` - Image displays
+- `ImageCollectionWidget` - Image galleries
+
+## Advanced Usage
+
+### Handling Widget Actions
+
+Widget actions are emitted when users interact with widgets. Handle these actions in your component:
+
+```typescript
+async handleWidgetAction(event: { actionName: string; payload: any }) {
+  const { actionName, payload } = event;
+
+  try {
+    const response = await fetch('/api/chat/action', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ action: actionName, payload })
+    });
+
+    const data = await response.json();
+    // Update widgets with response
+    this.widgets = data.widgets;
+  } catch (error) {
+    console.error('Failed to handle widget action:', error);
+  }
+}
+```
+
+### Custom Widget Renderers
+
+The library now supports three types of custom widget renderers for enhanced flexibility:
+
+#### 1. HTML Function Renderer
+
+Simple function that returns HTML strings:
+
+```typescript
+this.widgetRegistry.registerRenderer('myWidget', (widget) => {
+  return `<div class="my-widget">${widget.label}</div>`;
+});
+```
+
+#### 2. Angular Component Renderer (Recommended)
+
+Use Angular components for full framework features including data binding, change detection, and dependency injection:
+
+```typescript
+import { Component, Input } from '@angular/core';
+import { CustomWidgetComponent } from '@bbq-chat/widgets-angular';
+
+@Component({
+  selector: 'app-my-widget',
+  standalone: true,
+  template: `
+    <div class="my-widget">
+      <h3>{{ myWidget.title }}</h3>
+      <button (click)="onClick()">Action</button>
+    </div>
+  `
+})
+export class MyWidgetComponent implements CustomWidgetComponent {
+  @Input() widget!: ChatWidget;
+  widgetAction?: (actionName: string, payload: unknown) => void;
+
+  get myWidget(): MyCustomWidget {
+    return this.widget as MyCustomWidget;
+  }
+
+  onClick() {
+    this.widgetAction?.('my_action', { data: 'example' });
+  }
+}
+
+// Register the component
+this.widgetRegistry.registerRenderer('myWidget', MyWidgetComponent);
+```
+
+#### 3. Angular Template Renderer
+
+Use inline templates with full Angular template syntax:
+
+```typescript
+import { WidgetTemplateContext } from '@bbq-chat/widgets-angular';
+
+@Component({
+  template: `
+    <ng-template #myTemplate let-widget let-emitAction="emitAction">
+      <div class="my-widget">
+        <h3>{{ widget.title }}</h3>
+        <button (click)="emitAction('my_action', { data: 'example' })">
+          Action
+        </button>
+      </div>
+    </ng-template>
+  `
+})
+export class AppComponent implements OnInit {
+  @ViewChild('myTemplate', { static: true }) myTemplate!: TemplateRef<WidgetTemplateContext>;
+
+  ngOnInit() {
+    this.widgetRegistry.registerRenderer('myWidget', this.myTemplate);
+  }
+}
+```
+
+See [EXAMPLES.md](./EXAMPLES.md) for detailed examples and best practices.
+
+## License
+
+MIT
+
+## Repository
+
+https://github.com/JeanMarcMbouma/BbQ.ChatWidgets

package/dist/custom-widget-renderer.types.d.ts

@@ -0,0 +1,79 @@
+import { Type, TemplateRef } from '@angular/core';
+import { ChatWidget } from '@bbq-chat/widgets';
+/**
+ * Context provided to template-based custom widget renderers
+ */
+export interface WidgetTemplateContext {
+    /**
+     * The widget instance being rendered
+     */
+    $implicit: ChatWidget;
+    /**
+     * The widget instance (alternative access)
+     */
+    widget: ChatWidget;
+    /**
+     * Emit a widget action
+     */
+    emitAction: (actionName: string, payload: unknown) => void;
+}
+/**
+ * Interface for component-based custom widget renderers
+ */
+export interface CustomWidgetComponent {
+    /**
+     * The widget instance to render
+     */
+    widget: ChatWidget;
+    /**
+     * Event emitter for widget actions (optional, will be set by the renderer)
+     */
+    widgetAction?: (actionName: string, payload: unknown) => void;
+}
+/**
+ * Type for custom widget renderer functions that return HTML strings
+ */
+export type CustomWidgetHtmlRenderer = (widget: ChatWidget) => string;
+/**
+ * Type for custom widget renderer configurations
+ */
+export type CustomWidgetRenderer = CustomWidgetHtmlRenderer | Type<CustomWidgetComponent> | TemplateRef<WidgetTemplateContext>;
+/**
+ * Configuration for registering a custom widget renderer
+ */
+export interface CustomWidgetRendererConfig {
+    /**
+     * The widget type identifier
+     */
+    type: string;
+    /**
+     * The renderer: can be a function returning HTML, an Angular Component class, or a TemplateRef
+     */
+    renderer: CustomWidgetRenderer;
+}
+/**
+ * Type guard to check if a renderer is a TemplateRef
+ */
+export declare function isTemplateRenderer(renderer: CustomWidgetRenderer): renderer is TemplateRef<WidgetTemplateContext>;
+/**
+ * Type guard to check if a renderer is an Angular Component
+ *
+ * Note: This uses a heuristic check based on the following assumptions:
+ * 1. Components are constructor functions
+ * 2. Components have a prototype with a constructor property
+ * 3. Components typically use dependency injection (no required constructor params)
+ *
+ * Limitation: This may not detect components with required constructor parameters.
+ * For edge cases, explicitly check your component's constructor signature.
+ *
+ * Alternative: You can always register a wrapper component that has no required params.
+ */
+export declare function isComponentRenderer(renderer: CustomWidgetRenderer): renderer is Type<CustomWidgetComponent>;
+/**
+ * Type guard to check if a renderer is an HTML function
+ *
+ * Note: This should be checked AFTER checking for component and template renderers
+ * since components are also functions but with additional properties.
+ */
+export declare function isHtmlRenderer(renderer: CustomWidgetRenderer): renderer is CustomWidgetHtmlRenderer;
+//# sourceMappingURL=custom-widget-renderer.types.d.ts.map

package/dist/custom-widget-renderer.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-widget-renderer.types.d.ts","sourceRoot":"","sources":["../src/custom-widget-renderer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,SAAS,EAAE,UAAU,CAAC;IAEtB;;OAEG;IACH,MAAM,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,MAAM,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/D;AAED;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,CAAC;AAEtE;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAC5B,wBAAwB,GACxB,IAAI,CAAC,qBAAqB,CAAC,GAC3B,WAAW,CAAC,qBAAqB,CAAC,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,QAAQ,EAAE,oBAAoB,CAAC;CAChC;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,oBAAoB,GAC7B,QAAQ,IAAI,WAAW,CAAC,qBAAqB,CAAC,CAMhD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,oBAAoB,GAC7B,QAAQ,IAAI,IAAI,CAAC,qBAAqB,CAAC,CAazC;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,oBAAoB,GAC7B,QAAQ,IAAI,wBAAwB,CAEtC"}

package/dist/custom-widget-renderer.types.js

@@ -0,0 +1,43 @@
+/**
+ * Type guard to check if a renderer is a TemplateRef
+ */
+export function isTemplateRenderer(renderer) {
+    return (renderer !== null &&
+        typeof renderer === 'object' &&
+        'createEmbeddedView' in renderer);
+}
+/**
+ * Type guard to check if a renderer is an Angular Component
+ *
+ * Note: This uses a heuristic check based on the following assumptions:
+ * 1. Components are constructor functions
+ * 2. Components have a prototype with a constructor property
+ * 3. Components typically use dependency injection (no required constructor params)
+ *
+ * Limitation: This may not detect components with required constructor parameters.
+ * For edge cases, explicitly check your component's constructor signature.
+ *
+ * Alternative: You can always register a wrapper component that has no required params.
+ */
+export function isComponentRenderer(renderer) {
+    // Check if it's a function (constructor) but not a regular function renderer
+    if (typeof renderer !== 'function') {
+        return false;
+    }
+    // Check for Angular component characteristics
+    // Components typically have prototype with constructor property
+    return (renderer.prototype !== undefined &&
+        renderer.prototype.constructor === renderer &&
+        renderer.length === 0 // Constructor with no required params (Angular DI)
+    );
+}
+/**
+ * Type guard to check if a renderer is an HTML function
+ *
+ * Note: This should be checked AFTER checking for component and template renderers
+ * since components are also functions but with additional properties.
+ */
+export function isHtmlRenderer(renderer) {
+    return typeof renderer === 'function';
+}
+//# sourceMappingURL=custom-widget-renderer.types.js.map

package/dist/custom-widget-renderer.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-widget-renderer.types.js","sourceRoot":"","sources":["../src/custom-widget-renderer.types.ts"],"names":[],"mappings":"AAkEA;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAChC,QAA8B;IAE9B,OAAO,CACL,QAAQ,KAAK,IAAI;QACjB,OAAO,QAAQ,KAAK,QAAQ;QAC5B,oBAAoB,IAAI,QAAQ,CACjC,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,mBAAmB,CACjC,QAA8B;IAE9B,6EAA6E;IAC7E,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACnC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,8CAA8C;IAC9C,gEAAgE;IAChE,OAAO,CACL,QAAQ,CAAC,SAAS,KAAK,SAAS;QAChC,QAAQ,CAAC,SAAS,CAAC,WAAW,KAAK,QAAQ;QAC3C,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,mDAAmD;KAC1E,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAC5B,QAA8B;IAE9B,OAAO,OAAO,QAAQ,KAAK,UAAU,CAAC;AACxC,CAAC"}

package/dist/index.cjs

@@ -0,0 +1,38 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+__export(index_exports, {
+  ChatWidget: () => import_widgets.ChatWidget,
+  SsrWidgetRenderer: () => import_widgets2.SsrWidgetRenderer,
+  VERSION: () => VERSION,
+  WidgetEventManager: () => import_widgets2.WidgetEventManager,
+  WidgetRegistryService: () => import_widget_registry.WidgetRegistryService,
+  WidgetRendererComponent: () => import_widget_renderer.WidgetRendererComponent,
+  customWidgetRegistry: () => import_widgets2.customWidgetRegistry,
+  isComponentRenderer: () => import_custom_widget_renderer.isComponentRenderer,
+  isHtmlRenderer: () => import_custom_widget_renderer.isHtmlRenderer,
+  isTemplateRenderer: () => import_custom_widget_renderer.isTemplateRenderer
+});
+module.exports = __toCommonJS(index_exports);
+var import_widget_renderer = require("./widget-renderer.component");
+var import_widget_registry = require("./widget-registry.service");
+var import_custom_widget_renderer = require("./custom-widget-renderer.types");
+var import_widgets = require("@bbq-chat/widgets");
+var import_widgets2 = require("@bbq-chat/widgets");
+const VERSION = "1.0.0";