chore(console): dependency update (#5653)

* cli, core * cli, core * material, cdk * chore(deps-dev): bump @types/node from 18.13.0 to 18.15.11 in /console (#5594) Bumps [@types/node](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/node) from 18.13.0 to 18.15.11. - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/node) --- updated-dependencies: - dependency-name: "@types/node" dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * chore(deps-dev): bump jasmine-core from 4.5.0 to 4.6.0 in /console (#5592) Bumps [jasmine-core](https://github.com/jasmine/jasmine) from 4.5.0 to 4.6.0. - [Release notes](https://github.com/jasmine/jasmine/releases) - [Changelog](https://github.com/jasmine/jasmine/blob/main/RELEASE.md) - [Commits](https://github.com/jasmine/jasmine/compare/v4.5.0...v4.6.0) --- updated-dependencies: - dependency-name: jasmine-core dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * chore(deps): bump zone.js from 0.12.0 to 0.13.0 in /console (#5586) Bumps [zone.js](https://github.com/angular/angular/tree/HEAD/packages/zone.js) from 0.12.0 to 0.13.0. - [Release notes](https://github.com/angular/angular/releases) - [Changelog](https://github.com/angular/angular/blob/main/packages/zone.js/CHANGELOG.md) - [Commits](https://github.com/angular/angular/commits/zone.js-0.13.0/packages/zone.js) --- updated-dependencies: - dependency-name: zone.js dependency-type: direct:production update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * chore(deps-dev): bump prettier from 2.8.4 to 2.8.7 in /console (#5589) Bumps [prettier](https://github.com/prettier/prettier) from 2.8.4 to 2.8.7. - [Release notes](https://github.com/prettier/prettier/releases) - [Changelog](https://github.com/prettier/prettier/blob/main/CHANGELOG.md) - [Commits](https://github.com/prettier/prettier/compare/2.8.4...2.8.7) --- updated-dependencies: - dependency-name: prettier dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * lock * tsconfig, index signature, angular.json * cli core * material cdk * chore(deps): bump libphonenumber-js from 1.10.19 to 1.10.24 in /console (#5498) Bumps [libphonenumber-js](https://gitlab.com/catamphetamine/libphonenumber-js) from 1.10.19 to 1.10.24. - [Release notes](https://gitlab.com/catamphetamine/libphonenumber-js/tags) - [Changelog](https://gitlab.com/catamphetamine/libphonenumber-js/blob/master/CHANGELOG.md) - [Commits](https://gitlab.com/catamphetamine/libphonenumber-js/compare/v1.10.19...v1.10.24) --- updated-dependencies: - dependency-name: libphonenumber-js dependency-type: direct:production update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * update packages * rm redundant bindings * disable button * rm provider service * rm environment.tss * seo * fresh lock * eslint * eslint * increase budgets --------- Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2025-08-12 00:17:32 +00:00 · 2023-04-18 15:42:29 +02:00
parent 429a91518b
commit 0ed2906b5d
46 changed files with 3065 additions and 2080 deletions
--- a/console/src/app/app.component.ts
+++ b/console/src/app/app.component.ts
@@ -201,7 +201,7 @@ export class AppComponent implements OnDestroy {
      }
    });

-    this.activatedRoute.queryParams.pipe(filter((params) => !!params.org)).subscribe((params) => {
+    this.activatedRoute.queryParams.pipe(filter((params) => !!params['org'])).subscribe((params) => {
      const { org } = params;
      this.authService.getActiveOrg(org);
    });
@@ -252,7 +252,7 @@ export class AppComponent implements OnDestroy {
  }

  public prepareRoute(outlet: RouterOutlet): boolean {
-    return outlet && outlet.activatedRouteData && outlet.activatedRouteData.animation;
+    return outlet && outlet.activatedRouteData && outlet.activatedRouteData['animation'];
  }

  public onSetTheme(theme: string): void {
--- a/console/src/app/guards/user.guard.ts
+++ b/console/src/app/guards/user.guard.ts
@@ -16,7 +16,7 @@ export class UserGuard implements CanActivate {
    state: RouterStateSnapshot,
  ): Observable<boolean> | Promise<boolean> | boolean {
    return this.authService.user.pipe(
-      map((user) => user?.id !== route.params.id),
+      map((user) => user?.id !== route.params['id']),
      tap((isNotMe) => {
        if (!isNotMe) {
          this.router.navigate(['/users', 'me']);
--- a/console/src/app/modules/add-key-dialog/add-key-dialog.component.html
+++ b/console/src/app/modules/add-key-dialog/add-key-dialog.component.html
@@ -16,9 +16,9 @@
    <input cnslInput [matDatepicker]="picker" [min]="startDate" [formControl]="dateControl" />
    <mat-datepicker-toggle style="top: 0" cnslSuffix [for]="picker"></mat-datepicker-toggle>
    <mat-datepicker #picker [startAt]="startDate"></mat-datepicker>
-    <span cnslError *ngIf="dateControl?.errors?.matDatepickerMin?.min">
+    <span cnslError *ngIf="dateControl && dateControl.errors && dateControl.errors['matDatepickerMin']?.min">
      {{ 'USER.MACHINE.CHOOSEDATEAFTER' | translate }}:
-      {{ dateControl.errors?.matDatepickerMin.min.toDate() | localizedDate : 'EEE dd. MMM' }}
+      {{ dateControl.errors['matDatepickerMin'].min.toDate() | localizedDate : 'EEE dd. MMM' }}
    </span>
  </cnsl-form-field>
 </div>
--- a/console/src/app/modules/add-token-dialog/add-token-dialog.component.html
+++ b/console/src/app/modules/add-token-dialog/add-token-dialog.component.html
@@ -7,9 +7,9 @@
    <input cnslInput [matDatepicker]="picker" [min]="startDate" [formControl]="dateControl" />
    <mat-datepicker-toggle style="top: 0" cnslSuffix [for]="picker"></mat-datepicker-toggle>
    <mat-datepicker #picker startView="year" [startAt]="startDate"></mat-datepicker>
-    <span cnslError *ngIf="dateControl?.errors?.matDatepickerMin?.min">
+    <span cnslError *ngIf="dateControl && dateControl.errors && dateControl.errors['matDatepickerMin']?.min">
      {{ 'USER.PERSONALACCESSTOKEN.ADD.CHOOSEDATEAFTER' | translate }}:
-      {{ dateControl.errors?.matDatepickerMin.min.toDate() | localizedDate : 'EEE dd. MMM' }}
+      {{ dateControl.errors['matDatepickerMin'].min.toDate() | localizedDate : 'EEE dd. MMM' }}
    </span>
  </cnsl-form-field>
 </div>
--- a/console/src/app/modules/filter-events/filter-events.component.html
+++ b/console/src/app/modules/filter-events/filter-events.component.html
@@ -16,8 +16,6 @@
  <ng-template
    cdkConnectedOverlay
    [cdkConnectedOverlayHasBackdrop]="true"
-    [flexibleDimensions]="true"
-    [lockPosition]="true"
    [cdkConnectedOverlayOffsetY]="10"
    [cdkConnectedOverlayPositions]="positions"
    [cdkConnectedOverlayOrigin]="triggereventfilter"
--- a/console/src/app/modules/filter-org/filter-org.component.ts
+++ b/console/src/app/modules/filter-org/filter-org.component.ts
@@ -24,7 +24,7 @@ export class FilterOrgComponent extends FilterComponent implements OnInit {

  public states: OrgState[] = [OrgState.ORG_STATE_ACTIVE, OrgState.ORG_STATE_INACTIVE, OrgState.ORG_STATE_REMOVED];

-  constructor(router: Router, protected route: ActivatedRoute) {
+  constructor(router: Router, protected override route: ActivatedRoute) {
    super(router, route);
  }

@@ -137,7 +137,7 @@ export class FilterOrgComponent extends FilterComponent implements OnInit {
    this.filterChanged.emit(this.searchQueries ? this.searchQueries : []);
  }

-  public emitFilter(): void {
+  public override emitFilter(): void {
    this.filterChanged.emit(this.searchQueries ? this.searchQueries : []);
    this.showFilter = false;
    this.filterOpen.emit(false);
--- a/console/src/app/modules/filter-project/filter-project.component.ts
+++ b/console/src/app/modules/filter-project/filter-project.component.ts
@@ -110,7 +110,7 @@ export class FilterProjectComponent extends FilterComponent implements OnInit {
    this.filterChanged.emit(this.searchQueries ? this.searchQueries : []);
  }

-  public emitFilter(): void {
+  public override emitFilter(): void {
    this.filterChanged.emit(this.searchQueries ? this.searchQueries : []);
    this.showFilter = false;
    this.filterOpen.emit(false);
--- a/console/src/app/modules/filter-user-grants/filter-user-grants.component.ts
+++ b/console/src/app/modules/filter-user-grants/filter-user-grants.component.ts
@@ -226,7 +226,7 @@ export class FilterUserGrantsComponent extends FilterComponent implements OnInit
    this.filterChanged.emit(this.searchQueries ? this.searchQueries : []);
  }

-  public emitFilter(): void {
+  public override emitFilter(): void {
    this.filterChanged.emit(this.searchQueries ? this.searchQueries : []);
    this.showFilter = false;
    this.filterOpen.emit(false);
--- a/console/src/app/modules/filter-user/filter-user.component.ts
+++ b/console/src/app/modules/filter-user/filter-user.component.ts
@@ -236,7 +236,7 @@ export class FilterUserComponent extends FilterComponent implements OnInit {
    this.filterChanged.emit(this.searchQueries ? this.searchQueries : []);
  }

-  public emitFilter(): void {
+  public override emitFilter(): void {
    this.filterChanged.emit(this.searchQueries ? this.searchQueries : []);
    this.showFilter = false;
    this.filterOpen.emit(false);
--- a/console/src/app/modules/filter/filter.component.html
+++ b/console/src/app/modules/filter/filter.component.html
@@ -15,8 +15,6 @@
  <ng-template
    cdkConnectedOverlay
    [cdkConnectedOverlayHasBackdrop]="true"
-    [flexibleDimensions]="true"
-    [lockPosition]="true"
    [cdkConnectedOverlayOffsetY]="10"
    [cdkConnectedOverlayPositions]="positions"
    [cdkConnectedOverlayOrigin]="trigger"
--- a/console/src/app/modules/form-field/field/form-field.component.ts
+++ b/console/src/app/modules/form-field/field/form-field.component.ts
@@ -95,7 +95,7 @@ export class CnslFormFieldComponent extends CnslFormFieldBase implements OnDestr
  }

  constructor(
-    public _elementRef: ElementRef,
+    public override _elementRef: ElementRef,
    private _changeDetectorRef: ChangeDetectorRef,
    @Inject(ElementRef)
    _labelOptions: // Use `ElementRef` here so Angular has something to inject.
--- a/console/src/app/modules/header/header.component.html
+++ b/console/src/app/modules/header/header.component.html
@@ -110,8 +110,6 @@
            <ng-template
              cdkConnectedOverlay
              [cdkConnectedOverlayOrigin]="trigger"
-              [flexibleDimensions]="true"
-              [lockPosition]="true"
              [cdkConnectedOverlayOffsetY]="10"
              [cdkConnectedOverlayHasBackdrop]="true"
              [cdkConnectedOverlayPositions]="positions"
@@ -221,8 +219,6 @@
      <ng-template
        cdkConnectedOverlay
        [cdkConnectedOverlayOrigin]="accounttrigger"
-        [flexibleDimensions]="true"
-        [lockPosition]="true"
        [cdkConnectedOverlayOffsetY]="10"
        [cdkConnectedOverlayHasBackdrop]="true"
        [cdkConnectedOverlayPositions]="accountCardPositions"
--- a/console/src/app/modules/input/input.directive.ts
+++ b/console/src/app/modules/input/input.directive.ts
@@ -199,7 +199,7 @@ export class InputDirective
  protected _type: string = 'text';

  /** An object used to control when error messages are shown. */
-  @Input() errorStateMatcher!: ErrorStateMatcher;
+  @Input() override errorStateMatcher!: ErrorStateMatcher;

  /**
   * Implemented as part of MatFormFieldControl.
@@ -241,7 +241,7 @@ export class InputDirective
    protected _elementRef: ElementRef<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>,
    protected _platform: Platform,
    /** @docs-private */
-    @Optional() @Self() public ngControl: NgControl,
+    @Optional() @Self() public override ngControl: NgControl,
    @Optional() _parentForm: NgForm,
    @Optional() _parentFormGroup: FormGroupDirective,
    _defaultErrorStateMatcher: ErrorStateMatcher,
--- a/console/src/app/modules/metadata/metadata/metadata.component.ts
+++ b/console/src/app/modules/metadata/metadata/metadata.component.ts
@@ -27,8 +27,8 @@ export class MetadataComponent implements OnChanges {
  constructor() {}

  ngOnChanges(changes: SimpleChanges): void {
-    if (changes.metadata?.currentValue) {
-      this.dataSource = new MatTableDataSource<Metadata.AsObject>(changes.metadata.currentValue);
+    if (changes['metadata']?.currentValue) {
+      this.dataSource = new MatTableDataSource<Metadata.AsObject>(changes['metadata'].currentValue);
    }
  }
 }
--- a/console/src/app/modules/nav/nav.component.html
+++ b/console/src/app/modules/nav/nav.component.html
@@ -111,7 +111,7 @@
                <span class="label">{{ 'MENU.DASHBOARD' | translate }}</span>
              </a>

-              <ng-container class="org-list" *ngIf="org" [@navAnimation]="org">
+              <ng-container class="org-list" *ngIf="org">
                <ng-template cnslHasRole [hasRole]="['org.read']">
                  <a
                    class="nav-item"
@@ -232,8 +232,6 @@
        <ng-template
          cdkConnectedOverlay
          [cdkConnectedOverlayOrigin]="trigger"
-          [flexibleDimensions]="true"
-          [lockPosition]="true"
          [cdkConnectedOverlayOffsetY]="10"
          [cdkConnectedOverlayHasBackdrop]="true"
          [cdkConnectedOverlayPositions]="positions"
--- a/console/src/app/modules/password-complexity-view/password-complexity-view.component.html
+++ b/console/src/app/modules/password-complexity-view/password-complexity-view.component.html
@@ -4,7 +4,10 @@

    <ng-template #showSpinner>
      <div
-        *ngIf="password?.errors?.minlength || password?.value?.length === 0 as currentError; else trueminlength"
+        *ngIf="
+          (password && password.errors && password.errors['minlength']) || password?.value?.length === 0 as currentError;
+          else trueminlength
+        "
        class="complexity-sp-wrapper"
      >
        <mat-progress-spinner
@@ -28,23 +31,23 @@
    </span>
  </div>
  <div class="val" *ngIf="this.policy.hasSymbol">
-    <i *ngIf="password?.pristine || password?.errors?.errorssymbolerror" class="las la-times red"></i>
-    <i *ngIf="password?.dirty && !password?.errors?.errorssymbolerror" class="las la-check green"></i>
+    <i *ngIf="password?.pristine || password?.errors?.['errorssymbolerror']" class="las la-times red"></i>
+    <i *ngIf="password?.dirty && !password?.errors?.['errorssymbolerror']" class="las la-check green"></i>
    <span class="cnsl-secondary-text"> {{ 'ERRORS.SYMBOLERROR' | translate }}</span>
  </div>
  <div class="val" *ngIf="this.policy.hasNumber">
-    <i *ngIf="password?.pristine || password?.errors?.errorsnumbererror" class="las la-times red"></i>
-    <i *ngIf="password?.dirty && !password?.errors?.errorsnumbererror" class="las la-check green"></i>
+    <i *ngIf="password?.pristine || password?.errors?.['errorsnumbererror']" class="las la-times red"></i>
+    <i *ngIf="password?.dirty && !password?.errors?.['errorsnumbererror']" class="las la-check green"></i>
    <span class="cnsl-secondary-text"> {{ 'ERRORS.NUMBERERROR' | translate }}</span>
  </div>
  <div class="val" *ngIf="this.policy.hasUppercase">
-    <i *ngIf="password?.pristine || password?.errors?.errorsuppercasemissing" class="las la-times red"></i>
-    <i *ngIf="password?.dirty && !password?.errors?.errorsuppercasemissing" class="las la-check green"></i>
+    <i *ngIf="password?.pristine || password?.errors?.['errorsuppercasemissing']" class="las la-times red"></i>
+    <i *ngIf="password?.dirty && !password?.errors?.['errorsuppercasemissing']" class="las la-check green"></i>
    <span class="cnsl-secondary-text"> {{ 'ERRORS.UPPERCASEMISSING' | translate }}</span>
  </div>
  <div class="val" *ngIf="this.policy.hasLowercase">
-    <i *ngIf="password?.pristine || password?.errors?.errorslowercasemissing" class="las la-times red"></i>
-    <i *ngIf="password?.dirty && !password?.errors?.errorslowercasemissing" class="las la-check green"></i>
+    <i *ngIf="password?.pristine || password?.errors?.['errorslowercasemissing']" class="las la-times red"></i>
+    <i *ngIf="password?.dirty && !password?.errors?.['errorslowercasemissing']" class="las la-check green"></i>
    <span class="cnsl-secondary-text">{{ 'ERRORS.LOWERCASEMISSING' | translate }}</span>
  </div>
 </div>
--- a/console/src/app/modules/policies/message-texts/message-texts.component.html
+++ b/console/src/app/modules/policies/message-texts/message-texts.component.html
@@ -46,7 +46,7 @@
 <div class="message-text-actions">
  <button
    class="reset-button"
-    *ngIf="(getCustomInitMessageTextMap$ | async) && (getCustomInitMessageTextMap$ | async)?.isDefault === false"
+    *ngIf="(getCustomInitMessageTextMap$ | async) && (getCustomInitMessageTextMap$ | async)?.['isDefault'] === false"
    [disabled]="(canWrite$ | async) === false"
    (click)="resetDefault()"
    color="message-text-warn"
--- a/console/src/app/modules/project-members/project-members.component.ts
+++ b/console/src/app/modules/project-members/project-members.component.ts
@@ -45,13 +45,13 @@ export class ProjectMembersComponent {
    private route: ActivatedRoute,
  ) {
    this.route.data.pipe(take(1)).subscribe((data) => {
-      this.projectType = data.type;
+      this.projectType = data['type'];

      this.getRoleOptions();

      this.route.params.subscribe((params) => {
-        this.projectId = params.projectid;
-        this.grantId = params.grantid;
+        this.projectId = params['projectid'];
+        this.grantId = params['grantid'];
        this.loadMembers();
      });
    });
--- a/console/src/app/modules/providers/provider-azure-ad/provider-azure-ad.component.ts
+++ b/console/src/app/modules/providers/provider-azure-ad/provider-azure-ad.component.ts
@@ -89,7 +89,7 @@ export class ProviderAzureADComponent {
      });

    this.route.data.pipe(take(1)).subscribe((data) => {
-      this.serviceType = data.serviceType;
+      this.serviceType = data['serviceType'];

      switch (this.serviceType) {
        case PolicyComponentServiceType.MGMT:
--- a/console/src/app/modules/providers/provider-github-es/provider-github-es.component.ts
+++ b/console/src/app/modules/providers/provider-github-es/provider-github-es.component.ts
@@ -80,7 +80,7 @@ export class ProviderGithubESComponent {
      });

    this.route.data.pipe(take(1)).subscribe((data) => {
-      this.serviceType = data.serviceType;
+      this.serviceType = data['serviceType'];

      switch (this.serviceType) {
        case PolicyComponentServiceType.MGMT:
--- a/console/src/app/modules/providers/provider-github/provider-github.component.ts
+++ b/console/src/app/modules/providers/provider-github/provider-github.component.ts
@@ -78,7 +78,7 @@ export class ProviderGithubComponent {
      });

    this.route.data.pipe(take(1)).subscribe((data) => {
-      this.serviceType = data.serviceType;
+      this.serviceType = data['serviceType'];

      switch (this.serviceType) {
        case PolicyComponentServiceType.MGMT:
--- a/console/src/app/modules/providers/provider-gitlab-self-hosted/provider-gitlab-self-hosted.component.ts
+++ b/console/src/app/modules/providers/provider-gitlab-self-hosted/provider-gitlab-self-hosted.component.ts
@@ -79,7 +79,7 @@ export class ProviderGitlabSelfHostedComponent {
      });

    this.route.data.pipe(take(1)).subscribe((data) => {
-      this.serviceType = data.serviceType;
+      this.serviceType = data['serviceType'];

      switch (this.serviceType) {
        case PolicyComponentServiceType.MGMT:
--- a/console/src/app/modules/providers/provider-gitlab/provider-gitlab.component.ts
+++ b/console/src/app/modules/providers/provider-gitlab/provider-gitlab.component.ts
@@ -78,7 +78,7 @@ export class ProviderGitlabComponent {
      });

    this.route.data.pipe(take(1)).subscribe((data) => {
-      this.serviceType = data.serviceType;
+      this.serviceType = data['serviceType'];

      switch (this.serviceType) {
        case PolicyComponentServiceType.MGMT:
--- a/console/src/app/modules/providers/provider-google/provider-google.component.ts
+++ b/console/src/app/modules/providers/provider-google/provider-google.component.ts
@@ -78,7 +78,7 @@ export class ProviderGoogleComponent {
      });

    this.route.data.pipe(take(1)).subscribe((data) => {
-      this.serviceType = data.serviceType;
+      this.serviceType = data['serviceType'];

      switch (this.serviceType) {
        case PolicyComponentServiceType.MGMT:
--- a/console/src/app/modules/providers/provider-jwt/provider-jwt.component.ts
+++ b/console/src/app/modules/providers/provider-jwt/provider-jwt.component.ts
@@ -51,7 +51,7 @@ export class ProviderJWTComponent {
    breadcrumbService: BreadcrumbService,
  ) {
    this.route.data.pipe(take(1)).subscribe((data) => {
-      this.serviceType = data.serviceType;
+      this.serviceType = data['serviceType'];

      switch (this.serviceType) {
        case PolicyComponentServiceType.MGMT:
--- a/console/src/app/modules/providers/provider-ldap/provider-ldap.component.html
+++ b/console/src/app/modules/providers/provider-ldap/provider-ldap.component.html
@@ -48,7 +48,13 @@
          >
          <cnsl-form-field *ngIf="!provider || (provider && updateBindPassword)" class="formfield">
            <cnsl-label>{{ 'IDP.BINDPASSWORD' | translate }}</cnsl-label>
-            <input cnslInput formControlName="bindPassword" />
+            <input
+              cnslInput
+              name="bindpassword"
+              formControlName="bindPassword"
+              type="password"
+              autocomplete="new-password"
+            />
          </cnsl-form-field>
        </div>

@@ -117,7 +123,7 @@
          color="primary"
          mat-raised-button
          class="continue-button"
-          [disabled]="(form.invalid && attributes.toObject().idAttribute !== '') || form.disabled"
+          [disabled]="form.invalid || attributes.toObject().idAttribute === '' || form.disabled"
          type="submit"
        >
          <span *ngIf="id">{{ 'ACTIONS.SAVE' | translate }}</span>
--- a/console/src/app/modules/providers/provider-ldap/provider-ldap.component.ts
+++ b/console/src/app/modules/providers/provider-ldap/provider-ldap.component.ts
@@ -83,7 +83,7 @@ export class ProviderLDAPComponent {
      });

    this.route.data.pipe(take(1)).subscribe((data) => {
-      this.serviceType = data.serviceType;
+      this.serviceType = data['serviceType'];

      switch (this.serviceType) {
        case PolicyComponentServiceType.MGMT:
--- a/console/src/app/modules/providers/provider-oauth/provider-oauth.component.ts
+++ b/console/src/app/modules/providers/provider-oauth/provider-oauth.component.ts
@@ -81,7 +81,7 @@ export class ProviderOAuthComponent {
      });

    this.route.data.pipe(take(1)).subscribe((data) => {
-      this.serviceType = data.serviceType;
+      this.serviceType = data['serviceType'];

      switch (this.serviceType) {
        case PolicyComponentServiceType.MGMT:
--- a/console/src/app/modules/providers/provider-oidc/provider-oidc.component.ts
+++ b/console/src/app/modules/providers/provider-oidc/provider-oidc.component.ts
@@ -59,7 +59,7 @@ export class ProviderOIDCComponent {
    });

    this.route.data.pipe(take(1)).subscribe((data) => {
-      this.serviceType = data.serviceType;
+      this.serviceType = data['serviceType'];

      switch (this.serviceType) {
        case PolicyComponentServiceType.MGMT:
--- a/console/src/app/modules/settings-list/settings-list.component.ts
+++ b/console/src/app/modules/settings-list/settings-list.component.ts
@@ -19,10 +19,10 @@ export class SettingsListComponent implements OnChanges {
  constructor() {}

  ngOnChanges(changes: SimpleChanges): void {
-    if (changes.selectedId?.currentValue) {
+    if (changes['selectedId']?.currentValue) {
      this.currentSetting =
-        this.settingsList && this.settingsList.find((l) => l.id === changes.selectedId.currentValue)
-          ? changes.selectedId.currentValue
+        this.settingsList && this.settingsList.find((l) => l.id === changes['selectedId'].currentValue)
+          ? changes['selectedId'].currentValue
          : '';
    } else {
      this.currentSetting = this.settingsList ? this.settingsList[0].id : '';
--- a/console/src/app/pages/projects/apps/app-detail/app-detail.component.html
+++ b/console/src/app/pages/projects/apps/app-detail/app-detail.component.html
@@ -398,10 +398,10 @@

        <ng-container *ngIf="currentSetting === 'urls'">
          <cnsl-card title=" {{ 'APP.URLS' | translate }}">
-            <cnsl-info-section *ngIf="environmentMap?.issuer">
+            <cnsl-info-section *ngIf="environmentMap['issuer']">
              <div
                [innerHtml]="
-                  'APP.OIDC.WELLKNOWN' | translate : { url: environmentMap.issuer + '/.well-known/openid-configuration' }
+                  'APP.OIDC.WELLKNOWN' | translate : { url: environmentMap['issuer'] + '/.well-known/openid-configuration' }
                "
              ></div>
            </cnsl-info-section>
--- a/console/src/app/pages/projects/owned-projects/project-grant-create/project-grant-create.component.ts
+++ b/console/src/app/pages/projects/owned-projects/project-grant-create/project-grant-create.component.ts
@@ -34,7 +34,7 @@ export class ProjectGrantCreateComponent implements OnInit, OnDestroy {

  public ngOnInit(): void {
    this.route.params.pipe(takeUntil(this.destroy$)).subscribe((params) => {
-      this.projectId = params.projectid;
+      this.projectId = params['projectid'];

      const breadcrumbs = [
        new Breadcrumb({
--- a/console/src/app/pages/projects/owned-projects/project-grant-detail/project-grant-detail.component.ts
+++ b/console/src/app/pages/projects/owned-projects/project-grant-detail/project-grant-detail.component.ts
@@ -49,19 +49,19 @@ export class ProjectGrantDetailComponent {
    private breadcrumbService: BreadcrumbService,
  ) {
    this.route.params.subscribe((params) => {
-      this.projectid = params.projectid;
-      this.grantid = params.grantid;
+      this.projectid = params['projectid'];
+      this.grantid = params['grantid'];

      this.dataSource = new ProjectGrantMembersDataSource(this.mgmtService);
-      this.dataSource.loadMembers(params.projectid, params.grantid, 0, this.INITIALPAGESIZE);
+      this.dataSource.loadMembers(params['projectid'], params['grantid'], 0, this.INITIALPAGESIZE);

-      this.getRoleOptions(params.projectid);
+      this.getRoleOptions(params['projectid']);
      this.getMemberRoleOptions();

      this.changePageFactory = (event?: PageEvent) => {
        return this.dataSource.loadMembers(
-          params.projectid,
-          params.grantid,
+          params['projectid'],
+          params['grantid'],
          event?.pageIndex ?? 0,
          event?.pageSize ?? this.INITIALPAGESIZE,
        );
--- a/console/src/app/pages/projects/projects.component.ts
+++ b/console/src/app/pages/projects/projects.component.ts
@@ -24,7 +24,7 @@ export class ProjectsComponent {
    breadcrumbService: BreadcrumbService,
  ) {
    this.activatedRoute.queryParams.pipe(take(1)).subscribe((params: Params) => {
-      const type = params.type;
+      const type = params['type'];
      if (type && type === 'owned') {
        this.setType(ProjectType.PROJECTTYPE_OWNED);
      } else if (type && type === 'granted') {
--- a/console/src/app/pages/users/user-detail/phone-detail/phone-detail.component.ts
+++ b/console/src/app/pages/users/user-detail/phone-detail/phone-detail.component.ts
@@ -11,8 +11,8 @@ export class PhoneDetailComponent implements OnChanges {
  public country: string | undefined;

  ngOnChanges(changes: SimpleChanges): void {
-    if (changes.phone.currentValue) {
-      const phoneNumber = formatPhone(changes.phone.currentValue);
+    if (changes['phone'].currentValue) {
+      const phoneNumber = formatPhone(changes['phone'].currentValue);
      if (this.phone !== phoneNumber.phone) {
        this.phone = phoneNumber.phone;
        this.country = phoneNumber.country;
--- a/console/src/app/pages/users/user-list/user-table/user-table.component.ts
+++ b/console/src/app/pages/users/user-list/user-table/user-table.component.ts
@@ -96,7 +96,7 @@ export class UserTableComponent implements OnInit {
  ngOnInit(): void {
    this.route.queryParams.pipe(take(1)).subscribe((params) => {
      this.getData(this.INITIAL_PAGE_SIZE, 0, this.type);
-      if (params.deferredReload) {
+      if (params['deferredReload']) {
        setTimeout(() => {
          this.getData(this.paginator.pageSize, this.paginator.pageIndex * this.paginator.pageSize, this.type);
        }, 2000);
--- a/console/src/app/services/seo.service.ts
+++ b/console/src/app/services/seo.service.ts
@@ -1,8 +1,6 @@
 import { Injectable } from '@angular/core';
 import { Meta } from '@angular/platform-browser';

-import { environment } from '../../environments/environment';
-
@Injectable({
  providedIn: 'root',
 })
@@ -14,7 +12,7 @@ export class SeoService {
    config = {
      title: 'ZITADEL Console',
      description: 'Managementplatform for ZITADEL',
-      image: 'https://www.zitadel.ch/zitadel-social-preview25.png',
+      image: 'https://www.zitadel.com/images/preview.png',
      slug: '',
      ...config,
    };
@@ -27,15 +25,11 @@ export class SeoService {
    if (config.image) {
      this.meta.updateTag({ property: 'og:image', content: config.image });
    }
-    this.meta.updateTag({
-      property: 'og:url',
-      content: `https://${environment.production ? 'console.zitadel.ch' : 'console.zitadel.dev'}/${config.slug}`,
-    });

    this.meta.updateTag({ property: 'twitter:card', content: 'summary' });
    this.meta.updateTag({ property: 'og:site', content: '@zitadel_ch' });
    this.meta.updateTag({ property: 'og:title', content: config.title });
-    this.meta.updateTag({ property: 'og:image', content: 'https://www.zitadel.ch/zitadel-social-preview25.png' });
+    this.meta.updateTag({ property: 'og:image', content: 'https://www.zitadel.com/images/preview.png' });
    this.meta.updateTag({ property: 'og:description', content: config.description });
  }
 }
--- a/console/src/environments/environment.prod.ts
+++ b/console/src/environments/environment.prod.ts
@@ -1,3 +0,0 @@
-export const environment = {
-  production: true,
-};
--- a/console/src/environments/environment.ts
+++ b/console/src/environments/environment.ts
@@ -1,16 +0,0 @@
-// This file can be replaced during build by using the `fileReplacements` array.
-// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
-// The list of file replacements can be found in `angular.json`.
-
-export const environment = {
-  production: false,
-};
-
-/*
- * For easier debugging in development mode, you can import the following file
- * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
- *
- * This import should be commented out in production mode because it will have a negative impact
- * on performance if an error is thrown.
- */
-// import 'zone.js/plugins/zone-error';  // Included with Angular CLI.
--- a/console/src/main.ts
+++ b/console/src/main.ts
@@ -1,15 +1,6 @@
-import 'codemirror/mode/javascript/javascript';
-import 'codemirror/mode/xml/xml';
-
-import { enableProdMode } from '@angular/core';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

 import { AppModule } from './app/app.module';
-import { environment } from './environments/environment';
-
-if (environment.production) {
-  enableProdMode();
-}

 platformBrowserDynamic()
  .bootstrapModule(AppModule)