feat: add new standalone components for system and organization management modules

src/app/system/manage-hooks/edit-hook/edit-hook.component.ts

@@ -44,6 +44,7 @@ import { MatDivider } from '@angular/material/divider';
 import { MatButton, MatIconButton } from '@angular/material/button';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
+import { AlertService } from 'app/core/alert/alert.service';
 
 /**
  * Edit Hook Component.
@@ -83,6 +84,7 @@ export class EditHookComponent implements OnInit {
   private translateService = inject(TranslateService);
   private snackBar = inject(MatSnackBar);
   private cdr = inject(ChangeDetectorRef);
+  private alertService = inject(AlertService);
 
   @NgModule({
     imports: [
@@ -286,6 +288,12 @@ export class EditHookComponent implements OnInit {
       }
     };
     this.systemService.updateHook(this.hookData.id, hook).subscribe((response: any) => {
+      if (response?.rollbackTransaction) {
+        this.alertService.alert({
+          type: 'Success',
+          message: 'Hook update has been submitted for approval.'
+        });
+      }
       this.router.navigate(['../'], { relativeTo: this.route });
     });
   }