Add owner email to provider org creation (#1101)

* Add owner email to provider org creation

* Use Correct request model

* Update jslib

* Remove unused input

* Remove unused input

* Improve client owner email description

jslib

@@ -1 +1 @@
-Subproject commit 23309d33e2a335574ed898d6543040372d41526a
+Subproject commit fdf0eb989be49e6f5d8215f2eac1da275923f427

src/app/settings/organization-plans.component.html

@@ -8,7 +8,8 @@
         <div class="form-group">
             <label for="file">{{'licenseFile' | i18n}}</label>
             <input type="file" id="file" class="form-control-file" name="file" required>
-            <small class="form-text text-muted">{{'licenseFileDesc' | i18n : 'bitwarden_organization_license.json'}}</small>
+            <small class="form-text text-muted">{{'licenseFileDesc' | i18n :
+                'bitwarden_organization_license.json'}}</small>
         </div>
         <button type="submit" class="btn btn-primary btn-submit" [disabled]="form.loading">
             <i class="fa fa-spinner fa-spin" title="{{'loading' | i18n}}" aria-hidden="true"></i>
@@ -34,21 +35,18 @@
             <input id="email" class="form-control" type="text" name="Email" [(ngModel)]="clientOwnerEmail" required>
             <small class="text-muted">{{'ownerDesc' | i18n : '20'}}</small>
         </div>
-        <div class="form-group col-6" *ngIf="!!providerId">
-            <label for="businessName">{{'businessName' | i18n}}</label>
-            <input id="businessName" class="form-control" type="text" name="BusinessName" [(ngModel)]="businessName">
-        </div>
     </div>
     <div *ngIf="!providerId">
         <div class="form-group form-check">
-            <input id="ownedBusiness" class="form-check-input" type="checkbox" name="OwnedBusiness" [(ngModel)]="ownedBusiness"
+            <input id="ownedBusiness" class="form-check-input" type="checkbox" name="OwnedBusiness"
-                (change)="changedOwnedBusiness()">
+                [(ngModel)]="ownedBusiness" (change)="changedOwnedBusiness()">
             <label for="ownedBusiness" class="form-check-label">{{'accountOwnedBusiness' | i18n}}</label>
         </div>
         <div class="row" *ngIf="ownedBusiness">
             <div class="form-group col-6">
                 <label for="businessName">{{'businessName' | i18n}}</label>
-                <input id="businessName" class="form-control" type="text" name="BusinessName" [(ngModel)]="businessName">
+                <input id="businessName" class="form-control" type="text" name="BusinessName"
+                    [(ngModel)]="businessName">
             </div>
         </div>
     </div>
@@ -128,8 +126,8 @@
                 <label for="additionalSeats">{{'additionalUserSeats' | i18n}}</label>
                 <input id="additionalSeats" class="form-control" type="number" name="AdditionalSeats"
                     [(ngModel)]="additionalSeats" min="0" max="100000" placeholder="{{'userSeatsDesc' | i18n}}">
-                <small
+                <small class="text-muted form-text">{{'userSeatsAdditionalDesc' | i18n : selectedPlan.baseSeats :
-                    class="text-muted form-text">{{'userSeatsAdditionalDesc' | i18n : selectedPlan.baseSeats : (seatPriceMonthly(selectedPlan) | currency:'$')}}</small>
+                    (seatPriceMonthly(selectedPlan) | currency:'$')}}</small>
             </div>
         </div>
         <div class="row">
@@ -138,8 +136,8 @@
                 <input id="additionalStorage" class="form-control" type="number" name="AdditionalStorageGb"
                     [(ngModel)]="additionalStorage" min="0" max="99" step="1"
                     placeholder="{{'additionalStorageGbDesc' | i18n}}">
-                <small
+                <small class="text-muted form-text">{{'additionalStorageIntervalDesc' | i18n : '1 GB' :
-                    class="text-muted form-text">{{'additionalStorageIntervalDesc' | i18n : '1 GB' : (additionalStoragePriceMonthly(selectedPlan) | currency:'$') : ('month' | i18n)}}</small>
+                    (additionalStoragePriceMonthly(selectedPlan) | currency:'$') : ('month' | i18n)}}</small>
             </div>
         </div>
         <div class="row">
@@ -149,8 +147,8 @@
                         [(ngModel)]="premiumAccessAddon">
                     <label for="premiumAccess" class="form-check-label bold">{{'premiumAccess' | i18n}}</label>
                 </div>
-                <small
+                <small class="text-muted form-text">{{'premiumAccessDesc' | i18n : (3.33 | currency:'$') : ('month' |
-                    class="text-muted form-text">{{'premiumAccessDesc' | i18n : (3.33 | currency:'$') : ('month' | i18n)}}</small>
+                    i18n)}}</small>
             </div>
         </div>
         <h2 class="spaced-header">{{'summary' | i18n}}</h2>
@@ -219,7 +217,8 @@
             </label>
         </div>
         <hr class="my-3">
-        <h2 class="spaced-header mb-4">{{ (createOrganization ? 'paymentInformation' : 'billingInformation') | i18n}}</h2>
+        <h2 class="spaced-header mb-4">{{ (createOrganization ? 'paymentInformation' : 'billingInformation') | i18n}}
+        </h2>
         <app-payment *ngIf="createOrganization" [hideCredit]="true"></app-payment>
         <app-tax-info (onCountryChanged)="changedCountry()"></app-tax-info>
         <div id="price" class="my-4">

src/app/settings/organization-plans.component.ts

@@ -34,6 +34,7 @@ import { ProductType } from 'jslib-common/enums/productType';
 import { OrganizationCreateRequest } from 'jslib-common/models/request/organizationCreateRequest';
 import { OrganizationKeysRequest } from 'jslib-common/models/request/organizationKeysRequest';
 import { OrganizationUpgradeRequest } from 'jslib-common/models/request/organizationUpgradeRequest';
+import { ProviderOrganizationCreateRequest } from 'jslib-common/models/request/provider/providerOrganizationCreateRequest';
 
 import { PlanResponse } from 'jslib-common/models/response/planResponse';
 
@@ -62,6 +63,7 @@ export class OrganizationPlansComponent implements OnInit {
     additionalSeats: number = 0;
     name: string;
     billingEmail: string;
+    clientOwnerEmail: string;
     businessName: string;
     productTypes = ProductType;
     formPromise: Promise<any>;
@@ -336,9 +338,12 @@ export class OrganizationPlansComponent implements OnInit {
         }
 
         if (this.providerId) {
+            const providerRequest = new ProviderOrganizationCreateRequest(this.clientOwnerEmail, request);
             const providerKey = await this.cryptoService.getProviderKey(this.providerId);
-            request.key = (await this.cryptoService.encrypt(orgKey.key, providerKey)).encryptedString;
+            providerRequest.organizationCreateRequest.key = (await this.cryptoService.encrypt(orgKey.key, providerKey)).encryptedString;
-            return (await this.apiService.postProviderCreateOrganization(this.providerId, request)).id;
+            const orgId = (await this.apiService.postProviderCreateOrganization(this.providerId, providerRequest)).organizationId;
+
+            return orgId;
         } else {
             return (await this.apiService.postOrganization(request)).id;
         }

src/locales/en/messages.json

@@ -2238,12 +2238,18 @@
   "confirmed": {
     "message": "Confirmed"
   },
+  "clientOwnerEmail": {
+    "message": "Client Owner Email"
+  },
   "owner": {
     "message": "Owner"
   },
   "ownerDesc": {
     "message": "The highest access user that can manage all aspects of your organization."
   },
+  "clientOwnerDesc": {
+    "message": "This email should NOT be associated with the provider. This user will have permissions to access and manage all aspects of this organization."
+  },
   "admin": {
     "message": "Admin"
   },