(fix): provide id_number if required

src/app/modules/monetization/revenue/options.component.html

@@ -70,7 +70,7 @@
         <m-phone-input #phone></m-phone-input>
         <br />
         <button
-          (click)="addPhoneNumber(phone.value)"
+          (click)="updateField('phone', phone.value)"
           class="m-btn m-btn--action m-btn--slim"
         >
           <ng-container *ngIf="!editing">Save</ng-container>
@@ -82,6 +82,28 @@
       >
         <b>Complete the payout method step below</b>
       </ng-container>
+      <ng-container
+        *ngIf="account.requirement.indexOf('individual.id_number') > -1"
+      >
+        <b
+          >Provide your Personal ID / Social Security Number (SSN) / National
+          Insurance Number</b
+        >
+        <br />
+        <input
+          class="m-input m-revenueOptions__input"
+          #personalId
+          placeholder="Personal Id"
+        />
+        <br />
+        <button
+          (click)="updateField('id_number', personalId.value)"
+          class="m-btn m-btn--action m-btn--slim"
+        >
+          <ng-container *ngIf="!editing">Save</ng-container>
+          <ng-container *ngIf="editing">Saving...</ng-container>
+        </button>
+      </ng-container>
     </p>
   </div>
 

src/app/modules/monetization/revenue/options.component.scss

@@ -17,6 +17,12 @@
     }
   }
 
+  .m-revenueOptions__input {
+    margin: 16px 0;
+    width: 300px;
+    border-radius: 36px;
+  }
+
   .m-revenue--options-payout-method-bank {
     p {
       font-family: 'Roboto', Helvetica, sans-serif;

src/app/modules/monetization/revenue/options.component.ts

@@ -113,6 +113,17 @@ export class RevenueOptionsComponent {
     this.getSettings();
   }
 
+  async updateField(fieldName: string, value: string) {
+    this.editing = true;
+    this.detectChanges();
+    let body = {};
+    body[fieldName] = value;
+    await this.client.post('api/v2/payments/stripe/connect/update', body);
+    this.editing = false;
+    this.account = null;
+    this.getSettings();
+  }
+
   async acceptTos() {
     this.editing = true;
     this.detectChanges();