@dataclouder/ngx-agent-cards 0.1.55 → 0.1.56

package/fesm2022/dataclouder-ngx-agent-cards.mjs

@@ -10,6 +10,8 @@ import { TtsService, NgxVertexService, GeneratedAssetsService, VoiceSelectorComp
 import { DynamicDialogRef, DynamicDialogConfig, DialogService, DynamicDialogModule } from 'primeng/dynamicdialog';
 import * as i2 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
+import * as Plyr from 'plyr';
+import { Subject, fromEvent, filter } from 'rxjs';
 import * as i2$3 from 'primeng/progressbar';
 import { ProgressBarModule } from 'primeng/progressbar';
 import * as i1$1 from 'primeng/table';
@@ -21,7 +23,6 @@ import { DCMicComponent, MicVadComponent } from '@dataclouder/ngx-mic';
 import * as i3 from 'primeng/textarea';
 import { TextareaModule } from 'primeng/textarea';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { fromEvent, filter } from 'rxjs';
 import { map } from 'rxjs/operators';
 import { DomSanitizer } from '@angular/platform-browser';
 import * as i2$4 from 'primeng/popover';
@@ -1826,6 +1827,8 @@ class ChatMonitorService {
         this.messageAudioWillPlay$ = this.messageAudioWillPlay.asReadonly();
         this.currentMood = signal(null, ...(ngDevMode ? [{ debugName: "currentMood" }] : []));
         this.isConversationActive = signal(false, ...(ngDevMode ? [{ debugName: "isConversationActive" }] : []));
+        // Background
+        this.backgroundUrl = signal(undefined, ...(ngDevMode ? [{ debugName: "backgroundUrl" }] : []));
         console.log(`%c ChatMonitorService instantiated: ${Math.random()}`, 'color: #00ff00; font-weight: bold; padding: 2px 4px; border: 1px solid #00ff00;');
     }
     logMessageAudioWillPlay(message) {
@@ -1840,6 +1843,14 @@ class ChatMonitorService {
         this.messageAudioWillPlay.set(null);
         this.isConversationActive.set(false);
     }
+    setBackground(imageUrl) {
+        if (imageUrl) {
+            this.backgroundUrl.set(imageUrl);
+        }
+        else {
+            this.backgroundUrl.set(undefined);
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ChatMonitorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ChatMonitorService, providedIn: 'root' }); }
 }
@@ -2915,6 +2926,137 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
 const VIDEO_PLAYER_SERVICE_TOKEN = new InjectionToken('VIDEO_PLAYER_SERVICE_TOKEN');
 const BACKGROUND_SERVICE_TOKEN = new InjectionToken('BACKGROUND_SERVICE_TOKEN');
 
+class VideoPlayerService {
+    constructor() {
+        this.isRewinding = false;
+        this.videoQueue = [];
+        this.defaultVideoUrl = null;
+        this.playAndRewindedSource = new Subject();
+        this.playAndRewinded$ = this.playAndRewindedSource.asObservable();
+        this.playAndRewindedSubscription = this.playAndRewinded$.subscribe(() => {
+            this.playNextInQueue();
+        });
+    }
+    initializePlayer(videoPlayer) {
+        this.player = new Plyr.default(videoPlayer.nativeElement, {
+            controls: [],
+        });
+        this.player.on('ready', (event) => {
+            const instance = event.detail.plyr;
+            console.log('El video esta redyinstance', instance);
+        });
+    }
+    setVideoSource(videoUrl) {
+        if (this.player) {
+            this.player.source = {
+                type: 'video',
+                sources: [
+                    {
+                        src: videoUrl,
+                        type: 'video/mp4',
+                    },
+                ],
+            };
+        }
+    }
+    startConversation(defaultVideo) {
+        if (defaultVideo) {
+            this.defaultVideoUrl = defaultVideo;
+            // this.setVideoSource(defaultVideo);
+        }
+    }
+    playVideo() {
+        if (this.player) {
+            this.player.play();
+        }
+    }
+    rewindVideo() {
+        if (this.player) {
+            if (this.isRewinding) {
+                this.isRewinding = false;
+                clearInterval(this.rewindInterval);
+                this.rewindInterval = null;
+                this.player.play();
+            }
+            else {
+                this.isRewinding = true;
+                this.player.pause();
+                this.rewindInterval = setInterval(() => {
+                    if (this.player.currentTime > 0) {
+                        this.player.rewind(0.1);
+                    }
+                    else {
+                        this.player.currentTime = 0;
+                        this.isRewinding = false;
+                        clearInterval(this.rewindInterval);
+                        this.rewindInterval = null;
+                        this.playAndRewindedSource.next();
+                    }
+                }, 100);
+            }
+        }
+    }
+    changeVideoSource(videoUrl) {
+        if (this.player) {
+            this.setVideoSource(videoUrl);
+        }
+    }
+    addVideosToQueue(videoUrls) {
+        this.videoQueue.push(...videoUrls);
+    }
+    destroyPlayer() {
+        if (this.player) {
+            this.player.destroy();
+        }
+    }
+    playAndRewind() {
+        if (this.player && !this.player.playing) {
+            this.playNextInQueue();
+        }
+    }
+    cleanUp() {
+        this.destroyPlayer();
+        if (this.rewindInterval) {
+            clearInterval(this.rewindInterval);
+        }
+        this.isRewinding = false;
+        this.videoQueue = [];
+        this.defaultVideoUrl = null;
+    }
+    ngOnDestroy() {
+        if (this.playAndRewindedSubscription) {
+            this.playAndRewindedSubscription.unsubscribe();
+        }
+    }
+    playNextInQueue() {
+        if (this.videoQueue.length > 0) {
+            const videoUrl = this.videoQueue.shift();
+            if (videoUrl) {
+                this.changeVideoSource(videoUrl);
+                this.player.play();
+                this.player.once('ended', () => {
+                    this.rewindVideo();
+                });
+            }
+        }
+        else if (this.defaultVideoUrl) {
+            this.changeVideoSource(this.defaultVideoUrl);
+            this.player.play();
+            this.player.once('ended', () => {
+                this.rewindVideo();
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: VideoPlayerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: VideoPlayerService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: VideoPlayerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
 class CostDetailsComponent {
     constructor() {
         this.conversationCostService = inject(ConversationCostService);
@@ -6394,8 +6536,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                 }]
         }] });
 
-// I used to import like this, but was outside the library.
-// import { VideoPlayerService } from 'src/app/services/video-player/video-player.service';
 class DcAgentCardDetailsComponent {
     constructor() {
         this.agentCardService = inject(CONVERSATION_AI_TOKEN);
@@ -6403,8 +6543,7 @@ class DcAgentCardDetailsComponent {
         this.toastService = inject(TOAST_ALERTS_TOKEN);
         this.chatMonitorService = inject(ChatMonitorService);
         this.userService = inject(UserService);
-        this.videoPlayerService = inject(VIDEO_PLAYER_SERVICE_TOKEN);
-        this.backgroundService = inject(BACKGROUND_SERVICE_TOKEN);
+        this.videoPlayerService = inject(VideoPlayerService);
         this.agentCardId = '';
         this.onStartConversation = output();
         this.agentCard = signal(undefined, ...(ngDevMode ? [{ debugName: "agentCard" }] : []));
@@ -6431,7 +6570,7 @@ class DcAgentCardDetailsComponent {
     }
     ngOnDestroy() {
         this.videoPlayerService.cleanUp();
-        this.backgroundService.setBackground(undefined);
+        this.chatMonitorService.setBackground(undefined);
     }
     ngAfterViewInit() {
         if (this.videoPlayer) {
@@ -6460,7 +6599,7 @@ class DcAgentCardDetailsComponent {
             this.videoPlayerService.setVideoSource(card.assets.motion.url);
         }
         if (card.assets.banner?.url) {
-            this.backgroundService.setBackground(card.assets.banner.url);
+            this.chatMonitorService.setBackground(card.assets.banner.url);
         }
     }
     transformToLanguage(agentCard, targetLang) {
@@ -6468,7 +6607,9 @@ class DcAgentCardDetailsComponent {
         const cardTranslated = { ...agentCard };
         // Set Greetings Communication and Language.
         cardTranslated.characterCard.data.greetings = translation?.greetings;
-        cardTranslated.characterCard.data.persona.communication = translation?.communication;
+        if (cardTranslated.characterCard.data?.persona?.communication) {
+            cardTranslated.characterCard.data.persona.communication = translation?.communication;
+        }
         cardTranslated.lang = targetLang;
         console.log('cambiando idioma', agentCard.lang);
         const locale = LANGUAGES[targetLang].defaultLocale;
@@ -6689,5 +6830,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ACCDataGenerationComponent, AGENT_CARDS_STATE_SERVICE, AIGenerationService, AgentCardListComponent, AgentCardUI, AgentCardsGenerationService, AudioService, AudioSpeed, BACKGROUND_SERVICE_TOKEN, CONVERSATION_AI_TOKEN, CardsCreatorComponent, ChatEventType, ChatMessage, ChatMessageOrchestratorComponent, ChatMonitorService, ChatRole, ConditionOperator, ConditionType, ContextEngineService, ContextType, ConversationDTO, ConversationEvents, ConversationMessagesDTO, ConversationPromptBuilderService, ConversationType, ConversationTypeOptions, DCAgentCardFormComponent, DCChatComponent, DCConversationUserChatSettingsComponent, DcAgentCardDetailsComponent, DefaultAgentCardsService, DoActionTypeOptions, DynamicFlowService, DynamicFlowTaskTypeOptions, EAccountsPlatform, EAgentType, EDoActionType, EDynamicFlowTaskType, EntityThen, EntityWhatOptions, EntityWhenOptions, EvalResultStringDefinition, GlobalToolsService, MessageContent, MessageContentDisplayer, MessagesStateService, ModelSelectorComponent, PopupService, SystemPromptType, TextEngineOptions, TextEngines, VIDEO_PLAYER_SERVICE_TOKEN, VoiceTTSOption, VoiceTTSOptions, WordTimestamps, buildObjectTTSRequest, characterCardStringDataDefinition, convertToHTML, createAIModelFormGroup, defaultconvUserSettings, extractAudioAndTranscription, extractJsonFromResponse, getMoodStateLabelsAsString, getMoodStatePrompt, markdownToHtml, matchTranscription, provideAgentCardService, removeEmojis, removeEmojisAndSpecialCharacters, removeSpecialCharacters };
+export { ACCDataGenerationComponent, AGENT_CARDS_STATE_SERVICE, AIGenerationService, AgentCardListComponent, AgentCardUI, AgentCardsGenerationService, AudioService, AudioSpeed, BACKGROUND_SERVICE_TOKEN, CONVERSATION_AI_TOKEN, CardsCreatorComponent, ChatEventType, ChatMessage, ChatMessageOrchestratorComponent, ChatMonitorService, ChatRole, ConditionOperator, ConditionType, ContextEngineService, ContextType, ConversationDTO, ConversationEvents, ConversationMessagesDTO, ConversationPromptBuilderService, ConversationType, ConversationTypeOptions, DCAgentCardFormComponent, DCChatComponent, DCConversationUserChatSettingsComponent, DcAgentCardDetailsComponent, DefaultAgentCardsService, DoActionTypeOptions, DynamicFlowService, DynamicFlowTaskTypeOptions, EAccountsPlatform, EAgentType, EDoActionType, EDynamicFlowTaskType, EntityThen, EntityWhatOptions, EntityWhenOptions, EvalResultStringDefinition, GlobalToolsService, MessageContent, MessageContentDisplayer, MessagesStateService, ModelSelectorComponent, PopupService, SystemPromptType, TextEngineOptions, TextEngines, VIDEO_PLAYER_SERVICE_TOKEN, VideoPlayerService, VoiceTTSOption, VoiceTTSOptions, WordTimestamps, buildObjectTTSRequest, characterCardStringDataDefinition, convertToHTML, createAIModelFormGroup, defaultconvUserSettings, extractAudioAndTranscription, extractJsonFromResponse, getMoodStateLabelsAsString, getMoodStatePrompt, markdownToHtml, matchTranscription, provideAgentCardService, removeEmojis, removeEmojisAndSpecialCharacters, removeSpecialCharacters };
 //# sourceMappingURL=dataclouder-ngx-agent-cards.mjs.map