@mindbill/angular 0.15.0 → 0.16.1

package/README.md

@@ -170,7 +170,7 @@ The operations surfaces consume a normalized list of bills, so they can be used
 
 `summarizeMindBillDashboard`, `buildMindBillReportRows`, `buildMindBillReportCsv`, `buildMindBillStatusAgingMatrix`, and `buildMindBillStatusAgingCsv` are also exported for custom layouts and server-side reporting.
 
-`mindbill-bill-tasks-dashboard` is the daisyBill-style Bill Tasks worklist: one tone-colored card per task section, rows bucketed by age in days with clickable counts, and a grand-total card. Aggregate your own work items with `buildBillTasksDashboard` from `@mindbill/browser` (types re-exported here) and pass the result as `[data]`:
+`mindbill-bill-tasks-dashboard` is a Bill Tasks worklist: one tone-colored card per task section, rows bucketed by age in days with clickable counts, and a grand-total card. Aggregate your own work items with `buildBillTasksDashboard` from `@mindbill/browser` (types re-exported here) and pass the result as `[data]`:
 
 ```html
 <mindbill-bill-tasks-dashboard

package/fesm2022/mindbill-angular.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { signal, computed, Input, Component, EventEmitter, Output, inject, ChangeDetectorRef, HostListener, effect, Directive } from '@angular/core';
-import { createBillLifecycleClient, createBillReferenceClient, createBillSubmissionClient, REPORT_BILL_STATUS_OPTIONS, reportBillStatusContacts, BILL_TASKS_AGING_BUCKETS, createOrganizationClient } from '@mindbill/browser';
-export { REPORT_BILL_STATUS_OPTIONS, reportBillStatusContacts } from '@mindbill/browser';
+import { createBillLifecycleClient, createBillReferenceClient, defaultBillReviewPayerOption, createBillSubmissionClient, REPORT_BILL_STATUS_OPTIONS, reportBillStatusContacts, BILL_TASKS_AGING_BUCKETS, createOrganizationClient } from '@mindbill/browser';
+export { REPORT_BILL_STATUS_OPTIONS, defaultBillReviewPayerOption, reportBillStatusContacts } from '@mindbill/browser';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/forms';
@@ -583,6 +583,9 @@ class MindBillBillSubmissionComponent {
     payerQuery = "";
     payerResults = [];
     payerBusy = false;
+    /** Payer (subpayor) choices for the selected claims administrator. */
+    subpayorOptions = [];
+    payerSelectionRequired = false;
     diagnosisQuery = "";
     diagnosisResults = [];
     diagnosisOffset = 0;
@@ -611,6 +614,8 @@ class MindBillBillSubmissionComponent {
                 this.bill.serviceLines = [{ code: "", units: 1 }];
             this.ensureTrailingLine();
             this.payerQuery = this.bill.claim.claimsAdministrator.name ?? "";
+            this.subpayorOptions = [];
+            this.payerSelectionRequired = false;
         }
         if (changes["attachments"])
             this.workingAttachments = this.attachments.map((item) => ({ ...item }));
@@ -696,10 +701,36 @@ class MindBillBillSubmissionComponent {
         }, 180);
     }
     selectPayer(payer) {
-        this.bill.claim.claimsAdministrator = { id: payer.id, name: payer.name };
+        this.payerSelectionRequired = payer.payerSelectionRequired === true;
+        this.subpayorOptions = this.payerSelectionRequired
+            ? (payer.payers ?? []).map((option) => ({ ...option }))
+            : [];
+        const preselected = defaultBillReviewPayerOption(payer);
+        this.bill.claim.claimsAdministrator = {
+            id: payer.id,
+            name: payer.name,
+            ...(preselected ? { payerId: preselected.id } : {}),
+        };
         this.payerQuery = payer.name;
         this.payerResults = [];
         this.invalidFields.delete("claim.claimsAdministrator");
+        this.invalidFields.delete("claim.claimsAdministrator.payerId");
+        this.billChange.emit(this.bill);
+    }
+    get subpayorComboOptions() {
+        return this.subpayorOptions.map((option) => ({
+            id: option.id,
+            label: option.label,
+            ...(option.default ? { detail: "Default" } : {}),
+        }));
+    }
+    get subpayorLabel() {
+        const payerId = this.bill.claim?.claimsAdministrator?.payerId;
+        return this.subpayorOptions.find((option) => option.id === payerId)?.label ?? "";
+    }
+    selectSubpayor(option) {
+        this.bill.claim.claimsAdministrator = { ...this.bill.claim.claimsAdministrator, payerId: option.id };
+        this.invalidFields.delete("claim.claimsAdministrator.payerId");
         this.billChange.emit(this.bill);
     }
     searchDiagnoses(reset) {
@@ -861,7 +892,9 @@ class MindBillBillSubmissionComponent {
             ["patient.firstName", this.bill.patient.firstName], ["patient.lastName", this.bill.patient.lastName], ["patient.dateOfBirth", parseMindBillSubmissionDate(this.bill.patient.dateOfBirth ?? "")],
             ["patient.address.line1", this.bill.patient.address.line1], ["patient.address.city", this.bill.patient.address.city], ["patient.address.state", this.bill.patient.address.state], ["patient.address.postalCode", this.bill.patient.address.postalCode],
             ["service.date", parseMindBillSubmissionDate(this.bill.service.date ?? "")], ["claim.dateOfInjury", parseMindBillSubmissionDate(this.bill.claim.dateOfInjury ?? "")], ["claim.claimNumber", this.bill.claim.claimNumber], ["claim.employer", this.bill.claim.employer],
-            ["claim.claimsAdministrator", this.bill.claim.claimsAdministrator.id], ["diagnoses", this.bill.diagnoses.length],
+            ["claim.claimsAdministrator", this.bill.claim.claimsAdministrator.id],
+            ["claim.claimsAdministrator.payerId", !this.payerSelectionRequired || this.bill.claim.claimsAdministrator.payerId],
+            ["diagnoses", this.bill.diagnoses.length],
             ["billingProvider.name", this.bill.billingProvider.name], ["billingProvider.taxId", this.bill.billingProvider.taxId], ["billingProvider.npi", this.bill.billingProvider.npi], ["billingProvider.phone", this.bill.billingProvider.phone],
             ["billingProvider.address.line1", this.bill.billingProvider.address.line1], ["billingProvider.address.city", this.bill.billingProvider.address.city], ["billingProvider.address.state", this.bill.billingProvider.address.state], ["billingProvider.address.postalCode", this.bill.billingProvider.address.postalCode],
             ["renderingProvider.name", this.bill.renderingProvider.name], ["renderingProvider.npi", this.bill.renderingProvider.npi], ["renderingProvider.taxonomy", this.bill.renderingProvider.taxonomy],
@@ -962,6 +995,13 @@ class MindBillBillSubmissionComponent {
           @if (payerResults.length) { <div class="options">@for (payer of payerResults; track payer.id) { <button type="button" (click)="selectPayer(payer)"><strong>{{ payer.name }}</strong><span>{{ payer.hasElectronic ? 'Electronic routing' : 'Paper / fax' }}@if (payer.confidence) { · {{ payer.confidence }} match }</span></button> }</div> }
           @if (bill.claim.claimsAdministrator.id) { <small class="selected">✓ Routed to {{ bill.claim.claimsAdministrator.name }}</small> }
         </div>
+        @if (payerSelectionRequired && subpayorOptions.length) {
+          <div class="wide lookup" [class.invalid]="bad('claim.claimsAdministrator.payerId')"><label>Payer <b>*</b></label>
+            <mindbill-combo-box ariaLabel="Payer" [value]="subpayorLabel" [invalid]="bad('claim.claimsAdministrator.payerId')" [preserveValueOnOpen]="true" placeholder="Select the payer for this claims administrator…" [options]="subpayorComboOptions" (selected)="selectSubpayor($event)"/>
+            @if (subpayorLabel) { <small class="selected">✓ Payer set: {{ subpayorLabel }}</small> }
+            @else { <small>This claims administrator routes bills per payer. Choose the payer that should receive this bill.</small> }
+          </div>
+        }
         <label class="wide">Injury description (optional)<input name="description" [(ngModel)]="bill.claim.description"></label>
         <div class="wide diagnosis" [class.invalid]="bad('diagnoses')"><label>Diagnosis codes (ICD-10) <b>*</b></label>
           <div class="quick">@for (item of quickDiagnoses; track item.code) { <button type="button" [class.on]="hasDiagnosis(item.code)" (click)="toggleDiagnosis(item)">{{ hasDiagnosis(item.code) ? '✓' : '+' }} {{ item.label }}</button> }</div>
@@ -1064,6 +1104,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
           @if (payerResults.length) { <div class="options">@for (payer of payerResults; track payer.id) { <button type="button" (click)="selectPayer(payer)"><strong>{{ payer.name }}</strong><span>{{ payer.hasElectronic ? 'Electronic routing' : 'Paper / fax' }}@if (payer.confidence) { · {{ payer.confidence }} match }</span></button> }</div> }
           @if (bill.claim.claimsAdministrator.id) { <small class="selected">✓ Routed to {{ bill.claim.claimsAdministrator.name }}</small> }
         </div>
+        @if (payerSelectionRequired && subpayorOptions.length) {
+          <div class="wide lookup" [class.invalid]="bad('claim.claimsAdministrator.payerId')"><label>Payer <b>*</b></label>
+            <mindbill-combo-box ariaLabel="Payer" [value]="subpayorLabel" [invalid]="bad('claim.claimsAdministrator.payerId')" [preserveValueOnOpen]="true" placeholder="Select the payer for this claims administrator…" [options]="subpayorComboOptions" (selected)="selectSubpayor($event)"/>
+            @if (subpayorLabel) { <small class="selected">✓ Payer set: {{ subpayorLabel }}</small> }
+            @else { <small>This claims administrator routes bills per payer. Choose the payer that should receive this bill.</small> }
+          </div>
+        }
         <label class="wide">Injury description (optional)<input name="description" [(ngModel)]="bill.claim.description"></label>
         <div class="wide diagnosis" [class.invalid]="bad('diagnoses')"><label>Diagnosis codes (ICD-10) <b>*</b></label>
           <div class="quick">@for (item of quickDiagnoses; track item.code) { <button type="button" [class.on]="hasDiagnosis(item.code)" (click)="toggleDiagnosis(item)">{{ hasDiagnosis(item.code) ? '✓' : '+' }} {{ item.label }}</button> }</div>
@@ -1438,7 +1485,7 @@ class MindBillBillLifecycleComponent {
 
         <section class="card"><div class="card-title"><div><h3>Bill history</h3><p>Submissions, payer responses, follow-up, and payments.</p></div><span>{{ data.history?.length ?? data.activity.length }}</span></div>
           @if (data.history?.length) {
-            <!-- daisyBill-style Date/Action/User/Details table: submissions are pale-blue
+            <!-- Date/Action/User/Details table: submissions are pale-blue
                  expandable rows (documents + compliance due dates), notes pale-yellow,
                  277 responses expand into decoded status-code sentences. Rows arrive
                  pre-worded from the MindBill API (BillLifecycleData.history). -->
@@ -1611,7 +1658,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
 
         <section class="card"><div class="card-title"><div><h3>Bill history</h3><p>Submissions, payer responses, follow-up, and payments.</p></div><span>{{ data.history?.length ?? data.activity.length }}</span></div>
           @if (data.history?.length) {
-            <!-- daisyBill-style Date/Action/User/Details table: submissions are pale-blue
+            <!-- Date/Action/User/Details table: submissions are pale-blue
                  expandable rows (documents + compliance due dates), notes pale-yellow,
                  277 responses expand into decoded status-code sentences. Rows arrive
                  pre-worded from the MindBill API (BillLifecycleData.history). -->
@@ -2203,7 +2250,7 @@ function mindBillBillTasksCell(section, row, bucketIndex, buckets) {
     };
 }
 
-// daisyBill-style "Bill Tasks" dashboard: one rounded, tone-colored card per
+// "Bill Tasks" dashboard: one rounded, tone-colored card per
 // task section, rows bucketed by age in days with colored bucket header pills,
 // per-cell click-through counts, and a closing grand-total card. The pure
 // aggregation lives in @mindbill/browser (buildBillTasksDashboard) so React