@mindbill/angular 0.16.0 → 0.17.0

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

@@ -1248,11 +1248,12 @@ class MindBillBillLifecycleComponent {
     payment = { amount: 0, method: "check", depositDate: new Date().toISOString().slice(0, 10) };
     review = { reason: "", payerClaimControlNumber: "", disputedAmount: 0 };
     reportStatusOptions = REPORT_BILL_STATUS_OPTIONS;
+    report = { status: null, company: "", representativeName: "", representativeRole: "", phone: "", callReference: "", note: "" };
+    reportContactSummary = "";
     duplicateDelivery = null;
     duplicateDeliveryError = "";
+    duplicateDraftInput = null;
     duplicate = { route: "ebill", faxNumber: "", email: "", mailingAddress: "" };
-    report = { status: null, company: "", representativeName: "", representativeRole: "", phone: "", callReference: "", note: "" };
-    reportContactSummary = "";
     correctionInitialBill = null;
     correctionAttachments = [];
     correctionAttentionFields = [];
@@ -1300,57 +1301,12 @@ class MindBillBillLifecycleComponent {
         else if (action === "close")
             this.panel = "close";
         else if (action === "send_duplicate")
-            this.beginSendDuplicate();
+            this.prepareDuplicate(data);
         else if (action === "report_bill_status")
             this.beginReportStatus(data);
         else if (action === "view_eor" && data.eors[0])
             void this.openEor(data.eors[0].id, data.eors[0].filename);
     }
-    beginSendDuplicate() { this.panel = "duplicate"; this.loadDuplicateDelivery(); }
-    loadDuplicateDelivery() {
-        this.duplicateDeliveryError = "";
-        if (this.duplicateDelivery)
-            return;
-        this.store.getDeliveryOptions().then((delivery) => {
-            this.duplicateDelivery = delivery;
-            this.duplicate.route = delivery.recommended.route;
-            this.duplicate.faxNumber = delivery.contacts.faxNumber || "";
-            this.duplicate.email = delivery.contacts.claimsEmail || "";
-            this.duplicate.mailingAddress = delivery.contacts.mailingAddress || "";
-        }).catch((cause) => {
-            this.duplicateDeliveryError = cause instanceof Error ? cause.message : "Delivery options could not be loaded.";
-        });
-    }
-    duplicateRoutes() {
-        const seen = new Set();
-        return (this.duplicateDelivery?.options ?? []).filter((option) => {
-            if (seen.has(option.route))
-                return false;
-            seen.add(option.route);
-            return true;
-        });
-    }
-    duplicateReady() {
-        if (this.duplicate.route === "fax")
-            return this.duplicate.faxNumber.replace(/\D/g, "").length >= 10;
-        if (this.duplicate.route === "email")
-            return this.duplicate.email.includes("@");
-        if (this.duplicate.route === "mail")
-            return this.duplicate.mailingAddress.trim().length > 2;
-        return true;
-    }
-    async sendDuplicate() {
-        if (!this.duplicateDelivery || !this.duplicateReady())
-            return;
-        const route = this.duplicate.route;
-        const destination = route === "fax" ? { faxNumber: this.duplicate.faxNumber.trim() }
-            : route === "email" ? { email: this.duplicate.email.trim() }
-                : route === "mail" ? { mailingAddress: this.duplicate.mailingAddress.trim() }
-                    : null;
-        await this.store.sendDuplicateBill({ route, ...(destination ? { destination } : {}) });
-        this.panel = "";
-        this.notice = "Duplicate bill sent.";
-    }
     beginReportStatus(data) {
         const contacts = reportBillStatusContacts(data.delivery);
         const parts = [];
@@ -1385,7 +1341,7 @@ class MindBillBillLifecycleComponent {
     async openAttachment(id, filename) { this.openBlob(await this.store.getAttachment(id), filename); }
     async openEor(id, filename) { this.openBlob(await this.store.getEor(id), filename); }
     async postPayment() { await this.store.postPayment(this.payment); this.panel = ""; this.notice = "Payment posted."; }
-    async submitReview() { await this.store.submitSecondReview({ ...this.review, disputedAmount: this.review.disputedAmount > 0 ? this.review.disputedAmount : undefined, attachmentIds: this.store.data()?.bill.attachments.map((document) => document.id) ?? [], route: "ebill" }); this.panel = ""; this.notice = "Second Review submitted."; }
+    async submitReview() { await this.store.submitSecondReview({ ...this.review, ...(this.review.disputedAmount > 0 ? { disputedAmount: this.review.disputedAmount } : {}), attachmentIds: this.store.data()?.bill.attachments.map((document) => document.id) ?? [], route: "ebill" }); this.panel = ""; this.notice = "Second Review submitted."; }
     async closeBill() { if (!this.closeReason.trim())
         return; await this.store.closeBill({ reason: this.closeReason }); this.panel = ""; this.notice = "Bill closed."; }
     resubmitFromForm = async (input) => {
@@ -1397,6 +1353,66 @@ class MindBillBillLifecycleComponent {
         return { billId: data.bill.id, bill: { id: data.bill.id, state: data.lifecycle.state } };
     };
     finishCorrection() { this.panel = ""; this.correctionReason = ""; this.notice = "Corrected submission sent."; }
+    duplicateFromForm = async (input) => {
+        this.duplicateDraftInput = input;
+        this.panel = "duplicate_route";
+        await this.loadDuplicateDelivery();
+        const billId = this.store.data()?.bill.id || this.billId;
+        return { billId, bill: { id: billId, state: "draft" } };
+    };
+    finishDuplicate() { }
+    async loadDuplicateDelivery() {
+        this.duplicateDeliveryError = "";
+        if (this.duplicateDelivery)
+            return;
+        try {
+            const delivery = await this.store.getDeliveryOptions();
+            this.duplicateDelivery = delivery;
+            this.duplicate.route = delivery.recommended.route;
+            this.duplicate.faxNumber = delivery.contacts.faxNumber || "";
+            this.duplicate.email = delivery.contacts.claimsEmail || "";
+            this.duplicate.mailingAddress = delivery.contacts.mailingAddress || "";
+        }
+        catch (cause) {
+            this.duplicateDeliveryError = cause instanceof Error ? cause.message : "Delivery options could not be loaded.";
+        }
+    }
+    duplicateRoutes() {
+        const seen = new Set();
+        return (this.duplicateDelivery?.options ?? []).filter((option) => {
+            if (seen.has(option.route))
+                return false;
+            seen.add(option.route);
+            return true;
+        });
+    }
+    duplicateReady() {
+        if (!this.duplicateDraftInput)
+            return false;
+        if (this.duplicate.route === "fax")
+            return this.duplicate.faxNumber.replace(/\D/g, "").length >= 10;
+        if (this.duplicate.route === "email")
+            return this.duplicate.email.includes("@");
+        if (this.duplicate.route === "mail")
+            return this.duplicate.mailingAddress.trim().length > 2;
+        return true;
+    }
+    async sendDuplicate() {
+        if (!this.duplicateDelivery || !this.duplicateDraftInput || !this.duplicateReady())
+            return;
+        const route = this.duplicate.route;
+        const destination = route === "fax" ? { faxNumber: this.duplicate.faxNumber.trim() }
+            : route === "email" ? { email: this.duplicate.email.trim() }
+                : route === "mail" ? { mailingAddress: this.duplicate.mailingAddress.trim() }
+                    : null;
+        await this.store.sendDuplicateBill({
+            bill: this.duplicateDraftInput.bill,
+            ...(this.duplicateDraftInput.documents?.length ? { documents: this.duplicateDraftInput.documents } : {}),
+            submission: { route, ...(destination ? { destination } : {}) },
+        });
+        this.panel = "";
+        this.notice = "Duplicate bill sent.";
+    }
     // "Submit New Bill" from a CLOSED bill: same prefilled submission form as the
     // correction flow, but the server keeps the closed bill closed and creates a
     // fresh original linked to it (both records chain in the submissions timeline).
@@ -1425,6 +1441,22 @@ class MindBillBillLifecycleComponent {
         this.correctionReason = "";
         this.panel = "resubmit";
     }
+    prepareDuplicate(data) {
+        this.correctionInitialBill = correctionBill(data);
+        this.correctionAttachments = data.bill.attachments.map((attachment) => ({
+            filename: attachment.filename,
+            documentType: correctionDocumentType(attachment.documentType),
+            ...(attachment.description ? { description: attachment.description } : {}),
+            ...(attachment.reportType ? { reportTypeCode: attachment.reportType } : {}),
+            loadBlob: () => this.store.getAttachment(attachment.id),
+            ...(attachment.documentType === "w9" ? { locked: true, badge: "Auto-attached" } : {}),
+        }));
+        this.correctionAttentionFields = [];
+        this.duplicateDraftInput = null;
+        this.duplicateDelivery = null;
+        this.duplicateDeliveryError = "";
+        this.panel = "duplicate";
+    }
     prepareNewBill(data) {
         this.correctionInitialBill = correctionBill(data);
         this.correctionAttachments = data.bill.attachments.map((attachment) => ({
@@ -1485,7 +1517,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). -->
@@ -1526,22 +1558,6 @@ class MindBillBillLifecycleComponent {
         @if (panel === 'payment') { <form class="card action-form" (submit)="$event.preventDefault(); postPayment()"><h3>Post payment</h3><label>Amount<input required type="number" min="0.01" step="0.01" [(ngModel)]="payment.amount" name="amount"></label><label>Method<select [(ngModel)]="payment.method" name="method"><option value="check">Check</option><option value="eft">EFT</option></select></label><label>Deposit date<input required type="date" [(ngModel)]="payment.depositDate" name="depositDate"></label><div><button type="button" (click)="panel=''">Cancel</button><button class="primary" type="submit">Post payment</button></div></form> }
         @if (panel === 'review') { <form class="card action-form" (submit)="$event.preventDefault(); submitReview()"><h3>Submit Second Bill Review</h3><label>Reason<textarea required [(ngModel)]="review.reason" name="reason"></textarea></label><label>Payer claim control number<input required [(ngModel)]="review.payerClaimControlNumber" name="control"></label><label>Disputed amount<input type="number" min="0" step="0.01" [(ngModel)]="review.disputedAmount" name="disputed"></label><div><button type="button" (click)="panel=''">Cancel</button><button class="primary" type="submit">Submit review</button></div></form> }
         @if (panel === 'close') { <form class="card action-form" (submit)="$event.preventDefault(); closeBill()"><h3>Close bill</h3><label>Reason<textarea required [(ngModel)]="closeReason" name="closeReason"></textarea></label><div><button type="button" (click)="panel=''">Cancel</button><button class="primary" type="submit">Close bill</button></div></form> }
-        @if (panel === 'duplicate') {
-          <form class="card action-form" (submit)="$event.preventDefault(); sendDuplicate()">
-            <h3>Send duplicate bill</h3>
-            @if (!duplicateDelivery) {
-              <p class="muted">{{ duplicateDeliveryError || 'Loading delivery options…' }}</p>
-              <div><button type="button" (click)="panel=''">Cancel</button>@if (duplicateDeliveryError) { <button class="primary" type="button" (click)="loadDuplicateDelivery()">Try again</button> }</div>
-            } @else {
-              <p class="muted">Resend the unchanged submission packet to {{ duplicateDelivery.payerName }}.</p>
-              <label>Delivery method<select [(ngModel)]="duplicate.route" name="duplicateRoute">@for (option of duplicateRoutes(); track option.route) { <option [ngValue]="option.route">{{ option.label }}</option> }</select></label>
-              @if (duplicate.route === 'fax') { <label>Fax number<input required [(ngModel)]="duplicate.faxNumber" name="duplicateFax" placeholder="(000) 000-0000"></label> }
-              @if (duplicate.route === 'email') { <label>Email<input required type="email" [(ngModel)]="duplicate.email" name="duplicateEmail" placeholder="claims@payer.example"></label> }
-              @if (duplicate.route === 'mail') { <label>Mailing address<textarea required [(ngModel)]="duplicate.mailingAddress" name="duplicateMail"></textarea></label> }
-              <div><button type="button" (click)="panel=''">Cancel</button><button class="primary" type="submit" [disabled]="store.mutating() || !duplicateReady()">Send duplicate</button></div>
-            }
-          </form>
-        }
         @if (panel === 'report_status') {
           <form class="card action-form" (submit)="$event.preventDefault(); reportStatus()">
             <h3>Report Bill Status</h3>
@@ -1587,6 +1603,43 @@ class MindBillBillLifecycleComponent {
             </section>
           </div>
         }
+        @if (panel === 'duplicate' && correctionInitialBill) {
+          <div class="correction-backdrop" (mousedown)="closeCorrectionBackdrop($event)">
+            <section class="correction-dialog" role="dialog" aria-modal="true" aria-label="Send duplicate bill">
+              <button type="button" class="dialog-close" aria-label="Close" (click)="panel=''">×</button>
+              <header><h2>Send duplicate bill</h2><p>The original submission remains immutable. Review or edit this fresh bill before choosing its delivery route and confirming transmission.</p></header>
+              <mindbill-bill-submission
+                [initialBill]="correctionInitialBill"
+                [attachments]="correctionAttachments"
+                [appearance]="appearance"
+                [sessionEndpoint]="sessionEndpoint"
+                [getSession]="getSession"
+                [apiBaseUrl]="apiBaseUrl"
+                [submitter]="duplicateFromForm"
+                heading="Duplicate bill information"
+                description="Review every field. The final step confirms the payer delivery route before the duplicate is sent."
+                submitLabel="Continue to delivery"
+                (submitted)="finishDuplicate()"
+              />
+            </section>
+          </div>
+        }
+        @if (panel === 'duplicate_route') {
+          <form class="card action-form" (submit)="$event.preventDefault(); sendDuplicate()">
+            <h3>Confirm duplicate bill delivery</h3>
+            @if (!duplicateDelivery) {
+              <p class="muted">{{ duplicateDeliveryError || 'Loading delivery options…' }}</p>
+              <div><button type="button" (click)="panel='duplicate'">Back</button>@if (duplicateDeliveryError) { <button class="primary" type="button" (click)="loadDuplicateDelivery()">Try again</button> }</div>
+            } @else {
+              <p class="muted">Confirm how this edited duplicate will be delivered to {{ duplicateDelivery.payerName }}.</p>
+              <label>Delivery method<select [(ngModel)]="duplicate.route" name="duplicateRoute">@for (option of duplicateRoutes(); track option.route) { <option [ngValue]="option.route">{{ option.label }}</option> }</select></label>
+              @if (duplicate.route === 'fax') { <label>Fax number<input required [(ngModel)]="duplicate.faxNumber" name="duplicateFax" placeholder="(000) 000-0000"></label> }
+              @if (duplicate.route === 'email') { <label>Email<input required type="email" [(ngModel)]="duplicate.email" name="duplicateEmail" placeholder="claims@payer.example"></label> }
+              @if (duplicate.route === 'mail') { <label>Mailing address<textarea required [(ngModel)]="duplicate.mailingAddress" name="duplicateMail"></textarea></label> }
+              <div><button type="button" (click)="panel='duplicate'">Back</button><button class="primary" type="submit" [disabled]="store.mutating() || !duplicateReady()">Send duplicate</button></div>
+            }
+          </form>
+        }
         @if (panel === 'submit_new_bill' && correctionInitialBill) {
           <div class="correction-backdrop" (mousedown)="closeCorrectionBackdrop($event)">
             <section class="correction-dialog" role="dialog" aria-modal="true" aria-label="Submit New Bill">
@@ -1658,7 +1711,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). -->
@@ -1699,22 +1752,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
         @if (panel === 'payment') { <form class="card action-form" (submit)="$event.preventDefault(); postPayment()"><h3>Post payment</h3><label>Amount<input required type="number" min="0.01" step="0.01" [(ngModel)]="payment.amount" name="amount"></label><label>Method<select [(ngModel)]="payment.method" name="method"><option value="check">Check</option><option value="eft">EFT</option></select></label><label>Deposit date<input required type="date" [(ngModel)]="payment.depositDate" name="depositDate"></label><div><button type="button" (click)="panel=''">Cancel</button><button class="primary" type="submit">Post payment</button></div></form> }
         @if (panel === 'review') { <form class="card action-form" (submit)="$event.preventDefault(); submitReview()"><h3>Submit Second Bill Review</h3><label>Reason<textarea required [(ngModel)]="review.reason" name="reason"></textarea></label><label>Payer claim control number<input required [(ngModel)]="review.payerClaimControlNumber" name="control"></label><label>Disputed amount<input type="number" min="0" step="0.01" [(ngModel)]="review.disputedAmount" name="disputed"></label><div><button type="button" (click)="panel=''">Cancel</button><button class="primary" type="submit">Submit review</button></div></form> }
         @if (panel === 'close') { <form class="card action-form" (submit)="$event.preventDefault(); closeBill()"><h3>Close bill</h3><label>Reason<textarea required [(ngModel)]="closeReason" name="closeReason"></textarea></label><div><button type="button" (click)="panel=''">Cancel</button><button class="primary" type="submit">Close bill</button></div></form> }
-        @if (panel === 'duplicate') {
-          <form class="card action-form" (submit)="$event.preventDefault(); sendDuplicate()">
-            <h3>Send duplicate bill</h3>
-            @if (!duplicateDelivery) {
-              <p class="muted">{{ duplicateDeliveryError || 'Loading delivery options…' }}</p>
-              <div><button type="button" (click)="panel=''">Cancel</button>@if (duplicateDeliveryError) { <button class="primary" type="button" (click)="loadDuplicateDelivery()">Try again</button> }</div>
-            } @else {
-              <p class="muted">Resend the unchanged submission packet to {{ duplicateDelivery.payerName }}.</p>
-              <label>Delivery method<select [(ngModel)]="duplicate.route" name="duplicateRoute">@for (option of duplicateRoutes(); track option.route) { <option [ngValue]="option.route">{{ option.label }}</option> }</select></label>
-              @if (duplicate.route === 'fax') { <label>Fax number<input required [(ngModel)]="duplicate.faxNumber" name="duplicateFax" placeholder="(000) 000-0000"></label> }
-              @if (duplicate.route === 'email') { <label>Email<input required type="email" [(ngModel)]="duplicate.email" name="duplicateEmail" placeholder="claims@payer.example"></label> }
-              @if (duplicate.route === 'mail') { <label>Mailing address<textarea required [(ngModel)]="duplicate.mailingAddress" name="duplicateMail"></textarea></label> }
-              <div><button type="button" (click)="panel=''">Cancel</button><button class="primary" type="submit" [disabled]="store.mutating() || !duplicateReady()">Send duplicate</button></div>
-            }
-          </form>
-        }
         @if (panel === 'report_status') {
           <form class="card action-form" (submit)="$event.preventDefault(); reportStatus()">
             <h3>Report Bill Status</h3>
@@ -1760,6 +1797,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
             </section>
           </div>
         }
+        @if (panel === 'duplicate' && correctionInitialBill) {
+          <div class="correction-backdrop" (mousedown)="closeCorrectionBackdrop($event)">
+            <section class="correction-dialog" role="dialog" aria-modal="true" aria-label="Send duplicate bill">
+              <button type="button" class="dialog-close" aria-label="Close" (click)="panel=''">×</button>
+              <header><h2>Send duplicate bill</h2><p>The original submission remains immutable. Review or edit this fresh bill before choosing its delivery route and confirming transmission.</p></header>
+              <mindbill-bill-submission
+                [initialBill]="correctionInitialBill"
+                [attachments]="correctionAttachments"
+                [appearance]="appearance"
+                [sessionEndpoint]="sessionEndpoint"
+                [getSession]="getSession"
+                [apiBaseUrl]="apiBaseUrl"
+                [submitter]="duplicateFromForm"
+                heading="Duplicate bill information"
+                description="Review every field. The final step confirms the payer delivery route before the duplicate is sent."
+                submitLabel="Continue to delivery"
+                (submitted)="finishDuplicate()"
+              />
+            </section>
+          </div>
+        }
+        @if (panel === 'duplicate_route') {
+          <form class="card action-form" (submit)="$event.preventDefault(); sendDuplicate()">
+            <h3>Confirm duplicate bill delivery</h3>
+            @if (!duplicateDelivery) {
+              <p class="muted">{{ duplicateDeliveryError || 'Loading delivery options…' }}</p>
+              <div><button type="button" (click)="panel='duplicate'">Back</button>@if (duplicateDeliveryError) { <button class="primary" type="button" (click)="loadDuplicateDelivery()">Try again</button> }</div>
+            } @else {
+              <p class="muted">Confirm how this edited duplicate will be delivered to {{ duplicateDelivery.payerName }}.</p>
+              <label>Delivery method<select [(ngModel)]="duplicate.route" name="duplicateRoute">@for (option of duplicateRoutes(); track option.route) { <option [ngValue]="option.route">{{ option.label }}</option> }</select></label>
+              @if (duplicate.route === 'fax') { <label>Fax number<input required [(ngModel)]="duplicate.faxNumber" name="duplicateFax" placeholder="(000) 000-0000"></label> }
+              @if (duplicate.route === 'email') { <label>Email<input required type="email" [(ngModel)]="duplicate.email" name="duplicateEmail" placeholder="claims@payer.example"></label> }
+              @if (duplicate.route === 'mail') { <label>Mailing address<textarea required [(ngModel)]="duplicate.mailingAddress" name="duplicateMail"></textarea></label> }
+              <div><button type="button" (click)="panel='duplicate'">Back</button><button class="primary" type="submit" [disabled]="store.mutating() || !duplicateReady()">Send duplicate</button></div>
+            }
+          </form>
+        }
         @if (panel === 'submit_new_bill' && correctionInitialBill) {
           <div class="correction-backdrop" (mousedown)="closeCorrectionBackdrop($event)">
             <section class="correction-dialog" role="dialog" aria-modal="true" aria-label="Submit New Bill">
@@ -2250,7 +2324,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