[EC-247] Add columns to provider portal clients table (#3147)

* Added properties "userCount", "seats" and "plan" to ProviderOrganizationResponse

* Added text message "numberOfUsers"

* Updated provider clients component with new columns

* Removed never used dependency

* Changed userCount to non nullable number

* Added condition on the component to only show seats number if not null

* Changed view condition to an explicit check

apps/web/src/locales/en/messages.json

@@ -5306,5 +5306,8 @@
   },
   "cardBrandMir": {
     "message": "Mir"
+  },
+  "numberOfUsers": {
+    "message": "Number of users"
   }
 }

bitwarden_license/bit-web/src/app/providers/clients/clients.component.html

@@ -48,6 +48,14 @@
       [infiniteScrollDisabled]="!isPaging()"
       (scrolled)="loadMore()"
     >
+      <thead>
+        <tr>
+          <th colspan="2">{{ "name" | i18n }}</th>
+          <th>{{ "numberOfUsers" | i18n }}</th>
+          <th>{{ "billingPlan" | i18n }}</th>
+          <th></th>
+        </tr>
+      </thead>
       <tbody>
         <tr *ngFor="let o of searchedClients">
           <td width="30">
@@ -61,6 +69,13 @@
           <td>
             <a [routerLink]="['/organizations', o.organizationId]">{{ o.organizationName }}</a>
           </td>
+          <td>
+            <span>{{ o.userCount }}</span>
+            <span *ngIf="o.seats != null"> / {{ o.seats }}</span>
+          </td>
+          <td>
+            <span>{{ o.plan }}</span>
+          </td>
           <td class="table-list-options" *ngIf="manageOrganizations">
             <div class="dropdown" appListDropdown>
               <button

libs/common/src/models/response/provider/providerOrganizationResponse.ts

@@ -8,6 +8,9 @@ export class ProviderOrganizationResponse extends BaseResponse {
   settings: string;
   creationDate: string;
   revisionDate: string;
+  userCount: number;
+  seats?: number;
+  plan?: string;
 
   constructor(response: any) {
     super(response);
@@ -18,6 +21,9 @@ export class ProviderOrganizationResponse extends BaseResponse {
     this.settings = this.getResponseProperty("Settings");
     this.creationDate = this.getResponseProperty("CreationDate");
     this.revisionDate = this.getResponseProperty("RevisionDate");
+    this.userCount = this.getResponseProperty("UserCount");
+    this.seats = this.getResponseProperty("Seats");
+    this.plan = this.getResponseProperty("Plan");
   }
 }