@senior-gestao-relacionamento/angular-components 2.3.0 → 2.4.0

package/lib/components/chatbot/chatbot.component.d.ts

@@ -0,0 +1,49 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface ChatbotMessage {
+    role: 'user' | 'assistant';
+    content: string;
+    timestamp: Date;
+    responseTime?: number;
+}
+/**
+ * Chatbot global do CRM.
+ *
+ * Standalone, plug-and-play: basta declarar `<s-chatbot></s-chatbot>` no
+ * `app.component.html` da aplicação consumidora. Toda a integração
+ * (WebSocket de respostas, REST de envio, traduções e renderização de
+ * Markdown) está encapsulada na biblioteca.
+ */
+export declare class ChatbotComponent implements OnInit, OnDestroy {
+    private readonly chatMessagesContainer;
+    isOpen: boolean;
+    userInput: string;
+    sendingMessage: boolean;
+    chatMessages: ChatbotMessage[];
+    chatId: string | null;
+    unreadCount: number;
+    typingPhraseKey: string;
+    private wsSubscription;
+    private typingPhraseTimer;
+    private typingPhraseIndex;
+    private readonly wsConfig;
+    private readonly webSocketService;
+    private readonly ngZone;
+    private readonly chatbotService;
+    private readonly translationService;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    toggleChat(): void;
+    sendMessage(): void;
+    onChatKeydown(event: KeyboardEvent): void;
+    private subscribeToWebSocket;
+    private scrollChatToBottom;
+    /**
+     * Starts cycling through the typing phrases. Always begins from the first
+     * key so the user sees the same friendly opening every time.
+     */
+    private startTypingPhraseRotation;
+    private stopTypingPhraseRotation;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChatbotComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChatbotComponent, "s-chatbot", never, {}, {}, never, never, true, never>;
+}

package/lib/components/chatbot/pipes/markdown.pipe.d.ts

@@ -0,0 +1,23 @@
+import { PipeTransform } from '@angular/core';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+/**
+ * Pipe interno do chatbot para renderizar Markdown como HTML seguro.
+ *
+ * Fluxo de segurança:
+ *   1. `marked.parse` converte Markdown em HTML (sem JS executável por padrão).
+ *   2. `DOMPurify.sanitize` remove qualquer tag/atributo potencialmente
+ *      malicioso (script, on*, javascript:..., etc.).
+ *   3. `bypassSecurityTrustHtml` libera o HTML já sanitizado para o
+ *      `[innerHTML]` sem que o Angular faça uma segunda sanitização que
+ *      removeria estilos e classes legítimas do markdown.
+ *
+ * Não exportado no public-api: uso restrito ao componente de chatbot.
+ */
+export declare class ChatbotMarkdownPipe implements PipeTransform {
+    private readonly sanitizer;
+    constructor(sanitizer: DomSanitizer);
+    transform(value: string): SafeHtml;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChatbotMarkdownPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ChatbotMarkdownPipe, "sChatbotMarkdown", true>;
+}

package/lib/components/chatbot/services/chatbot.service.d.ts

@@ -0,0 +1,17 @@
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Serviço de integração com o backend do chatbot.
+ *
+ * Endpoint fixo: `crmx/chatbot/signals/chat` (compartilhado por todos os
+ * frontends do CRM).
+ */
+export declare class ChatbotService {
+    private readonly http;
+    private readonly signalsUrl;
+    constructor(http: HttpClient);
+    chat(message: string, chatId?: string): Observable<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChatbotService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ChatbotService>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@senior-gestao-relacionamento/angular-components",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "description": "Biblioteca de componentes reutilizáveis para aplicações Angular do CRM Senior Sistemas",
   "keywords": [
     "angular",
@@ -30,7 +30,9 @@
     "@seniorsistemas/components-ai": ">=2.1.0"
   },
   "dependencies": {
-    "tslib": "^2.3.0"
+    "tslib": "^2.3.0",
+    "marked": "^18.0.2",
+    "dompurify": "^2.5.9"
   },
   "sideEffects": false,
   "module": "fesm2022/senior-gestao-relacionamento-angular-components.mjs",

package/public-api.d.ts

@@ -3,6 +3,8 @@ export { StorageService } from './lib/services/storage/storage.service';
 export { CurrentCollaboratorService } from './lib/services/current-collaborator/current-collaborator.service';
 export { provideAngularComponentsTranslations } from './lib/config/provide-angular-components-translations';
 export type { Collaborator, CollaboratorLeader, CollaboratorBranch, Branch, Company, JobTitle } from './lib/services/current-collaborator/models/collaborator.model';
+export { ChatbotComponent } from './lib/components/chatbot/chatbot.component';
+export type { ChatbotMessage } from './lib/components/chatbot/chatbot.component';
 export { ScheduleFormComponent } from './lib/components/schedule/schedule-form/schedule-form.component';
 export { ScheduleDetailComponent } from './lib/components/schedule/schedule-detail/schedule-detail.component';
 export { ScheduleService } from './lib/components/schedule/services/schedule.service';