@mj-biz-apps/orders-ng 0.0.1 → 5.2.0

package/dist/lib/pages/receivables/customer-ar.page.js

@@ -0,0 +1,782 @@
+import { ChangeDetectorRef, Component, EventEmitter, Output, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { EntityViewerModule } from '@memberjunction/ng-entity-viewer';
+import { Metadata } from '@memberjunction/core';
+import { MJOAgingBarComponent } from '../../panels/aging-bar.component.js';
+import { MJOMoneyStripComponent } from '../../panels/money-strip.component.js';
+import { DaysSince, FormatDate, FormatMoney, Initials } from '../../panels/money-format.js';
+import { MJAlertComponent } from '@memberjunction/ng-ui-components';
+import { GetOrders, GetPaymentsForCustomer, GetSubscriptionsForCustomer } from '../../data/orders-queries.js';
+import { MJO_ENTITIES } from '../../data/entity-names.js';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-entity-viewer";
+const _forTrack0 = ($index, $item) => $item.Key;
+const _forTrack1 = ($index, $item) => $item.ID;
+const _forTrack2 = ($index, $item) => $item["ID"];
+function MJOCustomerARPageComponent_For_20_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 23);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const customer_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" +", ctx_r2.money(customer_r2.Credit), " cr ");
+} }
+function MJOCustomerARPageComponent_For_20_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 16);
+    i0.ɵɵlistener("click", function MJOCustomerARPageComponent_For_20_Template_button_click_0_listener() { const customer_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.Select(customer_r2.Key)); });
+    i0.ɵɵelementStart(1, "span", 17);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 18)(4, "span", 19);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "span", 20);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "span", 21)(9, "b", 22);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(11, MJOCustomerARPageComponent_For_20_Conditional_11_Template, 2, 1, "span", 23);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const customer_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("is-active", customer_r2.Key === ctx_r2.SelectedKey);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.initials(customer_r2.Name));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(customer_r2.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", customer_r2.IsOrganization ? "Organization" : "Individual", " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r2.money(customer_r2.Open));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(customer_r2.Credit > 0 ? 11 : -1);
+} }
+function MJOCustomerARPageComponent_ForEmpty_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵtext(1, "Nobody owes anything.");
+    i0.ɵɵelementEnd();
+} }
+function MJOCustomerARPageComponent_Conditional_23_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mj-alert", 30)(1, "strong");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", ctx_r2.money(ctx_r2.Selected.Credit), " of credit is sitting unused");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" while ", ctx_r2.money(ctx_r2.Selected.Open), " is owed. Applying it first is almost always the right move \u2014 and it is one click, because the credit is just another order balance. ");
+} }
+function MJOCustomerARPageComponent_Conditional_23_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-entity-viewer", 45);
+    i0.ɵɵlistener("RecordOpened", function MJOCustomerARPageComponent_Conditional_23_Conditional_22_Template_mj_entity_viewer_RecordOpened_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnRecordOpened($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("Entity", ctx_r2.OrderEntityInfo)("ViewEntity", ctx_r2.CustomerOpenOrdersView);
+} }
+function MJOCustomerARPageComponent_Conditional_23_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 36);
+    i0.ɵɵtext(1, "Loading open items...");
+    i0.ɵɵelementEnd();
+} }
+function MJOCustomerARPageComponent_Conditional_23_For_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39)(1, "span", 46);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "b", 47);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const credit_r5 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(credit_r5.OrderNumber);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.money(-ctx_r2.Math.abs(credit_r5.Balance ?? 0)), " ");
+} }
+function MJOCustomerARPageComponent_Conditional_23_ForEmpty_33_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵtext(1, " No credit on file. A credit is an order paid for more than it was worth \u2014 there is no separate instrument to look up. ");
+    i0.ɵɵelementEnd();
+} }
+function MJOCustomerARPageComponent_Conditional_23_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵtext(1, " Spend this before invoicing them again. Chasing cash from a customer already holding your money is the call nobody wants to make twice. ");
+    i0.ɵɵelementEnd();
+} }
+function MJOCustomerARPageComponent_Conditional_23_For_42_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39)(1, "span", 48)(2, "span", 49);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 50);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "b", 22);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const payment_r6 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(payment_r6.PaymentNumber);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" \u00B7 ", ctx_r2.dateOf(payment_r6.PaymentDate));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.money(payment_r6.Amount ?? 0));
+} }
+function MJOCustomerARPageComponent_Conditional_23_ForEmpty_43_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵtext(1, " No payments recorded for this customer. ");
+    i0.ɵɵelementEnd();
+} }
+function MJOCustomerARPageComponent_Conditional_23_For_67_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 46);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td", 48);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "td", 48);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "td", 48);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "td")(10, "span", 51);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const sub_r7 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(sub_r7["SubscriptionNumber"]);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(sub_r7["Product"] ?? "\u2014");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.dateOf(sub_r7["EndDate"]));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", sub_r7["AutoRenew"] ? "automatically" : "it simply ends", " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r2.subClass(sub_r7));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", sub_r7["Status"] ?? "\u2014", " ");
+} }
+function MJOCustomerARPageComponent_Conditional_23_ForEmpty_68_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 52);
+    i0.ɵɵtext(2, " No subscriptions. Nothing here renews on its own. ");
+    i0.ɵɵelementEnd()();
+} }
+function MJOCustomerARPageComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9)(1, "div", 6)(2, "div", 24)(3, "span", 25);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 26)(6, "div", 27);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 13);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelement(10, "mjo-money-strip", 28);
+    i0.ɵɵelementStart(11, "div", 29);
+    i0.ɵɵelement(12, "mjo-aging-bar", 7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(13, MJOCustomerARPageComponent_Conditional_23_Conditional_13_Template, 4, 2, "mj-alert", 30);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(14, "div", 31)(15, "div", 3);
+    i0.ɵɵelement(16, "i", 32);
+    i0.ɵɵelementStart(17, "h3");
+    i0.ɵɵtext(18, "Open items");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "span", 33);
+    i0.ɵɵtext(20, "oldest first");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(21, "div", 34);
+    i0.ɵɵconditionalCreate(22, MJOCustomerARPageComponent_Conditional_23_Conditional_22_Template, 1, 2, "mj-entity-viewer", 35)(23, MJOCustomerARPageComponent_Conditional_23_Conditional_23_Template, 2, 0, "div", 36);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(24, "div", 37)(25, "div", 9)(26, "div", 3);
+    i0.ɵɵelement(27, "i", 38);
+    i0.ɵɵelementStart(28, "h3");
+    i0.ɵɵtext(29, "Credits they hold");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(30, "div", 6);
+    i0.ɵɵrepeaterCreate(31, MJOCustomerARPageComponent_Conditional_23_For_32_Template, 5, 2, "div", 39, _forTrack1, false, MJOCustomerARPageComponent_Conditional_23_ForEmpty_33_Template, 2, 0, "div", 13);
+    i0.ɵɵconditionalCreate(34, MJOCustomerARPageComponent_Conditional_23_Conditional_34_Template, 2, 0, "div", 8);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(35, "div", 9)(36, "div", 3);
+    i0.ɵɵelement(37, "i", 40);
+    i0.ɵɵelementStart(38, "h3");
+    i0.ɵɵtext(39, "Payment history");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(40, "div", 6);
+    i0.ɵɵrepeaterCreate(41, MJOCustomerARPageComponent_Conditional_23_For_42_Template, 8, 3, "div", 39, _forTrack1, false, MJOCustomerARPageComponent_Conditional_23_ForEmpty_43_Template, 2, 0, "div", 13);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(44, "div", 41)(45, "div", 3);
+    i0.ɵɵelement(46, "i", 42);
+    i0.ɵɵelementStart(47, "h3");
+    i0.ɵɵtext(48, "Subscriptions");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(49, "span", 33);
+    i0.ɵɵtext(50);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(51, "div", 43)(52, "table", 44)(53, "thead")(54, "tr")(55, "th");
+    i0.ɵɵtext(56, "Subscription");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(57, "th");
+    i0.ɵɵtext(58, "Product");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(59, "th");
+    i0.ɵɵtext(60, "Covered to");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(61, "th");
+    i0.ɵɵtext(62, "Renews");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(63, "th");
+    i0.ɵɵtext(64, "Status");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(65, "tbody");
+    i0.ɵɵrepeaterCreate(66, MJOCustomerARPageComponent_Conditional_23_For_67_Template, 12, 7, "tr", null, _forTrack2, false, MJOCustomerARPageComponent_Conditional_23_ForEmpty_68_Template, 3, 0, "tr");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r2.initials(ctx_r2.Selected.Name));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r2.Selected.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate3(" ", ctx_r2.Selected.IsOrganization ? "Organization" : "Individual", " \u00B7 ", ctx_r2.Selected.Orders.length, " order", ctx_r2.Selected.Orders.length === 1 ? "" : "s", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Total", ctx_r2.Selected.Open)("ShowPaid", false)("Balance", ctx_r2.NetOwed)("ShowStatus", false);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Buckets", ctx_r2.Selected.Buckets);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.Selected.Credit > 0 ? 13 : -1);
+    i0.ɵɵadvance(9);
+    i0.ɵɵconditional(ctx_r2.OrderEntityInfo ? 22 : 23);
+    i0.ɵɵadvance(9);
+    i0.ɵɵrepeater(ctx_r2.CreditItems);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r2.CreditItems.length ? 34 : -1);
+    i0.ɵɵadvance(7);
+    i0.ɵɵrepeater(ctx_r2.Payments);
+    i0.ɵɵadvance(9);
+    i0.ɵɵtextInterpolate(ctx_r2.Subscriptions.length);
+    i0.ɵɵadvance(16);
+    i0.ɵɵrepeater(ctx_r2.Subscriptions);
+} }
+function MJOCustomerARPageComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵelement(1, "i", 10);
+    i0.ɵɵelementStart(2, "div", 53);
+    i0.ɵɵtext(3, "Pick a customer");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 48);
+    i0.ɵɵtext(5, "Their aging, open items and credits appear here.");
+    i0.ɵɵelementEnd()();
+} }
+/**
+ * `mjo-customer-ar-page` — one customer's whole money picture.
+ *
+ * WHY THIS IS ITS OWN SCREEN. The accounting team's job is not looking up an
+ * invoice; it is knowing where a relationship stands before picking up the phone.
+ * So aging, open items, credits held and payment history sit together rather than
+ * across four surfaces.
+ *
+ * BALANCES ARE DERIVED FROM THE ORDER ROWS, never stored separately. A customer's
+ * open balance is the sum of what their orders carry, and their credit is the sum
+ * of the negative ones — because a credit IS a negative order balance and there
+ * is no separate instrument. Two hand-maintained numbers would eventually
+ * disagree; one derived number cannot.
+ *
+ * ## Example
+ *
+ * ```html
+ * <mjo-customer-ar-page (OrderOpened)="open($event)" />
+ * ```
+ */
+export class MJOCustomerARPageComponent {
+    cdr = inject(ChangeDetectorRef);
+    OrderOpened = new EventEmitter();
+    OrderEntityInfo = null;
+    Customers = [];
+    SelectedKey = null;
+    get CustomerOpenOrdersView() {
+        if (!this.OrderEntityInfo || !this.Selected)
+            return null;
+        const col = this.Selected.IsOrganization ? 'BillToOrganizationID' : 'BillToPersonID';
+        return {
+            EntityID: this.OrderEntityInfo.ID,
+            Entity: this.OrderEntityInfo.Name,
+            WhereClause: `${col} = '${this.Selected.Key}' AND Balance > 0`,
+            ID: `preset-customer-orders-${this.Selected.Key}`,
+            Name: `${this.Selected.Name} Open Items`
+        };
+    }
+    async ngOnInit() {
+        const md = new Metadata();
+        this.OrderEntityInfo = md.Entities.find((e) => e.Name === MJO_ENTITIES.OrderHeader) || null;
+        await this.load();
+        this.cdr.detectChanges();
+    }
+    OnRecordOpened(event) {
+        const id = (event.compositeKey?.GetValueByFieldName('ID') ?? event.record?.['ID']);
+        if (id) {
+            const surrogate = { ID: id };
+            this.OrderOpened.emit(surrogate);
+        }
+    }
+    Payments = [];
+    Subscriptions = [];
+    /** Exposed for the template — `Math` is not in Angular's expression scope. */
+    Math = Math;
+    async Select(key) {
+        this.SelectedKey = key;
+        await this.loadCustomerDetail();
+        this.cdr.detectChanges();
+    }
+    /**
+     * Payments and subscriptions for the selected customer only.
+     *
+     * Fetched on selection rather than up front: this screen shows one customer at
+     * a time, and loading a hundred payment histories to render one is work with
+     * no answer attached to it. Both awaits complete BEFORE either is assigned, so
+     * no assignment straddles the boundary that produces NG0100.
+     */
+    async loadCustomerDetail() {
+        const selected = this.Selected;
+        if (!selected) {
+            this.Payments = [];
+            this.Subscriptions = [];
+            return;
+        }
+        const identity = {
+            OrganizationID: selected.IsOrganization ? selected.Key : null,
+            PersonID: selected.IsOrganization ? null : selected.Key,
+        };
+        const [payments, subscriptions] = await Promise.all([
+            GetPaymentsForCustomer(identity),
+            GetSubscriptionsForCustomer(identity),
+        ]);
+        this.Payments = payments;
+        this.Subscriptions = subscriptions;
+        this.cdr.detectChanges();
+    }
+    /**
+     * The whole portfolio's aging, summed from the per-customer buckets.
+     *
+     * Derived rather than queried — the customers are already grouped and bucketed
+     * in memory, and asking the database to age the same rows again would be a
+     * second implementation of the same rule.
+     */
+    get TotalBuckets() {
+        const total = { Current: 0, Days1To30: 0, Days31To60: 0, Days61Plus: 0 };
+        for (const customer of this.Customers) {
+            total.Current += customer.Buckets.Current;
+            total.Days1To30 += customer.Buckets.Days1To30;
+            total.Days31To60 += customer.Buckets.Days31To60;
+            total.Days61Plus += customer.Buckets.Days61Plus;
+        }
+        Object.keys(total).forEach((k) => (total[k] = Math.round(total[k] * 100) / 100));
+        return total;
+    }
+    /** What the whole book is owed, before credits are spent. */
+    get TotalOpen() {
+        return Math.round(this.Customers.reduce((sum, c) => sum + c.Open, 0) * 100) / 100;
+    }
+    /** Orders this customer has OVER-paid — their spendable credit. */
+    get CreditItems() {
+        return (this.Selected?.Orders ?? []).filter((o) => (o.Balance ?? 0) < 0);
+    }
+    dateOf(value) {
+        return value ? FormatDate(String(value), { Short: true }) : '—';
+    }
+    /**
+     * The chip for a subscription's state.
+     *
+     * `'Grace'` was here and is not a status this schema has — the union is
+     * Active / Paused / Canceled / Migrated / Trialing — so the warning chip could never render and
+     * a paused subscription looked exactly like a cancelled one. Paused is the state that wants
+     * attention: the customer still holds the seat and is not currently being served by it.
+     */
+    subClass(sub) {
+        switch (sub.Status) {
+            case 'Active':
+                return 'mj-chip--success';
+            case 'Trialing':
+                return 'mj-chip--info';
+            case 'Paused':
+                return 'mj-chip--warning';
+            default:
+                return 'mj-chip--outline';
+        }
+    }
+    get Selected() {
+        return this.Customers.find((c) => c.Key === this.SelectedKey);
+    }
+    /** What they owe after their credit is spent — the number that matters. */
+    get NetOwed() {
+        if (!this.Selected)
+            return 0;
+        return Math.round((this.Selected.Open - this.Selected.Credit) * 100) / 100;
+    }
+    get OpenItems() {
+        return (this.Selected?.Orders ?? [])
+            .filter((o) => (o.Balance ?? 0) !== 0)
+            .slice()
+            // Undated last: an order with no due date is not "due first", and an empty string
+            // sorted ahead of every real date, which put unscheduled work at the top of an aging list.
+            .sort((a, b) => (a.DueDate?.getTime() ?? Infinity) - (b.DueDate?.getTime() ?? Infinity));
+    }
+    initials(name) {
+        return Initials(name);
+    }
+    money(value) {
+        return FormatMoney(value);
+    }
+    ageLabel(row) {
+        if (!row.DueDate || (row.Balance ?? 0) <= 0)
+            return 'Current';
+        const late = DaysSince(row.DueDate, new Date().toISOString().slice(0, 10));
+        return late > 0 ? `${late}d` : 'Current';
+    }
+    ageClass(row) {
+        if (!row.DueDate || (row.Balance ?? 0) <= 0)
+            return '';
+        const late = DaysSince(row.DueDate, new Date().toISOString().slice(0, 10));
+        if (late > 60)
+            return 'mj-chip--error';
+        if (late > 0)
+            return 'mj-chip--warning';
+        return '';
+    }
+    /**
+     * Group open orders by customer and derive every figure from them.
+     *
+     * The organization wins over the person when both are present: an employee's
+     * order billed to their employer is the employer's receivable.
+     */
+    async load() {
+        const orders = await GetOrders({ Preset: 'all' });
+        const open = orders.filter((o) => !['Draft', 'Quoted', 'Voided'].includes(o.Status) && (o.Balance ?? 0) !== 0);
+        const byCustomer = new Map();
+        const today = new Date().toISOString().slice(0, 10);
+        for (const order of open) {
+            const key = order['BillToOrganizationID'] ?? order['BillToPersonID'] ?? 'unknown';
+            const name = (order.BillToOrganization ?? order.BillToPerson ?? 'Unknown');
+            const isOrg = !!order['BillToOrganizationID'];
+            const existing = byCustomer.get(key) ??
+                {
+                    Key: key,
+                    Name: name,
+                    IsOrganization: isOrg,
+                    Open: 0,
+                    Credit: 0,
+                    Buckets: { Current: 0, Days1To30: 0, Days31To60: 0, Days61Plus: 0 },
+                    Orders: [],
+                };
+            existing.Orders.push(order);
+            if ((order.Balance ?? 0) < 0) {
+                // A negative balance IS the credit — no separate instrument.
+                existing.Credit += Math.abs((order.Balance ?? 0));
+            }
+            else {
+                existing.Open += (order.Balance ?? 0);
+                const late = order.DueDate ? DaysSince(order.DueDate, today) : 0;
+                if (late <= 0)
+                    existing.Buckets.Current += (order.Balance ?? 0);
+                else if (late <= 30)
+                    existing.Buckets.Days1To30 += (order.Balance ?? 0);
+                else if (late <= 60)
+                    existing.Buckets.Days31To60 += (order.Balance ?? 0);
+                else
+                    existing.Buckets.Days61Plus += (order.Balance ?? 0);
+            }
+            byCustomer.set(key, existing);
+        }
+        const round = (v) => Math.round((v + Number.EPSILON) * 100) / 100;
+        this.Customers = [...byCustomer.values()]
+            .map((c) => ({
+            ...c,
+            Open: round(c.Open),
+            Credit: round(c.Credit),
+            Buckets: {
+                Current: round(c.Buckets.Current),
+                Days1To30: round(c.Buckets.Days1To30),
+                Days31To60: round(c.Buckets.Days31To60),
+                Days61Plus: round(c.Buckets.Days61Plus),
+            },
+        }))
+            .sort((a, b) => b.Open - a.Open);
+        if (!this.SelectedKey && this.Customers.length)
+            this.SelectedKey = this.Customers[0].Key;
+        this.cdr.detectChanges();
+    }
+    static ɵfac = function MJOCustomerARPageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJOCustomerARPageComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJOCustomerARPageComponent, selectors: [["mjo-customer-ar-page"]], outputs: { OrderOpened: "OrderOpened" }, decls: 25, vars: 4, consts: [[1, "mjo-ar__split"], [1, "mjo-ar__left"], [1, "mj-card", "mjo-ar__total"], [1, "mj-card-head"], ["aria-hidden", "true", 1, "fa-solid", "fa-chart-column"], [1, "right", "mj-num", "small", "strong"], [1, "mj-card-pad"], [3, "Buckets"], [1, "small", "muted", "mjo-ar__note"], [1, "mj-card"], ["aria-hidden", "true", 1, "fa-solid", "fa-user-tag"], [1, "mj-card-pad", "mjo-ar__list"], ["type", "button", 1, "mjo-ar__cust", 3, "is-active"], [1, "small", "muted"], [1, "mjo-ar__right"], [1, "mj-empty", "mjo-ar__empty"], ["type", "button", 1, "mjo-ar__cust", 3, "click"], [1, "mj-avatar", "mjo-ar__avatar"], [1, "mjo-ar__cust-body"], [1, "mjo-ar__cust-name"], [1, "small", "muted", "mjo-ar__cust-sub"], [1, "mjo-ar__cust-amt"], [1, "mj-num"], [1, "small", "mj-money--credit", "mjo-ar__cust-credit"], [1, "mjo-ar__header"], [1, "mj-avatar", "mjo-ar__avatar-lg"], [1, "mjo-ar__header-body"], [1, "mjo-ar__header-name"], ["TotalLabel", "Open balance", 1, "mjo-ar__strip", 3, "Total", "ShowPaid", "Balance", "ShowStatus"], [1, "mjo-ar__aging"], ["Variant", "success", "Icon", "fa-solid fa-piggy-bank", 1, "mjo-ar__credit"], [1, "mj-card", "mjo-ar__items"], ["aria-hidden", "true", 1, "fa-solid", "fa-file-invoice-dollar"], [1, "right", "small", "muted"], [1, "mjo-ar__viewer-host"], [3, "Entity", "ViewEntity"], [1, "small", "muted", 2, "padding", "24px"], [1, "mjo-ar__grid"], ["aria-hidden", "true", 1, "fa-solid", "fa-piggy-bank"], [1, "mjo-ar__row"], ["aria-hidden", "true", 1, "fa-solid", "fa-clock-rotate-left"], [1, "mj-card", "mjo-ar__block"], ["aria-hidden", "true", 1, "fa-solid", "fa-rotate"], [1, "mj-table-wrap"], [1, "mj-table", "mj-table--compact"], [3, "RecordOpened", "Entity", "ViewEntity"], [1, "mono", "small"], [1, "mj-num", "mj-money--credit"], [1, "small"], [1, "mono"], [1, "muted"], [1, "mj-chip"], ["colspan", "5", 1, "small", "muted"], [1, "t"]], template: function MJOCustomerARPageComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "aside", 1)(2, "div", 2)(3, "div", 3);
+            i0.ɵɵelement(4, "i", 4);
+            i0.ɵɵelementStart(5, "h3");
+            i0.ɵɵtext(6, "Total A/R by age");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "span", 5);
+            i0.ɵɵtext(8);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(9, "div", 6);
+            i0.ɵɵelement(10, "mjo-aging-bar", 7);
+            i0.ɵɵelementStart(11, "div", 8);
+            i0.ɵɵtext(12, " All customers with an open balance. ");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(13, "div", 9)(14, "div", 3);
+            i0.ɵɵelement(15, "i", 10);
+            i0.ɵɵelementStart(16, "h3");
+            i0.ɵɵtext(17, "Customers with a balance");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(18, "div", 11);
+            i0.ɵɵrepeaterCreate(19, MJOCustomerARPageComponent_For_20_Template, 12, 7, "button", 12, _forTrack0, false, MJOCustomerARPageComponent_ForEmpty_21_Template, 2, 0, "div", 13);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(22, "div", 14);
+            i0.ɵɵconditionalCreate(23, MJOCustomerARPageComponent_Conditional_23_Template, 69, 17)(24, MJOCustomerARPageComponent_Conditional_24_Template, 6, 0, "div", 15);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(8);
+            i0.ɵɵtextInterpolate(ctx.money(ctx.TotalOpen));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Buckets", ctx.TotalBuckets);
+            i0.ɵɵadvance(9);
+            i0.ɵɵrepeater(ctx.Customers);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(ctx.Selected ? 23 : 24);
+        } }, dependencies: [CommonModule, EntityViewerModule, i1.EntityViewerComponent, MJOAgingBarComponent, MJOMoneyStripComponent, MJAlertComponent], styles: ["[_nghost-%COMP%] {\n                display: block;\n                height: 100%;\n                overflow: auto;\n                padding: var(--mj-space-6);\n            }\n            .mjo-ar__split[_ngcontent-%COMP%] {\n                display: flex;\n                gap: var(--mj-space-4);\n                align-items: flex-start;\n            }\n            .mjo-ar__left[_ngcontent-%COMP%] { flex: 0 0 300px; min-width: 0; }\n            .mjo-ar__right[_ngcontent-%COMP%] { flex: 1; min-width: 0; }\n            .mjo-ar__list[_ngcontent-%COMP%] { padding: var(--mj-space-2); }\n\n            .mjo-ar__cust[_ngcontent-%COMP%] {\n                display: flex;\n                align-items: center;\n                gap: var(--mj-space-3);\n                padding: var(--mj-space-3);\n                border-radius: var(--mj-radius-md);\n                cursor: pointer;\n                border: 1px solid transparent;\n                background: none;\n                width: 100%;\n                text-align: left;\n                font-family: inherit;\n                color: inherit;\n            }\n            .mjo-ar__cust[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-hover); }\n            .mjo-ar__cust.is-active[_ngcontent-%COMP%] {\n                background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n                border-color: color-mix(in srgb, var(--mj-brand-primary) 35%, transparent);\n            }\n            .mjo-ar__avatar[_ngcontent-%COMP%] { width: 30px; height: 30px; font-size: 11px; }\n            .mjo-ar__avatar-lg[_ngcontent-%COMP%] { width: 44px; height: 44px; font-size: 15px; }\n            .mjo-ar__cust-body[_ngcontent-%COMP%] { flex: 1; min-width: 0; }\n            .mjo-ar__cust-name[_ngcontent-%COMP%] { font-size: 13px; font-weight: var(--mj-font-medium); display: block; }\n            .mjo-ar__cust-sub[_ngcontent-%COMP%] { display: block; }\n            .mjo-ar__cust-amt[_ngcontent-%COMP%] { text-align: right; }\n            .mjo-ar__cust-credit[_ngcontent-%COMP%] { display: block; }\n\n            .mjo-ar__header[_ngcontent-%COMP%] { display: flex; align-items: flex-start; gap: var(--mj-space-4); }\n            .mjo-ar__header-body[_ngcontent-%COMP%] { flex: 1; min-width: 0; }\n            .mjo-ar__header-name[_ngcontent-%COMP%] { font-size: 17px; font-weight: var(--mj-font-semibold); }\n            .mjo-ar__strip[_ngcontent-%COMP%] { display: block; margin-top: var(--mj-space-4); }\n            .mjo-ar__aging[_ngcontent-%COMP%] { margin-top: var(--mj-space-4); }\n            .mjo-ar__credit[_ngcontent-%COMP%] { margin-top: var(--mj-space-4); }\n            .mjo-ar__items[_ngcontent-%COMP%] {\n                margin-top: var(--mj-space-4);\n                display: flex;\n                flex-direction: column;\n                height: 520px;\n                min-height: 450px;\n            }\n            .mjo-ar__viewer-host[_ngcontent-%COMP%] {\n                flex: 1 1 auto;\n                height: 100%;\n                min-height: 380px;\n                overflow: hidden;\n                display: flex;\n                flex-direction: column;\n            }\n            mj-entity-viewer[_ngcontent-%COMP%] {\n                display: flex;\n                flex-direction: column;\n                flex: 1 1 auto;\n                height: 100%;\n                width: 100%;\n            }\n            .mjo-ar__empty[_ngcontent-%COMP%] { padding: var(--mj-space-12); }\n\n            \n\n\n\n            .mjo-ar__grid[_ngcontent-%COMP%] {\n                display: grid;\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                gap: var(--mj-space-4);\n                margin-top: var(--mj-space-4);\n            }\n            .mjo-ar__row[_ngcontent-%COMP%] {\n                display: flex;\n                align-items: baseline;\n                justify-content: space-between;\n                gap: var(--mj-space-3);\n                padding: var(--mj-space-2) 0;\n                border-bottom: 1px solid var(--mj-border-subtle);\n            }\n            .mjo-ar__row[_ngcontent-%COMP%]:last-child { border-bottom: none; }\n            .mjo-ar__block[_ngcontent-%COMP%] { margin-top: var(--mj-space-4); }\n            .mjo-ar__total[_ngcontent-%COMP%] { display: block; }\n\n            @media (max-width: 900px) {\n                .mjo-ar__grid[_ngcontent-%COMP%] { grid-template-columns: 1fr; }\n            }\n\n            @media (max-width: 1100px) {\n                .mjo-ar__split[_ngcontent-%COMP%] { flex-direction: column; }\n                .mjo-ar__left[_ngcontent-%COMP%], .mjo-ar__right[_ngcontent-%COMP%] { flex: 1 1 auto; width: 100%; }\n            }\n            @media (max-width: 760px) {\n                [_nghost-%COMP%] { padding: var(--mj-space-4); }\n            }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJOCustomerARPageComponent, [{
+        type: Component,
+        args: [{ selector: 'mjo-customer-ar-page', standalone: true, imports: [CommonModule, EntityViewerModule, MJOAgingBarComponent, MJOMoneyStripComponent, MJAlertComponent], template: `
+        <div class="mjo-ar__split">
+            <!-- ── Customers ── -->
+            <aside class="mjo-ar__left">
+                <div class="mj-card mjo-ar__total">
+                    <div class="mj-card-head">
+                        <i class="fa-solid fa-chart-column" aria-hidden="true"></i>
+                        <h3>Total A/R by age</h3>
+                        <span class="right mj-num small strong">{{ money(TotalOpen) }}</span>
+                    </div>
+                    <div class="mj-card-pad">
+                        <mjo-aging-bar [Buckets]="TotalBuckets" />
+                        <div class="small muted mjo-ar__note">
+                            All customers with an open balance.
+                        </div>
+                    </div>
+                </div>
+
+                <div class="mj-card">
+                    <div class="mj-card-head">
+                        <i class="fa-solid fa-user-tag" aria-hidden="true"></i>
+                        <h3>Customers with a balance</h3>
+                    </div>
+                    <div class="mj-card-pad mjo-ar__list">
+                        @for (customer of Customers; track customer.Key) {
+                            <button
+                                type="button"
+                                class="mjo-ar__cust"
+                                [class.is-active]="customer.Key === SelectedKey"
+                                (click)="Select(customer.Key)">
+                                <span class="mj-avatar mjo-ar__avatar">{{ initials(customer.Name) }}</span>
+                                <span class="mjo-ar__cust-body">
+                                    <span class="mjo-ar__cust-name">{{ customer.Name }}</span>
+                                    <span class="small muted mjo-ar__cust-sub">
+                                        {{ customer.IsOrganization ? 'Organization' : 'Individual' }}
+                                    </span>
+                                </span>
+                                <span class="mjo-ar__cust-amt">
+                                    <b class="mj-num">{{ money(customer.Open) }}</b>
+                                    @if (customer.Credit > 0) {
+                                        <span class="small mj-money--credit mjo-ar__cust-credit">
+                                            +{{ money(customer.Credit) }} cr
+                                        </span>
+                                    }
+                                </span>
+                            </button>
+                        } @empty {
+                            <div class="small muted">Nobody owes anything.</div>
+                        }
+                    </div>
+                </div>
+            </aside>
+
+            <!-- ── Detail ── -->
+            <div class="mjo-ar__right">
+                @if (Selected) {
+                    <div class="mj-card">
+                        <div class="mj-card-pad">
+                            <div class="mjo-ar__header">
+                                <span class="mj-avatar mjo-ar__avatar-lg">{{ initials(Selected.Name) }}</span>
+                                <div class="mjo-ar__header-body">
+                                    <div class="mjo-ar__header-name">{{ Selected.Name }}</div>
+                                    <div class="small muted">
+                                        {{ Selected.IsOrganization ? 'Organization' : 'Individual' }} ·
+                                        {{ Selected.Orders.length }} order{{ Selected.Orders.length === 1 ? '' : 's' }}
+                                    </div>
+                                </div>
+                            </div>
+
+                            <mjo-money-strip
+                                class="mjo-ar__strip"
+                                TotalLabel="Open balance"
+                                [Total]="Selected.Open"
+                                [ShowPaid]="false"
+                                [Balance]="NetOwed"
+                                [ShowStatus]="false" />
+
+                            <div class="mjo-ar__aging">
+                                <mjo-aging-bar [Buckets]="Selected.Buckets" />
+                            </div>
+
+                            @if (Selected.Credit > 0) {
+                                <mj-alert Variant="success" Icon="fa-solid fa-piggy-bank" class="mjo-ar__credit">
+                                        <strong>{{ money(Selected.Credit) }} of credit is sitting unused</strong>
+                                        while {{ money(Selected.Open) }} is owed. Applying it first is almost always
+                                        the right move — and it is one click, because the credit is just another
+                                        order balance.
+                                </mj-alert>
+                            }
+                        </div>
+                    </div>
+
+                    <div class="mj-card mjo-ar__items">
+                        <div class="mj-card-head">
+                            <i class="fa-solid fa-file-invoice-dollar" aria-hidden="true"></i>
+                            <h3>Open items</h3>
+                            <span class="right small muted">oldest first</span>
+                        </div>
+                        <div class="mjo-ar__viewer-host">
+                            @if (OrderEntityInfo) {
+                                <mj-entity-viewer
+                                    [Entity]="OrderEntityInfo"
+                                    [ViewEntity]="CustomerOpenOrdersView"
+                                    (RecordOpened)="OnRecordOpened($event)">
+                                </mj-entity-viewer>
+                            } @else {
+                                <div class="small muted" style="padding: 24px;">Loading open items...</div>
+                            }
+                        </div>
+                    </div>
+
+                    <div class="mjo-ar__grid">
+                        <div class="mj-card">
+                            <div class="mj-card-head">
+                                <i class="fa-solid fa-piggy-bank" aria-hidden="true"></i>
+                                <h3>Credits they hold</h3>
+                            </div>
+                            <div class="mj-card-pad">
+                                @for (credit of CreditItems; track credit.ID) {
+                                    <div class="mjo-ar__row">
+                                        <span class="mono small">{{ credit.OrderNumber }}</span>
+                                        <b class="mj-num mj-money--credit">
+                                            {{ money(-Math.abs((credit.Balance ?? 0))) }}
+                                        </b>
+                                    </div>
+                                } @empty {
+                                    <div class="small muted">
+                                        No credit on file. A credit is an order paid for more than it
+                                        was worth — there is no separate instrument to look up.
+                                    </div>
+                                }
+                                @if (CreditItems.length) {
+                                    <div class="small muted mjo-ar__note">
+                                        Spend this before invoicing them again. Chasing cash from a
+                                        customer already holding your money is the call nobody wants
+                                        to make twice.
+                                    </div>
+                                }
+                            </div>
+                        </div>
+
+                        <div class="mj-card">
+                            <div class="mj-card-head">
+                                <i class="fa-solid fa-clock-rotate-left" aria-hidden="true"></i>
+                                <h3>Payment history</h3>
+                            </div>
+                            <div class="mj-card-pad">
+                                @for (payment of Payments; track payment.ID) {
+                                    <div class="mjo-ar__row">
+                                        <span class="small">
+                                            <span class="mono">{{ payment.PaymentNumber }}</span>
+                                            <span class="muted"> · {{ dateOf(payment.PaymentDate) }}</span>
+                                        </span>
+                                        <b class="mj-num">{{ money((payment.Amount ?? 0)) }}</b>
+                                    </div>
+                                } @empty {
+                                    <div class="small muted">
+                                        No payments recorded for this customer.
+                                    </div>
+                                }
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="mj-card mjo-ar__block">
+                        <div class="mj-card-head">
+                            <i class="fa-solid fa-rotate" aria-hidden="true"></i>
+                            <h3>Subscriptions</h3>
+                            <span class="right small muted">{{ Subscriptions.length }}</span>
+                        </div>
+                        <div class="mj-table-wrap">
+                            <table class="mj-table mj-table--compact">
+                                <thead>
+                                    <tr>
+                                        <th>Subscription</th>
+                                        <th>Product</th>
+                                        <th>Covered to</th>
+                                        <th>Renews</th>
+                                        <th>Status</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    @for (sub of Subscriptions; track sub['ID']) {
+                                        <tr>
+                                            <td class="mono small">{{ sub['SubscriptionNumber'] }}</td>
+                                            <td class="small">{{ sub['Product'] ?? '—' }}</td>
+                                            <td class="small">{{ dateOf(sub['EndDate']) }}</td>
+                                            <td class="small">
+                                                {{ sub['AutoRenew'] ? 'automatically' : 'it simply ends' }}
+                                            </td>
+                                            <td>
+                                                <span class="mj-chip" [class]="subClass(sub)">
+                                                    {{ sub['Status'] ?? '—' }}
+                                                </span>
+                                            </td>
+                                        </tr>
+                                    } @empty {
+                                        <tr>
+                                            <td colspan="5" class="small muted">
+                                                No subscriptions. Nothing here renews on its own.
+                                            </td>
+                                        </tr>
+                                    }
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                } @else {
+                    <div class="mj-empty mjo-ar__empty">
+                        <i class="fa-solid fa-user-tag" aria-hidden="true"></i>
+                        <div class="t">Pick a customer</div>
+                        <div class="small">Their aging, open items and credits appear here.</div>
+                    </div>
+                }
+            </div>
+        </div>
+    `, styles: ["\n            :host {\n                display: block;\n                height: 100%;\n                overflow: auto;\n                padding: var(--mj-space-6);\n            }\n            .mjo-ar__split {\n                display: flex;\n                gap: var(--mj-space-4);\n                align-items: flex-start;\n            }\n            .mjo-ar__left { flex: 0 0 300px; min-width: 0; }\n            .mjo-ar__right { flex: 1; min-width: 0; }\n            .mjo-ar__list { padding: var(--mj-space-2); }\n\n            .mjo-ar__cust {\n                display: flex;\n                align-items: center;\n                gap: var(--mj-space-3);\n                padding: var(--mj-space-3);\n                border-radius: var(--mj-radius-md);\n                cursor: pointer;\n                border: 1px solid transparent;\n                background: none;\n                width: 100%;\n                text-align: left;\n                font-family: inherit;\n                color: inherit;\n            }\n            .mjo-ar__cust:hover { background: var(--mj-bg-surface-hover); }\n            .mjo-ar__cust.is-active {\n                background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n                border-color: color-mix(in srgb, var(--mj-brand-primary) 35%, transparent);\n            }\n            .mjo-ar__avatar { width: 30px; height: 30px; font-size: 11px; }\n            .mjo-ar__avatar-lg { width: 44px; height: 44px; font-size: 15px; }\n            .mjo-ar__cust-body { flex: 1; min-width: 0; }\n            .mjo-ar__cust-name { font-size: 13px; font-weight: var(--mj-font-medium); display: block; }\n            .mjo-ar__cust-sub { display: block; }\n            .mjo-ar__cust-amt { text-align: right; }\n            .mjo-ar__cust-credit { display: block; }\n\n            .mjo-ar__header { display: flex; align-items: flex-start; gap: var(--mj-space-4); }\n            .mjo-ar__header-body { flex: 1; min-width: 0; }\n            .mjo-ar__header-name { font-size: 17px; font-weight: var(--mj-font-semibold); }\n            .mjo-ar__strip { display: block; margin-top: var(--mj-space-4); }\n            .mjo-ar__aging { margin-top: var(--mj-space-4); }\n            .mjo-ar__credit { margin-top: var(--mj-space-4); }\n            .mjo-ar__items {\n                margin-top: var(--mj-space-4);\n                display: flex;\n                flex-direction: column;\n                height: 520px;\n                min-height: 450px;\n            }\n            .mjo-ar__viewer-host {\n                flex: 1 1 auto;\n                height: 100%;\n                min-height: 380px;\n                overflow: hidden;\n                display: flex;\n                flex-direction: column;\n            }\n            mj-entity-viewer {\n                display: flex;\n                flex-direction: column;\n                flex: 1 1 auto;\n                height: 100%;\n                width: 100%;\n            }\n            .mjo-ar__empty { padding: var(--mj-space-12); }\n\n            /* These four hooks were in the markup with no rule anywhere, so the\n               two lower cards stacked full-width instead of pairing, and each\n               order/amount pair ran together as one line of text. */\n            .mjo-ar__grid {\n                display: grid;\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                gap: var(--mj-space-4);\n                margin-top: var(--mj-space-4);\n            }\n            .mjo-ar__row {\n                display: flex;\n                align-items: baseline;\n                justify-content: space-between;\n                gap: var(--mj-space-3);\n                padding: var(--mj-space-2) 0;\n                border-bottom: 1px solid var(--mj-border-subtle);\n            }\n            .mjo-ar__row:last-child { border-bottom: none; }\n            .mjo-ar__block { margin-top: var(--mj-space-4); }\n            .mjo-ar__total { display: block; }\n\n            @media (max-width: 900px) {\n                .mjo-ar__grid { grid-template-columns: 1fr; }\n            }\n\n            @media (max-width: 1100px) {\n                .mjo-ar__split { flex-direction: column; }\n                .mjo-ar__left, .mjo-ar__right { flex: 1 1 auto; width: 100%; }\n            }\n            @media (max-width: 760px) {\n                :host { padding: var(--mj-space-4); }\n            }\n        "] }]
+    }], null, { OrderOpened: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJOCustomerARPageComponent, { className: "MJOCustomerARPageComponent", filePath: "lib/pages/receivables/customer-ar.page.ts", lineNumber: 375 }); })();
+//# sourceMappingURL=customer-ar.page.js.map