{credit_cards: {...}, deposits: {...}}

{credit_cards: {coCodeA: true, coCodeB: false}, deposits: {coCodeC: false}}

{coCodeA: true, credit_cards: {coCodeA: false, coCodeB: false}, deposits: {coCodeC: false}}

ngOnChanges() {
    if (this.modules) {
      this.selectedCompanies = this.modules.reduce(
        (selectedCompanies: SelectedCompanies, vertical: Module) => {
          selectedCompanies[vertical.module_name] = {};
          return selectedCompanies;
        },
        {}
      );
    }
  }

  handleCompanyChange(changes) {
    this.selectedCompanies[changes.source.name] = changes.checked;
  }

fetchAvailableCompanies(vertical: string) {
    if (!this.availableCompanies[vertical]) {
      this.subs.push(
        this.rs
          .getAvailableCompanies(this.recipient.email_address, vertical)
          .subscribe(availableCompanies => {
            availableCompanies.forEach((company: Company) => {
              this.selectedCompanies[vertical][company.co_code] = false;
            });
            this.availableCompanies[vertical] = availableCompanies;
          })
      );
    }
  }

<div *ngFor="let company of availableCompanies[module.module_name]">
        <mat-checkbox
          [name]="company.co_code"
          (change)="handleCompanyChange($event)"
          [checked]="selectedCompanies[module.module_name][company.co_code]"
        >
          {{ company.name }}
        </mat-checkbox>
      </div>