@rtsee/ngx 0.0.59 → 0.0.61

package/projects/ngx/src/lib/components/rtsee-container/rtsee-container.component.html

@@ -1,46 +0,0 @@
-<div class="rtsee-shell"
-     [ngClass]="{
-     'rtsee-shell-conference-mode': rtsee.conference && rtsee.conference.isInActiveCall,
-     'rtsee-shell-messenger-active': rtsee.messenger && rtsee.activeTab === 'messenger',
-     'rtsee-shell-dashboard-active': rtsee.eventsDashboard && rtsee.activeTab === 'events-dashboard',
-     'rtsee-shell-presentation-active': rtsee.presentation && rtsee.activeTab === 'presentation',
-     'rtsee-shell-side-nav-expanded': isSidenavExpanded
-     }"
->
-  <div class="rtsee-nav-block">
-    <rtsee-nav [config]="navigationConfig"></rtsee-nav>
-  </div>
-
-  <div class="rtsee-shell-panel">
-    @if (rtsee.conference && rtsee.conference.isInActiveCall) {
-      <div class="rtsee-conference-container">
-        <rtsee-conference [rtSee]="rtsee.conference"
-        ></rtsee-conference>
-      </div>
-    }
-
-    @if (rtsee.messenger) {
-      <div class="rtsee-messenger-container">
-        <rtsee-messenger [messenger]="rtsee.messenger"
-        ></rtsee-messenger>
-      </div>
-    }
-
-    @if (rtsee.eventsDashboard && rtsee.eventsDashboard.isReady) {
-      <div class="rtsee-events-dashboard-container">
-        <rtsee-events-dashboard [eventsDashboard]="rtsee.eventsDashboard"
-        ></rtsee-events-dashboard>
-      </div>
-    }
-
-    @if (rtsee.presentation && rtsee.presentation.isActive) {
-      <div class="rtsee-presentation-container">
-        <rtsee-presentation [presentation]="rtsee.presentation"></rtsee-presentation>
-      </div>
-    }
-  </div>
-
-  <div class="rtsee-content">
-      <ng-content></ng-content>
-  </div>
-</div>

package/projects/ngx/src/lib/components/rtsee-container/rtsee-container.component.ts

@@ -1,34 +0,0 @@
-import {Component, Input} from '@angular/core';
-import {RTSee, INavigationConfig, IRouteConfig} from "@rtsee/factory";
-import {NgClass} from "@angular/common";
-import {RTSeeConferenceComponent} from "../rtsee/rtsee-conference.component";
-import {MessengerComponent} from "../rtsee-messenger/messenger/messenger.component";
-import {RtseeEventsDashboardComponent} from "../rtsee-events-dashboard/rtsee-events-dashboard.component";
-import {PresentationComponent} from "../rtsee-presentation/presentation/presentation.component";
-import {RtseeNavComponent} from "./rtsee-nav/rtsee-nav.component";
-
-
-@Component({
-  selector: 'rtsee-container',
-  templateUrl: './rtsee-container.component.html',
-  imports: [
-    NgClass,
-    RTSeeConferenceComponent,
-    MessengerComponent,
-    RtseeEventsDashboardComponent,
-    PresentationComponent,
-    RtseeNavComponent
-  ],
-  standalone: true
-})
-export class RTSeeContainerComponent {
-  @Input() rtsee!: RTSee;
-  @Input() public navigationConfig!: INavigationConfig<IRouteConfig>;
-
-  isSidenavExpanded: boolean = true;
-  isSidenavExpandededed: boolean = true;
-
-  onSidenavToggleClicked() {
-    this.isSidenavExpanded = !this.isSidenavExpanded;
-  }
-}

package/projects/ngx/src/lib/components/rtsee-container/rtsee-nav/rtsee-nav.component.html

@@ -1,25 +0,0 @@
-<div class="rtsee-nav">
-  @if (config.siteLogo) {
-    <div class="rtsee-site-logo">
-      <p-image [src]="config.siteLogo.src" class="rtsee-site-logo-image"></p-image>
-      <p-divider class="rtsee-site-logo-divider" />
-    </div>
-  }
-  <div class="rtsee-nav-bar">
-    @for (route of config.routes; track route.name) {
-      <a [routerLink]="route.link"
-         routerLinkActive="rtsee-nav-item-active"
-         [ngClass]="{'rtsee-nav-item-hidden': !route.isEnabled || !route.iconClassName}"
-         [routerLinkActiveOptions]="{ exact: route.exactActiveLinkMatcher || false }"
-         class="rtsee-nav-item"
-      >
-        <span [ngClass]="route.iconClassName"
-          class="rtsee-nav-item-icon" >
-        </span>
-      </a>
-    }
-    <p-avatar [image]="'https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png'"
-              class="rtsee-nav-item rtsee-nav-image rtsee-nav-profile"
-    ></p-avatar>
-  </div>
-</div>

package/projects/ngx/src/lib/components/rtsee-container/rtsee-nav/rtsee-nav.component.ts

@@ -1,26 +0,0 @@
-import {Component, Input} from '@angular/core';
-import {INavigationConfig} from "@rtsee/factory/dist/factory/src/interfaces/NavigationConfig";
-import {RouterLink, RouterLinkActive} from "@angular/router";
-import {NgClass} from "@angular/common";
-import {IRouteConfig} from "@rtsee/factory/src/interfaces/NavigationConfig";
-import {Avatar} from "primeng/avatar";
-import {Image} from "primeng/image";
-import {Divider} from "primeng/divider";
-
-
-@Component({
-  selector: 'rtsee-nav',
-  templateUrl: './rtsee-nav.component.html',
-  imports: [
-    RouterLink,
-    RouterLinkActive,
-    NgClass,
-    Avatar,
-    Image,
-    Divider
-  ],
-  standalone: true
-})
-export class RtseeNavComponent {
-  @Input() public config!: INavigationConfig<IRouteConfig>;
-}

package/projects/ngx/src/lib/components/rtsee-events-dashboard/components/event-thumbnail/event-thumbnail.component.html

@@ -1,20 +0,0 @@
-<div class="rtsee-events-dashboard-event-thumbnail">
-  <ng-template *ngIf="event.widget" widgetHost></ng-template>
-  <div *ngIf="!event.widget" class="rtsee-events-dashboard-default-event-thumbnail"
-       [ngClass]="{'rtsee-events-dashboard-default-event-thumbnail-with-data': event.data}"
-  >
-    <div class="rtsee-events-dashboard-default-event-thumbnail-name">{{event.name}}</div>
-    <div class="rtsee-events-dashboard-default-event-thumbnail-info">
-      <div *ngIf="event.data" class="rtsee-events-dashboard-default-event-thumbnail-details"
-           [title]="tooltip"
-      >
-      <span class="rtsee-events-dashboard-default-event-thumbnail-details-icon material-icons-outlined"
-      >info</span>
-      </div>
-      <div class="rtsee-events-dashboard-default-event-thumbnail-time">
-        <span>{{ timeFormatService.toAgo(event.createdAt) }}</span>
-      </div>
-    </div>
-
-  </div>
-</div>

package/projects/ngx/src/lib/components/rtsee-events-dashboard/components/event-thumbnail/event-thumbnail.component.ts

@@ -1,89 +0,0 @@
-import {
-  AfterViewInit,
-  ChangeDetectorRef,
-  Component,
-  ComponentFactoryResolver,
-  ComponentRef,
-  Input,
-  OnInit,
-  ViewChild,
-} from '@angular/core';
-import { RTSeeDashboardEvent } from '@rtsee/events-dashboard';
-import { WidgetDirective } from '../../../../directives/widget.directive';
-import { EventsWidgetsService } from '../../../../services/events-widgets.service';
-import { TimeFormatHelperService } from '../../../../services/time-format-helper.service';
-import {NgClass, NgIf} from "@angular/common";
-
-@Component({
-  selector: 'rtsee-event-thumbnail',
-  templateUrl: './event-thumbnail.component.html',
-  imports: [
-    WidgetDirective,
-    NgIf,
-    NgClass
-  ],
-  standalone: true
-})
-export class EventThumbnailComponent implements OnInit, AfterViewInit {
-  tooltip?: string;
-
-  @Input() event!: RTSeeDashboardEvent;
-  @ViewChild(WidgetDirective, { static: false }) widgetHost!: WidgetDirective;
-  constructor(
-    private widgetsService: EventsWidgetsService,
-    private componentFactoryResolver: ComponentFactoryResolver,
-    public timeFormatService: TimeFormatHelperService,
-    private cd: ChangeDetectorRef,
-  ) {}
-
-  ngOnInit(): void {
-    if (this.event.data) {
-      this.generateTooltip();
-    }
-  }
-
-  generateTooltip() {
-    /* eslint-disable */
-    let tooltip = '';
-    if (typeof this.event.data !== 'object') {
-      return;
-    }
-    try {
-      for (const key in this.event.data) {
-        if (this.event.data.hasOwnProperty(key)) {
-          if (tooltip) {
-            tooltip += '
';
-          }
-          tooltip += key + ' -> ' + this.event.data[key];
-        }
-      }
-      this.tooltip = tooltip;
-    } catch (e) {
-      console.log('Failed to generate a tooltip');
-    }
-    /* eslint-enable */
-  }
-
-  ngAfterViewInit() {
-    this.cd.detectChanges();
-    /* eslint-disable */
-    if (this.event.widget) {
-      const widget = this.widgetsService.getWidgetComponentByName(
-        this.event.widget,
-      );
-      if (!widget) {
-        return;
-      }
-      const viewContainerRef = this.widgetHost.viewContainerRef;
-      viewContainerRef.clear();
-      const componentToShow =
-        this.componentFactoryResolver.resolveComponentFactory(widget);
-      const componentRef: ComponentRef<typeof widget> =
-        viewContainerRef.createComponent(componentToShow);
-      componentRef.instance.event = this.event;
-      componentRef.instance.event = this.event;
-      componentRef.changeDetectorRef.detectChanges();
-    }
-    /* eslint-enable */
-  }
-}

package/projects/ngx/src/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-client/rtsee-events-dashboard-client.component.html

@@ -1 +0,0 @@
-<p>rtsee-events-dashboard-client works!</p>

package/projects/ngx/src/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-client/rtsee-events-dashboard-client.component.ts

@@ -1,8 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'ngx-rtsee-events-dashboard-client',
-    templateUrl: './rtsee-events-dashboard-client.component.html',
-    standalone: true
-})
-export class RtseeEventsDashboardClientComponent {}

package/projects/ngx/src/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-client-thumbnail/rtsee-events-dashboard-client-thumbnail.component.html

@@ -1,25 +0,0 @@
-<div class="rtsee-dashboard-client-thumbnail">
-  <div class="rtsee-dashboard-client-header">
-    <div class="rtsee-dashboard-client-header-photo">
-      <div class="rtsee-dashboard-client-header-image"
-           [style.background-image]="'url(' + client.imageUrl || defaultImagesService.PROFILE + ')'"
-      ></div>
-      @if(client.isConnected) {
-        <div class="rtsee-dashboard-client-live-indicator"></div>
-      }
-    </div>
-    <p class="rtsee-dashboard-client-name">
-      <span class="rtsee-dashboard-client-name-text">{{ client.name || client.id }}</span>
-      <button (click)="openChat()" class="rtsee-dashboard-client-engage">
-        <span class="rtsee-dashboard-client-engage-icon material-icons-outlined">chat_bubble</span>
-      </button>
-    </p>
-  </div>
-  <div class="rtsee-dashboard-sessions">
-    @for(session of client.sessions; track session.id) {
-      <div class="rtsee-dashboard-sessions-container">
-        <rtsee-rtsee-events-dashboard-session [session]="session"></rtsee-rtsee-events-dashboard-session>
-      </div>
-    }
-  </div>
-</div>

package/projects/ngx/src/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-client-thumbnail/rtsee-events-dashboard-client-thumbnail.component.ts

@@ -1,40 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { TimeFormatHelperService } from '../../../../services/time-format-helper.service';
-import { DefaultImagesService } from '../../../../services/default-images.service';
-import {
-  RTSeeEventsDashboard,
-  RTSeeDashboardClient,
-} from '@rtsee/events-dashboard';
-import {
-  RtseeEventsDashboardSessionComponent
-} from "../rtsee-events-dashboard-session/rtsee-events-dashboard-session.component";
-import {NgForOf, NgIf} from "@angular/common";
-
-@Component({
-  selector: 'ngx-rtsee-events-dashboard-client-thumbnail',
-  templateUrl: './rtsee-events-dashboard-client-thumbnail.component.html',
-  imports: [
-    RtseeEventsDashboardSessionComponent,
-    NgIf,
-    NgForOf
-  ],
-  standalone: true
-})
-export class RtseeEventsDashboardClientThumbnailComponent implements OnInit {
-  @Input() dashboard!: RTSeeEventsDashboard;
-  @Input() client!: RTSeeDashboardClient;
-
-  constructor(
-    public timeFormatService: TimeFormatHelperService,
-    public defaultImagesService: DefaultImagesService,
-  ) {}
-
-  ngOnInit(): void {
-    console.log('client id', this.client.id);
-  }
-
-  openChat() {
-    console.log('Open Chat Clicked! Client ID #', this.client.id);
-    this.dashboard.openChat(this.client);
-  }
-}

package/projects/ngx/src/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-session/rtsee-events-dashboard-session.component.html

@@ -1,32 +0,0 @@
-<div class="rtsee-events-dashboard-session">
-  <div class="rtsee-events-dashboard-session-header" *ngIf="session.info">
-    <p class="rtsee-events-dashboard-session-client-info">{{session.info.clientThumbnail}}</p>
-    <p class="rtsee-events-dashboard-session-os-info">{{session.info.osThumbnail}}</p>
-    <div class="rtsee-events-dashboard-session-device-info" [title]="session.info.deviceThumbnail">
-      <span *ngIf="session.info.deviceType === 'smartphone' && !session.info.botName"
-        class="material-icons-outlined rtsee-events-dashboard-session-device-info-icon"
-      >phone_iphone</span>
-      <span class="material-icons-outlined rtsee-events-dashboard-session-device-info-icon"
-            *ngIf="session.info.deviceType === 'tablet' && !session.info.botName"
-      >tablet_mac</span>
-      <span class="material-icons-outlined rtsee-events-dashboard-session-device-info-icon"
-            *ngIf="session.info.deviceType === 'desktop' && !session.info.botName"
-      >computer</span>
-      <span class="material-icons-outlined rtsee-events-dashboard-session-device-info-icon"
-            *ngIf="session.info.botName"
-      >smart_toy</span>
-    </div>
-  </div>
-  <ul *ngIf="session.events && session.events.length"
-      class="rtsee-events-dashboard-session-events-list"
-  >
-    @for (event of session.events | slice:0:5; track event.id) {
-      <li class="rtsee-events-dashboard-session-event">
-        <rtsee-event-thumbnail [event]="event"></rtsee-event-thumbnail>
-      </li>
-    }
-  </ul>
-  <div class="rtsee-events-dashboard-session-footer">
-    <button *ngIf="session.events.length > 5">{{session.events.length - 5}} more</button>
-  </div>
-</div>

package/projects/ngx/src/lib/components/rtsee-events-dashboard/components/rtsee-events-dashboard-session/rtsee-events-dashboard-session.component.ts

@@ -1,21 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { TimeFormatHelperService } from '../../../../services/time-format-helper.service';
-import { RTSeeDashboardClientSession } from '@rtsee/events-dashboard';
-import { NgIf, SlicePipe } from "@angular/common";
-import {EventThumbnailComponent} from "../event-thumbnail/event-thumbnail.component";
-
-@Component({
-  selector: 'rtsee-rtsee-events-dashboard-session',
-  templateUrl: './rtsee-events-dashboard-session.component.html',
-  imports: [
-    NgIf,
-
-    EventThumbnailComponent,
-    SlicePipe
-  ],
-  standalone: true
-})
-export class RtseeEventsDashboardSessionComponent {
-  @Input() session!: RTSeeDashboardClientSession;
-  constructor(public timeFormatService: TimeFormatHelperService) {}
-}

package/projects/ngx/src/lib/components/rtsee-events-dashboard/rtsee-events-dashboard.component.html

@@ -1,12 +0,0 @@
-<div class="rtsee-events-dashboard">
-  <div class="rtsee-events-dashboard-client-thumbnails">
-    @for (client of eventsDashboard.clients; track client.id) {
-      <div class="rtsee-events-dashboard-client-thumbnail-wrapper">
-        <ngx-rtsee-events-dashboard-client-thumbnail
-          [client]="client"
-          [dashboard]="eventsDashboard"
-        ></ngx-rtsee-events-dashboard-client-thumbnail>
-      </div>
-    }
-  </div>
-</div>

package/projects/ngx/src/lib/components/rtsee-events-dashboard/rtsee-events-dashboard.component.ts

@@ -1,19 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { RTSeeEventsDashboard } from '@rtsee/events-dashboard';
-
-
-import {
-  RtseeEventsDashboardClientThumbnailComponent
-} from "./components/rtsee-events-dashboard-client-thumbnail/rtsee-events-dashboard-client-thumbnail.component";
-
-@Component({
-  selector: 'rtsee-events-dashboard',
-  templateUrl: './rtsee-events-dashboard.component.html',
-  imports: [
-    RtseeEventsDashboardClientThumbnailComponent
-  ],
-  standalone: true
-})
-export class RtseeEventsDashboardComponent {
-  @Input() eventsDashboard!: RTSeeEventsDashboard;
-}

package/projects/ngx/src/lib/components/rtsee-messenger/chat/chat.component.html

@@ -1,10 +0,0 @@
-<div class="rtsee-chat">
-  <div class="rtsee-chat-body-container">
-    <rtsee-messages-list [messenger]="messenger" [chat]="chat"></rtsee-messages-list>
-  </div>
-  <div class="rtsee-chat-footer-container">
-    <div class="rtsee-chat-footer-container-inner">
-      <rtsee-chat-input [messenger]="messenger" [chat]="chat"></rtsee-chat-input>
-    </div>
-  </div>
-</div>

package/projects/ngx/src/lib/components/rtsee-messenger/chat/chat.component.ts

@@ -1,18 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';
-import {MessagesListComponent} from "../messages-list/messages-list.component";
-import {ChatInputComponent} from "../chat-input/chat-input.component";
-
-@Component({
-  selector: 'rtsee-chat',
-  templateUrl: './chat.component.html',
-  imports: [
-    MessagesListComponent,
-    ChatInputComponent
-  ],
-  standalone: true
-})
-export class ChatComponent {
-  @Input() chat!: RTSeeChat;
-  @Input() messenger!: RTSeeMessenger;
-}

package/projects/ngx/src/lib/components/rtsee-messenger/chat-input/chat-input.component.html

@@ -1,20 +0,0 @@
-<div class="rtsee-chat-input" xmlns="http://www.w3.org/1999/html">
-  <div class="rtsee-send-message">
-    <form [formGroup]="sendMessageForm" class="rtsee-chat-input-form">
-      <textarea
-        placeholder="Type message..."
-        type="text"
-        formControlName="message"
-        class="rtsee-chat-input-field"
-        autosize
-        required
-        (keyup.enter)="sendMessage()"
-      ></textarea>
-    </form>
-  </div>
-  <button (click)="sendMessage()"
-          class="rtsee-send-message-button"
-          type="submit">
-    <span class="material-icons-outlined">send</span>
-  </button>
-</div>

package/projects/ngx/src/lib/components/rtsee-messenger/chat-input/chat-input.component.ts

@@ -1,31 +0,0 @@
-import { Component, Input } from '@angular/core';
-import {FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/forms';
-import { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';
-
-@Component({
-  selector: 'rtsee-chat-input',
-  templateUrl: './chat-input.component.html',
-  imports: [
-    ReactiveFormsModule
-  ],
-  standalone: true
-})
-export class ChatInputComponent {
-  sendMessageForm: FormGroup = new FormGroup({
-    /* eslint-disable */
-    message: new FormControl('', Validators.required),
-    /* eslint-enable */
-  });
-
-  @Input() messenger!: RTSeeMessenger;
-  @Input() chat!: RTSeeChat;
-
-  sendMessage() {
-    const text = this.sendMessageForm.get('message')?.value as string;
-    if (!text) {
-      return;
-    }
-    this.chat.sendMessage(text);
-    this.sendMessageForm.get('message')?.setValue('');
-  }
-}

package/projects/ngx/src/lib/components/rtsee-messenger/chat-thumbnail/chat-thumbnail.component.html

@@ -1,28 +0,0 @@
-<div class="rtsee-chat-thumbnail" (click)="messenger.openChatById(chat.chatId)">
-  <div class="rtsee-chat-thumbnail-image">
-    <img [src]="chat.chatImageUrl" alt="chat-img">
-  </div>
-  <div class="rtsee-chat-thumbnail-left">
-    <div class="rtsee-chat-thumbnail-name">
-      <span>{{ chat.chatName }}</span>
-      <div class="rtsee-chat-thumbnail-status">
-        <rtsee-message-time-and-status [message]="chat"
-                                       [hideStatus]="chat && !!(chat.unreadMessagesCount)">
-        </rtsee-message-time-and-status>
-      </div>
-    </div>
-    <div class="rtsee-chat-thumbnail-last-message"
-         [ngClass]="{'rtsee-has-unread': chat.unreadMessagesCount}"
-         rtseeShave>
-      <span class="rtsee-chat-thumbnail-last-message-sender"
-            *ngIf="chat.chatType !== RTSeeChatTypes.INDIVIDUAL && chat.senderName"
-      >{{chat.senderName}}</span>
-      <span class="rtsee-chat-thumbnail-last-message-text"
-            *ngIf="chat.text"
-      >{{chat.text}}</span>
-      <div class="rtsee-messenger-thumbnail-unread" *ngIf="chat.unreadMessagesCount">
-        <span class="rtsee-messenger-thumbnail-unread-count">{{chat.unreadMessagesCount}}</span>
-      </div>
-    </div>
-  </div>
-</div>

package/projects/ngx/src/lib/components/rtsee-messenger/chat-thumbnail/chat-thumbnail.component.ts

@@ -1,27 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { RTSeeMessenger } from '@rtsee/messenger';
-import { RTSeeChatTypes, IMessageThumbnail } from '@rtsee/common';
-import { TimeFormatHelperService } from '../../../services/time-format-helper.service';
-import {
-  MessageTimeAndStatusComponent
-} from "../message/components/message-time-and-status/message-time-and-status.component";
-import {NgClass, NgIf} from "@angular/common";
-
-@Component({
-  selector: 'rtsee-chat-thumbnail',
-  templateUrl: './chat-thumbnail.component.html',
-  imports: [
-    MessageTimeAndStatusComponent,
-    NgClass,
-    NgIf
-  ],
-  standalone: true
-})
-export class ChatThumbnailComponent {
-  @Input() chat!: IMessageThumbnail;
-  @Input() messenger!: RTSeeMessenger;
-
-  readonly RTSeeChatTypes = RTSeeChatTypes;
-
-  constructor(public timeFormatService: TimeFormatHelperService) {}
-}

package/projects/ngx/src/lib/components/rtsee-messenger/chats-list/chats-list.component.html

@@ -1,6 +0,0 @@
-<div class="rtsee-chats-list">
-  <div class="rtsee-chat-thumbnail-container" *ngFor="let chat of chats; let last = last;">
-    <rtsee-chat-thumbnail [chat]="chat.thumbnail" [messenger]="messenger"></rtsee-chat-thumbnail>
-<!--    <div class="rtsee-chat-thumbnail-separator" *ngIf="!last"></div>-->
-  </div>
-</div>

package/projects/ngx/src/lib/components/rtsee-messenger/chats-list/chats-list.component.ts

@@ -1,22 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { RTSeeChat, RTSeeMessenger } from '@rtsee/messenger';
-import {NgForOf} from "@angular/common";
-import {ChatThumbnailComponent} from "../chat-thumbnail/chat-thumbnail.component";
-
-@Component({
-  selector: 'rtsee-chats-list',
-  templateUrl: './chats-list.component.html',
-  imports: [
-    NgForOf,
-    ChatThumbnailComponent
-  ],
-  standalone: true
-})
-export class ChatsListComponent implements OnInit {
-  @Input() messenger!: RTSeeMessenger;
-  @Input() chats!: RTSeeChat[];
-
-  ngOnInit(): void {
-    // console.log(this.chats);
-  }
-}

package/projects/ngx/src/lib/components/rtsee-messenger/main-menu/components/contacts-multiselect/contacts-multiselect.component.html

@@ -1,3 +0,0 @@
-<div class="rtsee-messenger-contacts-multiselect">
-  <rtsee-search [search]="search"></rtsee-search>
-</div>

package/projects/ngx/src/lib/components/rtsee-messenger/main-menu/components/contacts-multiselect/contacts-multiselect.component.ts

@@ -1,18 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { IMainMenuState } from '../models/MainMenuState';
-import { RTSeeMessengerSearch } from '@rtsee/messenger';
-import { SearchComponent } from "../search/search.component";
-
-@Component({
-  selector: 'rtsee-contacts-multiselect',
-  templateUrl: './contacts-multiselect.component.html',
-  styleUrls: ['./contacts-multiselect.component.scss'],
-  imports: [
-    SearchComponent
-  ],
-  standalone: true
-})
-export class ContactsMultiselectComponent {
-  @Input() menuState!: IMainMenuState;
-  @Input() search!: RTSeeMessengerSearch;
-}

package/projects/ngx/src/lib/components/rtsee-messenger/main-menu/components/manage-chat/manage-chat.component.html

@@ -1,4 +0,0 @@
-<div class="rtsee-messenger-manage-chat">
-  <p>We are going to manage chat here</p>
-  <button (click)="onInviteContactsClicked()">Invite Contacts</button>
-</div>

package/projects/ngx/src/lib/components/rtsee-messenger/main-menu/components/manage-chat/manage-chat.component.ts

@@ -1,18 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { RTSeeMessenger } from '@rtsee/messenger';
-import { IMainMenuState, MainMenuPanels } from '../models/MainMenuState';
-
-@Component({
-    selector: 'rtsee-manage-chat',
-    templateUrl: './manage-chat.component.html',
-    styleUrls: ['./manage-chat.component.scss'],
-    standalone: true
-})
-export class ManageChatComponent {
-  @Input() messenger!: RTSeeMessenger;
-  @Input() menuState!: IMainMenuState;
-
-  onInviteContactsClicked() {
-    this.menuState.activePanel = MainMenuPanels.CONTACTS_SELECT;
-  }
-}

package/projects/ngx/src/lib/components/rtsee-messenger/main-menu/components/models/MainMenuState.ts

@@ -1,11 +0,0 @@
-export enum MainMenuPanels {
-  HOME = 'home',
-  CONTACTS_SELECT = 'contacts-select',
-  MANAGE_CHAT = 'manage-chat',
-}
-
-export interface IMainMenuState {
-  activePanel: MainMenuPanels;
-}
-
-export const DEFAULT_MAIN_MENU_STATE = MainMenuPanels.HOME;