@rtsee/ngx 0.0.70 → 0.0.73

package/dist/ngx/index.d.ts

@@ -1,20 +1,21 @@
 import * as i0 from '@angular/core';
-import { OnInit, AfterViewInit, ElementRef, ViewContainerRef, ComponentFactoryResolver, ChangeDetectorRef, OnDestroy, EventEmitter } from '@angular/core';
+import { OnInit, AfterViewInit, ElementRef, ViewContainerRef, ComponentFactoryResolver, ChangeDetectorRef, OnDestroy } from '@angular/core';
 import { RTSeeConference, RTSeePeerConnection } from '@rtsee/conference';
 import { RTSeeMessenger, RTSeeMessengerSearch, RTSeeMessage, RTSeeChat, RTSeeChatMember } from '@rtsee/messenger';
-import { RTSeeEventsDashboard, RTSeeDashboardClientSession, RTSeeDashboardEvent, RTSeeDashboardClient } from '@rtsee/events-dashboard';
-import { RTSee, INavigationConfig, IRouteConfig } from '@rtsee/factory';
-import { RTSeePresentation, RTSeeStory, RTSeeStorySlide } from '@rtsee/presentation';
+import { IPeer, IRTSeeCall } from '@rtsee/core';
 import { HttpClient } from '@angular/common/http';
 import { RTSeeAuth, RTSeeAuthConfiguration, IRtseeSignInRequestOptions, IRTSeeSignInResponse, IRtseeSignUpRequestOptions, IRTSeeSignUpResponse, AuthEndpointsKeys } from '@rtsee/auth';
 import { Observable, Subscription } from 'rxjs';
-import * as i43 from '@angular/forms';
-import { FormArray, FormGroup, FormControl, FormBuilder } from '@angular/forms';
 import * as i46 from '@angular/router';
 import { Router, ActivatedRoute } from '@angular/router';
-import { IRTSeeCall } from '@rtsee/core';
-import { IMessageThumbnail, RTSeeChatTypes } from '@rtsee/common';
+import { RTSeeEventsDashboard, RTSeeDashboardClientSession, RTSeeDashboardEvent, RTSeeDashboardClient } from '@rtsee/events-dashboard';
+import { RTSee, INavigationConfig, IRouteConfig } from '@rtsee/factory';
+import { RTSeePresentation, RTSeeStory, RTSeeStorySlide } from '@rtsee/presentation';
+import * as i43 from '@angular/forms';
+import { FormArray, FormGroup, FormControl, FormBuilder } from '@angular/forms';
 import * as i42 from '@angular/common';
+import { ViewportScroller } from '@angular/common';
+import { IMessageThumbnail, RTSeeChatTypes } from '@rtsee/common';
 import * as i44 from 'ngx-autosize';
 import * as i45 from 'ngx-infinite-scroll';
 import * as i47 from 'ngx-captcha';
@@ -75,20 +76,55 @@ declare class RtseePeerComponent implements AfterViewInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<RtseePeerComponent, "ngx-rtsee-peer", never, { "peer": { "alias": "peer"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+interface IRtseeForgotPasswordRequestOptions {
+    email: string;
+}
+interface IRtseeResetPasswordRequestOptions {
+    password: string;
+    passwordConfirm: string;
+    token: string;
+}
+interface IRTSeeForgotPasswordResponse {
+    success: boolean;
+    message: string;
+}
+interface IRTSeeResetPasswordResponse {
+    success: boolean;
+    message: string;
+}
+declare class RTSeeAuthService {
+    private http;
+    rtseeAuth: RTSeeAuth<any>;
+    authConfiguration: RTSeeAuthConfiguration;
+    constructor(http: HttpClient);
+    init(auth: RTSeeAuth<any>): void;
+    signIn(credentials: IRtseeSignInRequestOptions): Observable<IRTSeeSignInResponse>;
+    signUp(credentials: IRtseeSignUpRequestOptions): Observable<IRTSeeSignUpResponse>;
+    forgotPassword(credentials: IRtseeForgotPasswordRequestOptions): Observable<IRTSeeForgotPasswordResponse>;
+    resetPassword(credentials: IRtseeResetPasswordRequestOptions): Observable<IRTSeeResetPasswordResponse>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RTSeeAuthService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RTSeeAuthService>;
+}
+
 declare class ProfileComponent {
+    private authService;
+    private router;
+    authConfiguration: RTSeeAuthConfiguration;
     messenger: RTSeeMessenger;
+    peer?: IPeer;
+    constructor(authService: RTSeeAuthService, router: Router);
     call(): void;
     videoCall(): void;
+    logOut(): void;
+    protected readonly AuthEndpointsKeys: typeof AuthEndpointsKeys;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProfileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProfileComponent, "rtsee-profile", never, { "messenger": { "alias": "messenger"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProfileComponent, "rtsee-profile", never, { "messenger": { "alias": "messenger"; "required": false; }; "peer": { "alias": "peer"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class MessengerComponent {
-    isHeaderExpanded: boolean;
     messenger: RTSeeMessenger;
     constructor();
     onScroll(): void;
-    onHeaderExpandToggled(value: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessengerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MessengerComponent, "rtsee-messenger", never, { "messenger": { "alias": "messenger"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -99,14 +135,17 @@ declare class RtseeEventsDashboardComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<RtseeEventsDashboardComponent, "rtsee-events-dashboard", never, { "eventsDashboard": { "alias": "eventsDashboard"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class RTSeeContainerComponent {
+declare class RTSeeContainerComponent implements OnInit {
+    private authService;
     rtsee: RTSee;
     navigationConfig: INavigationConfig<IRouteConfig>;
+    auth: RTSeeAuth<any>;
+    constructor(authService: RTSeeAuthService);
     isSidenavExpanded: boolean;
-    isSidenavExpandededed: boolean;
     onSidenavToggleClicked(): void;
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RTSeeContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RTSeeContainerComponent, "rtsee-container", never, { "rtsee": { "alias": "rtsee"; "required": false; }; "navigationConfig": { "alias": "navigationConfig"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RTSeeContainerComponent, "rtsee-container", never, { "rtsee": { "alias": "rtsee"; "required": false; }; "navigationConfig": { "alias": "navigationConfig"; "required": false; }; "auth": { "alias": "auth"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class PresentationComponent {
@@ -116,36 +155,6 @@ declare class PresentationComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<PresentationComponent, "rtsee-presentation", never, { "presentation": { "alias": "presentation"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-interface IRtseeForgotPasswordRequestOptions {
-    email: string;
-}
-interface IRtseeResetPasswordRequestOptions {
-    password: string;
-    passwordConfirm: string;
-    token: string;
-}
-interface IRTSeeForgotPasswordResponse {
-    success: boolean;
-    message: string;
-}
-interface IRTSeeResetPasswordResponse {
-    success: boolean;
-    message: string;
-}
-declare class RTSeeAuthService {
-    private http;
-    rtseeAuth: RTSeeAuth<any>;
-    authConfiguration: RTSeeAuthConfiguration;
-    constructor(http: HttpClient);
-    init(auth: RTSeeAuth<any>): void;
-    signIn(credentials: IRtseeSignInRequestOptions): Observable<IRTSeeSignInResponse>;
-    signUp(credentials: IRtseeSignUpRequestOptions): Observable<IRTSeeSignUpResponse>;
-    forgotPassword(credentials: IRtseeForgotPasswordRequestOptions): Observable<IRTSeeForgotPasswordResponse>;
-    resetPassword(credentials: IRtseeResetPasswordRequestOptions): Observable<IRTSeeResetPasswordResponse>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RTSeeAuthService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<RTSeeAuthService>;
-}
-
 declare class RTSeeAuthComponent implements OnInit {
     authService: RTSeeAuthService;
     auth: RTSeeAuth<any>;
@@ -296,6 +305,7 @@ declare class EventThumbnailComponent implements OnInit, AfterViewInit {
     timeFormatService: TimeFormatHelperService;
     private cd;
     tooltip?: string;
+    timeInAgoFormat: string;
     event: RTSeeDashboardEvent;
     widgetHost: WidgetDirective;
     constructor(widgetsService: EventsWidgetsService, componentFactoryResolver: ComponentFactoryResolver, timeFormatService: TimeFormatHelperService, cd: ChangeDetectorRef);
@@ -434,11 +444,12 @@ declare class MessageComponent implements AfterViewInit {
 
 declare class MessagesListComponent implements AfterViewInit, OnDestroy, OnInit {
     private timeFormatService;
+    private scroller;
     bindScrollFunction: () => void;
     chat: RTSeeChat;
     messenger: RTSeeMessenger;
     scrollContainer: ElementRef<HTMLDivElement>;
-    constructor(timeFormatService: TimeFormatHelperService);
+    constructor(timeFormatService: TimeFormatHelperService, scroller: ViewportScroller);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     onMessageSent(): void;
@@ -465,7 +476,10 @@ declare class ChatInputComponent {
     sendMessageForm: FormGroup;
     messenger: RTSeeMessenger;
     chat: RTSeeChat;
+    chatInput: ElementRef<HTMLTextAreaElement>;
     sendMessage(): void;
+    onKeyUp(event: KeyboardEvent): void;
+    handleResize(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChatInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ChatInputComponent, "rtsee-chat-input", never, { "messenger": { "alias": "messenger"; "required": false; }; "chat": { "alias": "chat"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -487,13 +501,11 @@ declare class RtseeSoundbarComponent implements OnInit {
 
 declare class MessengerHeaderComponent {
     defaultImagesService: DefaultImagesService;
-    expandToggled: EventEmitter<any>;
-    isExpanded?: boolean;
     messenger: RTSeeMessenger;
     constructor(defaultImagesService: DefaultImagesService);
-    toggleExpand(): void;
+    openProfile(id: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessengerHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessengerHeaderComponent, "rtsee-messenger-header", never, { "isExpanded": { "alias": "isExpanded"; "required": false; }; "messenger": { "alias": "messenger"; "required": false; }; }, { "expandToggled": "expandToggled"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessengerHeaderComponent, "rtsee-messenger-header", never, { "messenger": { "alias": "messenger"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class ChatsListComponent implements OnInit {

package/dist/ngx/src/lib/theme/common-variables.scss

@@ -90,7 +90,7 @@ $rts-new-user-avatar-d-sm: 40px;
 $rts-new-default-border-radius: 8px;
 $rts-new-border-radius-rounded: 12px;
 
-$rts-new-primary-color: #ea7b00;
+$rts-new-primary-color: #3b82f7;
 $rts-new-active-bg-color-light: #feefe0;
 $rts-new-secondary-bg-color-light: #e8e9eb;
 

package/dist/ngx/src/lib/theme/containers/nav.scss

@@ -30,6 +30,10 @@
       display: flex;
       flex-direction: row;
       justify-content: space-around;
+
+      .rtsee-nav-item-hidden {
+        display: none;
+      }
     }
 
     &.rtsee-sidenav-expanded {

package/dist/ngx/src/lib/theme/containers/shell.scss

@@ -36,16 +36,28 @@
     .rtsee-messenger-container {
       display: block;
 
-      .rtsee-messenger-header-container {
-        position: fixed;
-        top: 0;
-        z-index: 1;
-      }
+      .rtsee-messenger {
+        &.rtsee-messenger-header-expanded {
+          padding-top: 0;
+
+          .rtsee-messenger-header-container {
+            position: static;
+            height: 100%;
+            overflow: auto;
+          }
+        }
 
-      .rtsee-chat-footer-container {
-        bottom: $rts-bottom-nav-height;
-        position: fixed;
-        z-index: 1;
+        .rtsee-messenger-header-container {
+          position: fixed;
+          top: 0;
+          z-index: 1;
+        }
+
+        .rtsee-chat-footer-container {
+          bottom: $rts-bottom-nav-height;
+          position: fixed;
+          z-index: 1;
+        }
       }
     }
 
@@ -92,6 +104,7 @@
 
   .rtsee-shell-panel {
     display: none;
+    //padding-bottom: $rts-bottom-nav-height + $rts-offset-md;
     background-color: #fff;
   }
 
@@ -116,7 +129,6 @@
   .rtsee-presentation-container {
     display: none;
     height: 100%;
-    overflow: auto;
   }
 
   @media screen and (min-width: $rts-break-md) {
@@ -142,6 +154,13 @@
       position: fixed;
       right: 0;
       top: 0;
+      padding-bottom: 0;
+      padding-top: $video-container-height;
+
+      .rtsee-shell-panel-inner {
+        overflow: auto;
+        height: 100%;
+      }
     }
 
     .rtsee-conference-container {
@@ -176,14 +195,16 @@
       }
 
       .rtsee-messenger-container {
-        .rtsee-messenger-header-container {
-          top: 0;
-          position: absolute;
-        }
+        .rtsee-messenger {
+          .rtsee-messenger-header-container {
+            top: 0;
+            position: absolute;
+          }
 
-        .rtsee-chat-footer-container {
-          bottom: 0;
-          position: absolute;
+          .rtsee-chat-footer-container {
+            bottom: 0;
+            position: absolute;
+          }
         }
       }
     }

package/dist/ngx/src/lib/theme/messenger/chat-input.scss

@@ -2,50 +2,48 @@
 @import "../common-variables";
 
 .rtsee-chat-input {
-  height: 100%;
   padding-right: $rtsee-chat-input-height;
   position: relative;
   overflow: hidden;
 
   .rtsee-send-message {
-    height: 100%;
-    overflow: auto;
-    border-radius: $rts-new-border-radius-rounded;
-
     &::-webkit-scrollbar {
       display: none;
     }
 
     .rtsee-chat-input-form {
-      height: 100%;
       overflow: hidden;
-    }
+      line-height: 0;
 
-    .rtsee-chat-input-field {
-      width: 100%;
-      max-height: $rtsee-chat-input-height;
-      border: none;
-      outline: none;
-      resize: none;
-      overflow: auto;
-      padding: $rts-offset-sm;
-
-      &::-webkit-input-placeholder {
-        font-family: "Work Sans", sans-serif;;
+      .rtsee-chat-input-field {
+        width: 100%;
+        max-height: 130px;
+        border: none;
+        outline: none;
       }
     }
   }
 
   .rtsee-send-message-button {
     position: absolute;
+    height: 35px;
+    line-height: 0;
     right: 0;
-    top: 0;
-    height: 100%;
+    bottom: 0;
     width: $rtsee-chat-input-height;
     background: none;
     border: none;
     outline: none;
     font-size: 27px;
     color: $rts-new-primary-color;
+    cursor: pointer;
+
+    span {
+      line-height: 35px;
+    }
+
+    &:hover {
+      opacity: 0.7;
+    }
   }
 }

package/dist/ngx/src/lib/theme/messenger/chat-thumbnail.scss

@@ -7,7 +7,7 @@ $last-message-text-color: #707579;
 .rtsee-chat-thumbnail {
   position: relative;
   height: $rts-user-avatar-d-sm + $rts-offset-sm * 2;
-  padding: $rts-new-offset-sm $rts-new-offset-sm $rts-new-offset-sm $rts-new-offset-sm * 2 + $rts-new-user-avatar-d-sm;
+  padding: $rts-new-offset-xsm $rts-new-offset-xsm $rts-new-offset-sm $rts-new-offset-sm * 2 + $rts-new-user-avatar-d-sm;
   cursor: pointer;
 
   -webkit-touch-callout: none;
@@ -47,8 +47,6 @@ $last-message-text-color: #707579;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
-
-
       padding-right: $rts-message-status-width + $rts-offset-sm;
 
       .rtsee-chat-thumbnail-status {

package/dist/ngx/src/lib/theme/messenger/chat.scss

@@ -4,7 +4,6 @@
 
 .rtsee-chat {
   height: 100%;
-  padding-bottom: $rtsee-chat-input-height + $rts-offset-sm + $rts-offset-sm;
   background: $rts-new-secondary-bg-color-light;
 
   .rtsee-chat-body-container {
@@ -19,9 +18,8 @@
     width: 100%;
 
     .rtsee-chat-footer-container-inner {
-      height: $rtsee-chat-input-height;
       background: $rts-main-bg-color-light;
-      border-radius: $rts-new-border-radius-rounded;
+      border-radius: 4px;
       width: 100%;
     }
   }

package/dist/ngx/src/lib/theme/messenger/index.scss

@@ -9,4 +9,5 @@
 @import "./message-time-and-status";
 @import "./messenger-search";
 @import "./call-widget";
+@import "./profile";
 

package/dist/ngx/src/lib/theme/messenger/messages-list.scss

@@ -14,6 +14,10 @@ $messenger-date-background-color: #FFFFFF7F;
     &.rtsee-messenger-message-wrapper-consecutive {
       margin-bottom: 4px;
     }
+
+    &:last-child {
+      margin-bottom: $rts-bottom-nav-height;
+    }
   }
 
   .rtsee-messenger-message-date {
@@ -32,4 +36,11 @@ $messenger-date-background-color: #FFFFFF7F;
     }
   }
 
+  @media screen and (min-width: $rts-break-md) {
+    .rtsee-messenger-message-wrapper {
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
 }