[frontend] Version bump angular/core and angular/cli to 14

kibicara-frontend/angular.json

@@ -118,6 +118,5 @@
         }
       }
     }
-  },
+  }
-  "defaultProject": "kibicara-frontend"
 }

kibicara-frontend/package.json

@@ -12,27 +12,27 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~13.3.12",
+    "@angular/animations": "^14.3.0",
     "@angular/cdk": "^13.3.9",
-    "@angular/common": "~13.3.12",
+    "@angular/common": "^14.3.0",
-    "@angular/compiler": "~13.3.12",
+    "@angular/compiler": "^14.3.0",
-    "@angular/core": "~13.3.12",
+    "@angular/core": "^14.3.0",
-    "@angular/forms": "~13.3.12",
+    "@angular/forms": "^14.3.0",
-    "@angular/localize": "^13.3.12",
+    "@angular/localize": "^14.3.0",
     "@angular/material": "^13.3.9",
-    "@angular/platform-browser": "~13.3.12",
+    "@angular/platform-browser": "^14.3.0",
-    "@angular/platform-browser-dynamic": "~13.3.12",
+    "@angular/platform-browser-dynamic": "^14.3.0",
-    "@angular/router": "~13.3.12",
+    "@angular/router": "^14.3.0",
     "ng2-search-filter": "^0.5.1",
     "rxjs": "~6.5.4",
     "tslib": "^2.0.0",
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~13.3.11",
+    "@angular-devkit/build-angular": "^14.2.11",
-    "@angular/cli": "~13.3.11",
+    "@angular/cli": "^14.2.11",
-    "@angular/compiler-cli": "~13.3.12",
+    "@angular/compiler-cli": "^14.3.0",
-    "@angular/language-service": "~13.3.12",
+    "@angular/language-service": "^14.3.0",
     "@openapitools/openapi-generator-cli": "^1.0.18-5.0.0-beta2",
     "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.3",

kibicara-frontend/src/app/auth/login/login.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { LoginService } from '../../core/auth/login.service';
 import { Router, ActivatedRoute } from '@angular/router';
-import { Validators, FormGroup, FormBuilder } from '@angular/forms';
+import { Validators, UntypedFormGroup, UntypedFormBuilder } from '@angular/forms';
 import { first } from 'rxjs/operators';
 import { MatSnackBar } from '@angular/material/snack-bar';
 
@@ -11,7 +11,7 @@ import { MatSnackBar } from '@angular/material/snack-bar';
   styleUrls: ['./login.component.scss'],
 })
 export class LoginComponent implements OnInit {
-  loginForm: FormGroup;
+  loginForm: UntypedFormGroup;
   returnUrl: string;
   loading = false;
   submitted = false;
@@ -21,7 +21,7 @@ export class LoginComponent implements OnInit {
     private loginService: LoginService,
     private router: Router,
     private route: ActivatedRoute,
-    private formBuilder: FormBuilder,
+    private formBuilder: UntypedFormBuilder,
     private snackBar: MatSnackBar
   ) {
     if (this.loginService.currentHoodAdminValue) {

kibicara-frontend/src/app/auth/password-reset/password-reset.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { ActivatedRoute, Router } from '@angular/router';
 import { first } from 'rxjs/operators';
@@ -12,7 +12,7 @@ import { LoginService } from 'src/app/core/auth/login.service';
   styleUrls: ['./password-reset.component.scss'],
 })
 export class PasswordResetComponent implements OnInit {
-  resetForm: FormGroup;
+  resetForm: UntypedFormGroup;
   returnUrl: string;
   loading = false;
   submitted = false;
@@ -23,7 +23,7 @@ export class PasswordResetComponent implements OnInit {
     private loginService: LoginService,
     private router: Router,
     private route: ActivatedRoute,
-    private formBuilder: FormBuilder,
+    private formBuilder: UntypedFormBuilder,
     private snackBar: MatSnackBar
   ) {
     if (this.loginService.currentHoodAdminValue) {

kibicara-frontend/src/app/auth/password-reset/set-password/set-password.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { ActivatedRoute, Router } from '@angular/router';
 import { first } from 'rxjs/operators';
@@ -12,7 +12,7 @@ import { LoginService } from 'src/app/core/auth/login.service';
   styleUrls: ['./set-password.component.scss'],
 })
 export class SetPasswordComponent implements OnInit {
-  resetForm: FormGroup;
+  resetForm: UntypedFormGroup;
   returnUrl: string;
   loading = false;
   submitted = false;
@@ -24,7 +24,7 @@ export class SetPasswordComponent implements OnInit {
     private loginService: LoginService,
     private router: Router,
     private route: ActivatedRoute,
-    private formBuilder: FormBuilder,
+    private formBuilder: UntypedFormBuilder,
     private snackBar: MatSnackBar
   ) {
     this.token = this.route.snapshot.queryParams.token;

kibicara-frontend/src/app/auth/register/register.component.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { AdminService } from '../../core/api';
-import { Validators, FormBuilder, FormGroup } from '@angular/forms';
+import { Validators, UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
 import { first } from 'rxjs/operators';
 import { Router, ActivatedRoute } from '@angular/router';
 import { LoginService } from 'src/app/core/auth/login.service';
@@ -12,13 +12,13 @@ import { MatSnackBar } from '@angular/material/snack-bar';
   styleUrls: ['./register.component.scss'],
 })
 export class RegisterComponent implements OnInit {
-  registerForm: FormGroup;
+  registerForm: UntypedFormGroup;
   loading = false;
   submitted = false;
 
   constructor(
     private readonly adminService: AdminService,
-    private formBuilder: FormBuilder,
+    private formBuilder: UntypedFormBuilder,
     private route: ActivatedRoute,
     private loginService: LoginService,
     private router: Router,

kibicara-frontend/src/app/dashboard/account-settings/account-settings.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 import { Router } from '@angular/router';
 import { AdminService } from 'src/app/core/api/api/admin.service';
@@ -12,13 +12,13 @@ import { YesNoDialogComponent } from 'src/app/shared/yes-no-dialog/yes-no-dialog
 })
 export class AccountSettingsComponent implements OnInit {
   title = 'Account Settings';
-  form: FormGroup;
+  form: UntypedFormGroup;
 
   constructor(
     private dialog: MatDialog,
     private adminService: AdminService,
     private router: Router,
-    private formBuilder: FormBuilder
+    private formBuilder: UntypedFormBuilder
   ) {}
 
   ngOnInit(): void {

kibicara-frontend/src/app/dashboard/board/hoodsettings/badwords/badwords.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit, Input } from '@angular/core';
 import { BadwordsService, BodyBadWord } from 'src/app/core/api';
 import { Observable } from 'rxjs';
-import { FormGroup, Validators, FormBuilder } from '@angular/forms';
+import { UntypedFormGroup, Validators, UntypedFormBuilder } from '@angular/forms';
 import { first } from 'rxjs/operators';
 import { MatSnackBar } from '@angular/material/snack-bar';
 
@@ -13,11 +13,11 @@ import { MatSnackBar } from '@angular/material/snack-bar';
 export class BadwordsComponent implements OnInit {
   @Input() hoodId;
   badwords$: Observable<Array<any>>;
-  regexForm: FormGroup;
+  regexForm: UntypedFormGroup;
 
   constructor(
     private badwordService: BadwordsService,
-    private formBuilder: FormBuilder,
+    private formBuilder: UntypedFormBuilder,
     private snackBar: MatSnackBar
   ) {}
 

kibicara-frontend/src/app/dashboard/board/hoodsettings/trigger/trigger.component.ts

@@ -2,7 +2,7 @@ import { Component, OnInit, Input } from '@angular/core';
 import { TriggersService, BodyTrigger } from 'src/app/core/api';
 import { Observable } from 'rxjs';
 import { ResourceLoader } from '@angular/compiler';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { first } from 'rxjs/operators';
 import { invalid } from '@angular/compiler/src/render3/view/util';
 import { MatSnackBar } from '@angular/material/snack-bar';
@@ -15,11 +15,11 @@ import { MatSnackBar } from '@angular/material/snack-bar';
 export class TriggerComponent implements OnInit {
   @Input() hoodId: number;
   triggers$: Observable<Array<any>>;
-  regexForm: FormGroup;
+  regexForm: UntypedFormGroup;
 
   constructor(
     private triggersService: TriggersService,
-    private formBuilder: FormBuilder,
+    private formBuilder: UntypedFormBuilder,
     private snackBar: MatSnackBar
   ) {}
 

kibicara-frontend/src/app/dashboard/board/settings/settings.component.ts

@@ -3,7 +3,7 @@ import { HoodsService } from 'src/app/core/api';
 import { MatDialog } from '@angular/material/dialog';
 import { YesNoDialogComponent } from 'src/app/shared/yes-no-dialog/yes-no-dialog.component';
 import { Router } from '@angular/router';
-import { FormGroup, FormBuilder, Validators } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
 import { first } from 'rxjs/operators';
 import { MatSnackBar } from '@angular/material/snack-bar';
 
@@ -14,14 +14,14 @@ import { MatSnackBar } from '@angular/material/snack-bar';
 })
 export class SettingsComponent implements OnInit {
   @Input() hoodId;
-  form: FormGroup;
+  form: UntypedFormGroup;
   hood;
 
   constructor(
     private hoodsService: HoodsService,
     private dialog: MatDialog,
     private router: Router,
-    private formBuilder: FormBuilder,
+    private formBuilder: UntypedFormBuilder,
     private snackBar: MatSnackBar
   ) {}
 

kibicara-frontend/src/app/dashboard/hoods/new-hood-dialog/new-hood-dialog.component.ts

@@ -2,7 +2,7 @@ import { Component, OnInit, Inject } from '@angular/core';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { HoodsService } from 'src/app/core/api';
 import { first } from 'rxjs/operators';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { MatSnackBar } from '@angular/material/snack-bar';
 
 @Component({
@@ -11,12 +11,12 @@ import { MatSnackBar } from '@angular/material/snack-bar';
   styleUrls: ['./new-hood-dialog.component.scss'],
 })
 export class NewHoodDialogComponent implements OnInit {
-  hoodForm: FormGroup;
+  hoodForm: UntypedFormGroup;
 
   constructor(
     public dialogRef: MatDialogRef<NewHoodDialogComponent>,
     private hoodsService: HoodsService,
-    private formBuilder: FormBuilder,
+    private formBuilder: UntypedFormBuilder,
     private snackBar: MatSnackBar
   ) {}
 

kibicara-frontend/src/app/platforms/email/email-bot-card/email-bot-card.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit, Input } from '@angular/core';
 import { EmailService } from 'src/app/core/api';
 import { environment } from 'src/environments/environment';
-import { FormGroup, FormBuilder, Validators } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
 import { EmailBotInfoDialogComponent } from './email-bot-info-dialog/email-bot-info-dialog.component';
 import { MatDialog } from '@angular/material/dialog';
 import { first } from 'rxjs/operators';
@@ -16,11 +16,11 @@ export class EmailBotCardComponent implements OnInit {
   @Input() hoodId;
   emails$;
   emailDomain = environment.EMAIL_DOMAIN;
-  form: FormGroup;
+  form: UntypedFormGroup;
 
   constructor(
     private emailService: EmailService,
-    private formBuilder: FormBuilder,
+    private formBuilder: UntypedFormBuilder,
     private dialog: MatDialog,
     private snackBar: MatSnackBar
   ) {}

kibicara-frontend/src/app/platforms/email/email-settings/email-dialog/email-dialog.component.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit, Input, Inject } from '@angular/core';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { Validators, FormBuilder } from '@angular/forms';
+import { Validators, UntypedFormBuilder } from '@angular/forms';
 import { EmailService } from 'src/app/core/api';
 import { first } from 'rxjs/operators';
 import { MatSnackBar } from '@angular/material/snack-bar';
@@ -15,7 +15,7 @@ export class EmailDialogComponent implements OnInit {
 
   constructor(
     public dialogRef: MatDialogRef<EmailDialogComponent>,
-    private formBuilder: FormBuilder,
+    private formBuilder: UntypedFormBuilder,
     private emailService: EmailService,
     private snackBar: MatSnackBar,
     @Inject(MAT_DIALOG_DATA) public data

kibicara-frontend/src/app/platforms/telegram/telegram-settings/telegram-dialog/telegram-dialog.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit, Inject } from '@angular/core';
-import { Validators, FormBuilder, FormGroup } from '@angular/forms';
+import { Validators, UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { TelegramService, BodyTelegram } from 'src/app/core/api';
 import { MatSnackBar } from '@angular/material/snack-bar';
@@ -11,11 +11,11 @@ import { first } from 'rxjs/operators';
   styleUrls: ['./telegram-dialog.component.scss'],
 })
 export class TelegramDialogComponent implements OnInit {
-  form: FormGroup;
+  form: UntypedFormGroup;
 
   constructor(
     public dialogRef: MatDialogRef<TelegramDialogComponent>,
-    private formBuilder: FormBuilder,
+    private formBuilder: UntypedFormBuilder,
     private telegramService: TelegramService,
     private snackBar: MatSnackBar,
     @Inject(MAT_DIALOG_DATA) public data

kibicara-frontend/tsconfig.json

@@ -10,7 +10,7 @@
     "module": "es2020",
     "moduleResolution": "node",
     "importHelpers": true,
-    "target": "es2015",
+    "target": "es2020",
     "lib": [
       "es2018",
       "dom"