All files / src/app/pages/account-profile-company account-profile-company-page.component.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
1x
1x
1x
 
1x
 
1x
 
 
1x
 
 
 
 
 
 
 
 
 
1x
 
 
 
 
3x
 
3x
 
 
3x
3x
3x
 
 
3x
2x
1x
 
 
 
 
 
 
 
 
 
import { ChangeDetectionStrategy, Component, DestroyRef, OnInit, inject } from '@angular/core';
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
import { Router } from '@angular/router';
import { Observable } from 'rxjs';
import { take } from 'rxjs/operators';
 
import { AccountFacade } from 'ish-core/facades/account.facade';
import { Customer } from 'ish-core/models/customer/customer.model';
import { HttpError } from 'ish-core/models/http-error/http-error.model';
import { whenTruthy } from 'ish-core/utils/operators';
 
/**
 * The Account Profile Company Page Component renders a page where the (business) user can change the company data.
 */
@Component({
  selector: 'ish-account-profile-company-page',
  templateUrl: './account-profile-company-page.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class AccountProfileCompanyPageComponent implements OnInit {
  currentCustomer$: Observable<Customer>;
  userError$: Observable<HttpError>;
  userLoading$: Observable<boolean>;
 
  private destroyRef = inject(DestroyRef);
 
  constructor(private accountFacade: AccountFacade, private router: Router) {}
 
  ngOnInit() {
    this.currentCustomer$ = this.accountFacade.customer$;
    this.userError$ = this.accountFacade.userError$;
    this.userLoading$ = this.accountFacade.userLoading$;
 
    // check if the current customer is a business customer, otherwise the profile page is displayed
    this.currentCustomer$.pipe(whenTruthy(), take(1), takeUntilDestroyed(this.destroyRef)).subscribe(customer => {
      if (!customer.isBusinessCustomer) {
        this.router.navigate(['/account/profile']);
      }
    });
  }
 
  updateCompanyProfile(customer: Customer) {
    this.accountFacade.updateCustomerProfile(customer, { message: 'account.profile.update_company_profile.message' });
  }
}