From 5e20d3b4b8237a82f6413f5bb7fe803401342f03 Mon Sep 17 00:00:00 2001 From: Dafnik Date: Fri, 9 Feb 2024 13:35:54 +0100 Subject: [PATCH 01/13] feat: add stripe --- .eslintrc.json | 2 +- angular.json | 7 +- package.json | 1 + pnpm-lock.yaml | 12 +- src/app/_shared/services/error-interceptor.ts | 14 -- src/app/_shared/ui/footer/footer.component.ts | 10 +- .../ui/loading/app-progress-bar.component.ts | 7 +- src/app/_shared/waiterrobot-backend.d.ts | 54 +++++ .../dead-letters/dead-letters.component.ts | 2 +- .../system-notifications.component.ts | 2 +- .../tmp-notification-view.component.ts | 144 +++++++++--- .../tmp-notifications.component.ts | 23 +- .../tmp-notifications.routes.ts | 2 +- .../tmp-notifications.service.ts | 16 +- src/app/home/_admin/users/users.component.ts | 2 +- .../color/color-picker.component.ts | 23 +- .../scrollable-toolbar.component.ts | 2 +- .../_shared/services/user/my-user.service.ts | 3 +- src/app/home/_shared/stop-propagation.ts | 12 + .../bills/all-unpaid-reasons.component.ts | 2 +- src/app/home/bills/bill-info.component.ts | 52 +++-- src/app/home/bills/bills.component.ts | 2 +- src/app/home/bills/bills.layout.ts | 8 +- src/app/home/bills/bills.routes.ts | 5 +- src/app/home/events/events.component.ts | 2 +- src/app/home/home-theme.component.ts | 2 +- .../home/orders/orders/orders.component.html | 2 +- .../_services/organisations-stripe.service.ts | 100 +++++++++ .../_services/organisations-users.service.ts | 8 +- .../organisation-edit-settings.component.ts | 5 +- .../organisation-edit-stripe.component.ts | 206 ++++++++++++++++++ .../organisation-edit-users.component.ts | 135 ++++++------ .../organisation-edit.component.ts | 45 ++-- ...nisation-stripe-account-modal.component.ts | 78 +++++++ .../stripe-account-state-badge.component.ts | 57 +++++ .../organisations/organisations.component.ts | 37 +++- src/app/home/printers/printers.component.ts | 2 +- .../home/products/product-groups.component.ts | 2 +- .../products/products-by-group.component.ts | 2 +- src/app/home/products/products.component.ts | 2 +- src/app/home/products/products.routes.ts | 33 +-- src/app/home/tables/table-groups.component.ts | 2 +- src/app/home/tables/tables.component.ts | 2 +- src/app/home/tables/tables.layout.ts | 9 +- .../waiters/waiters-by-event.component.ts | 3 +- src/app/home/waiters/waiters.component.ts | 3 +- .../_shared/app-logo-with-text.component.ts | 2 +- src/assets/i18n/de.json | 6 + src/styles.scss | 33 ++- tsconfig.json | 13 +- 50 files changed, 938 insertions(+), 260 deletions(-) create mode 100644 src/app/home/_shared/stop-propagation.ts create mode 100644 src/app/home/organisations/_services/organisations-stripe.service.ts create mode 100644 src/app/home/organisations/organisation-edit/organisation-edit-stripe.component.ts create mode 100644 src/app/home/organisations/organisation-edit/organisation-stripe-account-modal.component.ts create mode 100644 src/app/home/organisations/organisation-edit/stripe-account-state-badge.component.ts diff --git a/.eslintrc.json b/.eslintrc.json index 6e4f1a4e..8118a607 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -29,7 +29,7 @@ ], "rules": { "@typescript-eslint/explicit-module-boundary-types": [ - "warn", + "off", { "allowArgumentsExplicitlyTypedAsAny": true } diff --git a/angular.json b/angular.json index 48337f61..81a1ce0e 100644 --- a/angular.json +++ b/angular.json @@ -25,7 +25,12 @@ "browser": "src/main.ts", "polyfills": ["zone.js", "@angular/localize/init"], "tsConfig": "tsconfig.app.json", - "assets": ["src/favicon.ico", "src/assets", "src/site.webmanifest"], + "assets": [ + "src/favicon.ico", + "src/assets", + "src/site.webmanifest", + {"glob": "**/*", "input": "node_modules/ng2-pdfjs-viewer/pdfjs", "output": "/assets/pdfjs"} + ], "styles": [ "src/styles.scss", "node_modules/dfx-helper/styles/helper.scss", diff --git a/package.json b/package.json index b9a59673..603d6935 100644 --- a/package.json +++ b/package.json @@ -48,6 +48,7 @@ "dfx-translate": "4.0.0-beta.0", "html-to-image": "1.11.11", "jspdf": "2.5.1", + "ng2-pdfjs-viewer": "^17.0.3", "ngxtension": "2.0.0", "rxjs": "7.8.1", "tslib": "2.6.2", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 5e23b719..de76ca64 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -7,7 +7,7 @@ settings: dependencies: '@angular-devkit/build-angular': specifier: ^17.0.10 - version: 17.0.10(@angular/compiler-cli@17.1.3)(@angular/localize@17.1.3)(@types/node@20.2.5)(karma@6.4.2)(typescript@5.3.3) + version: 17.0.10(@angular/compiler-cli@17.1.1)(@angular/localize@17.1.1)(@types/node@20.2.5)(karma@6.4.2)(typescript@5.3.3) '@angular/animations': specifier: 17.1.3 version: 17.1.3(@angular/core@17.1.3) @@ -222,7 +222,7 @@ packages: - chokidar dev: true - /@angular-devkit/build-angular@17.0.10(@angular/compiler-cli@17.1.3)(@angular/localize@17.1.3)(@types/node@20.2.5)(karma@6.4.2)(typescript@5.3.3): + /@angular-devkit/build-angular@17.0.10(@angular/compiler-cli@17.1.1)(@angular/localize@17.1.1)(@types/node@20.2.5)(karma@6.4.2)(typescript@5.3.3): resolution: {integrity: sha512-RWVu5Pdg6VdO3v1i0oI+HGr/NE4rhbNelM43w+9TqrzDtwmvckWsadSp0H88cPhQ4YGY5ldGKyQufO1UItR26w==} engines: {node: ^18.13.0 || >=20.9.0, npm: ^6.11.0 || ^7.5.6 || >=8.0.0, yarn: '>= 1.13.0'} peerDependencies: @@ -2681,8 +2681,8 @@ packages: resolution: {integrity: sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==} dev: false - /@schematics/angular@17.1.3: - resolution: {integrity: sha512-hmeasOvzmniy6urtzUKhEqGO67iPuLX/dVtkF4nWp2NTtcEKlvcJobNDMc+CTlX4+ZMPVOvmhDMQqrlfekZ+NQ==} + /@schematics/angular@17.1.1: + resolution: {integrity: sha512-1Wqefy1W9Y63g48Fp7BscL95V4U1seDGgZawH6DcJnytJVW89hazao7YREzLYfdoediuw7lU+OHJksWYe4VQww==} engines: {node: ^18.13.0 || >=20.9.0, npm: ^6.11.0 || ^7.5.6 || >=8.0.0, yarn: '>= 1.13.0'} dependencies: '@angular-devkit/core': 17.1.3 @@ -7525,8 +7525,8 @@ packages: resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==} dev: false - /ngxtension@2.0.0(@angular/common@17.1.3)(@angular/core@17.1.3)(@use-gesture/vanilla@10.3.0)(rxjs@7.8.1): - resolution: {integrity: sha512-S/MJ2rifemopwmq4rexfWmxnURGZeBxUwivG6ymbLusHsfHuQo821RzMl+fmJwMr4Yt5nLwUsralM7Vipd7/nQ==} + /ngxtension@1.12.0(@angular/common@17.1.1)(@angular/core@17.1.1)(@use-gesture/vanilla@10.3.0)(rxjs@7.8.1): + resolution: {integrity: sha512-zcipEnzFV7BRhqFOFR5cFL4RXaR1L32+F4fZJ+IK07LpqoIwk5A4oXV433r3XhDh1q8FykKzGnhlE5FdmGDsSA==} engines: {node: '>=18'} peerDependencies: '@angular/common': '>=16.0.0' diff --git a/src/app/_shared/services/error-interceptor.ts b/src/app/_shared/services/error-interceptor.ts index 28074bc5..79ef47da 100644 --- a/src/app/_shared/services/error-interceptor.ts +++ b/src/app/_shared/services/error-interceptor.ts @@ -13,21 +13,7 @@ export function errorInterceptor(req: HttpRequest, next: HttpHandlerFn) // Rate limit exceeded if (error?.status === 429) { notificationService.terror('ABOUT_SIGNIN_FAILED_RATE_LIMIT'); - return throwError(() => error); } - if ( - error?.status === 401 || - error?.status === 403 || - error?.status === 500 || - error?.status === 502 || - error?.status === 503 || - error?.status === 504 || - error?.status === 404 || - error?.status === 0 - ) { - return throwError(() => error); - } - notificationService.terror('REQUEST_ERROR'); return throwError(() => error); }), ); diff --git a/src/app/_shared/ui/footer/footer.component.ts b/src/app/_shared/ui/footer/footer.component.ts index bb3c0d88..fbb044c6 100644 --- a/src/app/_shared/ui/footer/footer.component.ts +++ b/src/app/_shared/ui/footer/footer.component.ts @@ -48,11 +48,8 @@ import {dfxTranslateSetLanguage, TranslateStore} from 'dfx-translate';
♥
by
- @for (name of names; track name; let last = $last) { + @for (name of names; track name; let index = $index) {
- @if (last) { - & - }
{{ name }} Image
- @if (!last) { + @if (index < 1) { , } + @if (index === 1) { + & + }
} diff --git a/src/app/_shared/ui/loading/app-progress-bar.component.ts b/src/app/_shared/ui/loading/app-progress-bar.component.ts index 49e6fa5d..071b8825 100644 --- a/src/app/_shared/ui/loading/app-progress-bar.component.ts +++ b/src/app/_shared/ui/loading/app-progress-bar.component.ts @@ -1,9 +1,9 @@ -import {booleanAttribute, ChangeDetectionStrategy, Component, Input} from '@angular/core'; +import {booleanAttribute, ChangeDetectionStrategy, Component, input} from '@angular/core'; @Component({ template: `
- @if (!hidden) { + @if (show()) {
@@ -45,6 +45,5 @@ import {booleanAttribute, ChangeDetectionStrategy, Component, Input} from '@angu changeDetection: ChangeDetectionStrategy.OnPush, }) export class AppProgressBarComponent { - @Input({transform: booleanAttribute}) - hidden = false; + show = input(false, {transform: booleanAttribute}); } diff --git a/src/app/_shared/waiterrobot-backend.d.ts b/src/app/_shared/waiterrobot-backend.d.ts index 30e80ed5..5fd3b1ab 100644 --- a/src/app/_shared/waiterrobot-backend.d.ts +++ b/src/app/_shared/waiterrobot-backend.d.ts @@ -1,3 +1,4 @@ + /* tslint:disable */ /* * --------------------------------------------------------------- @@ -156,6 +157,21 @@ export interface UpdateTableGroupDto { color?: string; } +export interface UpdateStripeAccountDto { + id: string; + /** + * @minLength 4 + * @maxLength 40 + */ + name: string; + /** @format int64 */ + eventId?: number; +} + +export interface AlphabeticIdResponse { + id: string; +} + export interface UpdateProductDto { /** @format int64 */ id: number; @@ -689,6 +705,19 @@ export interface CreateTableGroupDto { eventId: number; } +export interface CreateStripeAccountDto { + /** + * @minLength 4 + * @maxLength 40 + */ + name: string; + /** @format int64 */ + organisationId: number; + /** @format int64 */ + eventId?: number; + businessType: 'COMPANY' | 'INDIVIDUAL' | 'NON_PROFIT'; +} + export interface CreateProductDto { /** * @minLength 1 @@ -1080,6 +1109,7 @@ export interface TempNotification { subject: string; body: string; bodyHTML?: string; + id: string; /** @format date-time */ createdAt: string; } @@ -1131,6 +1161,30 @@ export interface GetUserResponse { role: 'ADMIN' | 'USER'; } +export interface GetStripeAccountResponse { + id: string; + name: string; + /** @format int64 */ + organisationId: number; + event?: GetEventOrLocationMinResponse; + state: 'ONBOARDING' | 'ACTIVE'; +} + +export interface GetStripeAccountLinkResponse { + dashboardUrl?: string; + onboardingUrl?: string; +} + +export interface GetStripeAccountMaxResponse { + id: string; + name: string; + /** @format int64 */ + organisationId: number; + event?: GetEventOrLocationMinResponse; + state: 'ONBOARDING' | 'ACTIVE'; + link: GetStripeAccountLinkResponse; +} + export interface StatisticsTimelineDataEntryResponse { /** @format date-time */ name: string; diff --git a/src/app/home/_admin/dead-letters/dead-letters.component.ts b/src/app/home/_admin/dead-letters/dead-letters.component.ts index 19a3098c..6a6031cd 100644 --- a/src/app/home/_admin/dead-letters/dead-letters.component.ts +++ b/src/app/home/_admin/dead-letters/dead-letters.component.ts @@ -122,7 +122,7 @@ import {DeadLettersService} from './dead-letters.service';
- + `, selector: 'app-all-dead-letters', diff --git a/src/app/home/_admin/system-notifications/system-notifications.component.ts b/src/app/home/_admin/system-notifications/system-notifications.component.ts index 44f6fd92..6b83193d 100644 --- a/src/app/home/_admin/system-notifications/system-notifications.component.ts +++ b/src/app/home/_admin/system-notifications/system-notifications.component.ts @@ -132,7 +132,7 @@ import {SystemNotificationsService} from './_services/system-notifications.servi - + `, selector: 'app-all-system-notifications', diff --git a/src/app/home/_admin/tmp-notifications/tmp-notification-view.component.ts b/src/app/home/_admin/tmp-notifications/tmp-notification-view.component.ts index e3feb938..b3800d6a 100644 --- a/src/app/home/_admin/tmp-notifications/tmp-notification-view.component.ts +++ b/src/app/home/_admin/tmp-notifications/tmp-notification-view.component.ts @@ -1,14 +1,21 @@ import {DatePipe} from '@angular/common'; -import {Component, inject, OnInit, ViewEncapsulation} from '@angular/core'; +import {Component, computed, inject, ViewChild, ViewEncapsulation} from '@angular/core'; import {Router} from '@angular/router'; +import {filter, map, pipe, startWith, switchMap} from 'rxjs'; + import {AppBackButtonComponent} from '@home-shared/components/button/app-back-button.component'; import {ScrollableToolbarComponent} from '@home-shared/components/scrollable-toolbar.component'; -import {NgbNavModule} from '@ng-bootstrap/ng-bootstrap'; +import {NgbNavModule, NgbTooltip} from '@ng-bootstrap/ng-bootstrap'; import {AppProgressBarComponent} from '@shared/ui/loading/app-progress-bar.component'; +import {PdfJsViewerComponent, PdfJsViewerModule} from 'ng2-pdfjs-viewer'; +import {computedFrom} from 'ngxtension/computed-from'; +import {injectParams} from 'ngxtension/inject-params'; import {BiComponent} from 'dfx-bootstrap-icons'; import {DfxTr} from 'dfx-translate'; +import {cl_copy} from 'dfts-helper'; +import {DfxCutPipe} from 'dfx-helper'; import {TmpNotificationsService} from './tmp-notifications.service'; @@ -16,7 +23,7 @@ import {TmpNotificationsService} from './tmp-notifications.service'; template: ` @if (tmpNotification(); as it) {
-

TMP-Notification

+

TMP-Notification {{ it.id }}

@@ -33,33 +40,60 @@ import {TmpNotificationsService} from './tmp-notifications.service';
-

HTML

- -
    -
  • - - -
    - 
    
-              
    
-                
-          
    • 
-          
  • 
-            
-            
-              
    
-                
    {{ it.bodyHTML }}
    
-              
    
-                
-          
    • 
-        

-
-        

+        @if (it.bodyHTML) {
+          
HTML

+
+          
    
+            
  • 
+              
+              
+                
    
+                  
    
+                    
+                  
    
+                  
    
+                
    
+                  
+            
    • 
+            
  • 
+              
+              
+                
    
+                  
    
+                    
+                  
    
+                  
    {{ it.bodyHTML }}
    
+                
    
+                  
+            
    • 
+          

+
+          

+
+          

+        }
 
         
Text

 
-        

-          
{{ it.body }}

+        

+          

+            

+              
+            

+            
{{ it.body }}

+          

+
+          @if (tmpNotificationPdf(); as pdf) {
+            

+              
+            

+          }
         

       

     }
@@ -73,7 +107,10 @@ import {TmpNotificationsService} from './tmp-notifications.service';
       }
       .json-data {
         margin-bottom: 0;
+        white-space: normal; /* Ensures normal text wrapping */
+        word-wrap: break-word; /* Allows words to break and wrap */
       }
+
       /** Style email **/
       .container {
         display: flex;
@@ -104,17 +141,58 @@ import {TmpNotificationsService} from './tmp-notifications.service';
     `,
   ],
   selector: 'app-tmp-notification-view',
-  imports: [DfxTr, BiComponent, ScrollableToolbarComponent, AppBackButtonComponent, DatePipe, AppProgressBarComponent, NgbNavModule],
+  imports: [
+    DfxTr,
+    BiComponent,
+    ScrollableToolbarComponent,
+    AppBackButtonComponent,
+    DatePipe,
+    AppProgressBarComponent,
+    NgbNavModule,
+    PdfJsViewerModule,
+    NgbTooltip,
+    DfxCutPipe,
+  ],
   encapsulation: ViewEncapsulation.None,
   standalone: true,
 })
-export class TmpNotificationViewComponent implements OnInit {
+export class TmpNotificationViewComponent {
   router = inject(Router);
-  tmpNotification = inject(TmpNotificationsService).single;
+  tmpNotificationService = inject(TmpNotificationsService);
+
+  tmpNotification = computedFrom(
+    [injectParams('id')],
+    pipe(
+      map(([id]) => id),
+      filter((id): id is string => !!id),
+      switchMap((id) => this.tmpNotificationService.getSingle$(id)),
+      startWith(undefined),
+    ),
+  );
+
+  tmpNotificationPdf = computed(() => base64ToArrayBuffer(this.tmpNotification()!.body));
+
+  @ViewChild('pdfViewerAutoLoad') pdfViewerAutoLoad!: PdfJsViewerComponent;
+
+  copy(it: string) {
+    cl_copy(it);
+  }
+}
+
+function base64ToArrayBuffer(base64: string): Uint8Array | undefined {
+  try {
+    if (!/^(?:[A-Za-z0-9+/]{4})*?(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=)?$/.test(base64)) {
+      return undefined;
+    }
 
-  ngOnInit(): void {
-    if (!this.tmpNotification()) {
-      void this.router.navigateByUrl('/tmp-notifications');
+    const binary_string = window.atob(base64);
+    const len = binary_string.length;
+    const bytes = new Uint8Array(len);
+    for (let i = 0; i < len; i++) {
+      bytes[i] = binary_string.charCodeAt(i);
     }
+    return bytes;
+  } catch {
+    return undefined;
   }
 }
diff --git a/src/app/home/_admin/tmp-notifications/tmp-notifications.component.ts b/src/app/home/_admin/tmp-notifications/tmp-notifications.component.ts
index aac3c18d..13e40c8d 100644
--- a/src/app/home/_admin/tmp-notifications/tmp-notifications.component.ts
+++ b/src/app/home/_admin/tmp-notifications/tmp-notifications.component.ts
@@ -7,6 +7,7 @@ import {AbstractModelsListComponent} from '@home-shared/list/abstract-models-lis
 import {NgbTooltipModule} from '@ng-bootstrap/ng-bootstrap';
 import {AppProgressBarComponent} from '@shared/ui/loading/app-progress-bar.component';
 import {TempNotification} from '@shared/waiterrobot-backend';
+import {StopPropagationDirective} from '@home-shared/stop-propagation';
 
 import {BiComponent} from 'dfx-bootstrap-icons';
 import {DfxSortModule, DfxTableModule} from 'dfx-bootstrap-table';
@@ -39,6 +40,10 @@ import {TmpNotificationsService} from './tmp-notifications.service';
 
       

         
+          
+            
+            
+          
             
@@ -56,15 +61,24 @@ import {TmpNotificationsService} from './tmp-notifications.service';
 
           
             
-            
+            
+          
+
+          
+            
+            
-          
+          
{{ 'Id' | tr }}{{ it.id | s_cut: 20 : '...' }}
           {{ 'To' | tr }}
             {{ it.to }}{{ 'HOME_ORDER_CREATED_AT' | tr }}{{ it.createdAt | date: 'dd.MM.YYYY HH:mm:ss:SSS' }}{{ it.createdAt | date: 'dd.MM.YY HH:mm:ss:SSS' }}{{ 'ACTIONS' | tr }}
+              
+                
+              
+            
           
 
           

         

       

 
-      
+      
     

   `,
   selector: 'app-all-dead-letters',
@@ -82,11 +96,12 @@ import {TmpNotificationsService} from './tmp-notifications.service';
     BiComponent,
     DfxCutPipe,
     AppProgressBarComponent,
+    StopPropagationDirective,
   ],
 })
 export class TmpNotificationsComponent extends AbstractModelsListComponent {
   constructor(public deadLettersService: TmpNotificationsService) {
     super(deadLettersService);
-    this.columnsToDisplay = ['to', 'subject', 'body', 'createdAt'];
+    this.columnsToDisplay = ['id', 'to', 'subject', 'body', 'createdAt', 'actions'];
   }
 }
diff --git a/src/app/home/_admin/tmp-notifications/tmp-notifications.routes.ts b/src/app/home/_admin/tmp-notifications/tmp-notifications.routes.ts
index d8b75c63..0aa602b9 100644
--- a/src/app/home/_admin/tmp-notifications/tmp-notifications.routes.ts
+++ b/src/app/home/_admin/tmp-notifications/tmp-notifications.routes.ts
@@ -6,7 +6,7 @@ export const ROUTES: Routes = [
     children: [
       {path: 'all', loadComponent: () => import('./tmp-notifications.component').then((c) => c.TmpNotificationsComponent)},
       {
-        path: 'view',
+        path: 'view/:id',
         loadComponent: () => import('./tmp-notification-view.component').then((c) => c.TmpNotificationViewComponent),
       },
       {path: '', pathMatch: 'full', redirectTo: 'all'},
diff --git a/src/app/home/_admin/tmp-notifications/tmp-notifications.service.ts b/src/app/home/_admin/tmp-notifications/tmp-notifications.service.ts
index 48cf4419..3310672e 100644
--- a/src/app/home/_admin/tmp-notifications/tmp-notifications.service.ts
+++ b/src/app/home/_admin/tmp-notifications/tmp-notifications.service.ts
@@ -1,20 +1,22 @@
 import {HttpClient} from '@angular/common/http';
-import {inject, Injectable, signal} from '@angular/core';
+import {inject, Injectable} from '@angular/core';
 
-import {BehaviorSubject, Observable, switchMap} from 'rxjs';
+import {BehaviorSubject, map, Observable, switchMap} from 'rxjs';
 
 import {TempNotification} from '../../../_shared/waiterrobot-backend';
 
 @Injectable({providedIn: 'root'})
 export class TmpNotificationsService {
-  private httpClient = inject(HttpClient);
-  url = '/public/temp-notifications';
+  #httpClient = inject(HttpClient);
+  #url = '/public/temp-notifications';
 
-  triggerGet$ = new BehaviorSubject(true);
+  #triggerGet$ = new BehaviorSubject(true);
 
   getAll$(): Observable {
-    return this.triggerGet$.pipe(switchMap(() => this.httpClient.get(`${this.url}`)));
+    return this.#triggerGet$.pipe(switchMap(() => this.#httpClient.get(`${this.#url}`)));
   }
 
-  single = signal(undefined);
+  getSingle$(id: string): Observable {
+    return this.getAll$().pipe(map((notifications) => notifications.find((it) => it.id === id)));
+  }
 }
diff --git a/src/app/home/_admin/users/users.component.ts b/src/app/home/_admin/users/users.component.ts
index 93409160..3f5278a4 100644
--- a/src/app/home/_admin/users/users.component.ts
+++ b/src/app/home/_admin/users/users.component.ts
@@ -100,7 +100,7 @@ import {UsersService} from './services/users.service';
         
       
 
-      
+      
     
   `,
   selector: 'app-all-users',
diff --git a/src/app/home/_shared/components/color/color-picker.component.ts b/src/app/home/_shared/components/color/color-picker.component.ts
index 922998b5..8e3c6c21 100644
--- a/src/app/home/_shared/components/color/color-picker.component.ts
+++ b/src/app/home/_shared/components/color/color-picker.component.ts
@@ -10,10 +10,10 @@ import {AppIsLightColorPipe} from './app-is-light-color.pipe';
 
 @Component({
   template: `
-    

+    

       
+      

+        
+      

     

 
     
diff --git a/src/app/home/_shared/components/scrollable-toolbar.component.ts b/src/app/home/_shared/components/scrollable-toolbar.component.ts
index 817f99f8..71f55a60 100644
--- a/src/app/home/_shared/components/scrollable-toolbar.component.ts
+++ b/src/app/home/_shared/components/scrollable-toolbar.component.ts
@@ -5,7 +5,7 @@ import {AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, ViewChild
     

       
     

diff --git a/src/app/home/_shared/services/user/my-user.service.ts b/src/app/home/_shared/services/user/my-user.service.ts
index e3b9278f..e23f4a69 100644
--- a/src/app/home/_shared/services/user/my-user.service.ts
+++ b/src/app/home/_shared/services/user/my-user.service.ts
@@ -6,7 +6,7 @@ import {catchError, EMPTY, filter, map, merge, Observable, of, Subject, switchMa
 
 import {connect} from 'ngxtension/connect';
 
-import {loggerOf, notNullAndUndefined} from 'dfts-helper';
+import {notNullAndUndefined} from 'dfts-helper';
 
 import {AuthService} from '../../../../_shared/services/auth/auth.service';
 import {GetMyselfResponse} from '../../../../_shared/waiterrobot-backend';
@@ -24,7 +24,6 @@ type MyUserState = {
 export class MyUserService {
   private httpClient = inject(HttpClient);
   private authStatus$ = inject(AuthService).status$;
-  private lumber = loggerOf('MyUserService');
 
   private manualUserChange: Subject = new Subject();
 
diff --git a/src/app/home/_shared/stop-propagation.ts b/src/app/home/_shared/stop-propagation.ts
new file mode 100644
index 00000000..482a0760
--- /dev/null
+++ b/src/app/home/_shared/stop-propagation.ts
@@ -0,0 +1,12 @@
+import {Directive, HostListener} from '@angular/core';
+
+@Directive({
+  selector: '[stopPropagation]',
+  standalone: true,
+})
+export class StopPropagationDirective {
+  @HostListener('click', ['$event'])
+  onClick(event: MouseEvent): void {
+    event.stopPropagation();
+  }
+}
diff --git a/src/app/home/bills/all-unpaid-reasons.component.ts b/src/app/home/bills/all-unpaid-reasons.component.ts
index 2c39779a..d6e0c951 100644
--- a/src/app/home/bills/all-unpaid-reasons.component.ts
+++ b/src/app/home/bills/all-unpaid-reasons.component.ts
@@ -124,7 +124,7 @@ import {UnpaidReasonsService} from './_services/unpaid-reasons.service';
         
       

 
-      
+      
     
   `,
   selector: 'app-all-unpaid-reasons',
diff --git a/src/app/home/bills/bill-info.component.ts b/src/app/home/bills/bill-info.component.ts
index e40b9dd0..21b694a9 100644
--- a/src/app/home/bills/bill-info.component.ts
+++ b/src/app/home/bills/bill-info.component.ts
@@ -26,34 +26,38 @@ import {BillsService} from './_services/bills.service';
         
 
         
-          
+          
 
-          
-            
-            {{ vm.bill.createdAt | date: 'dd.MM.yy HH:mm:ss' }}
-          
+          
 
-          
-            
-            {{ vm.bill.table.group.name }} - {{ vm.bill.table.number }}
-          
+          

+            
+              
+              {{ vm.bill.createdAt | date: 'dd.MM.yy HH:mm:ss' }}
+            
+          

 
-          
-            
-            {{ vm.bill.waiter.name }}
-          
-        
+          
 
-        
-          
+          
         
 
         

diff --git a/src/app/home/bills/bills.component.ts b/src/app/home/bills/bills.component.ts
index 8090bc6a..c08e4d92 100644
--- a/src/app/home/bills/bills.component.ts
+++ b/src/app/home/bills/bills.component.ts
@@ -235,7 +235,7 @@ import {UnpaidReasonsService} from './_services/unpaid-reasons.service';
         
       
 
-      
+      
 
       @if (!pagination.loading() && dataSource().length < 1) {
         

diff --git a/src/app/home/bills/bills.layout.ts b/src/app/home/bills/bills.layout.ts
index da2d7082..c587d28a 100644
--- a/src/app/home/bills/bills.layout.ts
+++ b/src/app/home/bills/bills.layout.ts
@@ -8,18 +8,18 @@ import {EntitiesLayout} from '../_shared/layouts/entities.layout';
 
 @Component({
   template: ` 
-    

+    
       

         
           
-          {{ 'Rechnungen' | tr }}
+          {{ 'NAV_BILLS' | tr }}
         
-        
+        
           
           {{ 'HOME_BILL_UNPAID_REASON' | tr }}
         
       

-    

+    
   `,
   selector: 'app-bills',
   standalone: true,
diff --git a/src/app/home/bills/bills.routes.ts b/src/app/home/bills/bills.routes.ts
index 3b8c3073..7f586169 100755
--- a/src/app/home/bills/bills.routes.ts
+++ b/src/app/home/bills/bills.routes.ts
@@ -6,8 +6,11 @@ export const ROUTES: Routes = [
     loadComponent: () => import('./bills.layout').then((c) => c.BillsLayout),
     children: [
       {path: 'all', loadComponent: () => import('./bills.component').then((c) => c.BillsComponent)},
-      {path: 'unpaidReasons', loadComponent: () => import('./all-unpaid-reasons.component').then((c) => c.AllUnpaidReasonsComponent)},
       {path: ':id', loadComponent: () => import('./bill-info.component').then((c) => c.BillInfoComponent)},
+      {
+        path: 'reasons',
+        children: [{path: 'all', loadComponent: () => import('./all-unpaid-reasons.component').then((c) => c.AllUnpaidReasonsComponent)}],
+      },
       {path: '', pathMatch: 'full', redirectTo: 'all'},
     ],
   },
diff --git a/src/app/home/events/events.component.ts b/src/app/home/events/events.component.ts
index 81130bde..d8ba5d2d 100644
--- a/src/app/home/events/events.component.ts
+++ b/src/app/home/events/events.component.ts
@@ -154,7 +154,7 @@ import {SelectedEventService} from './_services/selected-event.service';
         
       

 
-      
+      
     
   `,
   selector: 'app-all-events',
diff --git a/src/app/home/home-theme.component.ts b/src/app/home/home-theme.component.ts
index 85c20eb1..8c46b7cc 100644
--- a/src/app/home/home-theme.component.ts
+++ b/src/app/home/home-theme.component.ts
@@ -8,7 +8,7 @@ import {BiComponent} from 'dfx-bootstrap-icons';
 @Component({
   template: `
     
   `,
diff --git a/src/app/home/orders/orders/orders.component.html b/src/app/home/orders/orders/orders.component.html
index 04bbe98c..0c2fce05 100644
--- a/src/app/home/orders/orders/orders.component.html
+++ b/src/app/home/orders/orders/orders.component.html
@@ -232,7 +232,7 @@ 
{{ 'NAV_ORDERS' | tr }}

     
   
 
-  
+  
 
   @if (!pagination.loading() && dataSource().length < 1) {
   
{{ 'HOME_STATISTICS_NO_DATA' | tr }}

diff --git a/src/app/home/organisations/_services/organisations-stripe.service.ts b/src/app/home/organisations/_services/organisations-stripe.service.ts
new file mode 100644
index 00000000..aed3907b
--- /dev/null
+++ b/src/app/home/organisations/_services/organisations-stripe.service.ts
@@ -0,0 +1,100 @@
+import {HttpClient} from '@angular/common/http';
+import {inject, Injectable} from '@angular/core';
+
+import {catchError, concat, map, Observable, of, switchMap, tap} from 'rxjs';
+
+import {
+  AlphabeticIdResponse,
+  CreateStripeAccountDto,
+  GetStripeAccountMaxResponse,
+  GetStripeAccountResponse,
+  UpdateStripeAccountDto,
+} from '@shared/waiterrobot-backend';
+import {signalSlice} from 'ngxtension/signal-slice';
+import {NotificationService} from '@shared/notifications/notification.service';
+
+import {injectWindow} from 'dfx-helper';
+
+type OrganisationStripeState = {
+  loading: boolean;
+  organisationId: number | undefined;
+  data: GetStripeAccountResponse[] | undefined;
+};
+
+@Injectable({
+  providedIn: 'root',
+})
+export class OrganisationsStripeService {
+  #url = '/config/stripe/account';
+
+  #httpClient = inject(HttpClient);
+  #window = injectWindow();
+  #notificationService = inject(NotificationService);
+
+  #initialState: OrganisationStripeState = {
+    loading: true,
+    organisationId: undefined,
+    data: undefined,
+  };
+
+  #load$(organisationId: number) {
+    return this.#httpClient
+      .get(this.#url, {params: {organisationId}})
+      .pipe(map((data) => ({organisationId, data, loading: false})));
+  }
+
+  #create$(dto: CreateStripeAccountDto) {
+    return this.#httpClient.post(this.#url, dto).pipe(
+      switchMap(({id}) => this.openLink$(id)),
+      map(() => ({})),
+    );
+  }
+
+  #update$(dto: UpdateStripeAccountDto) {
+    return this.#httpClient.put(this.#url, dto).pipe(map(() => ({})));
+  }
+
+  #delete$(id: string) {
+    return this.#httpClient.delete(`${this.#url}/${id}`).pipe(
+      map(() => ({})),
+      catchError(() => {
+        this.#notificationService.terror('STRIPE_ACCOUNT_BALANCE_NOT_EMPTY');
+        return of({});
+      }),
+    );
+  }
+
+  state = signalSlice({
+    initialState: this.#initialState,
+    actionSources: {
+      load: (state, $: Observable) =>
+        $.pipe(switchMap((organisationId) => concat(of({loading: true}), this.#load$(organisationId ?? state().organisationId!)))),
+      create: (state, action$: Observable) =>
+        action$.pipe(switchMap((dto) => concat(of({loading: true}), this.#create$(dto), this.#load$(state().organisationId!)))),
+      update: (state, action$: Observable) =>
+        action$.pipe(switchMap((dto) => concat(of({loading: true}), this.#update$(dto), this.#load$(state().organisationId!)))),
+      delete: (state, action$: Observable) =>
+        action$.pipe(
+          switchMap((id) =>
+            concat(
+              of({loading: true, data: state().data?.filter((it) => it.id !== id)}),
+              this.#delete$(id),
+              this.#load$(state().organisationId!),
+            ),
+          ),
+        ),
+    },
+  });
+
+  openLink$(id: string) {
+    return this.#httpClient.get(`/config/stripe/account/${id}`).pipe(
+      tap((it) => {
+        if (it.state === 'ACTIVE') {
+          this.#window!.open(it.link.dashboardUrl, '_blank');
+          return;
+        }
+        this.#window!.location.href = it.link.onboardingUrl!;
+      }),
+    );
+  }
+}
diff --git a/src/app/home/organisations/_services/organisations-users.service.ts b/src/app/home/organisations/_services/organisations-users.service.ts
index a4577d16..9dd838d6 100644
--- a/src/app/home/organisations/_services/organisations-users.service.ts
+++ b/src/app/home/organisations/_services/organisations-users.service.ts
@@ -3,8 +3,7 @@ import {Injectable} from '@angular/core';
 
 import {BehaviorSubject, Observable, switchMap, tap} from 'rxjs';
 
-import {OrganisationUserDto, OrganisationUserResponse} from '../../../_shared/waiterrobot-backend';
-import {EventsService} from '../../events/_services/events.service';
+import {OrganisationUserDto, OrganisationUserResponse} from '@shared/waiterrobot-backend';
 
 @Injectable({
   providedIn: 'root',
@@ -12,10 +11,7 @@ import {EventsService} from '../../events/_services/events.service';
 export class OrganisationsUsersService {
   url = '/config/organisation/users';
 
-  constructor(
-    private httpClient: HttpClient,
-    private eventsService: EventsService,
-  ) {}
+  constructor(private httpClient: HttpClient) {}
 
   triggerGet$ = new BehaviorSubject(true);
 
diff --git a/src/app/home/organisations/organisation-edit/organisation-edit-settings.component.ts b/src/app/home/organisations/organisation-edit/organisation-edit-settings.component.ts
index 8b7102a4..bbaa1664 100644
--- a/src/app/home/organisations/organisation-edit/organisation-edit-settings.component.ts
+++ b/src/app/home/organisations/organisation-edit/organisation-edit-settings.component.ts
@@ -32,11 +32,12 @@ import {OrganisationsSettingsService} from '../_services/organisations-settings.
         
 
         

-          
+          
           

-            @
+            
             
+      

+        

+          
+        

+        

+          

+            
+            @if ((filter.value?.length ?? 0) > 0) {
+              
+            }
+          

+        

+      

+
+      

+        
+          
+            
+            
+          
+
+          
+            
+            
+          
+
+          
+            
+            
+          
+
+          
+            
+            
+          
+
+          
+          
+        
{{ 'NAME' | tr }}
+              {{ stripeAccount.name }}
+              @if (!stripeAccount.event) {
+                
+              }
+            {{ 'STATE' | tr }}
+              
+            {{ 'NAV_EVENTS' | tr }}
+              {{ stripeAccount.event?.name ?? '-' }}
+            {{ 'ACTIONS' | tr }}
+              
+              
+            

+      

+
+      @if (stripeState.data()?.length === 0) {
+        

+          {{ 'STRIPE_ACCOUNT_EMPTY' | tr }}
+        

+      }
+
+      
+    

+  `,
+  selector: 'app-organisation-edit-stripe',
+  standalone: true,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [
+    BiComponent,
+    DfxTr,
+    NgbTooltip,
+    DfxTableModule,
+    DfxSortModule,
+    ReactiveFormsModule,
+    AppProgressBarComponent,
+    StripeAccountStateBadge,
+  ],
+})
+export class OrganisationEditStripeComponent {
+  modal = inject(NgbModal);
+  confirmDialog = injectConfirmDialog();
+
+  stripeState = inject(OrganisationsStripeService).state;
+
+  filter = new FormControl('');
+  columnsToDisplay = ['name', 'state', 'event', 'actions'];
+
+  @ViewChild(NgbSort, {static: true}) sort: NgbSort | undefined;
+
+  idParam = injectParams('id');
+
+  dataSource = computedFrom(
+    [this.filter.valueChanges.pipe(startWith(''), filter(notNullAndUndefined)), this.stripeState.data],
+    pipe(
+      switchMap(([filterTerm, all]) => {
+        const dataSource = new NgbTableDataSource(all);
+
+        if (this.sort) {
+          dataSource.sort = this.sort;
+        }
+        dataSource.filter = filterTerm ?? '';
+
+        return of(dataSource);
+      }),
+      startWith(new NgbTableDataSource()),
+    ),
+  );
+
+  constructor() {
+    effect(
+      () => {
+        void this.stripeState.load(Number(this.idParam()));
+      },
+      {allowSignalWrites: true},
+    );
+  }
+
+  onCreateStripeAccount(): void {
+    const modalRef = this.modal.open(OrganisationStripeAccountModal, {
+      ariaLabelledBy: 'modal-title-org-stripe-create',
+      size: 'lg',
+    });
+    (modalRef.componentInstance as OrganisationStripeAccountModal).action = 'CREATE';
+    (modalRef.componentInstance as OrganisationStripeAccountModal).organisationId = Number(this.idParam());
+    (modalRef.componentInstance as OrganisationStripeAccountModal).existingStripeAccountCount = this.stripeState.data()?.length ?? 0;
+    modalRef.closed.subscribe((it?: CreateStripeAccountDto) => {
+      if (it) {
+        void this.stripeState.create(it);
+      }
+    });
+  }
+
+  onUpdateStripeAccount(stripeAccount: UpdateStripeAccountDto): void {
+    const modalRef = this.modal.open(OrganisationStripeAccountModal, {
+      ariaLabelledBy: 'modal-title-org-stripe-update',
+      size: 'lg',
+    });
+    (modalRef.componentInstance as OrganisationStripeAccountModal).action = 'UPDATE';
+    (modalRef.componentInstance as OrganisationStripeAccountModal).organisationId = Number(this.idParam());
+    (modalRef.componentInstance as OrganisationStripeAccountModal).existingStripeAccountCount = this.stripeState.data()?.length ?? 0;
+    (modalRef.componentInstance as OrganisationStripeAccountModal).form.controls.name.patchValue(stripeAccount.name);
+    modalRef.closed.subscribe((it?: Omit) => {
+      if (it) {
+        void this.stripeState.update({
+          ...it,
+          id: stripeAccount.id,
+        });
+      }
+    });
+  }
+
+  onDeleteStripeAccount(id: string): void {
+    void this.confirmDialog('DELETE_CONFIRMATION').then((result) => {
+      if (result) {
+        void this.stripeState.delete(id);
+      }
+    });
+  }
+}
diff --git a/src/app/home/organisations/organisation-edit/organisation-edit-users.component.ts b/src/app/home/organisations/organisation-edit/organisation-edit-users.component.ts
index 98b25aac..606118cd 100644
--- a/src/app/home/organisations/organisation-edit/organisation-edit-users.component.ts
+++ b/src/app/home/organisations/organisation-edit/organisation-edit-users.component.ts
@@ -1,90 +1,92 @@
 import {AsyncPipe} from '@angular/common';
 import {ChangeDetectionStrategy, Component, inject, Input, ViewChild} from '@angular/core';
 import {FormControl, ReactiveFormsModule} from '@angular/forms';
-import {ActivatedRoute} from '@angular/router';
 
 import {combineLatest, filter, of, startWith, switchMap} from 'rxjs';
 
+import {injectConfirmDialog} from '@home-shared/components/question-dialog.component';
+import {injectIdParam$} from '@home-shared/services/injectActivatedRouteIdParam';
 import {NgbModal, NgbTooltip} from '@ng-bootstrap/ng-bootstrap';
+import {GetOrganisationResponse, OrganisationUserResponse} from '@shared/waiterrobot-backend';
 
 import {notNullAndUndefined} from 'dfts-helper';
 import {BiComponent} from 'dfx-bootstrap-icons';
 import {DfxSortModule, DfxTableModule, NgbSort, NgbTableDataSource} from 'dfx-bootstrap-table';
 import {DfxTr} from 'dfx-translate';
 
-import {GetOrganisationResponse, OrganisationUserResponse} from '../../../_shared/waiterrobot-backend';
-import {injectConfirmDialog} from '../../_shared/components/question-dialog.component';
-import {injectIdParam$} from '../../_shared/services/injectActivatedRouteIdParam';
 import {OrganisationsUsersService} from '../_services/organisations-users.service';
 import {OrganisationUserAddModalComponent} from './organisation-user-add-modal.component';
 
 @Component({
   template: `
-    

-      

-        

-          
-          @if ((filter.value?.length ?? 0) > 0) {
-            
-          }
+    

+      

+        

+          
         

-      
-
-      
-    

-
-    

-      
-        
-          
-          
-        
-
-        
-          
-          
-        
-
-        
-          
-          
-        
-
-        
-          
-          
-        
-
-        
-        
-      
{{ 'NAME' | tr }}{{ organisationUser.firstname }} {{ organisationUser.surname }}{{ 'EMAIL' | tr }}{{ organisationUser.emailAddress }}{{ 'ROLE' | tr }}
-            {{ organisationUser.role }}
-            
-              
-            
-          {{ 'ACTIONS' | tr }}
-            @if (myUserEmailAddress !== organisationUser.email_address) {
+        

+          

+            
+            @if ((filter.value?.length ?? 0) > 0) {
               
             }
-          

+          

+        

+      

+
+      

+        
+          
+            
+            
+          
+
+          
+            
+            
+          
+
+          
+            
+            
+          
+
+          
+            
+            
+          
+
+          
+          
+        
{{ 'NAME' | tr }}{{ organisationUser.firstname }} {{ organisationUser.surname }}{{ 'EMAIL' | tr }}{{ organisationUser.emailAddress }}{{ 'ROLE' | tr }}
+              {{ organisationUser.role }}
+              
+                
+              
+            {{ 'ACTIONS' | tr }}
+              @if (myUserEmailAddress !== organisationUser.email_address) {
+                
+              }
+            

+      

     

   `,
   selector: 'app-organisation-edit-users',
@@ -95,15 +97,16 @@ import {OrganisationUserAddModalComponent} from './organisation-user-add-modal.c
 export class OrganisationEditUsersComponent {
   modal = inject(NgbModal);
   confirmDialog = injectConfirmDialog();
-  route = inject(ActivatedRoute);
 
   organisationsUsersService = inject(OrganisationsUsersService);
 
-  entities$ = injectIdParam$().pipe(switchMap((id) => this.organisationsUsersService.getByOrganisationId$(id)));
   filter = new FormControl('');
   columnsToDisplay = ['name', 'email', 'actions'];
   @ViewChild(NgbSort, {static: true}) sort: NgbSort | undefined;
-  dataSource$ = combineLatest([this.filter.valueChanges.pipe(startWith(''), filter(notNullAndUndefined)), this.entities$]).pipe(
+  dataSource$ = combineLatest([
+    this.filter.valueChanges.pipe(startWith(''), filter(notNullAndUndefined)),
+    injectIdParam$().pipe(switchMap((id) => this.organisationsUsersService.getByOrganisationId$(id))),
+  ]).pipe(
     switchMap(([filterTerm, all]) => {
       const dataSource = new NgbTableDataSource(all);
 
diff --git a/src/app/home/organisations/organisation-edit/organisation-edit.component.ts b/src/app/home/organisations/organisation-edit/organisation-edit.component.ts
index f9ed4c5b..b15ed6fc 100644
--- a/src/app/home/organisations/organisation-edit/organisation-edit.component.ts
+++ b/src/app/home/organisations/organisation-edit/organisation-edit.component.ts
@@ -1,18 +1,19 @@
 import {Component, computed, inject} from '@angular/core';
 
+import {AppSelectableBtnComponent} from '@home-shared/components/button/app-selectable-btn.component';
+import {AbstractModelEditComponent} from '@home-shared/form/abstract-model-edit.component';
+import {AppEntityEditModule} from '@home-shared/form/app-entity-edit.module';
+import {injectOnDelete, injectTabControls} from '@home-shared/form/edit';
+import {MyUserService} from '@home-shared/services/user/my-user.service';
 import {NgbNavModule} from '@ng-bootstrap/ng-bootstrap';
+import {injectOnSubmit} from '@shared/form';
+import {GetOrganisationResponse} from '@shared/waiterrobot-backend';
 
-import {injectOnSubmit} from '../../../_shared/form';
-import {GetOrganisationResponse} from '../../../_shared/waiterrobot-backend';
-import {AppSelectableBtnComponent} from '../../_shared/components/button/app-selectable-btn.component';
-import {AbstractModelEditComponent} from '../../_shared/form/abstract-model-edit.component';
-import {AppEntityEditModule} from '../../_shared/form/app-entity-edit.module';
-import {injectOnDelete, injectTabControls} from '../../_shared/form/edit';
-import {MyUserService} from '../../_shared/services/user/my-user.service';
 import {OrganisationsService} from '../_services/organisations.service';
 import {SelectedOrganisationService} from '../_services/selected-organisation.service';
 import {AppOrganisationEditFormComponent} from './organisation-edit-form.component';
 import {OrganisationEditSettingsComponent} from './organisation-edit-settings.component';
+import {OrganisationEditStripeComponent} from './organisation-edit-stripe.component';
 import {OrganisationEditUsersComponent} from './organisation-edit-users.component';
 
 @Component({
@@ -44,7 +45,7 @@ import {OrganisationEditUsersComponent} from './organisation-edit-users.componen
           
         
 
-        

+        

 
         
    
           
 
-          @if (myUser()?.isAdmin) {
-            
  • 
-              {{ 'USER' | tr }}
-              
-                
-                
-              
-            
    • 
-          }
+          
  • 
+            {{ 'USER' | tr }}
+            
+              
+              
+            
+          
    • 
+
+          
  • 
+            {{ 'STRIPE' | tr }}
+            
+              
+            
+          
    • 
           
  • 
             {{ 'SETTINGS' | tr }}
             
@@ -98,12 +104,13 @@ import {OrganisationEditUsersComponent} from './organisation-edit-users.componen
     AppOrganisationEditFormComponent,
     OrganisationEditUsersComponent,
     OrganisationEditSettingsComponent,
+    OrganisationEditStripeComponent,
   ],
 })
 export class OrganisationEditComponent extends AbstractModelEditComponent {
   onSubmit = injectOnSubmit({entityService: this.organisationsService});
-  tabControls = injectTabControls<'DATA' | 'USERS' | 'SETTINGS'>({
-    onlyEditingTabs: ['USERS', 'SETTINGS'],
+  tabControls = injectTabControls<'DATA' | 'USERS' | 'SETTINGS' | 'STRIPE'>({
+    onlyEditingTabs: ['USERS', 'SETTINGS', 'STRIPE'],
     defaultTab: 'DATA',
     isCreating: computed(() => this.entity() === 'CREATE'),
   });
diff --git a/src/app/home/organisations/organisation-edit/organisation-stripe-account-modal.component.ts b/src/app/home/organisations/organisation-edit/organisation-stripe-account-modal.component.ts
new file mode 100644
index 00000000..d58526a3
--- /dev/null
+++ b/src/app/home/organisations/organisation-edit/organisation-stripe-account-modal.component.ts
@@ -0,0 +1,78 @@
+import {AsyncPipe, LowerCasePipe} from '@angular/common';
+import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
+import {FormBuilder, ReactiveFormsModule, Validators} from '@angular/forms';
+
+import {NgbActiveModal} from '@ng-bootstrap/ng-bootstrap';
+import {NgSelectModule} from '@ng-select/ng-select';
+import {allowedCharacterSet} from '@home-shared/regex';
+import {CreateStripeAccountDto} from '@shared/waiterrobot-backend';
+
+import {BiComponent} from 'dfx-bootstrap-icons';
+import {DfxTr} from 'dfx-translate';
+
+@Component({
+  template: `
+    
    
+      
+      
+    
    
+    @if (form.valueChanges | async) {}
+    
    
+      
    
+        
    
+          
+          
+
+          @if (form.controls.name.invalid) {
+            
+              {{ 'Name incorrect' | tr }}
+            
+          }
+        
    
+      
    
+      
    
+        
+        
+      
    
+    
    
+  `,
+  selector: 'app-organisation-stripe-add-create',
+  standalone: true,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [DfxTr, LowerCasePipe, BiComponent, NgSelectModule, ReactiveFormsModule, AsyncPipe],
+})
+export class OrganisationStripeAccountModal {
+  action!: 'CREATE' | 'UPDATE';
+  organisationId!: number;
+  existingStripeAccountCount!: number;
+
+  activeModal = inject(NgbActiveModal);
+
+  form = inject(FormBuilder).nonNullable.group({
+    name: [undefined as unknown as string, [Validators.minLength(4), Validators.maxLength(40), Validators.pattern(allowedCharacterSet)]],
+    businessType: ['NON_PROFIT' as CreateStripeAccountDto['businessType'], [Validators.required]],
+    eventId: [undefined as unknown as number],
+  });
+
+  submit(): void {
+    const name =
+      this.form.controls.name.value && this.form.controls.name.value !== ''
+        ? this.form.controls.name.value
+        : `Stripe Account #${this.existingStripeAccountCount + 1}`;
+    this.activeModal.close({
+      ...this.form.getRawValue(),
+      name,
+      organisationId: this.organisationId,
+    });
+  }
+}
diff --git a/src/app/home/organisations/organisation-edit/stripe-account-state-badge.component.ts b/src/app/home/organisations/organisation-edit/stripe-account-state-badge.component.ts
new file mode 100644
index 00000000..61d2b7aa
--- /dev/null
+++ b/src/app/home/organisations/organisation-edit/stripe-account-state-badge.component.ts
@@ -0,0 +1,57 @@
+import {Component, inject, input, signal} from '@angular/core';
+
+import {GetStripeAccountResponse} from '@shared/waiterrobot-backend';
+
+import {DfxTr} from 'dfx-translate';
+import {BiComponent} from 'dfx-bootstrap-icons';
+
+import {OrganisationsStripeService} from '../_services/organisations-stripe.service';
+
+@Component({
+  template: `
+    
+  `,
+  selector: 'app-stripe-account-state-badge',
+  imports: [DfxTr, BiComponent],
+  standalone: true,
+})
+export class StripeAccountStateBadge {
+  stripeAccountId = input.required();
+  state = input.required();
+
+  loading = signal(false);
+
+  organisationStripeService = inject(OrganisationsStripeService);
+
+  openLink() {
+    this.loading.set(true);
+    this.organisationStripeService.openLink$(this.stripeAccountId()).subscribe({
+      next: (it) => {
+        if (it.state === 'ACTIVE') {
+          this.loading.set(false);
+          return;
+        }
+      },
+      error: () => {
+        void this.organisationStripeService.state.load(undefined);
+      },
+    });
+  }
+}
diff --git a/src/app/home/organisations/organisations.component.ts b/src/app/home/organisations/organisations.component.ts
index 3ad58476..2df760c2 100644
--- a/src/app/home/organisations/organisations.component.ts
+++ b/src/app/home/organisations/organisations.component.ts
@@ -4,13 +4,14 @@ import {ReactiveFormsModule} from '@angular/forms';
 import {RouterLink} from '@angular/router';
 
 import {NgbTooltip} from '@ng-bootstrap/ng-bootstrap';
+import {StopPropagationDirective} from '@home-shared/stop-propagation';
+import {AppProgressBarComponent} from '@shared/ui/loading/app-progress-bar.component';
+import {GetOrganisationResponse} from '@shared/waiterrobot-backend';
 
 import {BiComponent} from 'dfx-bootstrap-icons';
 import {DfxPaginationModule, DfxSortModule, DfxTableModule} from 'dfx-bootstrap-table';
 import {DfxTr} from 'dfx-translate';
 
-import {AppProgressBarComponent} from '../../_shared/ui/loading/app-progress-bar.component';
-import {GetOrganisationResponse} from '../../_shared/waiterrobot-backend';
 import {AppSelectableBtnComponent} from '../_shared/components/button/app-selectable-btn.component';
 import {ScrollableToolbarComponent} from '../_shared/components/scrollable-toolbar.component';
 import {AbstractModelsWithNameListWithDeleteComponent} from '../_shared/list/models-list-with-delete/abstract-models-with-name-list-with-delete.component';
@@ -119,8 +120,36 @@ import {SelectedOrganisationService} from './_services/selected-organisation.ser
                   [selectedId]="selectedOrganisationService.selectedId()"
                   (selectedChange)="setSelected($event)"
                 />
+                
+                  
+                
+                
+                  
+                
+                
+                  
+                
                 
@@ -131,6 +160,7 @@ import {SelectedOrganisationService} from './_services/selected-organisation.ser
                     type="button"
                     class="btn btn-sm btn-outline-danger text-body-emphasis"
                     ngbTooltip="{{ 'DELETE' | tr }}"
+                    stopPropagation
                     (click)="onDelete(organisation.id, $event)"
                   >
                     
@@ -145,7 +175,7 @@ import {SelectedOrganisationService} from './_services/selected-organisation.ser
         

         
       }
-      
+      
     
   `,
   selector: 'app-all-organisations',
@@ -164,6 +194,7 @@ import {SelectedOrganisationService} from './_services/selected-organisation.ser
     AppSelectableBtnComponent,
     AsyncPipe,
     AppProgressBarComponent,
+    StopPropagationDirective,
   ],
 })
 export class OrganisationsComponent extends AbstractModelsWithNameListWithDeleteComponent {
diff --git a/src/app/home/printers/printers.component.ts b/src/app/home/printers/printers.component.ts
index dfe584c9..7f61944c 100644
--- a/src/app/home/printers/printers.component.ts
+++ b/src/app/home/printers/printers.component.ts
@@ -147,7 +147,7 @@ import {PrinterBatchUpdateDto, PrintersBatchUpdateModal} from './printers-batch-
         
       
 
-      
+      
     
   `,
   selector: 'app-event-by-id-printers',
diff --git a/src/app/home/products/product-groups.component.ts b/src/app/home/products/product-groups.component.ts
index d5eb5f15..842f6249 100644
--- a/src/app/home/products/product-groups.component.ts
+++ b/src/app/home/products/product-groups.component.ts
@@ -171,7 +171,7 @@ import {ProductGroupsService} from './_services/product-groups.service';
         
       
 
-      
+      
     
   `,
   styles: [AbstractModelsWithNameListWithDeleteAndOrderStyle],
diff --git a/src/app/home/products/products-by-group.component.ts b/src/app/home/products/products-by-group.component.ts
index 5fbbf2ef..dcfd3d81 100644
--- a/src/app/home/products/products-by-group.component.ts
+++ b/src/app/home/products/products-by-group.component.ts
@@ -216,7 +216,7 @@ import {ProductsService} from './_services/products.service';
         }
       }
 
-      
+      
     
   `,
   styles: [AbstractModelsWithNameListWithDeleteAndOrderStyle],
diff --git a/src/app/home/products/products.component.ts b/src/app/home/products/products.component.ts
index 3c7d2d2a..10df15a4 100644
--- a/src/app/home/products/products.component.ts
+++ b/src/app/home/products/products.component.ts
@@ -174,7 +174,7 @@ import {ProductsService} from './_services/products.service';
         
       
 
-      
+      
     
   `,
   selector: 'app-all-products',
diff --git a/src/app/home/products/products.routes.ts b/src/app/home/products/products.routes.ts
index a1854971..d5a1c30f 100644
--- a/src/app/home/products/products.routes.ts
+++ b/src/app/home/products/products.routes.ts
@@ -14,20 +14,25 @@ export const ROUTES: Routes = [
         loadComponent: () => import('./product-edit/product-edit.component').then((c) => c.ProductEditComponent),
       },
       {
-        path: 'groups/all',
-        loadComponent: () => import('./product-groups.component').then((c) => c.ProductGroupsComponent),
-      },
-      {
-        path: 'groups/create',
-        loadComponent: () => import('./product-group-edit/product-group-edit.component').then((c) => c.ProductGroupEditComponent),
-      },
-      {
-        path: 'groups/products/:id',
-        loadComponent: () => import('./products-by-group.component').then((c) => c.ProductsByGroupComponent),
-      },
-      {
-        path: 'groups/:id',
-        loadComponent: () => import('./product-group-edit/product-group-edit.component').then((c) => c.ProductGroupEditComponent),
+        path: 'groups',
+        children: [
+          {
+            path: 'all',
+            loadComponent: () => import('./product-groups.component').then((c) => c.ProductGroupsComponent),
+          },
+          {
+            path: 'create',
+            loadComponent: () => import('./product-group-edit/product-group-edit.component').then((c) => c.ProductGroupEditComponent),
+          },
+          {
+            path: 'products/:id',
+            loadComponent: () => import('./products-by-group.component').then((c) => c.ProductsByGroupComponent),
+          },
+          {
+            path: ':id',
+            loadComponent: () => import('./product-group-edit/product-group-edit.component').then((c) => c.ProductGroupEditComponent),
+          },
+        ],
       },
       {path: '', pathMatch: 'full', redirectTo: 'all'},
     ],
diff --git a/src/app/home/tables/table-groups.component.ts b/src/app/home/tables/table-groups.component.ts
index 1f8b629e..08646a0b 100644
--- a/src/app/home/tables/table-groups.component.ts
+++ b/src/app/home/tables/table-groups.component.ts
@@ -171,7 +171,7 @@ import {TableGroupsService} from './_services/table-groups.service';
         
       }
 
-      
+      
     
   `,
   styles: [AbstractModelsWithNameListWithDeleteAndOrderStyle],
diff --git a/src/app/home/tables/tables.component.ts b/src/app/home/tables/tables.component.ts
index cf69144e..3b2366f1 100644
--- a/src/app/home/tables/tables.component.ts
+++ b/src/app/home/tables/tables.component.ts
@@ -175,7 +175,7 @@ import {TablesPrintQrCodesModal} from './tables-print-qr-codes.modal';
         
       
 
-      
+      
     
   `,
   selector: 'app-all-tables',
diff --git a/src/app/home/tables/tables.layout.ts b/src/app/home/tables/tables.layout.ts
index d82f7478..a44d71ce 100644
--- a/src/app/home/tables/tables.layout.ts
+++ b/src/app/home/tables/tables.layout.ts
@@ -86,10 +86,9 @@ import {TableGroupsService} from './_services/table-groups.service';
 export class TablesLayout {
   tableGroups = toSignal(inject(TableGroupsService).getAll$());
 
-  allTablesAmount = computed(
-    () =>
-      this.tableGroups()
-        ?.map((it) => it.tables.length)
-        ?.reduce((current, previous) => current + previous, 0),
+  allTablesAmount = computed(() =>
+    this.tableGroups()
+      ?.map((it) => it.tables.length)
+      ?.reduce((current, previous) => current + previous, 0),
   );
 }
diff --git a/src/app/home/waiters/waiters-by-event.component.ts b/src/app/home/waiters/waiters-by-event.component.ts
index 44e59af9..053ae202 100644
--- a/src/app/home/waiters/waiters-by-event.component.ts
+++ b/src/app/home/waiters/waiters-by-event.component.ts
@@ -138,6 +138,7 @@ import {BtnWaiterSignInQrCodeComponent} from './btn-waiter-sign-in-qr-code.compo
                 class="btn btn-sm mx-1 btn-outline-success text-body-emphasis"
                 routerLink="../../{{ waiter.id }}"
                 ngbTooltip="{{ 'EDIT' | tr }}"
+                (click)="$event.stopPropagation()"
               >
                 
               
@@ -157,7 +158,7 @@ import {BtnWaiterSignInQrCodeComponent} from './btn-waiter-sign-in-qr-code.compo
         
       
 
-      
+      
     
   `,
   selector: 'app-event-by-id-waiters',
diff --git a/src/app/home/waiters/waiters.component.ts b/src/app/home/waiters/waiters.component.ts
index 8937d50d..43383e11 100644
--- a/src/app/home/waiters/waiters.component.ts
+++ b/src/app/home/waiters/waiters.component.ts
@@ -143,6 +143,7 @@ import {BtnWaiterSignInQrCodeComponent} from './btn-waiter-sign-in-qr-code.compo
                 class="btn btn-sm mx-1 btn-outline-success text-body-emphasis"
                 routerLink="../{{ waiter.id }}"
                 ngbTooltip="{{ 'EDIT' | tr }}"
+                (click)="$event.stopPropagation()"
               >
                 
               
@@ -162,7 +163,7 @@ import {BtnWaiterSignInQrCodeComponent} from './btn-waiter-sign-in-qr-code.compo
         
       
 
-      
+      
     
   `,
   selector: 'app-organisation-waiters',
diff --git a/src/app/outside/_shared/app-logo-with-text.component.ts b/src/app/outside/_shared/app-logo-with-text.component.ts
index 65656ab0..c160a54d 100644
--- a/src/app/outside/_shared/app-logo-with-text.component.ts
+++ b/src/app/outside/_shared/app-logo-with-text.component.ts
@@ -6,7 +6,7 @@ import {ThemeService} from '../../_shared/services/theme.service';
 
 @Component({
   template: `
-    

+    

       @if (!hideLogo) {
         kellner.team logo
       }
diff --git a/src/assets/i18n/de.json b/src/assets/i18n/de.json
index 84e57325..a07722d6 100644
--- a/src/assets/i18n/de.json
+++ b/src/assets/i18n/de.json
@@ -64,6 +64,7 @@
   "DELETED": "(gelöscht)",
   "PRICE": "Preis",
   "PRICE_PER_PIECE": "Preis / Stk.",
+  "SUCCESSFUL_ACTION": "Aktion erfolgreich.",
 
   "ORDER_MODE_SWITCH": "Anordnen",
   "COLOR_PICKER": "Farbe auswählen",
@@ -77,6 +78,11 @@
   "404": "Nicht gefunden",
   "404_TITLE": "Was du auch immer gesucht hast, wir haben es leider nicht gefunden.",
 
+  "STRIPE": "Stripe",
+  "STRIPE_ACCOUNT": "Stripe-Account",
+  "STRIPE_ACCOUNT_EMPTY": "Keine Stripe-Accounts vorhanden.",
+  "STRIPE_ACCOUNT_BALANCE_NOT_EMPTY": "Stripe-Account hat noch Einlagen.",
+
   "ABOUT": "Über",
   "ABOUT_SIGNIN": "Anmelden",
   "ABOUT_SIGNIN_EMAIL_ADDRESS": "E-Mail Adresse",
diff --git a/src/styles.scss b/src/styles.scss
index b62adb9a..801f0f28 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -14,7 +14,7 @@ a:hover {
 }
 
 /* Fix vertical text alignment in buttons with icons */
-.btn > bi > svg {
+bi > svg {
   vertical-align: -0.125em;
 }
 
@@ -123,3 +123,34 @@ a:hover.badge {
 .ws-nowrap {
   white-space: nowrap;
 }
+
+@keyframes spin {
+  from {
+    transform: rotateY(0deg);
+    moz-transform: rotateY(0deg); //Firefox
+    ms-transform: rotateY(0deg); //Microsoft Browsers
+  }
+  to {
+    transform: rotateY(360deg);
+    moz-transform: rotateY(360deg); //Firefox
+    ms-transform: rotateY(360deg); //Microsoft Browsers
+  }
+}
+@-webkit-keyframes spin {
+  from {
+    -webkit-transform: rotateY(0deg);
+  }
+  to {
+    -webkit-transform: rotateY(360deg);
+  }
+}
+.spin {
+  animation-name: spin;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-duration: 3s;
+  -webkit-animation-name: spin;
+  -webkit-animation-timing-function: linear;
+  -webkit-animation-iteration-count: infinite;
+  -webkit-animation-duration: 3s;
+}
diff --git a/tsconfig.json b/tsconfig.json
index 180fba8a..64033c4e 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -5,7 +5,7 @@
     "paths": {
       "@shared/*": ["src/app/_shared/*"],
       "@home-shared/*": ["src/app/home/_shared/*"],
-      "@outside-shared/*": ["src/app/outside/_shared/*"]
+      "@outside-shared/*": ["src/app/outside/_shared/*"],
     },
     "outDir": "./dist/out-tsc",
     "forceConsistentCasingInFileNames": true,
@@ -21,17 +21,14 @@
     "resolveJsonModule": true,
     "target": "ES2022",
     "module": "es2020",
-    "lib": [
-      "es2018",
-      "dom"
-    ],
+    "lib": ["es2018", "dom"],
     "useDefineForClassFields": false,
-    "skipLibCheck": true
+    "skipLibCheck": true,
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,
     "strictInjectionParameters": true,
     "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  }
+    "strictTemplates": true,
+  },
 }

From e9e6d65f7aa7ed8c1bb27f2062bec5d30217dcb7 Mon Sep 17 00:00:00 2001
From: Dafnik 
Date: Thu, 15 Feb 2024 10:55:30 +0100
Subject: [PATCH 02/13] feat: application updates

---
 src/app/_shared/EnvironmentHelper.ts          |   4 +
 .../_shared/services/system-info.service.ts   |   2 +
 src/app/app.component.ts                      |   2 +-
 .../color/color-picker.component.ts           |  18 +-
 src/app/home/_shared/services/filter.ts       |   2 +-
 src/app/home/bills/bills.routes.ts            |   2 +-
 src/app/home/home.layout.html                 |   4 +-
 .../printer-edit/printer-edit.component.ts    |  71 +++--
 .../product-edit-form.component.ts            |   6 +-
 .../product-edit/product-edit.component.ts    |  24 +-
 .../product-group-edit-form.component.ts      |   8 +-
 .../product-group-edit.component.ts           |  12 +-
 .../tables/table-edit/table-edit.component.ts |   9 +-
 .../table-group-edit.component.ts             |  12 +-
 .../waiter-edit/waiter-edit.component.ts      |  13 +-
 src/app/system-info.component.ts              | 275 +++++++++---------
 src/assets/i18n/de.json                       |   1 +
 17 files changed, 246 insertions(+), 219 deletions(-)

diff --git a/src/app/_shared/EnvironmentHelper.ts b/src/app/_shared/EnvironmentHelper.ts
index 8a77c693..cd6fa9d7 100644
--- a/src/app/_shared/EnvironmentHelper.ts
+++ b/src/app/_shared/EnvironmentHelper.ts
@@ -1,6 +1,10 @@
 import {environment} from '../../environments/environment';
 
 export class EnvironmentHelper {
+  public static get() {
+    return environment;
+  }
+
   public static getAPIUrl(): string {
     return environment.apiUrl;
   }
diff --git a/src/app/_shared/services/system-info.service.ts b/src/app/_shared/services/system-info.service.ts
index b7d47dd8..cfe95851 100644
--- a/src/app/_shared/services/system-info.service.ts
+++ b/src/app/_shared/services/system-info.service.ts
@@ -8,6 +8,8 @@ import {connect} from 'ngxtension/connect';
 
 import {b_fromStorage, st_set} from 'dfts-helper';
 
+
+
 import {AdminInfoResponse, JsonInfoResponse} from '../waiterrobot-backend';
 import {AuthService} from './auth/auth.service';
 
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index ccd0d7aa..c524938d 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -15,7 +15,7 @@ import {SystemInfoComponent} from './system-info.component';
         

       

 
-      
+      
     

 
     
diff --git a/src/app/home/_shared/components/color/color-picker.component.ts b/src/app/home/_shared/components/color/color-picker.component.ts
index 8e3c6c21..7c772c30 100644
--- a/src/app/home/_shared/components/color/color-picker.component.ts
+++ b/src/app/home/_shared/components/color/color-picker.component.ts
@@ -33,16 +33,14 @@ import {AppIsLightColorPipe} from './app-is-light-color.pipe';
         {{ 'COLOR_PICKER' | tr }}
       
 
-      

-        
-      

+      
     
 
     
diff --git a/src/app/home/_shared/services/filter.ts b/src/app/home/_shared/services/filter.ts
index 5b7c9adc..cc451437 100644
--- a/src/app/home/_shared/services/filter.ts
+++ b/src/app/home/_shared/services/filter.ts
@@ -56,7 +56,7 @@ export function injectFilter<
   );
 
   // Subscribe to form to set params on change
-  valueChanges.pipe(takeUntilDestroyed(), distinctUntilChanged()).subscribe((queryParams) => {
+  form.valueChanges.pipe(takeUntilDestroyed(), distinctUntilChanged()).subscribe((queryParams) => {
     lumber.info('filterFormValueChanges', 'Set query params', queryParams);
     void router.navigate([], {
       relativeTo: route,
diff --git a/src/app/home/bills/bills.routes.ts b/src/app/home/bills/bills.routes.ts
index 7f586169..1b08c948 100755
--- a/src/app/home/bills/bills.routes.ts
+++ b/src/app/home/bills/bills.routes.ts
@@ -6,11 +6,11 @@ export const ROUTES: Routes = [
     loadComponent: () => import('./bills.layout').then((c) => c.BillsLayout),
     children: [
       {path: 'all', loadComponent: () => import('./bills.component').then((c) => c.BillsComponent)},
-      {path: ':id', loadComponent: () => import('./bill-info.component').then((c) => c.BillInfoComponent)},
       {
         path: 'reasons',
         children: [{path: 'all', loadComponent: () => import('./all-unpaid-reasons.component').then((c) => c.AllUnpaidReasonsComponent)}],
       },
+      {path: ':id', loadComponent: () => import('./bill-info.component').then((c) => c.BillInfoComponent)},
       {path: '', pathMatch: 'full', redirectTo: 'all'},
     ],
   },
diff --git a/src/app/home/home.layout.html b/src/app/home/home.layout.html
index 8cdaf270..38ace952 100644
--- a/src/app/home/home.layout.html
+++ b/src/app/home/home.layout.html
@@ -5,7 +5,7 @@
 
       @if (isMobile()) { @if (showEnvironmentType && environmentType === 'dev') {
       

-        DEV
+        LOCAL
       

       } @if (myUserService.user()?.isAdmin) {
       

@@ -35,7 +35,7 @@
             
  • 
               @if (showEnvironmentType && environmentType === 'dev') {
               
    
-                DEV
+                LOCAL
               
    
               } @if (myUserService.user()?.isAdmin) {
               
    
diff --git a/src/app/home/printers/printer-edit/printer-edit.component.ts b/src/app/home/printers/printer-edit/printer-edit.component.ts
index 7924f8cc..acdefcb9 100644
--- a/src/app/home/printers/printer-edit/printer-edit.component.ts
+++ b/src/app/home/printers/printer-edit/printer-edit.component.ts
@@ -1,13 +1,16 @@
-import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
+import {ChangeDetectionStrategy, Component, computed, inject} from '@angular/core';
 import {toSignal} from '@angular/core/rxjs-interop';
 
-import {injectOnSubmit} from '../../../_shared/form';
-import {GetPrinterResponse} from '../../../_shared/waiterrobot-backend';
-import {AbstractModelEditComponent} from '../../_shared/form/abstract-model-edit.component';
-import {AppContinuesCreationSwitchComponent} from '../../_shared/form/app-continues-creation-switch.component';
-import {AppEntityEditModule} from '../../_shared/form/app-entity-edit.module';
-import {injectContinuousCreation, injectOnDelete} from '../../_shared/form/edit';
+import {AbstractModelEditComponent} from '@home-shared/form/abstract-model-edit.component';
+import {AppContinuesCreationSwitchComponent} from '@home-shared/form/app-continues-creation-switch.component';
+import {AppEntityEditModule} from '@home-shared/form/app-entity-edit.module';
+import {injectContinuousCreation, injectOnDelete, injectTabControls} from '@home-shared/form/edit';
+import {NgbNavModule} from '@ng-bootstrap/ng-bootstrap';
+import {injectOnSubmit} from '@shared/form';
+import {GetPrinterResponse} from '@shared/waiterrobot-backend';
+
 import {SelectedEventService} from '../../events/_services/selected-event.service';
+import {OrganisationEditUsersComponent} from '../../organisations/organisation-edit/organisation-edit-users.component';
 import {PrintersService} from '../_services/printers.service';
 import {AppPrinterEditForm} from './printer-edit-form.component';
 import {PrinterEditProductsComponent} from './printer-edit-products.component';
@@ -37,18 +40,37 @@ import {PrinterEditProductsComponent} from './printer-edit-products.component';
         
 
         
    
-        
 
-        
    {{ 'HOME_PROD_ALL' | tr }}
    
+        
 
-        
+        
    
       
    
     } @else {
       
@@ -57,7 +79,14 @@ import {PrinterEditProductsComponent} from './printer-edit-products.component';
   selector: 'app-printer-edit',
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [AppEntityEditModule, AppPrinterEditForm, AppContinuesCreationSwitchComponent, PrinterEditProductsComponent],
+  imports: [
+    AppEntityEditModule,
+    AppPrinterEditForm,
+    AppContinuesCreationSwitchComponent,
+    PrinterEditProductsComponent,
+    NgbNavModule,
+    OrganisationEditUsersComponent,
+  ],
 })
 export class PrinterEditComponent extends AbstractModelEditComponent {
   onDelete = injectOnDelete((it: number) => this.printersService.delete$(it).subscribe());
@@ -73,6 +102,12 @@ export class PrinterEditComponent extends AbstractModelEditComponent({
+    onlyEditingTabs: ['PRODUCTS'],
+    defaultTab: 'DATA',
+    isCreating: computed(() => this.entity() === 'CREATE'),
+  });
+
   selectedEvent = inject(SelectedEventService).selectedId;
 
   fonts = toSignal(this.printersService.getAllFonts$(), {initialValue: []});
diff --git a/src/app/home/products/product-edit/product-edit-form.component.ts b/src/app/home/products/product-edit/product-edit-form.component.ts
index a39f0421..fddbd986 100644
--- a/src/app/home/products/product-edit/product-edit-form.component.ts
+++ b/src/app/home/products/product-edit/product-edit-form.component.ts
@@ -7,10 +7,10 @@ import {a_pluck, HasNumberIDAndName, n_from, s_from} from 'dfts-helper';
 import {BiComponent} from 'dfx-bootstrap-icons';
 import {DfxTr} from 'dfx-translate';
 
-import {AbstractModelEditFormComponent} from '../../_shared/form/abstract-model-edit-form.component';
-import {AppModelEditSaveBtn} from '../../_shared/form/app-model-edit-save-btn.component';
 import {injectIsValid} from '../../../_shared/form';
 import {CreateProductDto, GetProductMaxResponse, UpdateProductDto} from '../../../_shared/waiterrobot-backend';
+import {AbstractModelEditFormComponent} from '../../_shared/form/abstract-model-edit-form.component';
+import {AppModelEditSaveBtn} from '../../_shared/form/app-model-edit-save-btn.component';
 import {allowedCharacterSet} from '../../_shared/regex';
 
 @Component({
@@ -88,7 +88,7 @@ import {allowedCharacterSet} from '../../_shared/regex';
           
           
    
             
-              
+              
             
             
                   
                   @for (printer of this.printers; track printer.id) {
diff --git a/src/app/home/products/product-group-edit/product-group-edit.component.ts b/src/app/home/products/product-group-edit/product-group-edit.component.ts
index 5557b664..1dfa156c 100644
--- a/src/app/home/products/product-group-edit/product-group-edit.component.ts
+++ b/src/app/home/products/product-group-edit/product-group-edit.component.ts
@@ -42,21 +42,13 @@ import {ProductGroupEditFormComponent} from './product-group-edit-form.component
             
    
 
             
             
    
-              
+              
                 
                 {{ 'NAV_BILLS' | tr }}
               
diff --git a/src/app/home/tables/table-edit/table-edit.component.ts b/src/app/home/tables/table-edit/table-edit.component.ts
index 1f47ab50..d1817bcb 100644
--- a/src/app/home/tables/table-edit/table-edit.component.ts
+++ b/src/app/home/tables/table-edit/table-edit.component.ts
@@ -16,6 +16,7 @@ import {GetTableWithGroupResponse} from '@shared/waiterrobot-backend';
 
 import {n_from, n_isNumeric} from 'dfts-helper';
 
+
 import {SelectedEventService} from '../../events/_services/selected-event.service';
 import {TableGroupsService} from '../_services/table-groups.service';
 import {TablesService} from '../_services/tables.service';
@@ -56,17 +57,13 @@ import {TableEditFormComponent} from './table-edit-form.component';
             
    
 
             
             
    
-              
+              
                 
                 {{ 'NAV_BILLS' | tr }}
               
diff --git a/src/app/home/tables/table-group-edit/table-group-edit.component.ts b/src/app/home/tables/table-group-edit/table-group-edit.component.ts
index bbf514b3..2c46c765 100644
--- a/src/app/home/tables/table-group-edit/table-group-edit.component.ts
+++ b/src/app/home/tables/table-group-edit/table-group-edit.component.ts
@@ -40,21 +40,13 @@ import {TableGroupEditFormComponent} from './table-group-edit-form.component';
             
    
 
             
             
    
-              
+              
                 
                 {{ 'NAV_BILLS' | tr }}
               
diff --git a/src/app/home/waiters/waiter-edit/waiter-edit.component.ts b/src/app/home/waiters/waiter-edit/waiter-edit.component.ts
index b00a0358..ff72d327 100644
--- a/src/app/home/waiters/waiter-edit/waiter-edit.component.ts
+++ b/src/app/home/waiters/waiter-edit/waiter-edit.component.ts
@@ -8,6 +8,7 @@ import {NgbNavModule} from '@ng-bootstrap/ng-bootstrap';
 
 import {loggerOf, n_from, n_isNumeric} from 'dfts-helper';
 
+
 import {injectOnSubmit} from '../../../_shared/form';
 import {GetWaiterResponse} from '../../../_shared/waiterrobot-backend';
 import {AbstractModelEditComponent} from '../../_shared/form/abstract-model-edit.component';
@@ -43,21 +44,13 @@ import {WaiterSessionsComponent} from './waiter-sessions.component';
             
 
             
             
    
-              
+              
                 
                 {{ 'NAV_BILLS' | tr }}
               
diff --git a/src/app/system-info.component.ts b/src/app/system-info.component.ts
index 33cc89b0..329f0414 100644
--- a/src/app/system-info.component.ts
+++ b/src/app/system-info.component.ts
@@ -1,3 +1,4 @@
+import {CdkDrag} from '@angular/cdk/drag-drop';
 import {DatePipe, JsonPipe} from '@angular/common';
 import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
 import {takeUntilDestroyed, toSignal} from '@angular/core/rxjs-interop';
@@ -18,149 +19,163 @@ import {i_complete} from 'dfts-helper';
 import {DfxTimeSpanPipe, injectIsMobile} from 'dfx-helper';
 import {DfxTr} from 'dfx-translate';
 
+
 @Component({
   template: `
     @defer (when showService.show()) {
       @if (showService.show()) {
-        
    
-          
    
-            
    
-              
    
-                
    {{ 'HOME_START_STATISTICS' | tr }}
    
-                
      
-                  
    • 
-                    Web version: {{ frontendVersion }}
-                  
      • 
-                  
    • 
-                    Local time: {{ localTime() | date: 'YYYY-MM-dd HH:mm:ss (zzz)' }}
-                  
      • 
-                  
    • 
-                    OS: {{ browserInfos.os }}
-                  
      • 
-                  
    • 
-                    OS version: {{ browserInfos.osVersion }}
-                  
      • 
-                  
    • 
-                    Browser: {{ browserInfos.name }}
-                  
      • 
-                  
    • 
-                    Browser version: {{ browserInfos.version }}
-                  
      • 
-                  
    • 
-                    Mobile: {{ browserInfos.mobile }}
-                  
      • 
-                  
    • 
-                    Screen size: {{ browserInfos.screenSize }}
-                  
      • 
-                  
    • 
-                    Local storage: {{ browserInfos.localStorage }}
-                  
      • 
-                  
    • 
-                    Cookies: {{ browserInfos.cookies }}
-                  
      • 
-                  
      
-                  
    • 
-                    isProduction: {{ isProduction }}
-                  
      • 
-                  
    • 
-                    Environment: {{ type }}
-                  
      • 
-                  
    • 
-                    API: {{ apiUrl }}
-                  
      • 
-                  
    • 
-                    Logo: {{ logoUrl }}
+        
      
+          
      
+            
      
+              
      {{ 'HOME_START_STATISTICS' | tr }}
      
+              
        
+                
      • 
+                  Local time: {{ localTime() | date: 'YYYY-MM-dd HH:mm:ss (zzz)' }}
+                
        • 
+                
      • 
+                  OS: {{ browserInfos.os }}
+                
        • 
+                
      • 
+                  OS version: {{ browserInfos.osVersion }}
+                
        • 
+                
      • 
+                  Browser: {{ browserInfos.name }}
+                
        • 
+                
      • 
+                  Browser version: {{ browserInfos.version }}
+                
        • 
+                
      • 
+                  Mobile: {{ browserInfos.mobile }}
+                
        • 
+                
      • 
+                  Screen size: {{ browserInfos.screenSize }}
+                
        • 
+                
      • 
+                  Local storage: {{ browserInfos.localStorage }}
+                
        • 
+                
      • 
+                  Cookies: {{ browserInfos.cookies }}
+                
        • 
+                
        
+                
        {{ environment | json }}
        
+                
      • 
+                  Logo: {{ logoUrl }}
+                
        • 
+                
        
+                @if (authService.status() === 'LOGGED_IN') {
+                  
      • 
+                    User: {{ myUser()?.emailAddress }}
                   
        • 
-                  
        
-                  @if (authService.status() === 'LOGGED_IN') {
-                    
      • 
-                      User: {{ myUser()?.emailAddress }}
-                    
        • 
-                    
      • 
-                      isAdmin: {{ myUser()?.isAdmin }}
-                    
        • 
+                  
      • 
+                    isAdmin: {{ myUser()?.isAdmin }}
+                  
        • 
+                } @else {
+                  
      • User: Logged out
        • 
+                }
+                
      • 
+                  Selected Theme: {{ theme().name }}
+                
        • 
+                
      • 
+                  Auth redirect:
+
+                  @if (authService.redirectUrl(); as it) {
+                    
        {{  it }}
        
                   } @else {
-                    
      • User: Logged out
        • 
+                    -
                   }
-                  
      • 
-                    Selected Theme: {{ theme().name }}
-                  
        • 
-                  
      • 
-                    Auth redirect: {{ authService.redirectUrl() ?? '-' }}
-                  
        • 
-                  
      • 
-                    Selected redirect: {{ redirectUrl() ?? '-' }}
-                  
        • 
-                  @if (qrCodeData(); as data) {
-                    
      • 
-                      QrCode Data:
-                      
        {{  qrCodeData() | json }}
        
-                    
        • 
+                
+                
      • 
+                  Selected redirect:
+
+                  @if (redirectUrl(); as it) {
+                    
        {{  it }}
        
                   } @else {
-                    
      • QrCode Data: -
        • 
+                    -
                   }
-                
      
-              
      
+                
      • 
+
+                
    • 
+                  QrCode Data:
+
+                  @if (qrCodeData(); as it) {
+                    
      {{  it | json }}
      
+                  } @else {
+                    -
+                  }
+                
      • 
+              
    
             
    
           
    
+        
    
 
-          
    
-            
    
-              
    
-                
    Backend
    
-                
      
-                  
    • 
-                    Status:
-                    
-                      {{ serverInfoService.status() }}
-                  
      • 
-                  @if (serverInfoService.status() !== 'Offline') {
-                    @if (serverInfoService.publicInfo(); as publicInfo) {
-                      
    • 
-                        Ping:
-                        
      
-                          
      
-                            {{ publicInfo.responseTime }}ms 
-                            ({{ publicInfo.lastPing | date: 'HH:mm:ss' }} )
-                          
      
-                          
      
-                              /  {{ serverInfoService.refreshIn() }} s
-                          
      
+        
      
+          
      
+            
      
+              
      Backend
      
+              
        
+                
      • 
+                  Status:
+                  
+                    {{ serverInfoService.status() }}
+                
        • 
+                @if (serverInfoService.status() !== 'Offline') {
+                  @if (serverInfoService.publicInfo(); as publicInfo) {
+                    
      • 
+                      Ping:
+                      
        
+                        
        
+                          {{ publicInfo.responseTime }}ms 
+                          ({{ publicInfo.lastPing | date: 'HH:mm:ss' }} )
                         
        
-                      
        • 
-                      
      • 
-                        Uptime: {{ localTime() | d_timespan: publicInfo.serverStartTime }}
-                      
        • 
-                      
      • 
-                        Version: {{ publicInfo.version }}
-                      
        • 
-                      
      • 
-                        Info: "{{ publicInfo.info }}"
-                      
        • 
-                      
      • 
-                        Time: {{ publicInfo.serverTime | date: 'YYYY-MM-dd HH:mm:ss (zzz)' : 'UTC' }}
-                      
        • 
-                      
      • 
-                        Started: {{ publicInfo.serverStartTime | date: 'YYYY-MM-dd HH:mm:ss (zzz)' }}
-                      
        • 
-                    }
+                        
        
+                            /  {{ serverInfoService.refreshIn() }} s
+                        
        
+                      
      
+                    
      • 
+                    
    • 
+                      Uptime: {{ localTime() | d_timespan: publicInfo.serverStartTime }}
+                    
      • 
+                    
    • 
+                      Version: {{ publicInfo.version }}
+                    
      • 
+                    
    • 
+                      Info: "{{ publicInfo.info }}"
+                    
      • 
+                    
    • 
+                      Time: {{ publicInfo.serverTime | date: 'YYYY-MM-dd HH:mm:ss (zzz)' : 'UTC' }}
+                    
      • 
+                    
    • 
+                      Started: {{ publicInfo.serverStartTime | date: 'YYYY-MM-dd HH:mm:ss (zzz)' }}
+                    
      • 
+                  }
 
-                    @if (authService.status() === 'LOGGED_IN') {
-                      @if (serverInfoService.adminInfo(); as adminInfo) {
-                        
    • 
-                          Environment Info:
-                          
      {{ adminInfo | json }}
      
-                        
      • 
-                      }
+                  @if (authService.status() === 'LOGGED_IN') {
+                    @if (serverInfoService.adminInfo(); as adminInfo) {
+                      
    • 
+                        Environment Info:
+                        
      {{ adminInfo | json }}
      
+                      
      • 
                     }
                   }
-                
    
-              
    
+                }
+              
             
    
           
    
         
    
@@ -179,15 +194,13 @@ import {DfxTr} from 'dfx-translate';
   selector: 'app-system-info',
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [DatePipe, DfxTimeSpanPipe, DfxTr, JsonPipe, NgbTooltip],
+  imports: [DatePipe, DfxTimeSpanPipe, DfxTr, JsonPipe, NgbTooltip, CdkDrag],
   providers: [SystemInfoService],
 })
 export class SystemInfoComponent {
-  isProduction = EnvironmentHelper.getProduction();
+  environment = EnvironmentHelper.get();
   type = EnvironmentHelper.getType();
-  apiUrl = EnvironmentHelper.getAPIUrl();
   logoUrl = EnvironmentHelper.getLogoUrl();
-  frontendVersion = EnvironmentHelper.getWebVersion();
 
   isMobile = injectIsMobile();
   serverInfoService = inject(SystemInfoService);
diff --git a/src/assets/i18n/de.json b/src/assets/i18n/de.json
index a07722d6..ff8dc818 100644
--- a/src/assets/i18n/de.json
+++ b/src/assets/i18n/de.json
@@ -52,6 +52,7 @@
   "UNKNOWN": "Unbekannt",
   "UNSAVED_DATA": "Ungespeicherte Daten gefunden!",
   "OPEN": "Öffnen",
+  "OPEN_2": " öffnen",
   "TITLE": "Titel",
   "TYPE": "Typ",
   "STARTS": "Startet",

From f21235bf3376a9b4e8d67bf6e380d08823d41cd1 Mon Sep 17 00:00:00 2001
From: Dafnik 
Date: Fri, 16 Feb 2024 14:44:28 +0100
Subject: [PATCH 03/13] Update angular dependencies, improve routing, and
 enhance UI

Revised code to improve routing handling, updated Angular dependencies, and enhanced the UI elements. Changes include the introduction of contextual links to Product Edit Form component and the redefinition of routing paths for Waiters module. All Angular dependencies were updated to latest stable versions.

Signed-off-by: Dafnik 
---
 pnpm-lock.yaml                                | 612 ++++++++++++++++--
 .../_shared/services/system-info.service.ts   |   2 -
 .../ui/loading/app-progress-bar.component.ts  |  50 +-
 .../layouts/app-list-nav-items.component.ts   |  32 +-
 .../home/events/_services/events.service.ts   |   4 +
 src/app/home/home.layout.ts                   |  54 +-
 .../organisation-edit-stripe.component.ts     |  43 +-
 ...nisation-stripe-account-modal.component.ts |  83 ++-
 .../organisations/organisations.component.ts  |   6 +-
 src/app/home/printers/printers.layout.ts      |   4 +-
 src/app/home/printers/printers.routes.ts      |  11 +-
 .../product-edit-form.component.ts            |  40 +-
 .../product-edit/product-edit.component.ts    |  30 +-
 .../components/sum-products.component.ts      |   2 +-
 ...w.component.ts => statistics.component.ts} |   2 +-
 src/app/home/statistics/statistics.module.ts  |   9 +-
 .../table-edit/table-edit-form.component.ts   |  23 +-
 .../tables/table-edit/table-edit.component.ts |   8 -
 ...ate-organisation-waiters-edit.component.ts |  10 +-
 .../waiter-edit/waiter-edit.component.ts      |   1 -
 src/app/home/waiters/waiters.component.ts     |   2 +-
 src/app/home/waiters/waiters.layout.ts        |   2 +-
 src/app/home/waiters/waiters.routes.ts        |   8 +-
 src/app/maxi/maxi.component.ts                |  16 +-
 src/app/outside/login/login.component.ts      |  31 +-
 src/app/system-info.component.ts              |  13 +-
 src/assets/i18n/de.json                       |   2 -
 tsconfig.json                                 |   8 +-
 28 files changed, 866 insertions(+), 242 deletions(-)
 rename src/app/home/statistics/{statistics-overview.component.ts => statistics.component.ts} (98%)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index de76ca64..3436465c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -7,7 +7,7 @@ settings:
 dependencies:
   '@angular-devkit/build-angular':
     specifier: ^17.0.10
-    version: 17.0.10(@angular/compiler-cli@17.1.1)(@angular/localize@17.1.1)(@types/node@20.2.5)(karma@6.4.2)(typescript@5.3.3)
+    version: 17.0.10(@angular/compiler-cli@17.1.3)(@angular/localize@17.1.3)(@types/node@20.2.5)(karma@6.4.2)(ng-packagr@17.2.0)(typescript@5.3.3)
   '@angular/animations':
     specifier: 17.1.3
     version: 17.1.3(@angular/core@17.1.3)
@@ -80,6 +80,9 @@ dependencies:
   jspdf:
     specifier: 2.5.1
     version: 2.5.1
+  ng2-pdfjs-viewer:
+    specifier: ^17.0.3
+    version: 17.0.3(@angular/common@17.1.3)(@angular/core@17.1.3)(ng-packagr@17.2.0)
   ngxtension:
     specifier: 2.0.0
     version: 2.0.0(@angular/common@17.1.3)(@angular/core@17.1.3)(@use-gesture/vanilla@10.3.0)(rxjs@7.8.1)
@@ -222,7 +225,7 @@ packages:
       - chokidar
     dev: true
 
-  /@angular-devkit/build-angular@17.0.10(@angular/compiler-cli@17.1.1)(@angular/localize@17.1.1)(@types/node@20.2.5)(karma@6.4.2)(typescript@5.3.3):
+  /@angular-devkit/build-angular@17.0.10(@angular/compiler-cli@17.1.3)(@angular/localize@17.1.3)(@types/node@20.2.5)(karma@6.4.2)(ng-packagr@17.2.0)(typescript@5.3.3):
     resolution: {integrity: sha512-RWVu5Pdg6VdO3v1i0oI+HGr/NE4rhbNelM43w+9TqrzDtwmvckWsadSp0H88cPhQ4YGY5ldGKyQufO1UItR26w==}
     engines: {node: ^18.13.0 || >=20.9.0, npm: ^6.11.0 || ^7.5.6 || >=8.0.0, yarn: '>= 1.13.0'}
     peerDependencies:
@@ -300,6 +303,7 @@ packages:
       magic-string: 0.30.5
       mini-css-extract-plugin: 2.7.6(webpack@5.89.0)
       mrmime: 1.0.1
+      ng-packagr: 17.2.0(@angular/compiler-cli@17.1.3)(tslib@2.6.2)(typescript@5.3.3)
       open: 8.4.2
       ora: 5.4.1
       parse5-html-rewriting-stream: 7.0.0
@@ -1873,6 +1877,15 @@ packages:
     engines: {node: '>=10.0.0'}
     dev: false
 
+  /@esbuild/aix-ppc64@0.20.0:
+    resolution: {integrity: sha512-fGFDEctNh0CcSwsiRPxiaqX0P5rq+AqE0SRhYGZ4PX46Lg1FNR6oCxJghf8YgY0WQEgQuh3lErUFE4KxLeRmmw==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [aix]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/android-arm64@0.18.20:
     resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==}
     engines: {node: '>=12'}
@@ -1891,6 +1904,15 @@ packages:
     dev: false
     optional: true
 
+  /@esbuild/android-arm64@0.20.0:
+    resolution: {integrity: sha512-aVpnM4lURNkp0D3qPoAzSG92VXStYmoVPOgXveAUoQBWRSuQzt51yvSju29J6AHPmwY1BjH49uR29oyfH1ra8Q==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/android-arm@0.18.20:
     resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==}
     engines: {node: '>=12'}
@@ -1909,6 +1931,15 @@ packages:
     dev: false
     optional: true
 
+  /@esbuild/android-arm@0.20.0:
+    resolution: {integrity: sha512-3bMAfInvByLHfJwYPJRlpTeaQA75n8C/QKpEaiS4HrFWFiJlNI0vzq/zCjBrhAYcPyVPG7Eo9dMrcQXuqmNk5g==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/android-x64@0.18.20:
     resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==}
     engines: {node: '>=12'}
@@ -1927,6 +1958,15 @@ packages:
     dev: false
     optional: true
 
+  /@esbuild/android-x64@0.20.0:
+    resolution: {integrity: sha512-uK7wAnlRvjkCPzh8jJ+QejFyrP8ObKuR5cBIsQZ+qbMunwR8sbd8krmMbxTLSrDhiPZaJYKQAU5Y3iMDcZPhyQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/darwin-arm64@0.18.20:
     resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==}
     engines: {node: '>=12'}
@@ -1945,6 +1985,15 @@ packages:
     dev: false
     optional: true
 
+  /@esbuild/darwin-arm64@0.20.0:
+    resolution: {integrity: sha512-AjEcivGAlPs3UAcJedMa9qYg9eSfU6FnGHJjT8s346HSKkrcWlYezGE8VaO2xKfvvlZkgAhyvl06OJOxiMgOYQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/darwin-x64@0.18.20:
     resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==}
     engines: {node: '>=12'}
@@ -1963,6 +2012,15 @@ packages:
     dev: false
     optional: true
 
+  /@esbuild/darwin-x64@0.20.0:
+    resolution: {integrity: sha512-bsgTPoyYDnPv8ER0HqnJggXK6RyFy4PH4rtsId0V7Efa90u2+EifxytE9pZnsDgExgkARy24WUQGv9irVbTvIw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/freebsd-arm64@0.18.20:
     resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==}
     engines: {node: '>=12'}
@@ -1981,6 +2039,15 @@ packages:
     dev: false
     optional: true
 
+  /@esbuild/freebsd-arm64@0.20.0:
+    resolution: {integrity: sha512-kQ7jYdlKS335mpGbMW5tEe3IrQFIok9r84EM3PXB8qBFJPSc6dpWfrtsC/y1pyrz82xfUIn5ZrnSHQQsd6jebQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/freebsd-x64@0.18.20:
     resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==}
     engines: {node: '>=12'}
@@ -1999,6 +2066,15 @@ packages:
     dev: false
     optional: true
 
+  /@esbuild/freebsd-x64@0.20.0:
+    resolution: {integrity: sha512-uG8B0WSepMRsBNVXAQcHf9+Ko/Tr+XqmK7Ptel9HVmnykupXdS4J7ovSQUIi0tQGIndhbqWLaIL/qO/cWhXKyQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/linux-arm64@0.18.20:
     resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==}
     engines: {node: '>=12'}
@@ -2017,6 +2093,15 @@ packages:
     dev: false
     optional: true
 
+  /@esbuild/linux-arm64@0.20.0:
+    resolution: {integrity: sha512-uTtyYAP5veqi2z9b6Gr0NUoNv9F/rOzI8tOD5jKcCvRUn7T60Bb+42NDBCWNhMjkQzI0qqwXkQGo1SY41G52nw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/linux-arm@0.18.20:
     resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==}
     engines: {node: '>=12'}
@@ -2035,6 +2120,15 @@ packages:
     dev: false
     optional: true
 
+  /@esbuild/linux-arm@0.20.0:
+    resolution: {integrity: sha512-2ezuhdiZw8vuHf1HKSf4TIk80naTbP9At7sOqZmdVwvvMyuoDiZB49YZKLsLOfKIr77+I40dWpHVeY5JHpIEIg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/linux-ia32@0.18.20:
     resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==}
     engines: {node: '>=12'}
@@ -2053,6 +2147,15 @@ packages:
     dev: false
     optional: true
 
+  /@esbuild/linux-ia32@0.20.0:
+    resolution: {integrity: sha512-c88wwtfs8tTffPaoJ+SQn3y+lKtgTzyjkD8NgsyCtCmtoIC8RDL7PrJU05an/e9VuAke6eJqGkoMhJK1RY6z4w==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/linux-loong64@0.18.20:
     resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==}
     engines: {node: '>=12'}
@@ -2071,6 +2174,15 @@ packages:
     dev: false
     optional: true
 
+  /@esbuild/linux-loong64@0.20.0:
+    resolution: {integrity: sha512-lR2rr/128/6svngnVta6JN4gxSXle/yZEZL3o4XZ6esOqhyR4wsKyfu6qXAL04S4S5CgGfG+GYZnjFd4YiG3Aw==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/linux-mips64el@0.18.20:
     resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==}
     engines: {node: '>=12'}
@@ -2089,6 +2201,15 @@ packages:
     dev: false
     optional: true
 
+  /@esbuild/linux-mips64el@0.20.0:
+    resolution: {integrity: sha512-9Sycc+1uUsDnJCelDf6ZNqgZQoK1mJvFtqf2MUz4ujTxGhvCWw+4chYfDLPepMEvVL9PDwn6HrXad5yOrNzIsQ==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/linux-ppc64@0.18.20:
     resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==}
     engines: {node: '>=12'}
@@ -2107,6 +2228,15 @@ packages:
     dev: false
     optional: true
 
+  /@esbuild/linux-ppc64@0.20.0:
+    resolution: {integrity: sha512-CoWSaaAXOZd+CjbUTdXIJE/t7Oz+4g90A3VBCHLbfuc5yUQU/nFDLOzQsN0cdxgXd97lYW/psIIBdjzQIwTBGw==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/linux-riscv64@0.18.20:
     resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==}
     engines: {node: '>=12'}
@@ -2125,6 +2255,15 @@ packages:
     dev: false
     optional: true
 
+  /@esbuild/linux-riscv64@0.20.0:
+    resolution: {integrity: sha512-mlb1hg/eYRJUpv8h/x+4ShgoNLL8wgZ64SUr26KwglTYnwAWjkhR2GpoKftDbPOCnodA9t4Y/b68H4J9XmmPzA==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/linux-s390x@0.18.20:
     resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==}
     engines: {node: '>=12'}
@@ -2143,6 +2282,15 @@ packages:
     dev: false
     optional: true
 
+  /@esbuild/linux-s390x@0.20.0:
+    resolution: {integrity: sha512-fgf9ubb53xSnOBqyvWEY6ukBNRl1mVX1srPNu06B6mNsNK20JfH6xV6jECzrQ69/VMiTLvHMicQR/PgTOgqJUQ==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/linux-x64@0.18.20:
     resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==}
     engines: {node: '>=12'}
@@ -2161,6 +2309,15 @@ packages:
     dev: false
     optional: true
 
+  /@esbuild/linux-x64@0.20.0:
+    resolution: {integrity: sha512-H9Eu6MGse++204XZcYsse1yFHmRXEWgadk2N58O/xd50P9EvFMLJTQLg+lB4E1cF2xhLZU5luSWtGTb0l9UeSg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/netbsd-x64@0.18.20:
     resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==}
     engines: {node: '>=12'}
@@ -2179,6 +2336,15 @@ packages:
     dev: false
     optional: true
 
+  /@esbuild/netbsd-x64@0.20.0:
+    resolution: {integrity: sha512-lCT675rTN1v8Fo+RGrE5KjSnfY0x9Og4RN7t7lVrN3vMSjy34/+3na0q7RIfWDAj0e0rCh0OL+P88lu3Rt21MQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/openbsd-x64@0.18.20:
     resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==}
     engines: {node: '>=12'}
@@ -2197,6 +2363,15 @@ packages:
     dev: false
     optional: true
 
+  /@esbuild/openbsd-x64@0.20.0:
+    resolution: {integrity: sha512-HKoUGXz/TOVXKQ+67NhxyHv+aDSZf44QpWLa3I1lLvAwGq8x1k0T+e2HHSRvxWhfJrFxaaqre1+YyzQ99KixoA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/sunos-x64@0.18.20:
     resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==}
     engines: {node: '>=12'}
@@ -2215,6 +2390,15 @@ packages:
     dev: false
     optional: true
 
+  /@esbuild/sunos-x64@0.20.0:
+    resolution: {integrity: sha512-GDwAqgHQm1mVoPppGsoq4WJwT3vhnz/2N62CzhvApFD1eJyTroob30FPpOZabN+FgCjhG+AgcZyOPIkR8dfD7g==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/win32-arm64@0.18.20:
     resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==}
     engines: {node: '>=12'}
@@ -2233,6 +2417,15 @@ packages:
     dev: false
     optional: true
 
+  /@esbuild/win32-arm64@0.20.0:
+    resolution: {integrity: sha512-0vYsP8aC4TvMlOQYozoksiaxjlvUcQrac+muDqj1Fxy6jh9l9CZJzj7zmh8JGfiV49cYLTorFLxg7593pGldwQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/win32-ia32@0.18.20:
     resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==}
     engines: {node: '>=12'}
@@ -2251,6 +2444,15 @@ packages:
     dev: false
     optional: true
 
+  /@esbuild/win32-ia32@0.20.0:
+    resolution: {integrity: sha512-p98u4rIgfh4gdpV00IqknBD5pC84LCub+4a3MO+zjqvU5MVXOc3hqR2UgT2jI2nh3h8s9EQxmOsVI3tyzv1iFg==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@esbuild/win32-x64@0.18.20:
     resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==}
     engines: {node: '>=12'}
@@ -2269,6 +2471,15 @@ packages:
     dev: false
     optional: true
 
+  /@esbuild/win32-x64@0.20.0:
+    resolution: {integrity: sha512-NgJnesu1RtWihtTtXGFMU5YSE6JyyHPMxCwBZK7a6/8d31GuSo9l0Ss7w1Jw5QnKUawG6UEehs883kcXf5fYwg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@eslint-community/eslint-utils@4.4.0(eslint@8.56.0):
     resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -2345,7 +2556,6 @@ packages:
       strip-ansi-cjs: /strip-ansi@6.0.1
       wrap-ansi: 8.1.0
       wrap-ansi-cjs: /wrap-ansi@7.0.0
-    dev: true
 
   /@istanbuljs/load-nyc-config@1.1.0:
     resolution: {integrity: sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==}
@@ -2506,7 +2716,6 @@ packages:
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dependencies:
       semver: 7.5.4
-    dev: true
 
   /@npmcli/git@5.0.3:
     resolution: {integrity: sha512-UZp9NwK+AynTrKvHn5k3KviW/hA5eENmFsu3iAPe7sWRt0lFUdsY/wXIYjpDFe7cdSNwOIzbObfwgt6eL5/2zw==}
@@ -2674,15 +2883,174 @@ packages:
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
     requiresBuild: true
-    dev: true
     optional: true
 
   /@popperjs/core@2.11.8:
     resolution: {integrity: sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==}
     dev: false
 
-  /@schematics/angular@17.1.1:
-    resolution: {integrity: sha512-1Wqefy1W9Y63g48Fp7BscL95V4U1seDGgZawH6DcJnytJVW89hazao7YREzLYfdoediuw7lU+OHJksWYe4VQww==}
+  /@rollup/plugin-json@6.1.0(rollup@4.11.0):
+    resolution: {integrity: sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@rollup/pluginutils': 5.1.0(rollup@4.11.0)
+      rollup: 4.11.0
+    dev: false
+
+  /@rollup/plugin-node-resolve@15.2.3(rollup@4.11.0):
+    resolution: {integrity: sha512-j/lym8nf5E21LwBT4Df1VD6hRO2L2iwUeUmP7litikRsVp1H6NWx20NEp0Y7su+7XGc476GnXXc4kFeZNGmaSQ==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.78.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@rollup/pluginutils': 5.1.0(rollup@4.11.0)
+      '@types/resolve': 1.20.2
+      deepmerge: 4.3.1
+      is-builtin-module: 3.2.1
+      is-module: 1.0.0
+      resolve: 1.22.8
+      rollup: 4.11.0
+    dev: false
+
+  /@rollup/pluginutils@5.1.0(rollup@4.11.0):
+    resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@types/estree': 1.0.5
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+      rollup: 4.11.0
+    dev: false
+
+  /@rollup/rollup-android-arm-eabi@4.11.0:
+    resolution: {integrity: sha512-BV+u2QSfK3i1o6FucqJh5IK9cjAU6icjFFhvknzFgu472jzl0bBojfDAkJLBEsHFMo+YZg6rthBvBBt8z12IBQ==}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-android-arm64@4.11.0:
+    resolution: {integrity: sha512-0ij3iw7sT5jbcdXofWO2NqDNjSVVsf6itcAkV2I6Xsq4+6wjW1A8rViVB67TfBEan7PV2kbLzT8rhOVWLI2YXw==}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-darwin-arm64@4.11.0:
+    resolution: {integrity: sha512-yPLs6RbbBMupArf6qv1UDk6dzZvlH66z6NLYEwqTU0VHtss1wkI4UYeeMS7TVj5QRVvaNAWYKP0TD/MOeZ76Zg==}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-darwin-x64@4.11.0:
+    resolution: {integrity: sha512-OvqIgwaGAwnASzXaZEeoJY3RltOFg+WUbdkdfoluh2iqatd090UeOG3A/h0wNZmE93dDew9tAtXgm3/+U/B6bw==}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-linux-arm-gnueabihf@4.11.0:
+    resolution: {integrity: sha512-X17s4hZK3QbRmdAuLd2EE+qwwxL8JxyVupEqAkxKPa/IgX49ZO+vf0ka69gIKsaYeo6c1CuwY3k8trfDtZ9dFg==}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-linux-arm64-gnu@4.11.0:
+    resolution: {integrity: sha512-673Lu9EJwxVB9NfYeA4AdNu0FOHz7g9t6N1DmT7bZPn1u6bTF+oZjj+fuxUcrfxWXE0r2jxl5QYMa9cUOj9NFg==}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-linux-arm64-musl@4.11.0:
+    resolution: {integrity: sha512-yFW2msTAQNpPJaMmh2NpRalr1KXI7ZUjlN6dY/FhWlOclMrZezm5GIhy3cP4Ts2rIAC+IPLAjNibjp1BsxCVGg==}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-linux-riscv64-gnu@4.11.0:
+    resolution: {integrity: sha512-kKT9XIuhbvYgiA3cPAGntvrBgzhWkGpBMzuk1V12Xuoqg7CI41chye4HU0vLJnGf9MiZzfNh4I7StPeOzOWJfA==}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-linux-x64-gnu@4.11.0:
+    resolution: {integrity: sha512-6q4ESWlyTO+erp1PSCmASac+ixaDv11dBk1fqyIuvIUc/CmRAX2Zk+2qK1FGo5q7kyDcjHCFVwgGFCGIZGVwCA==}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-linux-x64-musl@4.11.0:
+    resolution: {integrity: sha512-vIAQUmXeMLmaDN78HSE4Kh6xqof2e3TJUKr+LPqXWU4NYNON0MDN9h2+t4KHrPAQNmU3w1GxBQ/n01PaWFwa5w==}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-win32-arm64-msvc@4.11.0:
+    resolution: {integrity: sha512-LVXo9dDTGPr0nezMdqa1hK4JeoMZ02nstUxGYY/sMIDtTYlli1ZxTXBYAz3vzuuvKO4X6NBETciIh7N9+abT1g==}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-win32-ia32-msvc@4.11.0:
+    resolution: {integrity: sha512-xZVt6K70Gr3I7nUhug2dN6VRR1ibot3rXqXS3wo+8JP64t7djc3lBFyqO4GiVrhNaAIhUCJtwQ/20dr0h0thmQ==}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/rollup-win32-x64-msvc@4.11.0:
+    resolution: {integrity: sha512-f3I7h9oTg79UitEco9/2bzwdciYkWr8pITs3meSDSlr1TdvQ7IxkQaaYN2YqZXX5uZhiYL+VuYDmHwNzhx+HOg==}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@rollup/wasm-node@4.11.0:
+    resolution: {integrity: sha512-PY6U3z5xwHS/jm4RIHz9baVR43ojMyYfHJ8HKIVjfym2GalN8lAQKO/EPZ4xHrGgBjq+neWsPuNnlZFxwxhRMQ==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+    dependencies:
+      '@types/estree': 1.0.5
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: false
+
+  /@schematics/angular@17.1.3:
+    resolution: {integrity: sha512-hmeasOvzmniy6urtzUKhEqGO67iPuLX/dVtkF4nWp2NTtcEKlvcJobNDMc+CTlX4+ZMPVOvmhDMQqrlfekZ+NQ==}
     engines: {node: ^18.13.0 || >=20.9.0, npm: ^6.11.0 || ^7.5.6 || >=8.0.0, yarn: '>= 1.13.0'}
     dependencies:
       '@angular-devkit/core': 17.1.3
@@ -2984,6 +3352,10 @@ packages:
     resolution: {integrity: sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==}
     dev: false
 
+  /@types/resolve@1.20.2:
+    resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
+    dev: false
+
   /@types/retry@0.12.0:
     resolution: {integrity: sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==}
     dev: false
@@ -3456,7 +3828,6 @@ packages:
     dependencies:
       clean-stack: 2.2.0
       indent-string: 4.0.0
-    dev: true
 
   /ajv-formats@2.1.1(ajv@8.12.0):
     resolution: {integrity: sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==}
@@ -3531,7 +3902,6 @@ packages:
   /ansi-regex@6.0.1:
     resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
     engines: {node: '>=12'}
-    dev: true
 
   /ansi-styles@3.2.1:
     resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
@@ -3552,7 +3922,6 @@ packages:
   /ansi-styles@6.2.1:
     resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
     engines: {node: '>=12'}
-    dev: true
 
   /anymatch@3.1.2:
     resolution: {integrity: sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==}
@@ -3991,6 +4360,11 @@ packages:
       base64-js: 1.5.1
       ieee754: 1.2.1
 
+  /builtin-modules@3.3.0:
+    resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
+    engines: {node: '>=6'}
+    dev: false
+
   /builtins@5.0.1:
     resolution: {integrity: sha512-qwVpFEHNfhYJIzNRBvd2C1kyo6jz3ZSMPyyuR47OPdiKWlbYnZNyDWuyR175qDnAJLiCo5fBBqPb3RiXgWlkOQ==}
     dependencies:
@@ -4022,7 +4396,6 @@ packages:
       ssri: 10.0.0
       tar: 6.1.11
       unique-filename: 3.0.0
-    dev: true
 
   /cacheable-lookup@7.0.0:
     resolution: {integrity: sha512-+qJyx4xiKra8mZrcwhjMRMUhD5NR1R8esPkzIYxX96JiecFoxAXFuz/GpR3+ev4PE1WamHip78wV0vcmPQtp8w==}
@@ -4128,7 +4501,6 @@ packages:
   /chownr@2.0.0:
     resolution: {integrity: sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==}
     engines: {node: '>=10'}
-    dev: true
 
   /chrome-trace-event@1.0.3:
     resolution: {integrity: sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==}
@@ -4138,7 +4510,6 @@ packages:
   /clean-stack@2.2.0:
     resolution: {integrity: sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==}
     engines: {node: '>=6'}
-    dev: true
 
   /cli-cursor@3.1.0:
     resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
@@ -4241,6 +4612,11 @@ packages:
     engines: {node: '>=16'}
     dev: true
 
+  /commander@12.0.0:
+    resolution: {integrity: sha512-MwVNWlYjDTtOjX5PiD7o5pK0UrFU/OYgcJfjjK4RaHZETNtjJqrZa9Y9ds88+A+f+d5lv+561eZ+yCKoS3gbAA==}
+    engines: {node: '>=18'}
+    dev: false
+
   /commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
     dev: false
@@ -4254,6 +4630,10 @@ packages:
     resolution: {integrity: sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==}
     dev: false
 
+  /commondir@1.0.1:
+    resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
+    dev: false
+
   /compressible@2.0.18:
     resolution: {integrity: sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==}
     engines: {node: '>= 0.6'}
@@ -4675,6 +5055,11 @@ packages:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
     dev: true
 
+  /deepmerge@4.3.1:
+    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
   /default-gateway@6.0.3:
     resolution: {integrity: sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==}
     engines: {node: '>= 10'}
@@ -4717,6 +5102,11 @@ packages:
     resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
     engines: {node: '>= 0.8'}
 
+  /dependency-graph@1.0.0:
+    resolution: {integrity: sha512-cW3gggJ28HZ/LExwxP2B++aiKxhJXMSIt9K48FOXQkm+vuG5gyatXnLsONRJdzO/7VfjDIiaOOa/bs4l464Lwg==}
+    engines: {node: '>=4'}
+    dev: false
+
   /dequal@2.0.3:
     resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
     engines: {node: '>=6'}
@@ -4928,7 +5318,6 @@ packages:
 
   /eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
-    dev: true
 
   /easy-extender@2.3.4:
     resolution: {integrity: sha512-8cAwm6md1YTiPpOvDULYJL4ZS6WfM5/cTeVVh4JsvyYZAoqlRVUpHL9Gr5Fy7HA6xcSZicUia3DeAgO3Us8E+Q==}
@@ -4970,7 +5359,6 @@ packages:
 
   /emoji-regex@9.2.2:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
-    dev: true
 
   /emojilib@2.4.0:
     resolution: {integrity: sha512-5U0rVMU5Y2n2+ykNLQqMoqklN9ICBT/KsvC1Gz6vqHbz2AXXGkG+Pm5rMWk/8Vjrr/mY9985Hi8DYzn1F09Nyw==}
@@ -5173,6 +5561,12 @@ packages:
     hasBin: true
     dev: false
 
+  /esbuild-wasm@0.20.0:
+    resolution: {integrity: sha512-Lc9KeQCg1Zf8kCtfDXgy29rx0x8dOuhDWbkP76Wc64q7ctOOc1Zv1C39AxiE+y4N6ONyXtJk4HKpM7jlU7/jSA==}
+    engines: {node: '>=12'}
+    hasBin: true
+    dev: false
+
   /esbuild@0.18.20:
     resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==}
     engines: {node: '>=12'}
@@ -5233,6 +5627,38 @@ packages:
       '@esbuild/win32-x64': 0.19.5
     dev: false
 
+  /esbuild@0.20.0:
+    resolution: {integrity: sha512-6iwE3Y2RVYCME1jLpBqq7LQWK3MW6vjV2bZy6gt/WrqkY+WE74Spyc0ThAOYpMtITvnjX09CrC6ym7A/m9mebA==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.20.0
+      '@esbuild/android-arm': 0.20.0
+      '@esbuild/android-arm64': 0.20.0
+      '@esbuild/android-x64': 0.20.0
+      '@esbuild/darwin-arm64': 0.20.0
+      '@esbuild/darwin-x64': 0.20.0
+      '@esbuild/freebsd-arm64': 0.20.0
+      '@esbuild/freebsd-x64': 0.20.0
+      '@esbuild/linux-arm': 0.20.0
+      '@esbuild/linux-arm64': 0.20.0
+      '@esbuild/linux-ia32': 0.20.0
+      '@esbuild/linux-loong64': 0.20.0
+      '@esbuild/linux-mips64el': 0.20.0
+      '@esbuild/linux-ppc64': 0.20.0
+      '@esbuild/linux-riscv64': 0.20.0
+      '@esbuild/linux-s390x': 0.20.0
+      '@esbuild/linux-x64': 0.20.0
+      '@esbuild/netbsd-x64': 0.20.0
+      '@esbuild/openbsd-x64': 0.20.0
+      '@esbuild/sunos-x64': 0.20.0
+      '@esbuild/win32-arm64': 0.20.0
+      '@esbuild/win32-ia32': 0.20.0
+      '@esbuild/win32-x64': 0.20.0
+    dev: false
+    optional: true
+
   /escalade@3.1.1:
     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
     engines: {node: '>=6'}
@@ -5448,6 +5874,10 @@ packages:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
 
+  /estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+    dev: false
+
   /esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
@@ -5696,6 +6126,15 @@ packages:
       - supports-color
     dev: false
 
+  /find-cache-dir@3.3.2:
+    resolution: {integrity: sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==}
+    engines: {node: '>=8'}
+    dependencies:
+      commondir: 1.0.1
+      make-dir: 3.1.0
+      pkg-dir: 4.2.0
+    dev: false
+
   /find-cache-dir@4.0.0:
     resolution: {integrity: sha512-9ZonPT4ZAK4a+1pUPVPZJapbi7O5qbbJPdYw/NOQWZZbVLdDTYM3A4R9z/DpAM08IDaFGsvPgiGZ82WEwUDWjg==}
     engines: {node: '>=14.16'}
@@ -5766,7 +6205,6 @@ packages:
     dependencies:
       cross-spawn: 7.0.3
       signal-exit: 4.1.0
-    dev: true
 
   /form-data-encoder@2.1.4:
     resolution: {integrity: sha512-yDYSgNMraqvnxiEXO4hi88+YZxaHC6QKzb5N84iRCTDeRO7ZALpir/lVmf/uXUhnwUr2O4HU8s/n6x+yNjQkHw==}
@@ -5834,14 +6272,12 @@ packages:
     engines: {node: '>= 8'}
     dependencies:
       minipass: 3.3.4
-    dev: true
 
   /fs-minipass@3.0.0:
     resolution: {integrity: sha512-EUojgQaSPy6sxcqcZgQv6TVF6jiKvurji3AxhAivs/Ep4O1UpS8TusaxpybfFHZ2skRhLqzk6WR8nqNYIMMDeA==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dependencies:
       minipass: 4.0.0
-    dev: true
 
   /fs-monkey@1.0.5:
     resolution: {integrity: sha512-8uMbBjrhzW76TYgEV27Y5E//W2f/lTFmx78P2w19FZSxarhI/798APGQyuGCwmkNxgwGRhrLfvWyLBvNtuOmew==}
@@ -5948,7 +6384,6 @@ packages:
       minimatch: 9.0.3
       minipass: 7.0.4
       path-scurry: 1.10.1
-    dev: true
 
   /glob@7.1.4:
     resolution: {integrity: sha512-hkLPepehmnKk41pUGm3sYxoFs/umurYfYJCerbXEyFIWcAzvpipAgVkBqqT9RBKMGjnq6kMuyYwha6csxbiM1A==}
@@ -6332,12 +6767,10 @@ packages:
   /imurmurhash@0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
-    dev: true
 
   /indent-string@4.0.0:
     resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
     engines: {node: '>=8'}
-    dev: true
 
   /inflight@1.0.6:
     resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
@@ -6361,6 +6794,12 @@ packages:
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dev: true
 
+  /injection-js@2.4.0:
+    resolution: {integrity: sha512-6jiJt0tCAo9zjHbcwLiPL+IuNe9SQ6a9g0PEzafThW3fOQi0mrmiJGBJvDD6tmhPh8cQHIQtCOrJuBfQME4kPA==}
+    dependencies:
+      tslib: 2.6.2
+    dev: false
+
   /inquirer@9.2.11:
     resolution: {integrity: sha512-B2LafrnnhbRzCWfAdOXisUzL89Kg8cVJlYmhqoi3flSiV/TveO+nsXwgKr9h9PIo+J1hz7nBSk6gegRIMBBf7g==}
     engines: {node: '>=14.18.0'}
@@ -6461,6 +6900,13 @@ packages:
       has-tostringtag: 1.0.0
     dev: true
 
+  /is-builtin-module@3.2.1:
+    resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==}
+    engines: {node: '>=6'}
+    dependencies:
+      builtin-modules: 3.3.0
+    dev: false
+
   /is-callable@1.2.7:
     resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
     engines: {node: '>= 0.4'}
@@ -6517,6 +6963,10 @@ packages:
     resolution: {integrity: sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==}
     dev: true
 
+  /is-module@1.0.0:
+    resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
+    dev: false
+
   /is-negative-zero@2.0.2:
     resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
     engines: {node: '>= 0.4'}
@@ -6710,7 +7160,6 @@ packages:
       '@isaacs/cliui': 8.0.2
     optionalDependencies:
       '@pkgjs/parseargs': 0.11.0
-    dev: true
 
   /jake@10.8.5:
     resolution: {integrity: sha512-sVpxYeuAhWt0OTWITwT98oyV0GsXyMlXCF+3L1SuafBVUIr/uILGRB+NqwkzhgXKvoJpDIpQvqkUALgdmQsQxw==}
@@ -7032,6 +7481,8 @@ packages:
     peerDependenciesMeta:
       webpack:
         optional: true
+      webpack-sources:
+        optional: true
     dependencies:
       webpack: 5.89.0(esbuild@0.19.5)
       webpack-sources: 3.2.3
@@ -7196,7 +7647,6 @@ packages:
   /lru-cache@10.0.1:
     resolution: {integrity: sha512-IJ4uwUTi2qCccrioU6g9g/5rvvVl13bsdczUUcqbciD9iLr095yj8DQKdObriEvuNSx325N1rV1O0sJFszx75g==}
     engines: {node: 14 || >=16.14}
-    dev: true
 
   /lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
@@ -7230,7 +7680,6 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       semver: 6.3.1
-    dev: true
 
   /make-dir@4.0.0:
     resolution: {integrity: sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==}
@@ -7381,7 +7830,6 @@ packages:
     engines: {node: '>= 8'}
     dependencies:
       minipass: 3.3.4
-    dev: true
 
   /minipass-fetch@3.0.0:
     resolution: {integrity: sha512-NSx3k5gR4Q5Ts2poCM/19d45VwhVLBtJZ6ypYcthj2BwmDx/e7lW8Aadnyt3edd2W0ecb+b0o7FYLRYE2AGcQg==}
@@ -7399,7 +7847,6 @@ packages:
     engines: {node: '>= 8'}
     dependencies:
       minipass: 3.3.4
-    dev: true
 
   /minipass-json-stream@1.0.1:
     resolution: {integrity: sha512-ODqY18UZt/I8k+b7rl2AENgbWE8IDYam+undIJONvigAz8KR5GWblsFTEfQs0WODsjbSXWlm+JHEv8Gr6Tfdbg==}
@@ -7413,7 +7860,6 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       minipass: 3.3.4
-    dev: true
 
   /minipass-sized@1.0.3:
     resolution: {integrity: sha512-MbkQQ2CTiBMlA2Dm/5cY+9SWFEN8pzzOXi6rlM5Xxq0Yqbda5ZQy9sU75a673FE9ZK0Zsbr6Y5iP6u9nktfg2g==}
@@ -7427,19 +7873,16 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       yallist: 4.0.0
-    dev: true
 
   /minipass@4.0.0:
     resolution: {integrity: sha512-g2Uuh2jEKoht+zvO6vJqXmYpflPqzRBT+Th2h01DKh5z7wbY/AZ2gCQ78cP70YoHPyFdY30YBV5WxgLOEwOykw==}
     engines: {node: '>=8'}
     dependencies:
       yallist: 4.0.0
-    dev: true
 
   /minipass@7.0.4:
     resolution: {integrity: sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==}
     engines: {node: '>=16 || 14 >=14.17'}
-    dev: true
 
   /minizlib@2.1.2:
     resolution: {integrity: sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==}
@@ -7447,7 +7890,6 @@ packages:
     dependencies:
       minipass: 3.3.4
       yallist: 4.0.0
-    dev: true
 
   /mitt@1.2.0:
     resolution: {integrity: sha512-r6lj77KlwqLhIUku9UWYes7KJtsczvolZkzp8hbaDPPaE24OmWl5s539Mytlj22siEQKosZ26qCBgda2PKwoJw==}
@@ -7463,7 +7905,6 @@ packages:
     resolution: {integrity: sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==}
     engines: {node: '>=10'}
     hasBin: true
-    dev: true
 
   /mkdirp@3.0.1:
     resolution: {integrity: sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==}
@@ -7525,8 +7966,64 @@ packages:
     resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
     dev: false
 
-  /ngxtension@1.12.0(@angular/common@17.1.1)(@angular/core@17.1.1)(@use-gesture/vanilla@10.3.0)(rxjs@7.8.1):
-    resolution: {integrity: sha512-zcipEnzFV7BRhqFOFR5cFL4RXaR1L32+F4fZJ+IK07LpqoIwk5A4oXV433r3XhDh1q8FykKzGnhlE5FdmGDsSA==}
+  /ng-packagr@17.2.0(@angular/compiler-cli@17.1.3)(tslib@2.6.2)(typescript@5.3.3):
+    resolution: {integrity: sha512-M2N4IoXkoZQjxstIL2OkCUhBUWH6LhyOtRv8Xi5FFQKxQL7C8/4OL8oilZRbHt2W7DyE3QpQk60S8AbZEypk9w==}
+    engines: {node: ^18.13.0 || >=20.9.0}
+    hasBin: true
+    peerDependencies:
+      '@angular/compiler-cli': ^17.0.0 || ^17.2.0-next.0 || ^17.3.0-next.0
+      tailwindcss: ^2.0.0 || ^3.0.0
+      tslib: ^2.3.0
+      typescript: '>=5.2 <5.4'
+    peerDependenciesMeta:
+      tailwindcss:
+        optional: true
+    dependencies:
+      '@angular/compiler-cli': 17.1.3(@angular/compiler@17.1.3)(typescript@5.3.3)
+      '@rollup/plugin-json': 6.1.0(rollup@4.11.0)
+      '@rollup/plugin-node-resolve': 15.2.3(rollup@4.11.0)
+      '@rollup/wasm-node': 4.11.0
+      ajv: 8.12.0
+      ansi-colors: 4.1.3
+      browserslist: 4.22.2
+      cacache: 18.0.0
+      chokidar: 3.5.3
+      commander: 12.0.0
+      convert-source-map: 2.0.0
+      dependency-graph: 1.0.0
+      esbuild-wasm: 0.20.0
+      fast-glob: 3.3.2
+      find-cache-dir: 3.3.2
+      injection-js: 2.4.0
+      jsonc-parser: 3.2.0
+      less: 4.2.0
+      ora: 5.4.1
+      piscina: 4.3.1
+      postcss: 8.4.31
+      rxjs: 7.8.1
+      sass: 1.69.5
+      tslib: 2.6.2
+      typescript: 5.3.3
+    optionalDependencies:
+      esbuild: 0.20.0
+      rollup: 4.11.0
+    dev: false
+
+  /ng2-pdfjs-viewer@17.0.3(@angular/common@17.1.3)(@angular/core@17.1.3)(ng-packagr@17.2.0):
+    resolution: {integrity: sha512-/2x0HW4VN+UrA8rR9wpzq5cTP1dnuTxakW6kap6LKETwAvcyzPU3wRXhrwhgju3PfopctuzQNeli9k4q61i03A==}
+    peerDependencies:
+      '@angular/common': ^17.0.2
+      '@angular/core': ^17.0.2
+      ng-packagr: ^17.0.0
+    dependencies:
+      '@angular/common': 17.1.3(@angular/core@17.1.3)(rxjs@7.8.1)
+      '@angular/core': 17.1.3(rxjs@7.8.1)(zone.js@0.14.3)
+      ng-packagr: 17.2.0(@angular/compiler-cli@17.1.3)(tslib@2.6.2)(typescript@5.3.3)
+      tslib: 2.6.2
+    dev: false
+
+  /ngxtension@2.0.0(@angular/common@17.1.3)(@angular/core@17.1.3)(@use-gesture/vanilla@10.3.0)(rxjs@7.8.1):
+    resolution: {integrity: sha512-S/MJ2rifemopwmq4rexfWmxnURGZeBxUwivG6ymbLusHsfHuQo821RzMl+fmJwMr4Yt5nLwUsralM7Vipd7/nQ==}
     engines: {node: '>=18'}
     peerDependencies:
       '@angular/common': '>=16.0.0'
@@ -8072,7 +8569,6 @@ packages:
     engines: {node: '>=10'}
     dependencies:
       aggregate-error: 3.1.0
-    dev: true
 
   /p-retry@4.6.2:
     resolution: {integrity: sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==}
@@ -8199,7 +8695,6 @@ packages:
     dependencies:
       lru-cache: 10.0.1
       minipass: 7.0.4
-    dev: true
 
   /path-to-regexp@0.1.7:
     resolution: {integrity: sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==}
@@ -8249,6 +8744,19 @@ packages:
       nice-napi: 1.0.2
     dev: false
 
+  /piscina@4.3.1:
+    resolution: {integrity: sha512-MBj0QYm3hJQ/C/wIXTN1OCYC8uQ4BBJ4LVele2P4ZwVQAH04vkk8E1SpDbuemLAL1dZorbuOob9rYqJeWCcCRg==}
+    optionalDependencies:
+      nice-napi: 1.0.2
+    dev: false
+
+  /pkg-dir@4.2.0:
+    resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      find-up: 4.1.0
+    dev: false
+
   /pkg-dir@7.0.0:
     resolution: {integrity: sha512-Ie9z/WINcxxLp27BKOCHGde4ITq9UklYKDzVo1nhk5sqGEXU3FpkwP5GM2voTGJkGd9B3Otl+Q4uwSOeSUtOBA==}
     engines: {node: '>=14.16'}
@@ -8719,6 +9227,30 @@ packages:
       fsevents: 2.3.2
     dev: false
 
+  /rollup@4.11.0:
+    resolution: {integrity: sha512-2xIbaXDXjf3u2tajvA5xROpib7eegJ9Y/uPlSFhXLNpK9ampCczXAhLEb5yLzJyG3LAdI1NWtNjDXiLyniNdjQ==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+    requiresBuild: true
+    dependencies:
+      '@types/estree': 1.0.5
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.11.0
+      '@rollup/rollup-android-arm64': 4.11.0
+      '@rollup/rollup-darwin-arm64': 4.11.0
+      '@rollup/rollup-darwin-x64': 4.11.0
+      '@rollup/rollup-linux-arm-gnueabihf': 4.11.0
+      '@rollup/rollup-linux-arm64-gnu': 4.11.0
+      '@rollup/rollup-linux-arm64-musl': 4.11.0
+      '@rollup/rollup-linux-riscv64-gnu': 4.11.0
+      '@rollup/rollup-linux-x64-gnu': 4.11.0
+      '@rollup/rollup-linux-x64-musl': 4.11.0
+      '@rollup/rollup-win32-arm64-msvc': 4.11.0
+      '@rollup/rollup-win32-ia32-msvc': 4.11.0
+      '@rollup/rollup-win32-x64-msvc': 4.11.0
+      fsevents: 2.3.2
+    dev: false
+
   /run-async@3.0.0:
     resolution: {integrity: sha512-540WwVDOMxA6dN6We19EcT9sc3hkXPw5mzRNGM3FkdN/vtE9NFvj5lFAPNwUDmJjXidm3v7TC1cTE7t17Ulm1Q==}
     engines: {node: '>=0.12.0'}
@@ -9038,7 +9570,6 @@ packages:
   /signal-exit@4.1.0:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
-    dev: true
 
   /sigstore@2.1.0:
     resolution: {integrity: sha512-kPIj+ZLkyI3QaM0qX8V/nSsweYND3W448pwkDgS6CQ74MfhEkIR8ToK5Iyx46KJYRjseVcD3Rp9zAmUAj6ZjPw==}
@@ -9272,7 +9803,6 @@ packages:
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dependencies:
       minipass: 3.3.4
-    dev: true
 
   /stackblur-canvas@2.5.0:
     resolution: {integrity: sha512-EeNzTVfj+1In7aSLPKDD03F/ly4RxEuF/EX0YcOG0cKoPXs+SLZxDawQbexQDBzwROs4VKLWTOaZQlZkGBFEIQ==}
@@ -9338,7 +9868,6 @@ packages:
       eastasianwidth: 0.2.0
       emoji-regex: 9.2.2
       strip-ansi: 7.1.0
-    dev: true
 
   /string-width@7.0.0:
     resolution: {integrity: sha512-GPQHj7row82Hjo9hKZieKcHIhaAIKOJvFSIZXuCU9OASVZrMNUaZuz++SPVrBjnLsnk4k+z9f2EIypgxf2vNFw==}
@@ -9396,7 +9925,6 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       ansi-regex: 6.0.1
-    dev: true
 
   /strip-bom@3.0.0:
     resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
@@ -9544,7 +10072,6 @@ packages:
       minizlib: 2.1.2
       mkdirp: 1.0.4
       yallist: 4.0.0
-    dev: true
 
   /temp@0.9.4:
     resolution: {integrity: sha512-yYrrsWnrXMcdsnu/7YMYAofM1ktpL5By7vZhf15CrXijWWrEYZks5AXBudalfSWJLlnen/QUJUB5aoB0kqZUGA==}
@@ -9847,14 +10374,12 @@ packages:
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dependencies:
       unique-slug: 4.0.0
-    dev: true
 
   /unique-slug@4.0.0:
     resolution: {integrity: sha512-WrcA6AyEfqDX5bWige/4NQfPZMtASNVxdmWR76WESYQVAACSgWcR6e9i0mofqqBxYFtL4oAxPIptY73/0YE1DQ==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dependencies:
       imurmurhash: 0.1.4
-    dev: true
 
   /universalify@0.1.2:
     resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==}
@@ -10254,7 +10779,6 @@ packages:
       ansi-styles: 6.2.1
       string-width: 5.1.2
       strip-ansi: 7.1.0
-    dev: true
 
   /wrap-ansi@9.0.0:
     resolution: {integrity: sha512-G8ura3S+3Z2G+mkgNRq8dqaFZAuxfsxpBB8OCTGRTCtp+l/v9nbFNmCUP1BZMts3G1142MsZfn6eeUKrr4PD1Q==}
diff --git a/src/app/_shared/services/system-info.service.ts b/src/app/_shared/services/system-info.service.ts
index cfe95851..b7d47dd8 100644
--- a/src/app/_shared/services/system-info.service.ts
+++ b/src/app/_shared/services/system-info.service.ts
@@ -8,8 +8,6 @@ import {connect} from 'ngxtension/connect';
 
 import {b_fromStorage, st_set} from 'dfts-helper';
 
-
-
 import {AdminInfoResponse, JsonInfoResponse} from '../waiterrobot-backend';
 import {AuthService} from './auth/auth.service';
 
diff --git a/src/app/_shared/ui/loading/app-progress-bar.component.ts b/src/app/_shared/ui/loading/app-progress-bar.component.ts
index 071b8825..2fe4791e 100644
--- a/src/app/_shared/ui/loading/app-progress-bar.component.ts
+++ b/src/app/_shared/ui/loading/app-progress-bar.component.ts
@@ -13,33 +13,33 @@ import {booleanAttribute, ChangeDetectionStrategy, Component, input} from '@angu
     
    
   `,
   styles: `
-        .progress-bar {
-  height: 0.25rem;
-  background-color: rgba(5, 114, 206, 0.2);
-  width: 100%;
-  overflow: hidden;
-}
+    .progress-bar {
+      height: 0.25rem;
+      background-color: rgba(5, 114, 206, 0.2);
+      width: 100%;
+      overflow: hidden;
+    }
 
-.progress-bar-value {
-  width: 100%;
-  height: 100%;
-  background-color: rgb(5, 114, 206);
-  animation: indeterminateAnimation 1s infinite linear;
-  transform-origin: 0% 50%;
-}
+    .progress-bar-value {
+      width: 100%;
+      height: 100%;
+      background-color: rgb(5, 114, 206);
+      animation: indeterminateAnimation 1s infinite linear;
+      transform-origin: 0% 50%;
+    }
 
-@keyframes indeterminateAnimation {
-  0% {
-    transform:  translateX(0) scaleX(0);
-  }
-  40% {
-    transform:  translateX(0) scaleX(0.4);
-  }
-  100% {
-    transform:  translateX(100%) scaleX(0.5);
-  }
-}
-    `,
+    @keyframes indeterminateAnimation {
+      0% {
+        transform: translateX(0) scaleX(0);
+      }
+      40% {
+        transform: translateX(0) scaleX(0.4);
+      }
+      100% {
+        transform: translateX(100%) scaleX(0.5);
+      }
+    }
+  `,
   selector: 'app-progress-bar',
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/src/app/home/_shared/layouts/app-list-nav-items.component.ts b/src/app/home/_shared/layouts/app-list-nav-items.component.ts
index 179bc9ec..4857ef1f 100644
--- a/src/app/home/_shared/layouts/app-list-nav-items.component.ts
+++ b/src/app/home/_shared/layouts/app-list-nav-items.component.ts
@@ -85,22 +85,22 @@ export class AppListNavItemDirective {
     
    
   `,
   styles: `
-  .bd-toc-toggle {
-    color: var(--bs-body-color);
-    border: 1px solid var(--bs-border-color);
-    border-radius: var(--bs-border-radius);
-  }
-
-    .bd-toc-toggle[aria-expanded="true"] {
-    box-shadow: 0 0 0 3px rgba(var(--bd-violet-rgb), 0.25);
-  }
-
-   .bd-toc-toggle[aria-expanded="true"] {
-    color: var(--bd-violet);
-    background-color: var(--bs-body-bg);
-    border-color: var(--bd-violet);
-  }
-   `,
+    .bd-toc-toggle {
+      color: var(--bs-body-color);
+      border: 1px solid var(--bs-border-color);
+      border-radius: var(--bs-border-radius);
+    }
+
+    .bd-toc-toggle[aria-expanded='true'] {
+      box-shadow: 0 0 0 3px rgba(var(--bd-violet-rgb), 0.25);
+    }
+
+    .bd-toc-toggle[aria-expanded='true'] {
+      color: var(--bd-violet);
+      background-color: var(--bs-body-bg);
+      border-color: var(--bd-violet);
+    }
+  `,
   standalone: true,
   selector: 'app-list-nav-items',
   changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/src/app/home/events/_services/events.service.ts b/src/app/home/events/_services/events.service.ts
index 48a48ed5..60482b06 100644
--- a/src/app/home/events/_services/events.service.ts
+++ b/src/app/home/events/_services/events.service.ts
@@ -56,6 +56,10 @@ export class EventsService
     );
   }
 
+  getAllById$(organisationId: number): Observable {
+    return this.triggerGet$.pipe(switchMap(() => this.httpClient.get(this.url, {params: {organisationId}})));
+  }
+
   getSingle$(id: number): Observable {
     return this.triggerGet$.pipe(switchMap(() => this.httpClient.get(`${this.url}/${id}`)));
   }
diff --git a/src/app/home/home.layout.ts b/src/app/home/home.layout.ts
index a5a68930..d10a4633 100644
--- a/src/app/home/home.layout.ts
+++ b/src/app/home/home.layout.ts
@@ -29,37 +29,37 @@ import {selectedOrganisationRouteParamKey, SelectedOrganisationService} from './
   selector: 'app-home',
   templateUrl: './home.layout.html',
   styles: `
-main {
-  min-height: 90vh;
-  padding-top: 10px;
-}
+    main {
+      min-height: 90vh;
+      padding-top: 10px;
+    }
 
-.badge {
-  font-size: 12px;
-}
+    .badge {
+      font-size: 12px;
+    }
 
-.mobile-background-0 {
-  background-color: var(--bs-secondary-bg);
-  border-top-right-radius: 15px;
-  border-top-left-radius: 15px;
-  padding-top: 5px;
-  padding-left: 20px;
-  padding-right: 20px;
-  margin-top: 15px;
-}
+    .mobile-background-0 {
+      background-color: var(--bs-secondary-bg);
+      border-top-right-radius: 15px;
+      border-top-left-radius: 15px;
+      padding-top: 5px;
+      padding-left: 20px;
+      padding-right: 20px;
+      margin-top: 15px;
+    }
 
-.mobile-background-1 {
-  background-color: var(--bs-secondary-bg);
-  border-bottom-right-radius: 15px;
-  border-bottom-left-radius: 15px;
-  padding-left: 20px;
-  padding-right: 20px;
-  padding-bottom: 5px;
-}
+    .mobile-background-1 {
+      background-color: var(--bs-secondary-bg);
+      border-bottom-right-radius: 15px;
+      border-bottom-left-radius: 15px;
+      padding-left: 20px;
+      padding-right: 20px;
+      padding-bottom: 5px;
+    }
 
-small > a:hover {
-  text-decoration: underline;
-}
+    small > a:hover {
+      text-decoration: underline;
+    }
   `,
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/src/app/home/organisations/organisation-edit/organisation-edit-stripe.component.ts b/src/app/home/organisations/organisation-edit/organisation-edit-stripe.component.ts
index 35a4437e..f9ae6900 100644
--- a/src/app/home/organisations/organisation-edit/organisation-edit-stripe.component.ts
+++ b/src/app/home/organisations/organisation-edit/organisation-edit-stripe.component.ts
@@ -1,18 +1,20 @@
 import {ChangeDetectionStrategy, Component, effect, inject, ViewChild} from '@angular/core';
 import {FormControl, ReactiveFormsModule} from '@angular/forms';
+import {RouterLink} from '@angular/router';
 
 import {filter, of, pipe, startWith, switchMap} from 'rxjs';
 
+import {injectConfirmDialog} from '@home-shared/components/question-dialog.component';
+import {StopPropagationDirective} from '@home-shared/stop-propagation';
 import {NgbModal, NgbTooltip} from '@ng-bootstrap/ng-bootstrap';
+import {AppProgressBarComponent} from '@shared/ui/loading/app-progress-bar.component';
+import {CreateStripeAccountDto, GetStripeAccountResponse, UpdateStripeAccountDto} from '@shared/waiterrobot-backend';
 import {computedFrom} from 'ngxtension/computed-from';
 import {injectParams} from 'ngxtension/inject-params';
-import {CreateStripeAccountDto, UpdateStripeAccountDto} from '@shared/waiterrobot-backend';
-import {AppProgressBarComponent} from '@shared/ui/loading/app-progress-bar.component';
-import {injectConfirmDialog} from '@home-shared/components/question-dialog.component';
 
-import {DfxSortModule, DfxTableModule, NgbSort, NgbTableDataSource} from 'dfx-bootstrap-table';
 import {notNullAndUndefined} from 'dfts-helper';
 import {BiComponent} from 'dfx-bootstrap-icons';
+import {DfxSortModule, DfxTableModule, NgbSort, NgbTableDataSource} from 'dfx-bootstrap-table';
 import {DfxTr} from 'dfx-translate';
 
 import {OrganisationsStripeService} from '../_services/organisations-stripe.service';
@@ -69,7 +71,13 @@ import {StripeAccountStateBadge} from './stripe-account-state-badge.component';
           
             {{ 'NAV_EVENTS' | tr }}
             
-              {{ stripeAccount.event?.name ?? '-' }}
+              @if (stripeAccount.event; as event) {
+                
+                  {{ event.name }}
+                
+              } @else {
+                -
+              }
             
           
 
@@ -121,6 +129,8 @@ import {StripeAccountStateBadge} from './stripe-account-state-badge.component';
     ReactiveFormsModule,
     AppProgressBarComponent,
     StripeAccountStateBadge,
+    RouterLink,
+    StopPropagationDirective,
   ],
 })
 export class OrganisationEditStripeComponent {
@@ -167,9 +177,13 @@ export class OrganisationEditStripeComponent {
       ariaLabelledBy: 'modal-title-org-stripe-create',
       size: 'lg',
     });
-    (modalRef.componentInstance as OrganisationStripeAccountModal).action = 'CREATE';
-    (modalRef.componentInstance as OrganisationStripeAccountModal).organisationId = Number(this.idParam());
-    (modalRef.componentInstance as OrganisationStripeAccountModal).existingStripeAccountCount = this.stripeState.data()?.length ?? 0;
+    void (modalRef.componentInstance as OrganisationStripeAccountModal).state.set({
+      type: 'CREATE',
+      organisationId: Number(this.idParam()),
+      existingStripeAccountCount: this.stripeState.data()?.length ?? 0,
+      name: undefined,
+      eventId: undefined,
+    });
     modalRef.closed.subscribe((it?: CreateStripeAccountDto) => {
       if (it) {
         void this.stripeState.create(it);
@@ -177,15 +191,18 @@ export class OrganisationEditStripeComponent {
     });
   }
 
-  onUpdateStripeAccount(stripeAccount: UpdateStripeAccountDto): void {
+  onUpdateStripeAccount(stripeAccount: GetStripeAccountResponse): void {
     const modalRef = this.modal.open(OrganisationStripeAccountModal, {
       ariaLabelledBy: 'modal-title-org-stripe-update',
       size: 'lg',
     });
-    (modalRef.componentInstance as OrganisationStripeAccountModal).action = 'UPDATE';
-    (modalRef.componentInstance as OrganisationStripeAccountModal).organisationId = Number(this.idParam());
-    (modalRef.componentInstance as OrganisationStripeAccountModal).existingStripeAccountCount = this.stripeState.data()?.length ?? 0;
-    (modalRef.componentInstance as OrganisationStripeAccountModal).form.controls.name.patchValue(stripeAccount.name);
+    void (modalRef.componentInstance as OrganisationStripeAccountModal).state.set({
+      type: 'UPDATE',
+      organisationId: Number(this.idParam()),
+      existingStripeAccountCount: this.stripeState.data()?.length ?? 0,
+      name: stripeAccount.name,
+      eventId: stripeAccount.event?.id,
+    });
     modalRef.closed.subscribe((it?: Omit) => {
       if (it) {
         void this.stripeState.update({
diff --git a/src/app/home/organisations/organisation-edit/organisation-stripe-account-modal.component.ts b/src/app/home/organisations/organisation-edit/organisation-stripe-account-modal.component.ts
index d58526a3..cf21ed24 100644
--- a/src/app/home/organisations/organisation-edit/organisation-stripe-account-modal.component.ts
+++ b/src/app/home/organisations/organisation-edit/organisation-stripe-account-modal.component.ts
@@ -2,25 +2,39 @@ import {AsyncPipe, LowerCasePipe} from '@angular/common';
 import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
 import {FormBuilder, ReactiveFormsModule, Validators} from '@angular/forms';
 
+import {filter, map, Observable, pipe, startWith, switchMap} from 'rxjs';
+
+import {allowedCharacterSet} from '@home-shared/regex';
 import {NgbActiveModal} from '@ng-bootstrap/ng-bootstrap';
 import {NgSelectModule} from '@ng-select/ng-select';
-import {allowedCharacterSet} from '@home-shared/regex';
 import {CreateStripeAccountDto} from '@shared/waiterrobot-backend';
+import {computedFrom} from 'ngxtension/computed-from';
+import {signalSlice} from 'ngxtension/signal-slice';
 
 import {BiComponent} from 'dfx-bootstrap-icons';
 import {DfxTr} from 'dfx-translate';
 
+import {EventsService} from '../../events/_services/events.service';
+
+type OrganisationStripeAccountModalState = {
+  name: string | undefined;
+  organisationId: number | undefined;
+  eventId: number | undefined;
+  existingStripeAccountCount: number | undefined;
+  type: 'CREATE' | 'UPDATE' | undefined;
+};
+
 @Component({
   template: `
     
    
       
       
     
    
     @if (form.valueChanges | async) {}
     
    
-      
    
+      
    
         
    
           
           
 
           @if (form.controls.name.invalid) {
@@ -37,10 +51,22 @@ import {DfxTr} from 'dfx-translate';
             
           }
         
    
+
+        
    
+          
+          
+        
    
       
    
       
    
         
         
       
    
@@ -52,12 +78,49 @@ import {DfxTr} from 'dfx-translate';
   imports: [DfxTr, LowerCasePipe, BiComponent, NgSelectModule, ReactiveFormsModule, AsyncPipe],
 })
 export class OrganisationStripeAccountModal {
-  action!: 'CREATE' | 'UPDATE';
-  organisationId!: number;
-  existingStripeAccountCount!: number;
+  state = signalSlice({
+    initialState: {
+      name: undefined,
+      organisationId: undefined,
+      eventId: undefined,
+      type: undefined,
+      existingStripeAccountCount: undefined,
+    } as OrganisationStripeAccountModalState,
+    actionSources: {
+      set: (_, action$: Observable) => action$,
+    },
+    effects: (state) => ({
+      eventIdChange: () => {
+        const eventId = state.eventId();
+        console.warn('set event id triggered', eventId);
+        if (eventId) {
+          console.warn('set event id triggered');
+          this.form.controls.eventId.setValue(eventId);
+        }
+      },
+      nameChange: () => {
+        const name = state.name();
+        if (name) {
+          this.form.controls.name.setValue(name);
+        }
+      },
+    }),
+  });
 
   activeModal = inject(NgbActiveModal);
 
+  #eventsService = inject(EventsService);
+
+  events = computedFrom(
+    [this.state.organisationId],
+    pipe(
+      map(([it]) => it),
+      filter((it): it is number => !!it),
+      switchMap((it) => this.#eventsService.getAllById$(it)),
+      startWith([]),
+    ),
+  );
+
   form = inject(FormBuilder).nonNullable.group({
     name: [undefined as unknown as string, [Validators.minLength(4), Validators.maxLength(40), Validators.pattern(allowedCharacterSet)]],
     businessType: ['NON_PROFIT' as CreateStripeAccountDto['businessType'], [Validators.required]],
@@ -68,11 +131,11 @@ export class OrganisationStripeAccountModal {
     const name =
       this.form.controls.name.value && this.form.controls.name.value !== ''
         ? this.form.controls.name.value
-        : `Stripe Account #${this.existingStripeAccountCount + 1}`;
+        : `Stripe Account #${this.state.existingStripeAccountCount()! + 1}`;
     this.activeModal.close({
       ...this.form.getRawValue(),
       name,
-      organisationId: this.organisationId,
+      organisationId: this.state.organisationId(),
     });
   }
 }
diff --git a/src/app/home/organisations/organisations.component.ts b/src/app/home/organisations/organisations.component.ts
index 2df760c2..93f9c91d 100644
--- a/src/app/home/organisations/organisations.component.ts
+++ b/src/app/home/organisations/organisations.component.ts
@@ -3,8 +3,8 @@ import {Component, inject} from '@angular/core';
 import {ReactiveFormsModule} from '@angular/forms';
 import {RouterLink} from '@angular/router';
 
-import {NgbTooltip} from '@ng-bootstrap/ng-bootstrap';
 import {StopPropagationDirective} from '@home-shared/stop-propagation';
+import {NgbTooltip} from '@ng-bootstrap/ng-bootstrap';
 import {AppProgressBarComponent} from '@shared/ui/loading/app-progress-bar.component';
 import {GetOrganisationResponse} from '@shared/waiterrobot-backend';
 
@@ -173,9 +173,11 @@ import {SelectedOrganisationService} from './_services/selected-organisation.ser
             
           
         
    
+
+        
+
         
       }
-      
     
    • 
   `,
   selector: 'app-all-organisations',
diff --git a/src/app/home/printers/printers.layout.ts b/src/app/home/printers/printers.layout.ts
index d22579ad..47dcfbfc 100644
--- a/src/app/home/printers/printers.layout.ts
+++ b/src/app/home/printers/printers.layout.ts
@@ -11,11 +11,11 @@ import {EntitiesLayout} from '../_shared/layouts/entities.layout';
     
       
         
    
-          
+          
             
             {{ 'NAV_PRINTERS' | tr }}
-          
+          
             
             {{ 'HOME_PRINTER_NAV_MEDIATOR' | tr }}
diff --git a/src/app/home/printers/printers.routes.ts b/src/app/home/printers/printers.routes.ts
index 249ea061..e9d982ea 100755
--- a/src/app/home/printers/printers.routes.ts
+++ b/src/app/home/printers/printers.routes.ts
@@ -7,17 +7,22 @@ export const ROUTES: Routes = [
     children: [
       {
         path: 'mediators',
-        loadComponent: () => import('./mediators.component').then((c) => c.MediatorsComponent),
+        children: [
+          {
+            path: 'all',
+            loadComponent: () => import('./mediators.component').then((c) => c.MediatorsComponent),
+          },
+        ],
       },
       {
-        path: 'printers',
+        path: 'all',
         loadComponent: () => import('./printers.component').then((c) => c.PrintersComponent),
       },
       {
         path: ':id',
         loadComponent: () => import('./printer-edit/printer-edit.component').then((c) => c.PrinterEditComponent),
       },
-      {path: '', pathMatch: 'full', redirectTo: 'printers'},
+      {path: '', pathMatch: 'full', redirectTo: 'all'},
     ],
   },
 ];
diff --git a/src/app/home/products/product-edit/product-edit-form.component.ts b/src/app/home/products/product-edit/product-edit-form.component.ts
index fddbd986..e8befa19 100644
--- a/src/app/home/products/product-edit/product-edit-form.component.ts
+++ b/src/app/home/products/product-edit/product-edit-form.component.ts
@@ -1,6 +1,8 @@
 import {ChangeDetectionStrategy, Component, Input} from '@angular/core';
 import {ReactiveFormsModule, Validators} from '@angular/forms';
+import {RouterLink} from '@angular/router';
 
+import {NgbTooltip} from '@ng-bootstrap/ng-bootstrap';
 import {NgSelectModule} from '@ng-select/ng-select';
 
 import {a_pluck, HasNumberIDAndName, n_from, s_from} from 'dfts-helper';
@@ -65,9 +67,21 @@ import {allowedCharacterSet} from '../../_shared/regex';
         
    
           
           
    
-            
-              
-            
+            @if (isCreating()) {
+              
+                
+              
+            } @else {
+              
+                
+              
+            }
             
               
               @for (printer of this.printers; track printer.id) {
@@ -151,7 +177,7 @@ import {allowedCharacterSet} from '../../_shared/regex';
     
   `,
   selector: 'app-product-edit-form',
-  imports: [ReactiveFormsModule, DfxTr, BiComponent, NgSelectModule, AppModelEditSaveBtn],
+  imports: [ReactiveFormsModule, DfxTr, BiComponent, NgSelectModule, AppModelEditSaveBtn, RouterLink, NgbTooltip],
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
diff --git a/src/app/home/products/product-edit/product-edit.component.ts b/src/app/home/products/product-edit/product-edit.component.ts
index 2797064d..a46fd598 100644
--- a/src/app/home/products/product-edit/product-edit.component.ts
+++ b/src/app/home/products/product-edit/product-edit.component.ts
@@ -4,16 +4,16 @@ import {RouterLink} from '@angular/router';
 
 import {filter, map} from 'rxjs';
 
-import {n_from, n_isNumeric} from 'dfts-helper';
+import {AbstractModelEditComponent} from '@home-shared/form/abstract-model-edit.component';
+import {AppContinuesCreationSwitchComponent} from '@home-shared/form/app-continues-creation-switch.component';
+import {AppDeletedDirectives} from '@home-shared/form/app-entity-deleted.directives';
+import {AppEntityEditModule} from '@home-shared/form/app-entity-edit.module';
+import {injectContinuousCreation, injectOnDelete} from '@home-shared/form/edit';
+import {injectOnSubmit} from '@shared/form';
+import {GetProductMaxResponse} from '@shared/waiterrobot-backend';
 
+import {n_from, n_isNumeric} from 'dfts-helper';
 
-import {injectOnSubmit} from '../../../_shared/form';
-import {GetProductMaxResponse} from '../../../_shared/waiterrobot-backend';
-import {AbstractModelEditComponent} from '../../_shared/form/abstract-model-edit.component';
-import {AppContinuesCreationSwitchComponent} from '../../_shared/form/app-continues-creation-switch.component';
-import {AppDeletedDirectives} from '../../_shared/form/app-entity-deleted.directives';
-import {AppEntityEditModule} from '../../_shared/form/app-entity-edit.module';
-import {injectContinuousCreation, injectOnDelete} from '../../_shared/form/edit';
 import {SelectedEventService} from '../../events/_services/selected-event.service';
 import {PrintersService} from '../../printers/_services/printers.service';
 import {AllergensService} from '../_services/allergens.service';
@@ -39,20 +39,6 @@ import {AppProductEditFormComponent} from './product-edit-form.component';
               
             
    
 
-            
-
-            
-
             
       } @else {
         
       }
     
diff --git a/src/app/home/statistics/statistics-overview.component.ts b/src/app/home/statistics/statistics.component.ts
similarity index 98%
rename from src/app/home/statistics/statistics-overview.component.ts
rename to src/app/home/statistics/statistics.component.ts
index 2d578d84..916cfdee 100644
--- a/src/app/home/statistics/statistics-overview.component.ts
+++ b/src/app/home/statistics/statistics.component.ts
@@ -83,6 +83,6 @@ import {StatisticsService} from './statistics.service';
   `,
   selector: 'app-statistics-overview',
 })
-export class StatisticsOverviewComponent {
+export class StatisticsComponent {
   countDto$ = inject(StatisticsService).counts;
 }
diff --git a/src/app/home/statistics/statistics.module.ts b/src/app/home/statistics/statistics.module.ts
index db3a7144..4499f573 100755
--- a/src/app/home/statistics/statistics.module.ts
+++ b/src/app/home/statistics/statistics.module.ts
@@ -22,15 +22,12 @@ import {SumProductsPerWaiterComponent} from './components/sum-products-per-waite
 import {SumProductsComponent} from './components/sum-products.component';
 import {SumStatisticsComponent} from './components/sum/sum-statistics.component';
 import {TimelineComponent} from './components/timeline.component';
-import {StatisticsOverviewComponent} from './statistics-overview.component';
+import {StatisticsComponent} from './statistics.component';
 
 const routes: Routes = [
   {
     path: '',
-    children: [
-      {path: 'overview', component: StatisticsOverviewComponent},
-      {path: '', pathMatch: 'full', redirectTo: 'overview'},
-    ],
+    children: [{path: '', component: StatisticsComponent}],
   },
   {path: 'products', component: SumProductsComponent},
 ];
@@ -38,7 +35,7 @@ const routes: Routes = [
 @NgModule({
   declarations: [
     CountCardComponent,
-    StatisticsOverviewComponent,
+    StatisticsComponent,
     SumProductGroupsComponent,
     SumProductsComponent,
     SumProductsPerWaiterComponent,
diff --git a/src/app/home/tables/table-edit/table-edit-form.component.ts b/src/app/home/tables/table-edit/table-edit-form.component.ts
index 4d345bba..639bc579 100644
--- a/src/app/home/tables/table-edit/table-edit-form.component.ts
+++ b/src/app/home/tables/table-edit/table-edit-form.component.ts
@@ -1,11 +1,13 @@
 import {AsyncPipe} from '@angular/common';
 import {ChangeDetectionStrategy, Component, inject, Input} from '@angular/core';
 import {ReactiveFormsModule, Validators} from '@angular/forms';
+import {RouterLink} from '@angular/router';
 
 import {debounceTime, filter, map, switchMap, tap} from 'rxjs';
 
 import {AbstractModelEditFormComponent} from '@home-shared/form/abstract-model-edit-form.component';
 import {AppModelEditSaveBtn} from '@home-shared/form/app-model-edit-save-btn.component';
+import {NgbTooltip} from '@ng-bootstrap/ng-bootstrap';
 import {injectIsValid} from '@shared/form';
 import {CreateTableDto, GetTableWithGroupResponse, UpdateTableDto} from '@shared/waiterrobot-backend';
 
@@ -51,9 +53,22 @@ import {TablesService} from '../_services/tables.service';
         
    
           
           
    
-            
-              
-            
+            @if (isCreating()) {
+              
+                
+              
+            } @else {
+              
+                
+              
+            }
+
             
+          
           @if ((filter.value?.length ?? 0) > 0) {
-            
           }
@@ -49,7 +43,7 @@ import {DeadLettersService} from './dead-letters.service';
       
 
       
    
-        
+        
    
             
@@ -68,8 +62,8 @@ import {DeadLettersService} from './dead-letters.service';
                   class="form-check-input"
                   type="checkbox"
                   name="checked"
-                  (change)="$event ? selection.toggle(selectable) : null"
                   [checked]="selection.isSelected(selectable)"
+                  (change)="$event ? selection.toggle(selectable) : null"
                 />
               
@@ -103,13 +97,13 @@ import {DeadLettersService} from './dead-letters.service';
           
             
-          
+          
    
           
    
               
    
@@ -57,8 +51,8 @@ import {DeadLettersService} from './dead-letters.service';
                   class="form-check-input"
                   type="checkbox"
                   name="checked"
-                  (change)="$event ? toggleAllRows() : null"
                   [checked]="selection.hasValue() && isAllSelected()"
+                  (change)="$event ? toggleAllRows() : null"
                 />
               
    
                 		
             {{ 'ACTIONS' | tr }}
             
-              
+              
                 
               
               
    
         
    
       
    
 
diff --git a/src/app/home/_admin/dead-letters/dead-letters.service.ts b/src/app/home/_admin/dead-letters/dead-letters.service.ts
index b6960827..f00f4d50 100644
--- a/src/app/home/_admin/dead-letters/dead-letters.service.ts
+++ b/src/app/home/_admin/dead-letters/dead-letters.service.ts
@@ -1,23 +1,22 @@
 import {HttpClient} from '@angular/common/http';
-import {Injectable} from '@angular/core';
+import {inject, Injectable} from '@angular/core';
 
-import {BehaviorSubject, map, Observable, switchMap, tap} from 'rxjs';
+import {DeadLetterResponse} from '@shared/waiterrobot-backend';
 
 import {s_from} from 'dfts-helper';
 import {HasDelete, HasGetAll, HasGetSingle} from 'dfx-helper';
 
-import {DeadLetterResponse} from '../../../_shared/waiterrobot-backend';
+import {BehaviorSubject, map, Observable, switchMap, tap} from 'rxjs';
 
 @Injectable({providedIn: 'root'})
 export class DeadLettersService implements HasGetAll, HasGetSingle, HasDelete {
   url = '/config/dead-letter';
-
-  constructor(private httpClient: HttpClient) {}
+  #httpClient = inject(HttpClient);
 
   triggerGet$ = new BehaviorSubject(true);
 
   getAll$(): Observable {
-    return this.triggerGet$.pipe(switchMap(() => this.httpClient.get(`${this.url}`)));
+    return this.triggerGet$.pipe(switchMap(() => this.#httpClient.get(this.url)));
   }
 
   getSingle$(id: number): Observable {
@@ -25,7 +24,7 @@ export class DeadLettersService implements HasGetAll, HasGet
   }
 
   delete$(id: number): Observable {
-    return this.httpClient.delete(`${this.url}/${s_from(id)}`).pipe(
+    return this.#httpClient.delete(`${this.url}/${s_from(id)}`).pipe(
       tap(() => {
         this.triggerGet$.next(true);
       }),
diff --git a/src/app/home/_admin/system-notifications/_components/system-notification-alert.component.ts b/src/app/home/_admin/system-notifications/_components/system-notification-alert.component.ts
index fea1c656..628b9f31 100644
--- a/src/app/home/_admin/system-notifications/_components/system-notification-alert.component.ts
+++ b/src/app/home/_admin/system-notifications/_components/system-notification-alert.component.ts
@@ -1,14 +1,15 @@
 import {DatePipe, NgClass} from '@angular/common';
 import {ChangeDetectionStrategy, Component, EventEmitter, Input, Output} from '@angular/core';
 
+import {GetSystemNotificationResponse} from '@shared/waiterrobot-backend';
+
 import {BiComponent} from 'dfx-bootstrap-icons';
 import {DfxLowerCaseExceptFirstLettersPipe} from 'dfx-helper';
 
-import {GetSystemNotificationResponse} from '../../../../_shared/waiterrobot-backend';
-
 @Component({
   template: `
     
    
       
    
         
    
@@ -86,5 +86,5 @@ export class AppSystemNotificationAlertComponent {
   }
 
   @Output()
-  ignore = new EventEmitter();
+  readonly ignore = new EventEmitter();
 }
diff --git a/src/app/home/_admin/system-notifications/_components/system-notification-type-badge.component.ts b/src/app/home/_admin/system-notifications/_components/system-notification-type-badge.component.ts
index 98922577..9c59f4e6 100644
--- a/src/app/home/_admin/system-notifications/_components/system-notification-type-badge.component.ts
+++ b/src/app/home/_admin/system-notifications/_components/system-notification-type-badge.component.ts
@@ -1,14 +1,16 @@
 import {NgClass} from '@angular/common';
 import {ChangeDetectionStrategy, Component, Input} from '@angular/core';
 
+import {GetSystemNotificationResponse} from '@shared/waiterrobot-backend';
+
 import {BiComponent} from 'dfx-bootstrap-icons';
 import {DfxLowerCaseExceptFirstLettersPipe} from 'dfx-helper';
 
-import {GetSystemNotificationResponse} from '../../../../_shared/waiterrobot-backend';
-
 @Component({
   template: `
     
    
       @switch (type) {
         @case ('INFO') {
diff --git a/src/app/home/_admin/system-notifications/_services/active-system-notifications.service.ts b/src/app/home/_admin/system-notifications/_services/active-system-notifications.service.ts
index 9c69ec8e..f713a24b 100644
--- a/src/app/home/_admin/system-notifications/_services/active-system-notifications.service.ts
+++ b/src/app/home/_admin/system-notifications/_services/active-system-notifications.service.ts
@@ -1,30 +1,29 @@
 import {HttpClient} from '@angular/common/http';
-import {computed, Injectable, signal} from '@angular/core';
+import {computed, inject, Injectable, signal} from '@angular/core';
 import {toSignal} from '@angular/core/rxjs-interop';
 
-import {BehaviorSubject, catchError, EMPTY, switchMap} from 'rxjs';
+import {GetSystemNotificationResponse} from '@shared/waiterrobot-backend';
 
 import {s_fromStorage, st_remove, st_set} from 'dfts-helper';
 
-import {GetSystemNotificationResponse} from '../../../../_shared/waiterrobot-backend';
+import {BehaviorSubject, catchError, EMPTY, switchMap} from 'rxjs';
 
 @Injectable({providedIn: 'root'})
 export class ActiveSystemNotificationsService {
   url = '/system-notification';
   storageKey = 'ignoredSystemNotifications';
-
-  constructor(private httpClient: HttpClient) {}
+  #httpClient = inject(HttpClient);
 
   triggerGet$ = new BehaviorSubject(true);
 
   allSystemNotifications = toSignal(
     this.triggerGet$.pipe(
-      switchMap(() => this.httpClient.get(this.url)),
+      switchMap(() => this.#httpClient.get(this.url)),
       catchError(() => EMPTY),
     ),
     {initialValue: []},
   );
-  ignoredSystemNotifications = signal((JSON.parse(s_fromStorage(this.storageKey) ?? '[]') as number[]) ?? []);
+  ignoredSystemNotifications = signal(JSON.parse(s_fromStorage(this.storageKey) ?? '[]') as number[]);
 
   getFilteredSystemNotifications = computed(() =>
     this.allSystemNotifications().filter((it) => !this.ignoredSystemNotifications().includes(it.id)),
diff --git a/src/app/home/_admin/system-notifications/_services/system-notifications.service.ts b/src/app/home/_admin/system-notifications/_services/system-notifications.service.ts
index 55b8aaf3..f874dc3c 100644
--- a/src/app/home/_admin/system-notifications/_services/system-notifications.service.ts
+++ b/src/app/home/_admin/system-notifications/_services/system-notifications.service.ts
@@ -1,18 +1,18 @@
 import {HttpClient} from '@angular/common/http';
-import {Injectable} from '@angular/core';
+import {inject, Injectable} from '@angular/core';
 
-import {BehaviorSubject, map, Observable, switchMap, tap} from 'rxjs';
-
-import {s_from} from 'dfts-helper';
-import {HasDelete, HasGetAll, HasGetSingle} from 'dfx-helper';
-
-import {HasCreateWithIdResponse, HasUpdateWithIdResponse} from '../../../../_shared/services/services.interface';
+import {HasCreateWithIdResponse, HasUpdateWithIdResponse} from '@shared/services/services.interface';
 import {
   CreateSystemNotificationDto,
   GetSystemNotificationResponse,
   IdResponse,
   UpdateSystemNotificationDto,
-} from '../../../../_shared/waiterrobot-backend';
+} from '@shared/waiterrobot-backend';
+
+import {s_from} from 'dfts-helper';
+import {HasDelete, HasGetAll, HasGetSingle} from 'dfx-helper';
+
+import {BehaviorSubject, map, Observable, switchMap, tap} from 'rxjs';
 import {ActiveSystemNotificationsService} from './active-system-notifications.service';
 
 @Injectable({providedIn: 'root'})
@@ -25,16 +25,13 @@ export class SystemNotificationsService
     HasDelete
 {
   url = '/system-notification';
-
-  constructor(
-    private httpClient: HttpClient,
-    private activeSystemNotificationsService: ActiveSystemNotificationsService,
-  ) {}
+  #httpClient = inject(HttpClient);
+  #activeSystemNotificationsService = inject(ActiveSystemNotificationsService);
 
   triggerGet$ = new BehaviorSubject(true);
 
   getAll$(): Observable {
-    return this.triggerGet$.pipe(switchMap(() => this.httpClient.get(`${this.url}/all`)));
+    return this.triggerGet$.pipe(switchMap(() => this.#httpClient.get(`${this.url}/all`)));
   }
 
   getSingle$(id: number): Observable {
@@ -42,28 +39,28 @@ export class SystemNotificationsService
   }
 
   create$(dto: CreateSystemNotificationDto): Observable {
-    return this.httpClient.post(this.url, dto).pipe(
+    return this.#httpClient.post(this.url, dto).pipe(
       tap(() => {
         this.triggerGet$.next(true);
-        this.activeSystemNotificationsService.triggerGet$.next(true);
+        this.#activeSystemNotificationsService.triggerGet$.next(true);
       }),
     );
   }
 
   update$(dto: UpdateSystemNotificationDto): Observable {
-    return this.httpClient.put(this.url, dto).pipe(
+    return this.#httpClient.put(this.url, dto).pipe(
       tap(() => {
         this.triggerGet$.next(true);
-        this.activeSystemNotificationsService.triggerGet$.next(true);
+        this.#activeSystemNotificationsService.triggerGet$.next(true);
       }),
     );
   }
 
   delete$(id: number): Observable {
-    return this.httpClient.delete(`${this.url}/${s_from(id)}`).pipe(
+    return this.#httpClient.delete(`${this.url}/${s_from(id)}`).pipe(
       tap(() => {
         this.triggerGet$.next(true);
-        this.activeSystemNotificationsService.triggerGet$.next(true);
+        this.#activeSystemNotificationsService.triggerGet$.next(true);
       }),
     );
   }
diff --git a/src/app/home/_admin/system-notifications/system-notification-edit/system-notification-edit-form.component.ts b/src/app/home/_admin/system-notifications/system-notification-edit/system-notification-edit-form.component.ts
index f3c7b496..f6c97e4d 100644
--- a/src/app/home/_admin/system-notifications/system-notification-edit/system-notification-edit-form.component.ts
+++ b/src/app/home/_admin/system-notifications/system-notification-edit/system-notification-edit-form.component.ts
@@ -2,30 +2,26 @@ import {TextFieldModule} from '@angular/cdk/text-field';
 import {ChangeDetectionStrategy, Component, Input} from '@angular/core';
 import {FormControl, ReactiveFormsModule, Validators} from '@angular/forms';
 
+import {AppDatetimeInputComponent} from '@home-shared/components/datetime-picker/datetime-picker.component';
+import {AbstractModelEditFormComponent} from '@home-shared/form/abstract-model-edit-form.component';
+import {AppModelEditSaveBtn} from '@home-shared/form/app-model-edit-save-btn.component';
+import {injectIsValid} from '@shared/form';
+import {CreateSystemNotificationDto, GetSystemNotificationResponse, UpdateSystemNotificationDto} from '@shared/waiterrobot-backend';
+
 import {BiComponent} from 'dfx-bootstrap-icons';
 import {DfxLowerCaseExceptFirstLettersPipe} from 'dfx-helper';
 import {DfxTr} from 'dfx-translate';
-
-import {AppDatetimeInputComponent} from '../../../_shared/components/datetime-picker/datetime-picker.component';
-import {AbstractModelEditFormComponent} from '../../../_shared/form/abstract-model-edit-form.component';
-import {AppModelEditSaveBtn} from '../../../_shared/form/app-model-edit-save-btn.component';
-import {injectIsValid} from '../../../../_shared/form';
-import {
-  CreateSystemNotificationDto,
-  GetSystemNotificationResponse,
-  UpdateSystemNotificationDto,
-} from '../../../../_shared/waiterrobot-backend';
 import {systemNotificationTypes} from '../_services/system-notifications.service';
 
 @Component({
   template: `
     @if (isValid()) {}
 
-    
    
+    
       
    
         
    
           
-          
+          
 
           @if (form.controls.title.invalid) {
             
@@ -41,7 +37,7 @@ import {systemNotificationTypes} from '../_services/system-notifications.service
               
             
             
 
         @if (form.controls.description.invalid) {
diff --git a/src/app/home/_admin/system-notifications/system-notification-edit/system-notification-edit.component.ts b/src/app/home/_admin/system-notifications/system-notification-edit/system-notification-edit.component.ts
index a9820639..24ba7a63 100644
--- a/src/app/home/_admin/system-notifications/system-notification-edit/system-notification-edit.component.ts
+++ b/src/app/home/_admin/system-notifications/system-notification-edit/system-notification-edit.component.ts
@@ -19,7 +19,7 @@ import {SystemNotificationEditFormComponent} from './system-notification-edit-fo
           
 
           
    
-            
@@ -30,9 +30,9 @@ import {SystemNotificationEditFormComponent} from './system-notification-edit-fo
 
         
       
    
     } @else {
diff --git a/src/app/home/_admin/system-notifications/system-notifications.component.ts b/src/app/home/_admin/system-notifications/system-notifications.component.ts
index 6b83193d..829c314a 100644
--- a/src/app/home/_admin/system-notifications/system-notifications.component.ts
+++ b/src/app/home/_admin/system-notifications/system-notifications.component.ts
@@ -2,18 +2,18 @@ import {AsyncPipe, DatePipe} from '@angular/common';
 import {ChangeDetectionStrategy, Component} from '@angular/core';
 import {ReactiveFormsModule} from '@angular/forms';
 import {RouterLink} from '@angular/router';
+import {ScrollableToolbarComponent} from '@home-shared/components/scrollable-toolbar.component';
+import {AbstractModelsListWithDeleteComponent} from '@home-shared/list/models-list-with-delete/abstract-models-list-with-delete.component';
+import {AppActivatedPipe} from '@home-shared/pipes/app-activated.pipe';
 
 import {NgbTooltipModule} from '@ng-bootstrap/ng-bootstrap';
 
+import {AppProgressBarComponent} from '@shared/ui/loading/app-progress-bar.component';
+import {GetSystemNotificationResponse} from '@shared/waiterrobot-backend';
+
 import {BiComponent} from 'dfx-bootstrap-icons';
 import {DfxSortModule, DfxTableModule} from 'dfx-bootstrap-table';
 import {DfxTr} from 'dfx-translate';
-
-import {AppProgressBarComponent} from '../../../_shared/ui/loading/app-progress-bar.component';
-import {GetSystemNotificationResponse} from '../../../_shared/waiterrobot-backend';
-import {ScrollableToolbarComponent} from '../../_shared/components/scrollable-toolbar.component';
-import {AbstractModelsListWithDeleteComponent} from '../../_shared/list/models-list-with-delete/abstract-models-list-with-delete.component';
-import {AppActivatedPipe} from '../../_shared/pipes/app-activated.pipe';
 import {AppSystemNotificationTypeBadgeComponent} from './_components/system-notification-type-badge.component';
 import {SystemNotificationsService} from './_services/system-notifications.service';
 
@@ -30,7 +30,7 @@ import {SystemNotificationsService} from './_services/system-notifications.servi
           >
         
    
         
    
-          
@@ -39,15 +39,9 @@ import {SystemNotificationsService} from './_services/system-notifications.servi
 
       
         
    
-          
+          
           @if ((filter.value?.length ?? 0) > 0) {
-            
           }
@@ -55,7 +49,7 @@ import {SystemNotificationsService} from './_services/system-notifications.servi
       
 
       
    
-        
+        
    
             
@@ -74,8 +68,8 @@ import {SystemNotificationsService} from './_services/system-notifications.servi
                   class="form-check-input"
                   type="checkbox"
                   name="checked"
-                  (change)="$event ? selection.toggle(selectable) : null"
                   [checked]="selection.isSelected(selectable)"
+                  (change)="$event ? selection.toggle(selectable) : null"
                 />
               
@@ -113,13 +107,13 @@ import {SystemNotificationsService} from './_services/system-notifications.servi
           
             
-          
+          
    
           
    
               
    
@@ -63,8 +57,8 @@ import {SystemNotificationsService} from './_services/system-notifications.servi
                   class="form-check-input"
                   type="checkbox"
                   name="checked"
-                  (change)="$event ? toggleAllRows() : null"
                   [checked]="selection.hasValue() && isAllSelected()"
+                  (change)="$event ? toggleAllRows() : null"
                 />
               
    
                 		
             {{ 'ACTIONS' | tr }}
             
-              
+              
                 
               
               
    
         
    
       
    
 
diff --git a/src/app/home/_admin/tmp-notifications/tmp-notification-view.component.ts b/src/app/home/_admin/tmp-notifications/tmp-notification-view.component.ts
index b3800d6a..0e943878 100644
--- a/src/app/home/_admin/tmp-notifications/tmp-notification-view.component.ts
+++ b/src/app/home/_admin/tmp-notifications/tmp-notification-view.component.ts
@@ -2,20 +2,20 @@ import {DatePipe} from '@angular/common';
 import {Component, computed, inject, ViewChild, ViewEncapsulation} from '@angular/core';
 import {Router} from '@angular/router';
 
-import {filter, map, pipe, startWith, switchMap} from 'rxjs';
-
 import {AppBackButtonComponent} from '@home-shared/components/button/app-back-button.component';
 import {ScrollableToolbarComponent} from '@home-shared/components/scrollable-toolbar.component';
 import {NgbNavModule, NgbTooltip} from '@ng-bootstrap/ng-bootstrap';
 import {AppProgressBarComponent} from '@shared/ui/loading/app-progress-bar.component';
+import {cl_copy} from 'dfts-helper';
+
+import {BiComponent} from 'dfx-bootstrap-icons';
+import {DfxCutPipe} from 'dfx-helper';
+import {DfxTr} from 'dfx-translate';
 import {PdfJsViewerComponent, PdfJsViewerModule} from 'ng2-pdfjs-viewer';
 import {computedFrom} from 'ngxtension/computed-from';
 import {injectParams} from 'ngxtension/inject-params';
 
-import {BiComponent} from 'dfx-bootstrap-icons';
-import {DfxTr} from 'dfx-translate';
-import {cl_copy} from 'dfts-helper';
-import {DfxCutPipe} from 'dfx-helper';
+import {filter, map, pipe, startWith, switchMap} from 'rxjs';
 
 import {TmpNotificationsService} from './tmp-notifications.service';
 
@@ -43,13 +43,13 @@ import {TmpNotificationsService} from './tmp-notifications.service';
         @if (it.bodyHTML) {
           
    HTML
    
 
-