diff --git a/apps/web/src/locales/en/messages.json b/apps/web/src/locales/en/messages.json index d649797750e..7a129f04e61 100644 --- a/apps/web/src/locales/en/messages.json +++ b/apps/web/src/locales/en/messages.json @@ -8469,6 +8469,16 @@ }, "uncollectible": { "message": "Uncollectible", - "description": "The status of an invoice." + "description": "The status of an invoice." + }, + "clientDetails": { + "message": "Client details" + }, + "downloadCSV": { + "message": "Download CSV" + }, + "billingHistoryDescription": { + "message": "Download a CSV to obtain client details for each billing date. Prorated charges are not included in the CSV and may vary from the linked invoice. For the most accurate billing details, refer to your monthly invoices.", + "description": "A paragraph on the Billing History page of the Provider Portal letting users know they can download a CSV report for their invoices that does not include prorations." } } diff --git a/bitwarden_license/bit-web/src/app/billing/providers/billing-history/provider-billing-history.component.html b/bitwarden_license/bit-web/src/app/billing/providers/billing-history/provider-billing-history.component.html index 5d3bc2fff9a..95500016d40 100644 --- a/bitwarden_license/bit-web/src/app/billing/providers/billing-history/provider-billing-history.component.html +++ b/bitwarden_license/bit-web/src/app/billing/providers/billing-history/provider-billing-history.component.html @@ -1,6 +1,7 @@

{{ "invoices" | i18n }}

+

{{ "billingHistoryDescription" | i18n }}

{ const date = this.datePipe.transform(invoice.date, "yyyyMMdd"); - return `bitwarden_provider_${date}_${invoice.number}`; + return `bitwarden_provider-billing-history_${date}_${invoice.number}`; }; getInvoices = async () => await this.billingApiService.getProviderInvoices(this.providerId); diff --git a/libs/angular/src/billing/components/invoices/invoices.component.html b/libs/angular/src/billing/components/invoices/invoices.component.html index 2ce01aa50b9..0fbc27c678e 100644 --- a/libs/angular/src/billing/components/invoices/invoices.component.html +++ b/libs/angular/src/billing/components/invoices/invoices.component.html @@ -13,6 +13,7 @@ {{ "invoice" | i18n }} {{ "total" | i18n }} {{ "status" | i18n }} + {{ "clientDetails" | i18n }} @@ -47,35 +48,9 @@ - - - - - {{ "viewInvoice" | i18n }} - - - + diff --git a/libs/angular/src/jslib.module.ts b/libs/angular/src/jslib.module.ts index 59d50ee389a..b03dde3a34a 100644 --- a/libs/angular/src/jslib.module.ts +++ b/libs/angular/src/jslib.module.ts @@ -17,6 +17,7 @@ import { DialogModule, FormFieldModule, IconButtonModule, + LinkModule, MenuModule, RadioButtonModule, SelectModule, @@ -73,6 +74,7 @@ import { IconComponent } from "./vault/components/icon.component"; TableModule, MenuModule, IconButtonModule, + LinkModule, ], declarations: [ A11yInvalidDirective, diff --git a/libs/common/src/billing/models/response/invoices.response.ts b/libs/common/src/billing/models/response/invoices.response.ts index 2725d083be7..bf797ba42d6 100644 --- a/libs/common/src/billing/models/response/invoices.response.ts +++ b/libs/common/src/billing/models/response/invoices.response.ts @@ -20,7 +20,6 @@ export class InvoiceResponse extends BaseResponse { status: string; dueDate: string; url: string; - pdfUrl: string; constructor(response: any) { super(response); @@ -31,6 +30,5 @@ export class InvoiceResponse extends BaseResponse { this.status = this.getResponseProperty("Status"); this.dueDate = this.getResponseProperty("DueDate"); this.url = this.getResponseProperty("Url"); - this.pdfUrl = this.getResponseProperty("PdfUrl"); } }