@rtsee/ngx 0.0.57 → 0.0.58

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.0.58 (2025-08-11)
+
+**Note:** Version bump only for package @rtsee/ngx
+
 ## 0.0.57 (2025-07-23)
 
 **Note:** Version bump only for package @rtsee/ngx

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.57",
+  "version": "0.0.58",
   "name": "@rtsee/ngx",
   "module": "./dist/ngx/fesm2022/rtsee-ngx.mjs",
   "types": "./dist/ngx/index.d.ts",
@@ -30,11 +30,11 @@
     "@angular/platform-browser": "~20.1.2",
     "@angular/platform-browser-dynamic": "~20.1.2",
     "@angular/router": "~20.1.2",
-    "@rtsee/common": "^0.0.27",
-    "@rtsee/conference": "^0.0.28",
-    "@rtsee/events-dashboard": "^0.0.61",
-    "@rtsee/factory": "^0.0.70",
-    "@rtsee/messenger": "^0.0.61",
+    "@rtsee/common": "^0.0.28",
+    "@rtsee/conference": "^0.0.29",
+    "@rtsee/events-dashboard": "^0.0.62",
+    "@rtsee/factory": "^0.0.71",
+    "@rtsee/messenger": "^0.0.62",
     "@rtsee/signaling-client": "^0.0.66",
     "dayjs": "^1.11.9",
     "ngx-autosize": "^2.0.4",
@@ -58,5 +58,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "741e30dc35daea6122d5bd94a6c070e02a31bc62"
+  "gitHead": "468df28ddef4b2daa3f7780c7f4efeb3fea9365c"
 }

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

@@ -1,9 +1,11 @@
-import { Component } from '@angular/core';
+import {Component, Input, OnInit} from '@angular/core';
 import {SignInComponent} from "../sign-in/sign-in.component";
 import {SignUpComponent} from "../sign-up/sign-up.component";
 import {ForgotPasswordComponent} from "../forgot-password/forgot-password.component";
 import {ResetPasswordComponent} from "../reset-password/reset-password.component";
 import {NgIf} from "@angular/common";
+import {RTSeeAuthService} from "../services/auth.service";
+import {RTSeeAuth} from "@rtsee/auth";
 
 @Component({
   selector: 'rtsee-auth',
@@ -17,6 +19,14 @@ import {NgIf} from "@angular/common";
   ],
   standalone: true
 })
-export class AuthComponent {
+export class RTSeeAuthComponent implements OnInit {
+  @Input() auth!: RTSeeAuth<any>;
+
   activeComponent: 'reset-password' | 'sign-up' | 'sign-in' | 'forgot-password' = 'sign-in' ;
+
+  constructor(private authService: RTSeeAuthService) {}
+
+  ngOnInit() {
+    this.authService.init(this.auth);
+  }
 }

package/projects/ngx/src/lib/components/rtsee-auth/forgot-password/forgot-password.component.ts

@@ -20,11 +20,10 @@ export class ForgotPasswordComponent {
   constructor(
     private readonly formBuilder: FormBuilder
   ) {
-  this.emailForm= this.formBuilder.group<TypedReactiveForm<ForgotPasswordForm>>({
+    this.emailForm= this.formBuilder.group<TypedReactiveForm<ForgotPasswordForm>>({
       email: this.formBuilder.control(null, { validators: [Validators.required, Validators.email] }),
     });
-  this.forgotPasswordFormKeys = UtilsService.getKeysAsValueObject(this.emailForm.getRawValue());
-
+    this.forgotPasswordFormKeys = UtilsService.getKeysAsValueObject(this.emailForm.getRawValue());
   }
 
   public submitEmail(): void {

package/projects/ngx/src/lib/components/rtsee-auth/services/auth.service.ts

@@ -0,0 +1,37 @@
+import { Injectable } from '@angular/core';
+import {HttpClient} from "@angular/common/http";
+import {
+  RTSeeAuth,
+  IRtseeSignInRequestOptions,
+  IRTSeeSignInResponse,
+  IRtseeSignUpRequestOptions,
+  IRTSeeSignUpResponse,
+} from "@rtsee/auth";
+import { Observable, tap } from "rxjs";
+
+@Injectable({
+  providedIn: 'root'
+})
+export class RTSeeAuthService {
+  rtseeAuth!: RTSeeAuth<any>;
+
+  constructor(
+    private http: HttpClient,
+  ) {}
+
+  init(auth: RTSeeAuth<any>) {
+    console.log('init');
+    this.rtseeAuth = auth;
+  }
+
+  signIn(credentials: IRtseeSignInRequestOptions): Observable<IRTSeeSignInResponse> {
+    return this.http
+      .post<IRTSeeSignInResponse>(`${this.rtseeAuth.baseUrl}/${this.rtseeAuth.endpoints.signIn}`, credentials)
+      .pipe(tap((res) => this.rtseeAuth.authenticate(res)))
+  }
+
+  signUp(credentials: IRtseeSignUpRequestOptions): Observable<IRTSeeSignUpResponse> {
+    return this.http
+      .post<IRTSeeSignUpResponse>(`${this.rtseeAuth.baseUrl}/${this.rtseeAuth.endpoints.signUp}`, credentials)
+  }
+}

package/projects/ngx/src/lib/components/rtsee-auth/sign-in/sign-in.component.html

@@ -5,7 +5,7 @@
        height="38"
        width="37"
   />
-  <h2 class="auth-title">Вхід в Особистий Кабінет</h2>
+  <h2 class="auth-title">Вйоб в Особистий Кабінет</h2>
   <p class="auth-title-description">Аби переглядати казки, увійдіть в свій особистий кабінет</p>
 
   <form class="auth-form" [formGroup]="signInForm" (ngSubmit)="login()">

package/projects/ngx/src/lib/components/rtsee-auth/sign-in/sign-in.component.ts

@@ -4,6 +4,7 @@ import {FormBuilder, FormGroup, ReactiveFormsModule, Validators} from '@angular/
 import { UtilsService } from '../services/utils.service';
 import { SignInForm, TypedReactiveForm } from '../types/auth-form.type';
 import {NgOptimizedImage} from "@angular/common";
+import { RTSeeAuthService } from "../services/auth.service";
 
 @Component({
   selector: 'rtsee-sign-in',
@@ -21,24 +22,27 @@ export class SignInComponent {
 
   constructor(
     private readonly formBuilder: FormBuilder,
-    private readonly router: Router
+    private readonly router: Router,
+    private authService: RTSeeAuthService
   ) {
     this.signInForm = this.formBuilder.group<TypedReactiveForm<SignInForm>>({
       username: this.formBuilder.control(null, {validators: [Validators.required, Validators.email]}),
-      password: this.formBuilder.control(null, {validators: [Validators.required]}),
-      remember: this.formBuilder.control(false, {nonNullable: true})
+      password: this.formBuilder.control(null, {validators: [Validators.required]})
     });
     this.signInFormKeys = UtilsService.getKeysAsValueObject(this.signInForm.getRawValue());
   }
 
   public login(): void {
     if (this.signInForm.valid) {
-      // this.authService.signIn(this.signInForm.getRawValue())
-      //   .subscribe((success) => {
-      //     if (success) {
-      //       this.router.navigate(['/']);
-      //     }
-      //   });
+      const username: string = this.signInForm.getRawValue().username!;
+      const password: string = this.signInForm.getRawValue().password!;
+
+      this.authService.signIn({username, password})
+        .subscribe((success) => {
+          if (success) {
+            void this.router.navigate(this.authService.rtseeAuth.defaultPostLoginRoute);
+          }
+        });
     }
   }
 }

package/projects/ngx/src/lib/components/rtsee-auth/sign-up/sign-up.component.ts

@@ -5,6 +5,7 @@ import { UtilsService } from '../services/utils.service';
 import {ConfirmPasswordValidator} from "../validators/form-fields-validators";
 import {RouterLink} from "@angular/router";
 import {NgOptimizedImage} from "@angular/common";
+import {RTSeeAuthService} from "../services/auth.service";
 
 @Component({
   selector: 'rtsee-sign-up',
@@ -21,7 +22,8 @@ export class SignUpComponent {
   public readonly signUpFormKeys: Record<keyof SignUpForm, string>;
 
   constructor(
-    private readonly formBuilder: FormBuilder
+    private readonly formBuilder: FormBuilder,
+    private authService: RTSeeAuthService
   ) {
     this.signUpForm = this.formBuilder.group<TypedReactiveForm<SignUpForm>>({
       email: this.formBuilder.control('', { validators: [Validators.required, Validators.email] }),
@@ -41,7 +43,16 @@ export class SignUpComponent {
 
   public signUp(): void {
     if (this.signUpForm.valid) {
-      const formValue = this.signUpForm.getRawValue();
+      const formValues: SignUpForm = this.signUpForm.getRawValue();
+
+
+
+      this.authService.signUp({
+        email: formValues.email!,
+        password: formValues.password!,
+        terms: formValues.terms!
+      })
+
 
 
       // Call sign-up API

package/projects/ngx/src/lib/components/rtsee-auth/types/auth-form.type.ts

@@ -32,5 +32,4 @@ export type ForgotPasswordForm = {
 export type SignInForm = {
   username: string | null;
   password: string | null;
-  remember: boolean;
 };

package/projects/ngx/src/lib/ngx.module.ts

@@ -41,7 +41,7 @@ import { SignUpComponent } from "./components/rtsee-auth/sign-up/sign-up.compone
 import { SignInComponent } from "./components/rtsee-auth/sign-in/sign-in.component";
 import { ForgotPasswordComponent } from "./components/rtsee-auth/forgot-password/forgot-password.component";
 import { VendorsComponent } from "./components/rtsee-auth/vendors/vendors.component";
-import { AuthComponent } from './components/rtsee-auth/auth/auth.component';
+import { RTSeeAuthComponent } from './components/rtsee-auth/auth/auth.component';
 import { RtseeSidenavComponent } from './components/rtsee-container/rtsee-sidenav/rtsee-sidenav.component';
 import { RtseeBottomNavComponent } from './components/rtsee-container/rtsee-bottom-nav/rtsee-bottom-nav.component';
 import { RouterLink, RouterLinkActive } from "@angular/router";
@@ -51,7 +51,7 @@ import { PresentationHeaderComponent } from './components/rtsee-presentation/pre
 @NgModule({
   declarations: [],
   imports: [
-    AuthComponent,
+    RTSeeAuthComponent,
     VendorsComponent,
     ForgotPasswordComponent,
     SignInComponent,
@@ -109,7 +109,7 @@ import { PresentationHeaderComponent } from './components/rtsee-presentation/pre
     RtseeEventsDashboardComponent,
     RTSeeContainerComponent,
     PresentationComponent,
-    AuthComponent
+    RTSeeAuthComponent
   ],
   schemas: [
     CUSTOM_ELEMENTS_SCHEMA,

package/tsconfig.json

@@ -26,11 +26,7 @@
     "typeCheckHostBindings": true,
     "strictTemplates": true
   },
-  "files": [],
   "references": [
-    {
-      "path": "./projects/ngx/tsconfig.lib.json"
-    },
     {
       "path": "./projects/ngx/tsconfig.spec.json"
     }