chore!: Introduce ZITADEL v3 (#9645)

This PR summarizes multiple changes specifically only available with ZITADEL v3: - feat: Web Keys management (https://github.com/zitadel/zitadel/pull/9526) - fix(cmd): ensure proper working of mirror (https://github.com/zitadel/zitadel/pull/9509) - feat(Authz): system user support for permission check v2 (https://github.com/zitadel/zitadel/pull/9640) - chore(license): change from Apache to AGPL (https://github.com/zitadel/zitadel/pull/9597) - feat(console): list v2 sessions (https://github.com/zitadel/zitadel/pull/9539) - fix(console): add loginV2 feature flag (https://github.com/zitadel/zitadel/pull/9682) - fix(feature flags): allow reading "own" flags (https://github.com/zitadel/zitadel/pull/9649) - feat(console): add Actions V2 UI (https://github.com/zitadel/zitadel/pull/9591) BREAKING CHANGE - feat(webkey): migrate to v2beta API (https://github.com/zitadel/zitadel/pull/9445) - chore!: remove CockroachDB Support (https://github.com/zitadel/zitadel/pull/9444) - feat(actions): migrate to v2beta API (https://github.com/zitadel/zitadel/pull/9489) --------- Co-authored-by: Livio Spring <livio.a@gmail.com> Co-authored-by: Stefan Benz <46600784+stebenz@users.noreply.github.com> Co-authored-by: Silvan <27845747+adlerhurst@users.noreply.github.com> Co-authored-by: Ramon <mail@conblem.me> Co-authored-by: Elio Bischof <elio@zitadel.com> Co-authored-by: Kenta Yamaguchi <56732734+KEY60228@users.noreply.github.com> Co-authored-by: Harsha Reddy <harsha.reddy@klaviyo.com> Co-authored-by: Livio Spring <livio@zitadel.com> Co-authored-by: Max Peintner <max@caos.ch> Co-authored-by: Iraq <66622793+kkrime@users.noreply.github.com> Co-authored-by: Florian Forster <florian@zitadel.com> Co-authored-by: Tim Möhlmann <tim+github@zitadel.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> Co-authored-by: Max Peintner <peintnerm@gmail.com>
2025-12-06 18:02:46 +00:00 · 2025-04-02 16:53:06 +02:00
parent d14a23ae7e
commit 07ce3b6905
559 changed files with 14578 additions and 7622 deletions
--- a/console/src/app/modules/actions-two/actions-two-actions/actions-two-actions.component.ts
+++ b/console/src/app/modules/actions-two/actions-two-actions/actions-two-actions.component.ts
@@ -0,0 +1,143 @@
+import { ChangeDetectionStrategy, Component, DestroyRef, OnInit } from '@angular/core';
+import { ActionService } from 'src/app/services/action.service';
+import { NewFeatureService } from 'src/app/services/new-feature.service';
+import { defer, firstValueFrom, Observable, of, shareReplay, Subject, TimeoutError } from 'rxjs';
+import { catchError, filter, map, startWith, switchMap, tap, timeout } from 'rxjs/operators';
+import { ToastService } from 'src/app/services/toast.service';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { ActivatedRoute, Router } from '@angular/router';
+import { ORGANIZATIONS } from '../../settings-list/settings';
+import { ActionTwoAddActionDialogComponent } from '../actions-two-add-action/actions-two-add-action-dialog.component';
+import { MatDialog } from '@angular/material/dialog';
+import { MessageInitShape } from '@bufbuild/protobuf';
+import { Execution, ExecutionSchema } from '@zitadel/proto/zitadel/action/v2beta/execution_pb';
+import { SetExecutionRequestSchema } from '@zitadel/proto/zitadel/action/v2beta/action_service_pb';
+import { Target } from '@zitadel/proto/zitadel/action/v2beta/target_pb';
+import { Value } from 'google-protobuf/google/protobuf/struct_pb';
+
+@Component({
+  selector: 'cnsl-actions-two-actions',
+  templateUrl: './actions-two-actions.component.html',
+  styleUrls: ['./actions-two-actions.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ActionsTwoActionsComponent implements OnInit {
+  protected readonly refresh = new Subject<true>();
+  private readonly actionsEnabled$: Observable<boolean>;
+  protected readonly executions$: Observable<Execution[]>;
+  protected readonly targets$: Observable<Target[]>;
+
+  constructor(
+    private readonly actionService: ActionService,
+    private readonly featureService: NewFeatureService,
+    private readonly toast: ToastService,
+    private readonly destroyRef: DestroyRef,
+    private readonly router: Router,
+    private readonly route: ActivatedRoute,
+    private readonly dialog: MatDialog,
+  ) {
+    this.actionsEnabled$ = this.getActionsEnabled$().pipe(shareReplay({ refCount: true, bufferSize: 1 }));
+    this.executions$ = this.getExecutions$(this.actionsEnabled$);
+    this.targets$ = this.getTargets$(this.actionsEnabled$);
+  }
+
+  ngOnInit(): void {
+    // this also preloads
+    this.actionsEnabled$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(async (enabled) => {
+      if (enabled) {
+        return;
+      }
+      await this.router.navigate([], {
+        relativeTo: this.route,
+        queryParams: {
+          id: ORGANIZATIONS.id,
+        },
+        queryParamsHandling: 'merge',
+      });
+    });
+  }
+
+  private getExecutions$(actionsEnabled$: Observable<boolean>) {
+    return this.refresh.pipe(
+      startWith(true),
+      switchMap(() => {
+        return this.actionService.listExecutions({});
+      }),
+      map(({ result }) => result),
+      catchError(async (err) => {
+        const actionsEnabled = await firstValueFrom(actionsEnabled$);
+        if (actionsEnabled) {
+          this.toast.showError(err);
+        }
+        return [];
+      }),
+    );
+  }
+
+  private getTargets$(actionsEnabled$: Observable<boolean>) {
+    return this.refresh.pipe(
+      startWith(true),
+      switchMap(() => {
+        return this.actionService.listTargets({});
+      }),
+      map(({ result }) => result),
+      catchError(async (err) => {
+        const actionsEnabled = await firstValueFrom(actionsEnabled$);
+        if (actionsEnabled) {
+          this.toast.showError(err);
+        }
+        return [];
+      }),
+    );
+  }
+
+  private getActionsEnabled$() {
+    return defer(() => this.featureService.getInstanceFeatures()).pipe(
+      map(({ actions }) => actions?.enabled ?? false),
+      timeout(1000),
+      catchError((err) => {
+        if (!(err instanceof TimeoutError)) {
+          this.toast.showError(err);
+        }
+        return of(false);
+      }),
+    );
+  }
+
+  public openDialog(execution?: Execution): void {
+    const ref = this.dialog.open<ActionTwoAddActionDialogComponent>(ActionTwoAddActionDialogComponent, {
+      width: '400px',
+      data: execution
+        ? {
+            execution: execution,
+          }
+        : {},
+    });
+
+    ref.afterClosed().subscribe((request?: MessageInitShape<typeof SetExecutionRequestSchema>) => {
+      if (request) {
+        this.actionService
+          .setExecution(request)
+          .then(() => {
+            setTimeout(() => {
+              this.refresh.next(true);
+            }, 1000);
+          })
+          .catch((error) => {
+            console.error(error);
+            this.toast.showError(error);
+          });
+      }
+    });
+  }
+
+  public async deleteExecution(execution: Execution) {
+    const deleteReq: MessageInitShape<typeof SetExecutionRequestSchema> = {
+      condition: execution.condition,
+      targets: [],
+    };
+    await this.actionService.setExecution(deleteReq);
+    await new Promise((res) => setTimeout(res, 1000));
+    this.refresh.next(true);
+  }
+}