diff --git a/src/app/sections/claim-section/claims/claims-list/components/claim-row/claim-row.component.html b/src/app/sections/claim-section/claims/claims-list/components/claim-row/claim-row.component.html
index ef68a3e9..5d5d5197 100644
--- a/src/app/sections/claim-section/claims/claims-list/components/claim-row/claim-row.component.html
+++ b/src/app/sections/claim-section/claims/claims-list/components/claim-row/claim-row.component.html
@@ -15,7 +15,7 @@
>
- {{ item.updatedAt | date: 'dd MMMM yyyy, HH:mm' }}
- {{ item.updatedAt | date: 'dd.MM.yyyy, HH:mm' }}
+ {{ item.updatedAt | date : 'dd MMMM yyyy, HH:mm' }}
+ {{ item.updatedAt | date : 'dd.MM.yyyy, HH:mm' }}
diff --git a/src/app/sections/claim-section/claims/claims-search-filters/components/claim-statuses-filter/claim-statuses-filter.component.html b/src/app/sections/claim-section/claims/claims-search-filters/components/claim-statuses-filter/claim-statuses-filter.component.html
index 19eb3a07..b4e1b44f 100644
--- a/src/app/sections/claim-section/claims/claims-search-filters/components/claim-statuses-filter/claim-statuses-filter.component.html
+++ b/src/app/sections/claim-section/claims/claims-search-filters/components/claim-statuses-filter/claim-statuses-filter.component.html
@@ -2,7 +2,7 @@
*transloco="let t; scope: 'claim-section'; read: 'claimSection.claimStatusesFilter'"
[active]="isActive"
[label]="t('label')"
- [activeLabel]="t('label') | listLabel: (labels$ | async)"
+ [activeLabel]="t('label') | listLabel : (labels$ | async)"
[content]="content"
(save)="save()"
(clear)="clear()"
diff --git a/src/app/sections/claim-section/claims/claims.module.ts b/src/app/sections/claim-section/claims/claims.module.ts
index 22e2f3a3..65a10192 100644
--- a/src/app/sections/claim-section/claims/claims.module.ts
+++ b/src/app/sections/claim-section/claims/claims.module.ts
@@ -2,11 +2,11 @@ import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FlexModule } from '@angular/flex-layout';
import { ReactiveFormsModule } from '@angular/forms';
+import { MatOptionModule } from '@angular/material/core';
+import { MatFormFieldModule } from '@angular/material/form-field';
import { MatIconModule } from '@angular/material/icon';
-import { MatLegacyOptionModule as MatOptionModule } from '@angular/material/legacy-core';
-import { MatLegacyFormFieldModule as MatFormFieldModule } from '@angular/material/legacy-form-field';
-import { MatLegacyInputModule as MatInputModule } from '@angular/material/legacy-input';
-import { MatLegacySelectModule as MatSelectModule } from '@angular/material/legacy-select';
+import { MatInputModule } from '@angular/material/input';
+import { MatSelectModule } from '@angular/material/select';
import { TranslocoModule } from '@ngneat/transloco';
import { ClaimsService } from '@dsh/app/api/claim-management';
diff --git a/src/app/sections/claim-section/claims/fetch-claims.service.spec.ts b/src/app/sections/claim-section/claims/fetch-claims.service.spec.ts
index e69dc2dc..fd1a9afd 100644
--- a/src/app/sections/claim-section/claims/fetch-claims.service.spec.ts
+++ b/src/app/sections/claim-section/claims/fetch-claims.service.spec.ts
@@ -1,5 +1,5 @@
import { TestBed } from '@angular/core/testing';
-import { MatLegacySnackBarModule as MatSnackBarModule } from '@angular/material/legacy-snack-bar';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
import { TranslocoTestingModule } from '@ngneat/transloco';
import { FetchClaimsService } from './services/fetch-claims/fetch-claims.service';
diff --git a/src/app/sections/claim-section/claims/services/fetch-claims/fetch-claims.service.ts b/src/app/sections/claim-section/claims/services/fetch-claims/fetch-claims.service.ts
index 327b361b..eab90400 100644
--- a/src/app/sections/claim-section/claims/services/fetch-claims/fetch-claims.service.ts
+++ b/src/app/sections/claim-section/claims/services/fetch-claims/fetch-claims.service.ts
@@ -1,5 +1,5 @@
import { Injectable } from '@angular/core';
-import { MatLegacySnackBar as MatSnackBar } from '@angular/material/legacy-snack-bar';
+import { MatSnackBar } from '@angular/material/snack-bar';
import { TranslocoService } from '@ngneat/transloco';
import { Claim } from '@vality/swag-claim-management';
import { Observable } from 'rxjs';
diff --git a/src/app/sections/organization-section/organization-details/change-roles-table/change-roles-table.component.spec.ts b/src/app/sections/organization-section/organization-details/change-roles-table/change-roles-table.component.spec.ts
index 7fd1178d..d9c1259f 100644
--- a/src/app/sections/organization-section/organization-details/change-roles-table/change-roles-table.component.spec.ts
+++ b/src/app/sections/organization-section/organization-details/change-roles-table/change-roles-table.component.spec.ts
@@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common';
import { Component, DebugElement } from '@angular/core';
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { ReactiveFormsModule } from '@angular/forms';
-import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
+import { MatDialog } from '@angular/material/dialog';
import { By } from '@angular/platform-browser';
import { ApiShopsService } from '@dsh/app/api';
diff --git a/src/app/sections/organization-section/organization-details/change-roles-table/change-roles-table.component.ts b/src/app/sections/organization-section/organization-details/change-roles-table/change-roles-table.component.ts
index bc52fcff..50c8bab2 100644
--- a/src/app/sections/organization-section/organization-details/change-roles-table/change-roles-table.component.ts
+++ b/src/app/sections/organization-section/organization-details/change-roles-table/change-roles-table.component.ts
@@ -1,5 +1,5 @@
import { ChangeDetectorRef, Component, EventEmitter, Inject, Input, OnInit, Output } from '@angular/core';
-import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
+import { MatDialog } from '@angular/material/dialog';
import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
import { MemberRole, ResourceScopeId, RoleId } from '@vality/swag-organizations';
import { coerceBoolean } from 'coerce-property';
diff --git a/src/app/sections/organization-section/organization-details/change-roles-table/change-roles-table.module.ts b/src/app/sections/organization-section/organization-details/change-roles-table/change-roles-table.module.ts
index 25de3ccd..c52fa26c 100644
--- a/src/app/sections/organization-section/organization-details/change-roles-table/change-roles-table.module.ts
+++ b/src/app/sections/organization-section/organization-details/change-roles-table/change-roles-table.module.ts
@@ -2,8 +2,8 @@ import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FlexModule } from '@angular/flex-layout';
import { ReactiveFormsModule } from '@angular/forms';
-import { MatLegacyCheckboxModule as MatCheckboxModule } from '@angular/material/legacy-checkbox';
-import { MatLegacyRadioModule as MatRadioModule } from '@angular/material/legacy-radio';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatRadioModule } from '@angular/material/radio';
import { TranslocoModule } from '@ngneat/transloco';
import { BaseDialogModule } from '@dsh/app/shared/components/dialog/base-dialog';
diff --git a/src/app/sections/organization-section/organization-details/change-roles-table/components/select-role-dialog/select-role-dialog.component.spec.ts b/src/app/sections/organization-section/organization-details/change-roles-table/components/select-role-dialog/select-role-dialog.component.spec.ts
index 09b92a8b..95b3d5d3 100644
--- a/src/app/sections/organization-section/organization-details/change-roles-table/components/select-role-dialog/select-role-dialog.component.spec.ts
+++ b/src/app/sections/organization-section/organization-details/change-roles-table/components/select-role-dialog/select-role-dialog.component.spec.ts
@@ -1,10 +1,7 @@
import { Component, DebugElement } from '@angular/core';
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { ReactiveFormsModule } from '@angular/forms';
-import {
- MatLegacyDialogRef as MatDialogRef,
- MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA,
-} from '@angular/material/legacy-dialog';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { By } from '@angular/platform-browser';
import { RoleId } from '@vality/swag-organizations';
diff --git a/src/app/sections/organization-section/organization-details/change-roles-table/components/select-role-dialog/select-role-dialog.component.ts b/src/app/sections/organization-section/organization-details/change-roles-table/components/select-role-dialog/select-role-dialog.component.ts
index 48ffe55d..91283bf9 100644
--- a/src/app/sections/organization-section/organization-details/change-roles-table/components/select-role-dialog/select-role-dialog.component.ts
+++ b/src/app/sections/organization-section/organization-details/change-roles-table/components/select-role-dialog/select-role-dialog.component.ts
@@ -1,9 +1,6 @@
import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';
import { Validators } from '@angular/forms';
-import {
- MatLegacyDialogRef as MatDialogRef,
- MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA,
-} from '@angular/material/legacy-dialog';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { FormBuilder } from '@ngneat/reactive-forms';
import { RoleId } from '@vality/swag-organizations';
diff --git a/src/app/sections/organization-section/organization-details/invitations/components/create-invitation-dialog/create-invitation-dialog.component.spec.ts b/src/app/sections/organization-section/organization-details/invitations/components/create-invitation-dialog/create-invitation-dialog.component.spec.ts
index df11f251..b0d5f806 100644
--- a/src/app/sections/organization-section/organization-details/invitations/components/create-invitation-dialog/create-invitation-dialog.component.spec.ts
+++ b/src/app/sections/organization-section/organization-details/invitations/components/create-invitation-dialog/create-invitation-dialog.component.spec.ts
@@ -1,9 +1,6 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import {
- MatLegacyDialogRef as MatDialogRef,
- MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA,
-} from '@angular/material/legacy-dialog';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { TranslocoTestingModule } from '@ngneat/transloco';
import { InviteeContact } from '@vality/swag-organizations';
import { Shop } from '@vality/swag-payments';
diff --git a/src/app/sections/organization-section/organization-details/invitations/components/create-invitation-dialog/create-invitation-dialog.component.ts b/src/app/sections/organization-section/organization-details/invitations/components/create-invitation-dialog/create-invitation-dialog.component.ts
index f00a2622..907e8384 100644
--- a/src/app/sections/organization-section/organization-details/invitations/components/create-invitation-dialog/create-invitation-dialog.component.ts
+++ b/src/app/sections/organization-section/organization-details/invitations/components/create-invitation-dialog/create-invitation-dialog.component.ts
@@ -1,9 +1,6 @@
import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';
import { Validators } from '@angular/forms';
-import {
- MatLegacyDialogRef as MatDialogRef,
- MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA,
-} from '@angular/material/legacy-dialog';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { FormBuilder } from '@ngneat/reactive-forms';
import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
import { InviteeContact, MemberRole } from '@vality/swag-organizations';
diff --git a/src/app/sections/organization-section/organization-details/invitations/components/invitation/invitation.component.html b/src/app/sections/organization-section/organization-details/invitations/components/invitation/invitation.component.html
index cd5858ba..a1e9fa2a 100644
--- a/src/app/sections/organization-section/organization-details/invitations/components/invitation/invitation.component.html
+++ b/src/app/sections/organization-section/organization-details/invitations/components/invitation/invitation.component.html
@@ -7,10 +7,10 @@
- {{ invitation.createdAt | date: 'dd MMMM yyyy, HH:mm' }}
+ {{ invitation.createdAt | date : 'dd MMMM yyyy, HH:mm' }}
- {{ invitation.expiresAt | date: 'dd MMMM yyyy, HH:mm' }}
+ {{ invitation.expiresAt | date : 'dd MMMM yyyy, HH:mm' }}
diff --git a/src/app/sections/organization-section/organization-details/invitations/components/invitation/invitation.component.spec.ts b/src/app/sections/organization-section/organization-details/invitations/components/invitation/invitation.component.spec.ts
index 49261830..44190943 100644
--- a/src/app/sections/organization-section/organization-details/invitations/components/invitation/invitation.component.spec.ts
+++ b/src/app/sections/organization-section/organization-details/invitations/components/invitation/invitation.component.spec.ts
@@ -1,6 +1,6 @@
import { Component, DebugElement } from '@angular/core';
import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
+import { MatDialog } from '@angular/material/dialog';
import { By } from '@angular/platform-browser';
import { OrgsService } from '@dsh/app/api/organizations';
diff --git a/src/app/sections/organization-section/organization-details/invitations/components/invitation/invitation.component.ts b/src/app/sections/organization-section/organization-details/invitations/components/invitation/invitation.component.ts
index d10b5c75..9524d361 100644
--- a/src/app/sections/organization-section/organization-details/invitations/components/invitation/invitation.component.ts
+++ b/src/app/sections/organization-section/organization-details/invitations/components/invitation/invitation.component.ts
@@ -1,5 +1,5 @@
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
-import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
+import { MatDialog } from '@angular/material/dialog';
import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
import { InlineObject1, Invitation, Organization } from '@vality/swag-organizations';
import { filter, switchMap } from 'rxjs/operators';
diff --git a/src/app/sections/organization-section/organization-details/invitations/invitations.component.spec.ts b/src/app/sections/organization-section/organization-details/invitations/invitations.component.spec.ts
index adb7b4cd..a628eb6f 100644
--- a/src/app/sections/organization-section/organization-details/invitations/invitations.component.spec.ts
+++ b/src/app/sections/organization-section/organization-details/invitations/invitations.component.spec.ts
@@ -1,5 +1,5 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
+import { MatDialog } from '@angular/material/dialog';
import { ActivatedRoute } from '@angular/router';
import { InvitationListResult } from '@vality/swag-organizations';
import { cold } from 'jasmine-marbles';
diff --git a/src/app/sections/organization-section/organization-details/invitations/invitations.component.ts b/src/app/sections/organization-section/organization-details/invitations/invitations.component.ts
index e3b54129..91dd5353 100644
--- a/src/app/sections/organization-section/organization-details/invitations/invitations.component.ts
+++ b/src/app/sections/organization-section/organization-details/invitations/invitations.component.ts
@@ -1,5 +1,5 @@
import { Component, Inject } from '@angular/core';
-import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
+import { MatDialog } from '@angular/material/dialog';
import { ActivatedRoute } from '@angular/router';
import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
import { filter, first, shareReplay, switchMap } from 'rxjs/operators';
diff --git a/src/app/sections/organization-section/organization-details/invitations/invitations.module.ts b/src/app/sections/organization-section/organization-details/invitations/invitations.module.ts
index 56524c0e..7a9c532c 100644
--- a/src/app/sections/organization-section/organization-details/invitations/invitations.module.ts
+++ b/src/app/sections/organization-section/organization-details/invitations/invitations.module.ts
@@ -2,11 +2,11 @@ import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FlexModule, GridModule } from '@angular/flex-layout';
import { ReactiveFormsModule } from '@angular/forms';
+import { MatCheckboxModule } from '@angular/material/checkbox';
import { MatDatepickerModule } from '@angular/material/datepicker';
import { MatDividerModule } from '@angular/material/divider';
-import { MatLegacyCheckboxModule as MatCheckboxModule } from '@angular/material/legacy-checkbox';
-import { MatLegacyInputModule as MatInputModule } from '@angular/material/legacy-input';
-import { MatLegacyRadioModule as MatRadioModule } from '@angular/material/legacy-radio';
+import { MatInputModule } from '@angular/material/input';
+import { MatRadioModule } from '@angular/material/radio';
import { MatMomentDateModule } from '@angular/material-moment-adapter';
import { TranslocoModule } from '@ngneat/transloco';
diff --git a/src/app/sections/organization-section/organization-details/members/components/edit-roles-dialog/edit-roles-dialog.component.spec.ts b/src/app/sections/organization-section/organization-details/members/components/edit-roles-dialog/edit-roles-dialog.component.spec.ts
index b8c46226..6dd0f4fa 100644
--- a/src/app/sections/organization-section/organization-details/members/components/edit-roles-dialog/edit-roles-dialog.component.spec.ts
+++ b/src/app/sections/organization-section/organization-details/members/components/edit-roles-dialog/edit-roles-dialog.component.spec.ts
@@ -1,8 +1,5 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
-import {
- MatLegacyDialogRef as MatDialogRef,
- MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA,
-} from '@angular/material/legacy-dialog';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { OrgsService } from '@dsh/app/api/organizations';
import { ErrorService } from '@dsh/app/shared';
diff --git a/src/app/sections/organization-section/organization-details/members/components/edit-roles-dialog/edit-roles-dialog.component.ts b/src/app/sections/organization-section/organization-details/members/components/edit-roles-dialog/edit-roles-dialog.component.ts
index 15d33c04..fd3610bc 100644
--- a/src/app/sections/organization-section/organization-details/members/components/edit-roles-dialog/edit-roles-dialog.component.ts
+++ b/src/app/sections/organization-section/organization-details/members/components/edit-roles-dialog/edit-roles-dialog.component.ts
@@ -1,8 +1,5 @@
import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';
-import {
- MatLegacyDialogRef as MatDialogRef,
- MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA,
-} from '@angular/material/legacy-dialog';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { UntilDestroy } from '@ngneat/until-destroy';
import { MemberRole } from '@vality/swag-organizations';
import { BehaviorSubject, defer, forkJoin, of, Subscription } from 'rxjs';
diff --git a/src/app/sections/organization-section/organization-details/members/components/member/member.component.spec.ts b/src/app/sections/organization-section/organization-details/members/components/member/member.component.spec.ts
index da72f828..d9b3c9e4 100644
--- a/src/app/sections/organization-section/organization-details/members/components/member/member.component.spec.ts
+++ b/src/app/sections/organization-section/organization-details/members/components/member/member.component.spec.ts
@@ -1,6 +1,6 @@
import { Component, DebugElement } from '@angular/core';
import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatLegacyDialogModule as MatDialogModule } from '@angular/material/legacy-dialog';
+import { MatDialogModule } from '@angular/material/dialog';
import { By } from '@angular/platform-browser';
import { OrgsService } from '@dsh/app/api/organizations';
diff --git a/src/app/sections/organization-section/organization-details/members/components/member/member.component.ts b/src/app/sections/organization-section/organization-details/members/components/member/member.component.ts
index a43e182d..be1039f7 100644
--- a/src/app/sections/organization-section/organization-details/members/components/member/member.component.ts
+++ b/src/app/sections/organization-section/organization-details/members/components/member/member.component.ts
@@ -1,5 +1,5 @@
import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, OnChanges, Output } from '@angular/core';
-import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
+import { MatDialog } from '@angular/material/dialog';
import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
import { Member, Organization } from '@vality/swag-organizations';
import { filter, switchMap } from 'rxjs/operators';
diff --git a/src/app/sections/organization-section/organization-details/members/members.module.ts b/src/app/sections/organization-section/organization-details/members/members.module.ts
index 1ef32323..cc4ceddc 100644
--- a/src/app/sections/organization-section/organization-details/members/members.module.ts
+++ b/src/app/sections/organization-section/organization-details/members/members.module.ts
@@ -2,11 +2,11 @@ import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FlexLayoutModule } from '@angular/flex-layout';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatDialogModule } from '@angular/material/dialog';
import { MatDividerModule } from '@angular/material/divider';
-import { MatLegacyDialogModule as MatDialogModule } from '@angular/material/legacy-dialog';
-import { MatLegacyFormFieldModule as MatFormFieldModule } from '@angular/material/legacy-form-field';
-import { MatLegacyInputModule as MatInputModule } from '@angular/material/legacy-input';
-import { MatLegacySnackBarModule as MatSnackBarModule } from '@angular/material/legacy-snack-bar';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
import { TranslocoModule } from '@ngneat/transloco';
import { OrganizationsModule as OrganizationsAPIModule } from '@dsh/app/api/organizations';
diff --git a/src/app/sections/organization-section/organization-details/organization-details.module.ts b/src/app/sections/organization-section/organization-details/organization-details.module.ts
index 0ece9993..9639d865 100644
--- a/src/app/sections/organization-section/organization-details/organization-details.module.ts
+++ b/src/app/sections/organization-section/organization-details/organization-details.module.ts
@@ -1,7 +1,7 @@
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FlexLayoutModule } from '@angular/flex-layout';
-import { MatLegacyTabsModule as MatTabsModule } from '@angular/material/legacy-tabs';
+import { MatTabsModule } from '@angular/material/tabs';
import { TranslocoModule } from '@ngneat/transloco';
import { OrganizationManagementModule } from '@dsh/app/shared/services/organization-management/organization-management.module';
diff --git a/src/app/sections/organization-section/organizations/components/create-organization-dialog/create-organization-dialog.component.spec.ts b/src/app/sections/organization-section/organizations/components/create-organization-dialog/create-organization-dialog.component.spec.ts
index 47091b11..252190d5 100644
--- a/src/app/sections/organization-section/organizations/components/create-organization-dialog/create-organization-dialog.component.spec.ts
+++ b/src/app/sections/organization-section/organizations/components/create-organization-dialog/create-organization-dialog.component.spec.ts
@@ -1,6 +1,6 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
+import { MatDialogRef } from '@angular/material/dialog';
import { By } from '@angular/platform-browser';
import { TranslocoTestingModule } from '@ngneat/transloco';
import { of, throwError } from 'rxjs';
diff --git a/src/app/sections/organization-section/organizations/components/create-organization-dialog/create-organization-dialog.component.ts b/src/app/sections/organization-section/organizations/components/create-organization-dialog/create-organization-dialog.component.ts
index 9ef145d1..3517fbee 100644
--- a/src/app/sections/organization-section/organizations/components/create-organization-dialog/create-organization-dialog.component.ts
+++ b/src/app/sections/organization-section/organizations/components/create-organization-dialog/create-organization-dialog.component.ts
@@ -1,5 +1,5 @@
import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
+import { MatDialogRef } from '@angular/material/dialog';
import { FormBuilder } from '@ngneat/reactive-forms';
import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
import { BehaviorSubject, switchMap } from 'rxjs';
diff --git a/src/app/sections/organization-section/organizations/components/organization/organization.component.spec.ts b/src/app/sections/organization-section/organizations/components/organization/organization.component.spec.ts
index ca743fc0..a3f30539 100644
--- a/src/app/sections/organization-section/organizations/components/organization/organization.component.spec.ts
+++ b/src/app/sections/organization-section/organizations/components/organization/organization.component.spec.ts
@@ -1,12 +1,8 @@
import { Component, DebugElement } from '@angular/core';
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { FlexLayoutModule } from '@angular/flex-layout';
+import { MatDialog, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
import { MatDividerModule } from '@angular/material/divider';
-import {
- MatLegacyDialog as MatDialog,
- MatLegacyDialogModule as MatDialogModule,
- MatLegacyDialogRef as MatDialogRef,
-} from '@angular/material/legacy-dialog';
import { By } from '@angular/platform-browser';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';
import { TranslocoTestingModule } from '@ngneat/transloco';
diff --git a/src/app/sections/organization-section/organizations/components/organization/organization.component.ts b/src/app/sections/organization-section/organizations/components/organization/organization.component.ts
index 623dc3a0..7d479da8 100644
--- a/src/app/sections/organization-section/organizations/components/organization/organization.component.ts
+++ b/src/app/sections/organization-section/organizations/components/organization/organization.component.ts
@@ -1,5 +1,5 @@
import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, Output } from '@angular/core';
-import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
+import { MatDialog } from '@angular/material/dialog';
import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
import { Organization } from '@vality/swag-organizations';
import isNil from 'lodash-es/isNil';
diff --git a/src/app/sections/organization-section/organizations/components/organizations-list/organizations-list.component.html b/src/app/sections/organization-section/organizations/components/organizations-list/organizations-list.component.html
index 3ffe38d1..783e3d27 100644
--- a/src/app/sections/organization-section/organizations/components/organizations-list/organizations-list.component.html
+++ b/src/app/sections/organization-section/organizations/components/organizations-list/organizations-list.component.html
@@ -24,7 +24,7 @@
{{ organization.id }}
-
{{ organization.createdAt | date: 'dd MMMM yyyy, HH:mm' }}
+
{{ organization.createdAt | date : 'dd MMMM yyyy, HH:mm' }}
diff --git a/src/app/sections/organization-section/organizations/components/rename-organization-dialog/rename-organization-dialog.component.spec.ts b/src/app/sections/organization-section/organizations/components/rename-organization-dialog/rename-organization-dialog.component.spec.ts
index 74c3bed1..ed4a1570 100644
--- a/src/app/sections/organization-section/organizations/components/rename-organization-dialog/rename-organization-dialog.component.spec.ts
+++ b/src/app/sections/organization-section/organizations/components/rename-organization-dialog/rename-organization-dialog.component.spec.ts
@@ -1,11 +1,8 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import {
- MatLegacyDialogRef as MatDialogRef,
- MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA,
-} from '@angular/material/legacy-dialog';
-import { MatLegacyFormFieldModule as MatFormFieldModule } from '@angular/material/legacy-form-field';
-import { MatLegacyInputModule as MatInputModule } from '@angular/material/legacy-input';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
import { By } from '@angular/platform-browser';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';
import { TranslocoTestingModule } from '@ngneat/transloco';
diff --git a/src/app/sections/organization-section/organizations/components/rename-organization-dialog/rename-organization-dialog.component.ts b/src/app/sections/organization-section/organizations/components/rename-organization-dialog/rename-organization-dialog.component.ts
index 66783800..ea1178ba 100644
--- a/src/app/sections/organization-section/organizations/components/rename-organization-dialog/rename-organization-dialog.component.ts
+++ b/src/app/sections/organization-section/organizations/components/rename-organization-dialog/rename-organization-dialog.component.ts
@@ -1,8 +1,5 @@
import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';
-import {
- MatLegacyDialogRef as MatDialogRef,
- MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA,
-} from '@angular/material/legacy-dialog';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { FormBuilder, FormGroup } from '@ngneat/reactive-forms';
import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
import { BehaviorSubject } from 'rxjs';
diff --git a/src/app/sections/organization-section/organizations/organizations.component.spec.ts b/src/app/sections/organization-section/organizations/organizations.component.spec.ts
index 6cf29e25..60c8e7f9 100644
--- a/src/app/sections/organization-section/organizations/organizations.component.spec.ts
+++ b/src/app/sections/organization-section/organizations/organizations.component.spec.ts
@@ -1,6 +1,6 @@
import { Component, DebugElement } from '@angular/core';
import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatLegacyDialog as MatDialog, MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
+import { MatDialog, MatDialogRef } from '@angular/material/dialog';
import { By } from '@angular/platform-browser';
import { TranslocoTestingModule } from '@ngneat/transloco';
import { of } from 'rxjs';
diff --git a/src/app/sections/organization-section/organizations/organizations.component.ts b/src/app/sections/organization-section/organizations/organizations.component.ts
index 475b0649..a0512af9 100644
--- a/src/app/sections/organization-section/organizations/organizations.component.ts
+++ b/src/app/sections/organization-section/organizations/organizations.component.ts
@@ -1,5 +1,5 @@
import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
-import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
+import { MatDialog } from '@angular/material/dialog';
import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
import { filter } from 'rxjs/operators';
diff --git a/src/app/sections/organization-section/organizations/organizations.module.ts b/src/app/sections/organization-section/organizations/organizations.module.ts
index b454573c..91b9b215 100644
--- a/src/app/sections/organization-section/organizations/organizations.module.ts
+++ b/src/app/sections/organization-section/organizations/organizations.module.ts
@@ -2,11 +2,11 @@ import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FlexLayoutModule } from '@angular/flex-layout';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatDialogModule } from '@angular/material/dialog';
import { MatDividerModule } from '@angular/material/divider';
-import { MatLegacyDialogModule as MatDialogModule } from '@angular/material/legacy-dialog';
-import { MatLegacyFormFieldModule as MatFormFieldModule } from '@angular/material/legacy-form-field';
-import { MatLegacyInputModule as MatInputModule } from '@angular/material/legacy-input';
-import { MatLegacySnackBarModule as MatSnackBarModule } from '@angular/material/legacy-snack-bar';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
import { TranslocoModule } from '@ngneat/transloco';
import { OrganizationsModule as OrganizationsAPIModule } from '@dsh/app/api/organizations';
diff --git a/src/app/sections/payment-section/analytics/analytics.module.ts b/src/app/sections/payment-section/analytics/analytics.module.ts
index 134ee14f..d1715c5c 100644
--- a/src/app/sections/payment-section/analytics/analytics.module.ts
+++ b/src/app/sections/payment-section/analytics/analytics.module.ts
@@ -2,8 +2,8 @@ import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FlexLayoutModule } from '@angular/flex-layout';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatLegacyDialogModule as MatDialogModule } from '@angular/material/legacy-dialog';
-import { MatLegacySelectModule as MatSelectModule } from '@angular/material/legacy-select';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatSelectModule } from '@angular/material/select';
import { TranslocoModule } from '@ngneat/transloco';
import { BarChartModule, DonutChartModule } from '@dsh/components/charts';
diff --git a/src/app/sections/payment-section/analytics/average-payment/average-payment.module.ts b/src/app/sections/payment-section/analytics/average-payment/average-payment.module.ts
index 05e6ffbe..adcbb84e 100644
--- a/src/app/sections/payment-section/analytics/average-payment/average-payment.module.ts
+++ b/src/app/sections/payment-section/analytics/average-payment/average-payment.module.ts
@@ -1,7 +1,7 @@
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FlexLayoutModule } from '@angular/flex-layout';
-import { MatLegacySelectModule as MatSelectModule } from '@angular/material/legacy-select';
+import { MatSelectModule } from '@angular/material/select';
import { TranslocoModule } from '@ngneat/transloco';
import { SpinnerModule } from '@dsh/components/indicators';
diff --git a/src/app/sections/payment-section/analytics/bar-chart-item/bar-chart-item.component.html b/src/app/sections/payment-section/analytics/bar-chart-item/bar-chart-item.component.html
index 3a3ebed6..c3c75448 100644
--- a/src/app/sections/payment-section/analytics/bar-chart-item/bar-chart-item.component.html
+++ b/src/app/sections/payment-section/analytics/bar-chart-item/bar-chart-item.component.html
@@ -1,6 +1,6 @@
- {{ title }}
+ {{ title }}
diff --git a/src/app/sections/payment-section/analytics/donut-chart-item/donut-chart-item.component.html b/src/app/sections/payment-section/analytics/donut-chart-item/donut-chart-item.component.html
index 4c63f6b5..cda86360 100644
--- a/src/app/sections/payment-section/analytics/donut-chart-item/donut-chart-item.component.html
+++ b/src/app/sections/payment-section/analytics/donut-chart-item/donut-chart-item.component.html
@@ -1,6 +1,6 @@
- {{ title }}
+ {{ title }}
diff --git a/src/app/sections/payment-section/analytics/payments-amount/payments-amount.module.ts b/src/app/sections/payment-section/analytics/payments-amount/payments-amount.module.ts
index 328d5e5d..bb881bab 100644
--- a/src/app/sections/payment-section/analytics/payments-amount/payments-amount.module.ts
+++ b/src/app/sections/payment-section/analytics/payments-amount/payments-amount.module.ts
@@ -1,7 +1,7 @@
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FlexLayoutModule } from '@angular/flex-layout';
-import { MatLegacySelectModule as MatSelectModule } from '@angular/material/legacy-select';
+import { MatSelectModule } from '@angular/material/select';
import { TranslocoModule } from '@ngneat/transloco';
import { SpinnerModule } from '@dsh/components/indicators';
diff --git a/src/app/sections/payment-section/analytics/payments-count/payments-count.module.ts b/src/app/sections/payment-section/analytics/payments-count/payments-count.module.ts
index ce3b5a4b..85242d32 100644
--- a/src/app/sections/payment-section/analytics/payments-count/payments-count.module.ts
+++ b/src/app/sections/payment-section/analytics/payments-count/payments-count.module.ts
@@ -1,7 +1,7 @@
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FlexLayoutModule } from '@angular/flex-layout';
-import { MatLegacySelectModule as MatSelectModule } from '@angular/material/legacy-select';
+import { MatSelectModule } from '@angular/material/select';
import { TranslocoModule } from '@ngneat/transloco';
import { SpinnerModule } from '@dsh/components/indicators';
diff --git a/src/app/sections/payment-section/analytics/payments-error-distribution/error-distribution.ts b/src/app/sections/payment-section/analytics/payments-error-distribution/error-distribution.ts
index e0989191..e180d0ad 100644
--- a/src/app/sections/payment-section/analytics/payments-error-distribution/error-distribution.ts
+++ b/src/app/sections/payment-section/analytics/payments-error-distribution/error-distribution.ts
@@ -1,7 +1,7 @@
import { KNOWN_ERRORS } from './known-errors';
export interface ErrorDistribution {
- errorCode: typeof KNOWN_ERRORS[number] | 'other';
+ errorCode: (typeof KNOWN_ERRORS)[number] | 'other';
percents: number;
subErrors: ErrorDistribution[];
}
diff --git a/src/app/sections/payment-section/analytics/payments-error-distribution/sub-errors-to-error-distribution.ts b/src/app/sections/payment-section/analytics/payments-error-distribution/sub-errors-to-error-distribution.ts
index 7d99e91c..4d5f1f70 100644
--- a/src/app/sections/payment-section/analytics/payments-error-distribution/sub-errors-to-error-distribution.ts
+++ b/src/app/sections/payment-section/analytics/payments-error-distribution/sub-errors-to-error-distribution.ts
@@ -5,8 +5,8 @@ import { ErrorDistribution } from './error-distribution';
import { KNOWN_ERRORS } from './known-errors';
function getDistributionErrorCode(errorCode: string): ErrorDistribution['errorCode'] {
- return KNOWN_ERRORS.includes(errorCode as typeof KNOWN_ERRORS[number])
- ? (errorCode as typeof KNOWN_ERRORS[number])
+ return KNOWN_ERRORS.includes(errorCode as (typeof KNOWN_ERRORS)[number])
+ ? (errorCode as (typeof KNOWN_ERRORS)[number])
: 'other';
}
diff --git a/src/app/sections/payment-section/analytics/percent-difference/percent-difference.component.html b/src/app/sections/payment-section/analytics/percent-difference/percent-difference.component.html
index 8700dd3f..807f6e6b 100644
--- a/src/app/sections/payment-section/analytics/percent-difference/percent-difference.component.html
+++ b/src/app/sections/payment-section/analytics/percent-difference/percent-difference.component.html
@@ -4,6 +4,6 @@
[class.negative-percent-difference]="percents < 0"
[class.positive-percent-difference]="percents > 0"
>
- {{ percents >= 0 ? '+' : '' }}{{ percents | percent: '1.0-2':'en' }}
+ {{ percents >= 0 ? '+' : '' }}{{ percents | percent : '1.0-2' : 'en' }}