mirror of
https://github.com/bitwarden/browser.git
synced 2024-10-09 05:57:40 +02:00
9547b72566
* Bump dependencies
149 lines
5.1 KiB
TypeScript
149 lines
5.1 KiB
TypeScript
import {
|
|
Component,
|
|
EventEmitter,
|
|
Output,
|
|
} from '@angular/core';
|
|
import { ActivatedRoute } from '@angular/router';
|
|
import { ApiService } from 'jslib/abstractions/api.service';
|
|
import { OrganizationTaxInfoUpdateRequest } from 'jslib/models/request/organizationTaxInfoUpdateRequest';
|
|
import { TaxInfoUpdateRequest } from 'jslib/models/request/taxInfoUpdateRequest';
|
|
import { TaxRateResponse } from 'jslib/models/response/taxRateResponse';
|
|
|
|
@Component({
|
|
selector: 'app-tax-info',
|
|
templateUrl: 'tax-info.component.html',
|
|
})
|
|
export class TaxInfoComponent {
|
|
@Output() onCountryChanged = new EventEmitter();
|
|
|
|
loading: boolean = true;
|
|
organizationId: string;
|
|
taxInfo: any = {
|
|
taxId: null,
|
|
line1: null,
|
|
line2: null,
|
|
city: null,
|
|
state: null,
|
|
postalCode: null,
|
|
country: 'US',
|
|
includeTaxId: false,
|
|
};
|
|
|
|
taxRates: TaxRateResponse[];
|
|
|
|
private pristine: any = {
|
|
taxId: null,
|
|
line1: null,
|
|
line2: null,
|
|
city: null,
|
|
state: null,
|
|
postalCode: null,
|
|
country: 'US',
|
|
includeTaxId: false,
|
|
};
|
|
|
|
constructor(private apiService: ApiService, private route: ActivatedRoute) { }
|
|
|
|
async ngOnInit() {
|
|
this.route.parent.parent.params.subscribe(async params => {
|
|
this.organizationId = params.organizationId;
|
|
if (this.organizationId) {
|
|
try {
|
|
const taxInfo = await this.apiService.getOrganizationTaxInfo(this.organizationId);
|
|
if (taxInfo) {
|
|
this.taxInfo.taxId = taxInfo.taxId;
|
|
this.taxInfo.state = taxInfo.state;
|
|
this.taxInfo.line1 = taxInfo.line1;
|
|
this.taxInfo.line2 = taxInfo.line2;
|
|
this.taxInfo.city = taxInfo.city;
|
|
this.taxInfo.state = taxInfo.state;
|
|
this.taxInfo.postalCode = taxInfo.postalCode;
|
|
this.taxInfo.country = taxInfo.country || 'US';
|
|
this.taxInfo.includeTaxId = this.taxInfo.country !== 'US' && (
|
|
!!taxInfo.taxId
|
|
|| !!taxInfo.line1
|
|
|| !!taxInfo.line2
|
|
|| !!taxInfo.city
|
|
|| !!taxInfo.state);
|
|
}
|
|
} catch { }
|
|
} else {
|
|
const taxInfo = await this.apiService.getTaxInfo();
|
|
if (taxInfo) {
|
|
this.taxInfo.postalCode = taxInfo.postalCode;
|
|
this.taxInfo.country = taxInfo.country || 'US';
|
|
}
|
|
}
|
|
this.pristine = Object.assign({}, this.taxInfo);
|
|
// If not the default (US) then trigger onCountryChanged
|
|
if (this.taxInfo.country !== 'US') {
|
|
this.onCountryChanged.emit();
|
|
}
|
|
});
|
|
|
|
const taxRates = await this.apiService.getTaxRates();
|
|
this.taxRates = taxRates.data;
|
|
this.loading = false;
|
|
}
|
|
|
|
get taxRate() {
|
|
if (this.taxRates != null) {
|
|
const localTaxRate = this.taxRates.find(x =>
|
|
x.country === this.taxInfo.country &&
|
|
x.postalCode === this.taxInfo.postalCode
|
|
);
|
|
return localTaxRate?.rate ?? null;
|
|
}
|
|
}
|
|
|
|
getTaxInfoRequest(): TaxInfoUpdateRequest {
|
|
if (this.organizationId) {
|
|
const request = new OrganizationTaxInfoUpdateRequest();
|
|
request.taxId = this.taxInfo.taxId;
|
|
request.state = this.taxInfo.state;
|
|
request.line1 = this.taxInfo.line1;
|
|
request.line2 = this.taxInfo.line2;
|
|
request.city = this.taxInfo.city;
|
|
request.state = this.taxInfo.state;
|
|
request.postalCode = this.taxInfo.postalCode;
|
|
request.country = this.taxInfo.country;
|
|
return request;
|
|
} else {
|
|
const request = new TaxInfoUpdateRequest();
|
|
request.postalCode = this.taxInfo.postalCode;
|
|
request.country = this.taxInfo.country;
|
|
return request;
|
|
}
|
|
}
|
|
|
|
submitTaxInfo(): Promise<any> {
|
|
if (!this.hasChanged()) {
|
|
return new Promise<void>(resolve => { resolve(); });
|
|
}
|
|
const request = this.getTaxInfoRequest();
|
|
return this.organizationId ? this.apiService.putOrganizationTaxInfo(this.organizationId,
|
|
request as OrganizationTaxInfoUpdateRequest) : this.apiService.putTaxInfo(request);
|
|
}
|
|
|
|
changeCountry() {
|
|
if (this.taxInfo.country === 'US') {
|
|
this.taxInfo.includeTaxId = false;
|
|
this.taxInfo.taxId = null;
|
|
this.taxInfo.line1 = null;
|
|
this.taxInfo.line2 = null;
|
|
this.taxInfo.city = null;
|
|
this.taxInfo.state = null;
|
|
}
|
|
this.onCountryChanged.emit();
|
|
}
|
|
|
|
private hasChanged(): boolean {
|
|
for (const key in this.taxInfo) {
|
|
if (this.pristine.hasOwnProperty(key) && this.pristine[key] !== this.taxInfo[key]) {
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
}
|
|
}
|