updates custom-login

Author: jaredperreault-okta

custom-login/.browserslistrc

@@ -81,19 +81,19 @@
         "serve": {
           "builder": "@angular-builders/custom-webpack:dev-server",
           "options": {
-            "browserTarget": "custom-login:build:production",
+            "buildTarget": "custom-login:build:production",
             "port": 8080
           },
           "configurations": {
             "production": {
-              "browserTarget": "custom-login:build:production"
+              "buildTarget": "custom-login:build:production"
             }
           }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "custom-login:build"
+            "buildTarget": "custom-login:build"
           }
         },
         "test": {
@@ -131,5 +131,8 @@
       }
     }
   },
-  "defaultProject": "custom-login"
+  "defaultProject": "custom-login",
+  "cli": {
+    "analytics": false
+  }
 }

custom-login/angular.json

@@ -11,28 +11,27 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~14.2.0",
-    "@angular/common": "~14.2.0",
-    "@angular/compiler": "~14.2.0",
-    "@angular/core": "~14.2.0",
-    "@angular/forms": "~14.2.0",
-    "@angular/platform-browser": "~14.2.0",
-    "@angular/platform-browser-dynamic": "~14.2.0",
-    "@angular/router": "~14.2.0",
-    "@giomamaladze/ng2-semantic-ui": "^1.0.1",
-    "@okta/okta-angular": "^6.0.0",
-    "@okta/okta-auth-js": "7.0.2",
-    "@okta/okta-signin-widget": "7.14.0",
-    "rxjs": "~6.6.7",
+    "@angular/animations": "~19.2.17",
+    "@angular/common": "~19.2.17",
+    "@angular/compiler": "~19.2.17",
+    "@angular/core": "~19.2.17",
+    "@angular/forms": "~19.2.17",
+    "@angular/platform-browser": "~19.2.17",
+    "@angular/platform-browser-dynamic": "~19.2.17",
+    "@angular/router": "~19.2.17",
+    "@okta/okta-angular": "^7.0.0",
+    "@okta/okta-auth-js": "7.14.1",
+    "@okta/okta-signin-widget": "~7.39.0",
+    "rxjs": "~7.4.0",
     "semantic-ui-css": "^2.4.1",
     "tslib": "^2.4.0",
-    "zone.js": "~0.11.4"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-builders/custom-webpack": "^14.0.1",
-    "@angular-devkit/build-angular": "~14.2.0",
-    "@angular/cli": "~14.2.0",
-    "@angular/compiler-cli": "~14.2.0",
+    "@angular-builders/custom-webpack": "^19.0.1",
+    "@angular-devkit/build-angular": "~19.2.17",
+    "@angular/cli": "~19.2.17",
+    "@angular/compiler-cli": "~19.2.17",
     "@types/jasmine": "~3.6.0",
     "@types/node": "^12.11.1",
     "@types/text-encoding": "0.0.36",
@@ -43,6 +42,6 @@
     "text-encoding": "^0.7.0",
     "ts-node": "~10.9.1",
     "tslint": "~6.1.3",
-    "typescript": "~4.8.3"
+    "typescript": "~5.5.4"
   }
 }

custom-login/package.json

@@ -16,6 +16,7 @@ import { OktaAuth } from '@okta/okta-auth-js';
 
 @Component({
   selector: 'app-root',
+  standalone: false,
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
 })

custom-login/src/app/app.component.ts

@@ -15,7 +15,6 @@ import { Injector, NgModule } from '@angular/core';
 import { HttpClientModule } from '@angular/common/http';
 import { APP_BASE_HREF } from '@angular/common';
 import { Routes, RouterModule, Router } from '@angular/router';
-import { SuiModalService, SuiModalModule } from '@giomamaladze/ng2-semantic-ui';
 import { OktaAuth } from '@okta/okta-auth-js';
 import {
   OKTA_CONFIG,
@@ -33,7 +32,7 @@ import { HomeComponent } from './home/home.component';
 import { LoginComponent } from './login/login.component';
 import { MessagesComponent } from './messages/messages.component';
 import { ProfileComponent } from './profile/profile.component';
-import { ConfirmModalComponent, ConfirmModal } from './modal/confirm.component';
+
 
 const appRoutes: Routes = [
   {
@@ -67,14 +66,12 @@ const appRoutes: Routes = [
     ProfileComponent,
     MessagesComponent,
     LoginComponent,
-    ConfirmModalComponent,
   ],
   imports: [
     BrowserModule,
     HttpClientModule,
-    RouterModule.forRoot(appRoutes, { relativeLinkResolution: 'legacy' }),
+    RouterModule.forRoot(appRoutes),
     OktaAuthModule,
-    SuiModalModule,
   ],
   providers: [
     { 
@@ -94,11 +91,9 @@ const appRoutes: Routes = [
               triggerLogin();
             } else {
               // Ask the user to trigger the login process during token autoRenew process
-              const modalService = injector.get(SuiModalService);
-              modalService
-                .open(new ConfirmModal("Do you want to re-authenticate?", "Auth required", "Yes", "No"))
-                .onApprove(triggerLogin)
-                .onDeny(() => {});
+              if (window.confirm('Do you want to re-authenticate?')) {
+                triggerLogin();
+              }
             }
           }  
         }
@@ -107,6 +102,5 @@ const appRoutes: Routes = [
     { provide: APP_BASE_HREF, useValue: environment.appBaseHref },
   ],
   bootstrap: [AppComponent],
-  entryComponents: [ConfirmModalComponent],
 })
 export class AppModule { }

custom-login/src/app/app.module.ts

@@ -21,6 +21,7 @@ interface ResourceServerExample {
 
 @Component({
   selector: 'app-home',
+  standalone: false,
   templateUrl: './home.component.html',
   styleUrls: ['./home.component.css']
 })

custom-login/src/app/home/home.component.ts

@@ -20,6 +20,7 @@ const DEFAULT_ORIGINAL_URI = window.location.origin;
 
 @Component({
   selector: 'app-login',
+  standalone: false,
   templateUrl: './login.component.html',
   styleUrls: ['./login.component.css']
 })

custom-login/src/app/login/login.component.ts

@@ -25,6 +25,7 @@ interface Message {
 
 @Component({
   selector: 'app-messages',
+  standalone: false,
   templateUrl: './messages.component.html',
   styleUrls: ['./messages.component.css']
 })

custom-login/src/app/messages/messages.component.ts

@@ -21,6 +21,7 @@ interface Claim {
 
 @Component({
   selector: 'app-profile',
+  standalone: false,
   templateUrl: './profile.component.html',
   styleUrls: ['./profile.component.css']
 })