[AC-1944] Add provider billing history component (#9520)

* Add provider-billing-history.component

* Implement provider client invoice export

libs/common/src/billing/abstractions/billilng-api.service.abstraction.ts

@@ -2,6 +2,7 @@ import { PaymentMethodType } from "@bitwarden/common/billing/enums";
 import { ExpandedTaxInfoUpdateRequest } from "@bitwarden/common/billing/models/request/expanded-tax-info-update.request";
 import { TokenizedPaymentMethodRequest } from "@bitwarden/common/billing/models/request/tokenized-payment-method.request";
 import { VerifyBankAccountRequest } from "@bitwarden/common/billing/models/request/verify-bank-account.request";
+import { InvoicesResponse } from "@bitwarden/common/billing/models/response/invoices.response";
 import { PaymentInformationResponse } from "@bitwarden/common/billing/models/response/payment-information.response";
 
 import { SubscriptionCancellationRequest } from "../../billing/models/request/subscription-cancellation.request";
@@ -41,6 +42,10 @@ export abstract class BillingApiServiceAbstraction {
 
   getPlans: () => Promise<ListResponse<PlanResponse>>;
 
+  getProviderClientInvoiceReport: (providerId: string, invoiceId: string) => Promise<string>;
+
+  getProviderInvoices: (providerId: string) => Promise<InvoicesResponse>;
+
   getProviderPaymentInformation: (providerId: string) => Promise<PaymentInformationResponse>;
 
   getProviderSubscription: (providerId: string) => Promise<ProviderSubscriptionResponse>;

libs/common/src/billing/models/response/invoices.response.ts

@@ -0,0 +1,34 @@
+import { BaseResponse } from "@bitwarden/common/models/response/base.response";
+
+export class InvoicesResponse extends BaseResponse {
+  invoices: InvoiceResponse[] = [];
+
+  constructor(response: any) {
+    super(response);
+    const invoices = this.getResponseProperty("Invoices");
+    if (invoices && invoices.length) {
+      this.invoices = invoices.map((t: any) => new InvoiceResponse(t));
+    }
+  }
+}
+
+export class InvoiceResponse extends BaseResponse {
+  id: string;
+  date: string;
+  number: string;
+  total: number;
+  status: string;
+  url: string;
+  pdfUrl: string;
+
+  constructor(response: any) {
+    super(response);
+    this.id = this.getResponseProperty("Id");
+    this.date = this.getResponseProperty("Date");
+    this.number = this.getResponseProperty("Number");
+    this.total = this.getResponseProperty("Total");
+    this.status = this.getResponseProperty("Status");
+    this.url = this.getResponseProperty("Url");
+    this.pdfUrl = this.getResponseProperty("PdfUrl");
+  }
+}

libs/common/src/billing/services/billing-api.service.ts

@@ -1,3 +1,5 @@
+import { InvoicesResponse } from "@bitwarden/common/billing/models/response/invoices.response";
+
 import { ApiService } from "../../abstractions/api.service";
 import { BillingApiServiceAbstraction } from "../../billing/abstractions";
 import { PaymentMethodType } from "../../billing/enums";
@@ -106,6 +108,28 @@ export class BillingApiService implements BillingApiServiceAbstraction {
     return new ListResponse(r, PlanResponse);
   }
 
+  async getProviderClientInvoiceReport(providerId: string, invoiceId: string): Promise<string> {
+    const response = await this.apiService.send(
+      "GET",
+      "/providers/" + providerId + "/billing/invoices/" + invoiceId,
+      null,
+      true,
+      true,
+    );
+    return response as string;
+  }
+
+  async getProviderInvoices(providerId: string): Promise<InvoicesResponse> {
+    const response = await this.apiService.send(
+      "GET",
+      "/providers/" + providerId + "/billing/invoices",
+      null,
+      true,
+      true,
+    );
+    return new InvoicesResponse(response);
+  }
+
   async getProviderPaymentInformation(providerId: string): Promise<PaymentInformationResponse> {
     const response = await this.apiService.send(
       "GET",

libs/common/src/services/api.service.ts

@@ -1883,9 +1883,12 @@ export class ApiService implements ApiServiceAbstraction {
 
     const responseType = response.headers.get("content-type");
     const responseIsJson = responseType != null && responseType.indexOf("application/json") !== -1;
+    const responseIsCsv = responseType != null && responseType.indexOf("text/csv") !== -1;
     if (hasResponse && response.status === 200 && responseIsJson) {
       const responseJson = await response.json();
       return responseJson;
+    } else if (hasResponse && response.status === 200 && responseIsCsv) {
+      return await response.text();
     } else if (response.status !== 200) {
       const error = await this.handleError(response, false, authed);
       return Promise.reject(error);