@aakash58/chatbot 1.1.19 → 1.1.21

package/.editorconfig

@@ -0,0 +1,17 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+ij_typescript_use_double_quotes = false
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

package/.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
+  "recommendations": ["angular.ng-template"]
+}

package/.vscode/launch.json

@@ -0,0 +1,41 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "ng serve",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: start",
+      "url": "http://localhost:4200/",
+      "webRoot": "${workspaceFolder}",
+      "sourceMaps": true,
+      "sourceMapPathOverrides": {
+        "webpack:///src/*": "${webRoot}/src/*",
+        "webpack:///projects/*": "${webRoot}/projects/*"
+      }
+    },
+    {
+      "name": "Run Dev",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: dev",
+      "url": "http://localhost:4200/",
+      "webRoot": "${workspaceFolder}",
+      "sourceMaps": true,
+      "sourceMapPathOverrides": {
+        "webpack:///src/*": "${webRoot}/src/*",
+        "webpack:///projects/*": "${webRoot}/projects/*"
+      }
+    },
+
+    {
+      "name": "ng test",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: test",
+      "url": "http://localhost:9876/debug.html",
+      "webRoot": "${workspaceFolder}"
+    }
+  ]
+}

package/.vscode/settings.json

@@ -0,0 +1,14 @@
+{
+  "cSpell.words": [
+    "adzen",
+    "Bottomsheet",
+    "conditons",
+    "contenteditable",
+    "Doohbot",
+    "packagr",
+    "Pannel",
+    "spinbutton",
+    "thum"
+  ],
+  "todo-tree.tree.scanMode": "workspace"
+}

package/.vscode/tasks.json

@@ -0,0 +1,60 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "start",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    },
+    {
+      "type": "npm",
+      "script": "dev",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    },
+    {
+      "type": "npm",
+      "script": "test",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    }
+  ]
+}

package/README.md

@@ -1,6 +1,16 @@
-# Doohbot
+# DoohBot
 
-This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.3.0.
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.3.7.
+
+## Development server
+
+To start a local development server, run:
+
+```bash
+ng serve
+```
+
+Once the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify any of the source files.
 
 ## Code scaffolding
 
@@ -18,47 +28,313 @@ ng generate --help
 
 ## Building
 
-To build the library, run:
+To build the projects, run:
 
 ```bash
-ng build doohbot
+# Build the application
+ng build
+
+# Build the library (doohbot)
+npm run build-lib
 ```
 
-This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+This will compile your project and store the build artifacts in the `dist/` directory. By default, the production build optimizes your application for performance and speed.
 
-### Publishing the Library
+## Running unit tests
 
-Once the project is built, you can publish your library by following these steps:
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
 
-1. Navigate to the `dist` directory:
+```bash
+ng test
+```
 
-   ```bash
-   cd dist/doohbot
-   ```
+## Running end-to-end tests
 
-2. Run the `npm publish` command to publish your library to the npm registry:
-   ```bash
-   npm publish
-   ```
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
 
-## Running unit tests
+## Library Publishing
 
-To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+This project includes a specialized publishing system to prevent `NG0400` runtime errors (dual Angular runtime conflicts).
+
+### 1. Validate the Package
+
+Before publishing, always run validation to ensure the library follows peer dependency rules and doesn't contain platform-creation code.
 
 ```bash
-ng test
+npm run validate -- doohbot
 ```
 
-## Running end-to-end tests
+### 2. Publish (Dry Run)
 
-For end-to-end (e2e) testing, run:
+Test the entire 8-step publishing pipeline (build, validate, pack) without actually pushing to npm.
 
 ```bash
-ng e2e
+npm run publish -- doohbot --dry-run
 ```
 
-Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+### 3. Actual Publish
+
+Execute the full publishing pipeline. This will build the library in **Ivy Partial Compilation mode**, run all validations, and publish to the registry.
+
+```bash
+# Publish current version
+npm run publish -- doohbot
+
+# Auto-increment version and publish
+npm run publish -- doohbot --patch
+npm run publish -- doohbot --minor
+npm run publish -- doohbot --major
+```
+
+> [!TIP]
+> Detailed instructions and troubleshooting can be found in the [Publishing Guide](file:///d:/doohbot-copy/doohbot-ui/docs/PUBLISHING_GUIDE.md).
 
 ## Additional Resources
 
 For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
+
+# DoohBot Project Analysis & Structure
+
+## Overview
+
+This project is an Angular workspace designed to build and maintain the `doohbot` conversational UI library. It follows a multi-project workspace structure, separating the core library logic from the wrapper/application layer.
+
+## 📁 Project Structure
+
+```text
+root/
+├── .vscode/                          🛠️ VS Code settings (launch, tasks)
+├── projects/
+│   ├── doohbot/                      📦 Core Chatbot UI Library
+│   │   ├── src/
+│   │   │   ├── lib/
+│   │   │   │   ├── components/       🎨 Feature Components
+│   │   │   │   │   ├── chat-button/           ✨ Floating launcher button
+│   │   │   │   │   ├── chat-history-sidebar/  ✨ Sidebar for past chats
+│   │   │   │   │   ├── chat-window/           ✨ Main chat interface container
+│   │   │   │   │   ├── message-input/         ✨ Input area & send logic
+│   │   │   │   │   └── message-list/          ✨ Scrollable message stream
+│   │   │   │   ├── core/             🧠 Core Logic & Services
+│   │   │   │   │   ├── helpers/
+│   │   │   │   │   │   └── crypto-helper.service.ts
+│   │   │   │   │   ├── interceptors/
+│   │   │   │   │   │   └── auth.interceptor.ts    ✨ Token injection
+│   │   │   │   │   ├── models/           📋 Interfaces & Types
+│   │   │   │   │   │   ├── api-response.model.ts
+│   │   │   │   │   │   ├── auth-result.model.ts
+│   │   │   │   │   │   ├── login-request.model.ts
+│   │   │   │   │   │   └── user-context.model.ts
+│   │   │   │   │   ├── services/         ⚙️ Singleton Services
+│   │   │   │   │   │   ├── account.service.ts
+│   │   │   │   │   │   ├── auth.service.ts        ✨ Authentication mgmt
+│   │   │   │   │   │   ├── chat-facade.service.ts ✨ Main interaction API
+│   │   │   │   │   │   ├── chat-history.service.ts
+│   │   │   │   │   │   ├── chat-ui-state.service.ts ✨ UI visibility state
+│   │   │   │   │   │   ├── doohbot-api.service.ts ✨ Backend API wrapper
+│   │   │   │   │   │   ├── http.service.ts
+│   │   │   │   │   │   ├── storage.service.ts
+│   │   │   │   │   │   ├── tenant-context.service.ts
+│   │   │   │   │   │   └── theme.service.ts       ✨ Dynamic theming
+│   │   │   │   │   └── app-const.ts
+│   │   │   │   ├── directives/       🎮 DOM Behaviors
+│   │   │   │   │   ├── draggable/             ✨ Drag window logic
+│   │   │   │   │   ├── fullscreen/            ✨ Fullscreen toggle
+│   │   │   │   │   ├── popout/                ✨ Popout window logic
+│   │   │   │   │   └── resizable/             ✨ Resize window logic
+│   │   │   │   ├── shared/           🧩 Reusable UI Elements
+│   │   │   │   │   ├── chips/                 ✨ Suggestion chips
+│   │   │   │   │   ├── dialog/                ✨ Modal dialogs
+│   │   │   │   │   ├── dropdown-menu/         ✨ Custom options menu
+│   │   │   │   │   ├── menu-item/
+│   │   │   │   │   ├── popout/                ✨ Popout wrapper component
+│   │   │   │   │   └── snackbar/              ✨ Toast notifications
+│   │   │   │   ├── styles/           💅 Global Styles
+│   │   │   │   │   ├── _theme.scss            ✨ Theming mixins
+│   │   │   │   │   ├── material-override.scss ✨ Material design tweaks
+│   │   │   │   │   ├── utility.scss
+│   │   │   │   │   └── variables.scss
+│   │   │   │   ├── elements/         🧱 Custom Elements Config
+│   │   │   │   └── model/            📋 Library-wide Models
+│   │   │   │       └── doohbot-config.model.ts
+│   │   │   └── public-api.ts         ✨ Library Entry Point
+│   └── doohbot-element/              🔧 Wrapper Application
+│       └── src/
+├── dist/                             📂 Build Artifacts
+├── docs/                             📚 Project Documentation
+├── examples/                         💡 Usage Examples
+├── angular.json                      ⚙️ Workspace Configuration
+├── package.json                      📦 Dependencies & Scripts
+├── tsconfig.json                     ⚙️ TypeScript Config
+└── README.md                         📄 Documentation
+```
+
+---
+
+# DoohBot Project Analysis & Structure
+
+## Overview
+
+This project is an Angular workspace designed to build and maintain the `doohbot` conversational UI library. It follows a multi-project workspace structure, separating the core library logic from the wrapper/application layer.
+
+## Project Architecture
+
+### Workspace Structure
+
+The workspace root contains configuration files that manage the build, linting, and development environment for all projects within the repository.
+
+#### Root Configuration Files
+
+- **`angular.json`**: The workspace configuration file. Defines the projects (`doohbot`, `doohbot-element`), build architectures, file replacements, and default project settings.
+- **`package.json`**: Lists npm dependencies (Angular, Material, etc.), build scripts, and package metadata.
+- **`tsconfig.json`**: Base TypeScript configuration for the entire workspace.
+- **`.editorconfig`**: Defines consistent coding styles (indentation, charset, etc.) for different IDEs.
+- **`.gitignore`**: Specifies files and directories ignored by Git.
+
+#### Root Directories
+
+- **`projects/`**: The core directory containing the source code for the library and applications.
+  - **`doohbot/`**: The main Angular Library project.
+  - **`doohbot-element/`**: The wrapper application project.
+- **`.vscode/`**: VS Code specific settings.
+  - `launch.json`: Debugging configurations.
+  - `tasks.json`: Task definitions (e.g., build commands).
+  - `extensions.json`: Recommended extensions for this workspace.
+- **`dist/`**: The output directory where build artifacts (compiled code) are generated.
+- **`docs/`**: Documentation files for the project.
+- **`examples/`**: Contains example implementations or usage scenarios.
+
+### 1. DoohBot Library (`projects/doohbot`)
+
+This is the heart of the repository. It contains the reusable Angular components, services, and directives that make up the chat interface.
+
+The following is a detailed breakdown of every file in the library:
+
+#### Component Layer (`src/lib/components`)
+
+High-level structural components that compose the chat application.
+
+- **chat-window/**: The main container for the chat interface.
+  - `chat-window.component.ts`: Logic for window state (open/close, minimize), layout, and event handling.
+  - `chat-window.component.html`: Template structure for the chat window.
+  - `chat-window.component.scss`: Styles for the chat window container.
+- **message-list/**: Renders the scrollable list of chat messages.
+  - `message-list.component.ts`: Handles rendering messages, auto-scrolling, and message grouping.
+  - `message-list.component.html`: Template loop for displaying messages.
+  - `message-list.component.scss`: Styles for the message container and bubbles.
+- **message-input/**: The area where users type and send messages.
+  - `message-input.component.ts`: Logic for text input, auto-resizing textarea, and send actions.
+  - `message-input.component.html`: Template for the input field and send button.
+  - `message-input.component.scss`: Styles for the input area.
+  - `messaging.service.ts`: Local service for message input state or helper logic.
+- **chat-history-sidebar/**: Sidebar displaying a list of previous chat sessions.
+  - `chat-history-sidebar.component.ts`: Logic for fetching and displaying history items.
+  - `chat-history-sidebar.component.html`: Template for the sidebar list.
+  - `chat-history-sidebar.component.scss`: Styles for the sidebar and history items.
+- **chat-button/**: The floating action button (FAB) to toggle the chat.
+  - `chat-button.component.ts`: Logic for the floating launcher button.
+  - `chat-button.component.html`: Template for the button icon.
+  - `chat-button.component.scss`: Styles for positioning and animating the button.
+
+#### Core Layer (`src/lib/core`)
+
+Singleton services and core business logic.
+
+- **services/**:
+  - `auth.service.ts`: Manages user authentication, login/logout, and token storage.
+  - `chat-facade.service.ts`: The primary API for components to interact with chat logic (Facade pattern).
+  - `chat-history.service.ts`: Handles API calls to fetch/store chat history.
+  - `chat-ui-state.service.ts`: Manages UI state (open, closed, loading) across components.
+  - `doohbot-api.service.ts`: Low-level wrapper for backend API endpoints.
+  - `http.service.ts`: Custom wrapper around HttpClient for standardized requests/error handling.
+  - `storage.service.ts`: Wrapper for LocalStorage/SessionStorage interactions.
+  - `tenant-context.service.ts`: Manages tenant-specific configuration and context.
+  - `theme.service.ts`: Dynamically applies themes by manipulating CSS variables.
+  - `account.service.ts`: logic related to user account management.
+- **models/**:
+  - `api-response.model.ts`: Interface for standard API response structure.
+  - `auth-result.model.ts`: Interface for authentication results.
+  - `login-request.model.ts`: Interface for login payloads.
+  - `user-context.model.ts`: Interface for user session data.
+- **interceptors/**:
+  - `auth.interceptor.ts`: HTTP interceptor to inject Auth tokens into requests.
+- **helpers/**:
+  - `crypto-helper.service.ts`: Utilities for encryption/decryption (if used).
+- **roots**:
+  - `app-const.ts`: Application-wide constants.
+
+#### Shared Layer (`src/lib/shared`)
+
+Reusable UI components used within the larger feature components.
+
+- **chips/**:
+  - `chips.component.ts/html/scss`: Renders clickable suggestion chips.
+- **dialog/**:
+  - `dialog.component.ts/html/scss`: A reusable modal/dialog component.
+  - `dialog.service.ts`: Service to dynamically open dialogs.
+- **dropdown-menu/**:
+  - `dropdown-menu.component.ts/html/scss`: A custom dropdown menu UI.
+- **menu-item/**:
+  - `menu-item.component.ts/html/scss`: Individual items within a menu.
+- **snackbar/**:
+  - `snackbar.component.ts/html/scss`: Toast notification component.
+- **popout/**:
+  - `popout.ts/html/scss`: Component wrapper for popped-out windows.
+
+#### Directives (`src/lib/directives`)
+
+Custom behaviors applied to DOM elements.
+
+- **draggable/**:
+  - `draggable-dialog.directive.ts`: Makes the chat window draggable.
+  - `draggable-dialog.module.ts`: Module declaring the directive.
+- **resizable/**:
+  - `resizable-dialog.directive.ts`: Allows resizing the chat window.
+  - `resizable-dialog.module.ts`: Module declaring the directive.
+- **fullscreen/**:
+  - `fullscreen.directive.ts`: Toggles fullscreen mode for an element.
+  - `fullscreen.module.ts`: Module declaring the directive.
+- **popout/**:
+  - `popout.directive.ts`: Handles the logic for detecting popout actions.
+  - `popout.module.ts`: Module declaring the directive.
+
+#### Models (`src/lib/model`)
+
+TypeScript interfaces and types.
+
+- `doohbot-config.model.ts`: Configuration interface for the library.
+- `api-config.model.ts`: Configuration for API endpoints.
+- `chat-session.model.ts`: Model for a chat session.
+- `message.ts`: Model for a single chat message.
+- `doohbot.intents.ts`: Enum or types for chatbot intents.
+- `theme-config.model.ts`: Interface for theming options.
+- `token.ts`: Interface for auth tokens.
+- `tenant-config.model.ts`: Interface for tenant settings.
+
+#### Styles (`src/lib/styles`)
+
+Global styles and variables.
+
+- `variables.scss`: SCSS variables for colors, spacing, etc.
+- `_theme.scss`: Mixins and logic for generating themes.
+- `utility.scss`: General utility classes.
+- `material-override.scss`: Overrides for Angular Material styles.
+
+#### Elements (`src/lib/elements`)
+
+- `elements.ts`: Logic/definitions for Custom Elements.
+
+#### Inputs (`src/lib/inputs`)
+
+- `doohbot-input.ts`: Input definitions or configurations.
+
+#### Constants (`src/lib/constant`)
+
+- `app-constants.ts`: Global application constants.
+- `constant.ts`: General constants.
+- `utf8.ts`: UTF8 encoding/decoding utilities or constants.
+
+### 2. DoohBot Element (`projects/doohbot-element`)
+
+This project serves as a wrapper to package the `doohbot` library as a standalone Web Component (Angular Element), enabling integration into non-Angular environments.
+
+---

package/angular.json

@@ -0,0 +1,132 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "doohbot": {
+      "projectType": "library",
+      "root": "projects/doohbot",
+      "sourceRoot": "projects/doohbot/src",
+      "prefix": "lib",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "options": {
+            "project": "projects/doohbot/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "projects/doohbot/tsconfig.lib.prod.json"
+            },
+            "development": {
+              "tsConfig": "projects/doohbot/tsconfig.lib.json"
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "tsConfig": "projects/doohbot/tsconfig.spec.json"
+          }
+        }
+      }
+    },
+    "app-doohbot": {
+      "projectType": "application",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        }
+      },
+      "root": "projects/app-doohbot",
+      "sourceRoot": "projects/app-doohbot/src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:application",
+          "options": {
+            "outputPath": "dist/app-doohbot",
+            "index": "projects/app-doohbot/src/index.html",
+            "browser": "projects/app-doohbot/src/main.ts",
+            "polyfills": ["zone.js"],
+            "tsConfig": "projects/app-doohbot/tsconfig.app.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "projects/app-doohbot/public",
+                "output": "/"
+              },
+              {
+                "glob": "**/*",
+                "input": "projects/doohbot/src/assets",
+                "output": "/assets"
+              }
+            ],
+            "styles": ["projects/app-doohbot/src/styles.scss"]
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "500kB",
+                  "maximumError": "1MB"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "4kB",
+                  "maximumError": "8kB"
+                }
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+            "proxyConfig": "proxy.conf.json"
+          },
+          "configurations": {
+            "production": {
+              "buildTarget": "app-doohbot:build:production"
+            },
+            "development": {
+              "buildTarget": "app-doohbot:build:development"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n"
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "polyfills": ["zone.js", "zone.js/testing"],
+            "tsConfig": "projects/app-doohbot/tsconfig.spec.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "projects/app-doohbot/public"
+              }
+            ],
+            "styles": ["projects/app-doohbot/src/styles.scss"]
+          }
+        }
+      }
+    }
+  },
+  "cli": {
+    "analytics": false
+  }
+}