@rtsee/ngx 0.0.121 → 0.0.122

package/dist/ngx/index.d.ts

@@ -135,6 +135,7 @@ declare class ProfileComponent {
 declare class MessengerComponent {
     messenger: RTSeeMessenger;
     isFramed: boolean;
+    protected readonly RTSeeTextLabelKeys: typeof RTSeeTextLabelKeys;
     onScroll(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessengerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MessengerComponent, "rtsee-messenger", never, { "messenger": { "alias": "messenger"; "required": false; }; "isFramed": { "alias": "isFramed"; "required": false; }; }, {}, never, never, true, never>;
@@ -162,6 +163,7 @@ declare class RTSeeContainerComponent implements OnInit {
     isSidenavExpanded: boolean;
     isSidenavContent: boolean;
     isSidenavFullScreen: boolean;
+    protected readonly RTSeeTextLabelKeys: typeof RTSeeTextLabelKeys;
     private routeSubscription;
     rtsee: RTSee;
     navigationConfig: INavigationConfig<IRouteConfig>;
@@ -888,6 +890,8 @@ declare class MessengerHeaderComponent {
     toggleDropdown(): void;
     closeDropdown(): void;
     openNewChatDialog(): void;
+    openInviteUserDialog(): void;
+    closeInviteUserDialog(): void;
     closeManageChatDialog(): void;
     onChatSaved(chat: IRTSeeChat): void;
     onMyAvatarClick(): void;
@@ -907,7 +911,10 @@ declare class MessengerHeaderComponent {
 declare class ChatsListComponent implements OnInit {
     messenger: RTSeeMessenger;
     chats: RTSeeChat[];
+    protected readonly RTSeeTextLabelKeys: typeof RTSeeTextLabelKeys;
     ngOnInit(): void;
+    onInviteUserClick(): void;
+    onCreateGroupClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChatsListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ChatsListComponent, "rtsee-chats-list", never, { "messenger": { "alias": "messenger"; "required": false; }; "chats": { "alias": "chats"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -22,4 +22,43 @@
   @media screen and (min-width: $rtsu-break-md) {
     padding-bottom: 0;
   }
+
+  .rts-chats-list-empty {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    padding: ($rtsu-space-lg * 2) $rtsu-space-lg;
+    gap: $rtsu-space-md;
+    color: var(--rts-text-secondary);
+
+    .rts-chats-list-empty-icon {
+      font-size: 48px;
+      opacity: 0.5;
+      color: var(--rts-text-muted, var(--rts-text-secondary));
+    }
+
+    .rts-chats-list-empty-disclaimer {
+      margin: 0;
+      max-width: 280px;
+      font-size: $rtsu-font-size-md;
+      line-height: 1.5;
+      color: var(--rts-text-secondary);
+    }
+
+    .rts-chats-list-empty-actions {
+      display: flex;
+      flex-direction: column;
+      width: 100%;
+      max-width: 240px;
+      gap: $rtsu-space-sm;
+      margin-top: $rtsu-space-xs;
+
+      .rts-chats-list-empty-btn {
+        width: 100%;
+        justify-content: center;
+      }
+    }
+  }
 }

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

@@ -128,3 +128,61 @@
     }
   }
 }
+
+.rtsee-mobile-invite-popup-wrapper {
+  display: block;
+
+  @media screen and (min-width: $rtsu-break-md) {
+    display: none;
+  }
+}
+
+.rts-invite-popup-modal {
+  position: fixed;
+  top: $rtsu-space-sm;
+  left: 50%;
+  transform: translateX(-50%);
+  width: calc(100% - #{$rtsu-space-md * 2});
+  max-width: 460px;
+  z-index: 1000;
+  display: flex;
+  flex-direction: column;
+  gap: $rtsu-space-sm;
+  padding: $rtsu-space-md;
+  background-color: var(--rts-bg-secondary, #1e1f26);
+  color: var(--rts-text-primary, #ffffff);
+  border: 1px solid var(--rts-border-med, rgba(255, 255, 255, 0.16));
+  border-radius: $rtsu-radius-md;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
+  backdrop-filter: $rtsu-glass-blur;
+  font-family: $rtsu-font-family;
+
+  .rts-invite-popup-content {
+    display: flex;
+    align-items: center;
+    gap: $rtsu-space-sm;
+
+    .rts-invite-popup-icon {
+      font-size: 22px;
+      color: var(--rts-accent-primary, #6366f1);
+      flex-shrink: 0;
+    }
+
+    .rts-invite-popup-text {
+      font-size: $rtsu-font-size-md;
+      line-height: 1.4;
+      word-break: break-word;
+    }
+  }
+
+  .rts-invite-popup-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: $rtsu-space-sm;
+
+    .rts-invite-popup-btn {
+      padding: 6px 14px;
+      font-size: $rtsu-font-size-sm;
+    }
+  }
+}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.121",
+  "version": "0.0.122",
   "name": "@rtsee/ngx",
   "module": "./dist/ngx/fesm2022/rtsee-ngx.mjs",
   "types": "./dist/ngx/index.d.ts",
@@ -40,15 +40,15 @@
     "@angular/platform-browser-dynamic": "^20.1.2",
     "@angular/router": "^20.1.2",
     "@primeuix/themes": "^1.2.3",
-    "@rtsee/common": "^0.0.92",
-    "@rtsee/conference": "^0.0.93",
-    "@rtsee/core": "^0.0.136",
-    "@rtsee/events-dashboard": "^0.0.126",
-    "@rtsee/factory": "^0.0.135",
-    "@rtsee/messenger": "^0.0.126",
-    "@rtsee/presentation": "^0.0.125",
-    "@rtsee/signaling-client": "^0.0.139",
-    "@rtsee/utilities-ui": "^0.0.57",
+    "@rtsee/common": "^0.0.93",
+    "@rtsee/conference": "^0.0.94",
+    "@rtsee/core": "^0.0.137",
+    "@rtsee/events-dashboard": "^0.0.127",
+    "@rtsee/factory": "^0.0.136",
+    "@rtsee/messenger": "^0.0.127",
+    "@rtsee/presentation": "^0.0.126",
+    "@rtsee/signaling-client": "^0.0.140",
+    "@rtsee/utilities-ui": "^0.0.58",
     "@stripe/stripe-js": "^8.6.1",
     "@types/gtag.js": "^0.0.20",
     "@types/node": "~24.0.14",
@@ -71,5 +71,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1b49f13ad56f4504d7866b4f2010b835dfc59e37"
+  "gitHead": "ad83dce5866e111f5138970ae7876cb001692957"
 }