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

package/dist/lib/pages/payments/payments-dashboard.page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"payments-dashboard.page.d.ts","sourceRoot":"","sources":["../../../../src/lib/pages/payments/payments-dashboard.page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,YAAY,EAAE,MAAM,EAAkB,MAAM,eAAe,CAAC;AAEnG,OAAO,EAA6C,KAAK,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7G,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAItF,OAAO,EAAsB,KAAK,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAC9F,OAAO,EAAY,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAuB,KAAK,kCAAkC,EAAE,MAAM,8BAA8B,CAAC;;AAG5G;;;;;;;;;;;;;GAaG;AACH,qBA6La,iCAAkC,YAAW,MAAM;IAC5D,OAAO,CAAC,QAAQ,CAAC,GAAG,CAA6B;IAEvC,aAAa,mDAA0D;IAE1E,iBAAiB,EAAE,UAAU,GAAG,IAAI,CAAQ;IACnD,OAAO,CAAC,QAAQ,CAA4C;IAE/C,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAQ/B,cAAc,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI;IAQrD,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,KAAK,OAAO,GAElB;IAED,IAAW,aAAa,IAAI,MAAM,CAEjC;IAED,IAAW,cAAc,IAAI,MAAM,CAElC;IAED,IAAW,YAAY,IAAI,MAAM,CAEhC;IAED,IAAW,aAAa,IAAI,MAAM,CAIjC;IAED,IAAW,QAAQ,IAAI,MAAM,CAE5B;IAED,kFAAkF;IAClF;;;;;;OAMG;IACH,IAAW,UAAU,IAAI,SAAS,EAAE,CAoBnC;IAED,oBAAoB;IACpB,IAAW,cAAc,IAAI,kCAAkC,EAAE,CAIhE;IAED,2CAA2C;IACpC,OAAO,CAAC,OAAO,EAAE,kCAAkC,GAAG,MAAM;IAInE;;;;;;OAMG;IACH,IAAW,aAAa,IAAI,MAAM,CAMjC;IAED,IAAW,SAAS,IAAI,SAAS,EAAE,CASlC;yCAxHQ,iCAAiC;2CAAjC,iCAAiC;CAyH7C"}

package/dist/lib/pages/payments/payments-dashboard.page.js

@@ -0,0 +1,359 @@
+import { ChangeDetectorRef, Component, EventEmitter, Output, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MJOStatTileComponent, MJOBarListComponent } from '../../panels/stat-tile.component.js';
+import { MJODayBarsComponent } from '../../panels/day-bars.component.js';
+import { FormatMoney } from '../../panels/money-format.js';
+import { MJAlertComponent } from '@memberjunction/ng-ui-components';
+import { EntityViewerModule } from '@memberjunction/ng-entity-viewer';
+import { Metadata } from '@memberjunction/core';
+import { GetPayments } from '../../data/orders-queries.js';
+import { LocalDay, ToISODate } from '@mj-biz-apps/orders-entities';
+import { MJO_ENTITIES } from '../../data/entity-names.js';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-entity-viewer";
+function MJOPaymentsDashboardPageComponent_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-entity-viewer", 26);
+    i0.ɵɵlistener("RecordOpened", function MJOPaymentsDashboardPageComponent_Conditional_44_Template_mj_entity_viewer_RecordOpened_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnRecordOpened($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Entity", ctx_r1.PaymentEntityInfo);
+} }
+function MJOPaymentsDashboardPageComponent_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 21);
+    i0.ɵɵtext(1, "Loading payments...");
+    i0.ɵɵelementEnd();
+} }
+/**
+ * `mjo-payments-dashboard-page` — what came in, and does it tie?
+ *
+ * The accounting team's first two questions, in that order. The reconciliation
+ * tile is not decoration: unallocated cash is structurally always zero here,
+ * because a payment cannot capture unless its allocations sum to its amount. That
+ * guarantee is worth stating on the screen rather than leaving people to trust it.
+ *
+ * ## Example
+ *
+ * ```html
+ * <mjo-payments-dashboard-page />
+ * ```
+ */
+export class MJOPaymentsDashboardPageComponent {
+    cdr = inject(ChangeDetectorRef);
+    PaymentOpened = new EventEmitter();
+    PaymentEntityInfo = null;
+    payments = [];
+    async ngOnInit() {
+        const md = new Metadata();
+        this.PaymentEntityInfo = md.Entities.find((e) => e.Name === MJO_ENTITIES.PaymentHeader) || null;
+        this.cdr.detectChanges();
+        this.payments = await GetPayments({ Preset: 'all' });
+        this.cdr.detectChanges();
+    }
+    OnRecordOpened(event) {
+        const id = (event.compositeKey?.GetValueByFieldName('ID') ?? event.record?.['ID']);
+        if (id) {
+            const surrogate = { ID: id };
+            this.PaymentOpened.emit(surrogate);
+        }
+    }
+    get captured() {
+        return this.payments.filter((p) => p.Status === 'Captured');
+    }
+    get pending() {
+        return this.payments.filter((p) => p.Status === 'Pending');
+    }
+    get CapturedTotal() {
+        return FormatMoney(this.captured.reduce((s, p) => s + (p.Amount ?? 0), 0), { Round: true });
+    }
+    get CapturedDetail() {
+        return `${this.captured.length} payment${this.captured.length === 1 ? '' : 's'}`;
+    }
+    get PendingTotal() {
+        return FormatMoney(this.pending.reduce((s, p) => s + (p.Amount ?? 0), 0), { Round: true, Zero: '—' });
+    }
+    get PendingDetail() {
+        return this.pending.length
+            ? `${this.pending.length} awaiting capture — allocations still editable`
+            : 'Nothing waiting';
+    }
+    get FeeTotal() {
+        return FormatMoney(this.captured.reduce((s, p) => s + (p.ProcessingFeeAmount ?? 0), 0));
+    }
+    /** Cash by tender, largest first — the eye wants the dominant one immediately. */
+    /**
+     * The last seven days by AMOUNT, not count.
+     *
+     * One large wire and thirty small cards are the same number of payments and
+     * nothing like the same day, so a count would be the wrong shape of answer
+     * for a panel about cash.
+     */
+    get CashPerDay() {
+        const days = [];
+        const today = new Date();
+        for (let back = 6; back >= 0; back--) {
+            const day = new Date(today);
+            day.setDate(day.getDate() - back);
+            // LOCAL day for the key, matching the LOCAL day the label is built from — see the same
+            // note on the orders dashboard.
+            const iso = LocalDay(day);
+            days.push({
+                Label: day.toLocaleDateString('en-US', { weekday: 'short' }),
+                Value: Math.round(this.payments
+                    .filter((p) => ToISODate(p.PaymentDate) === iso)
+                    .reduce((sum, p) => sum + Number(p.Amount ?? 0), 0)),
+                Current: back === 0,
+            });
+        }
+        return days;
+    }
+    /** Newest first. */
+    get LatestPayments() {
+        return [...this.payments]
+            .sort((a, b) => String(b.PaymentDate ?? '').localeCompare(String(a.PaymentDate ?? '')))
+            .slice(0, 7);
+    }
+    /** Who paid, however they are recorded. */
+    payerOf(payment) {
+        return (payment.BillToOrganization ?? payment.BillToPerson ?? '—');
+    }
+    /**
+     * Fees as a share of what was actually captured.
+     *
+     * Computed rather than quoted. A hardcoded 2.9% describes a card schedule,
+     * not this company's mix, and a business taking mostly ACH would read a card
+     * rate as its own cost.
+     */
+    get EffectiveRate() {
+        const captured = this.payments.filter((p) => p.Status === 'Captured');
+        const gross = captured.reduce((sum, p) => sum + Number(p.Amount ?? 0), 0);
+        const fees = captured.reduce((sum, p) => sum + Number(p.ProcessingFeeAmount ?? 0), 0);
+        if (!gross)
+            return '—';
+        return `${((fees / gross) * 100).toFixed(2)}%`;
+    }
+    get TenderMix() {
+        const totals = new Map();
+        for (const payment of this.captured) {
+            const key = payment.PaymentType ?? 'Other';
+            totals.set(key, (totals.get(key) ?? 0) + (payment.Amount ?? 0));
+        }
+        return [...totals.entries()]
+            .sort((a, b) => b[1] - a[1])
+            .map(([Label, Value]) => ({ Label, Value, Display: FormatMoney(Value, { Round: true }) }));
+    }
+    static ɵfac = function MJOPaymentsDashboardPageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJOPaymentsDashboardPageComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJOPaymentsDashboardPageComponent, selectors: [["mjo-payments-dashboard-page"]], outputs: { PaymentOpened: "PaymentOpened" }, decls: 64, vars: 10, consts: [[1, "mj-stat-grid"], ["Label", "Cash received", "Icon", "fa-solid fa-hand-holding-dollar", 3, "Value", "Detail"], ["Label", "Unallocated", "Icon", "fa-solid fa-equals", "Value", "$0.00", "Detail", "Always \u2014 a payment cannot capture unless it balances"], ["Label", "Awaiting capture", "Icon", "fa-solid fa-clock", 3, "Value", "Detail"], ["Label", "Processor fees", "Icon", "fa-solid fa-receipt", "Detail", "Our cost, never netted against a customer's balance", 3, "Value"], [1, "mjo-pd__split", "mjo-pd__split--three"], [1, "mj-card"], [1, "mj-card-head"], ["aria-hidden", "true", 1, "fa-solid", "fa-credit-card"], [1, "mj-card-pad"], ["Unit", "received", 3, "Bars"], [1, "small", "muted", "mjo-pd__note"], ["EmptyText", "No payments yet.", 3, "Rows"], ["aria-hidden", "true", 1, "fa-solid", "fa-shield-halved"], ["Variant", "success", "Icon", "fa-solid fa-circle-check"], ["Variant", "info", "Icon", "fa-solid fa-circle-info", 1, "mjo-pd__note"], [1, "mjo-pd__split"], [1, "mj-card", "mjo-pd__viewer-card"], ["aria-hidden", "true", 1, "fa-solid", "fa-clock-rotate-left"], [1, "mjo-pd__viewer-host"], [3, "Entity"], [1, "small", "muted", 2, "padding", "24px"], ["aria-hidden", "true", 1, "fa-solid", "fa-receipt"], [1, "mjo-pd__row"], [1, "small", "muted"], [1, "mj-num"], [3, "RecordOpened", "Entity"]], template: function MJOPaymentsDashboardPageComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵelement(1, "mjo-stat-tile", 1)(2, "mjo-stat-tile", 2)(3, "mjo-stat-tile", 3)(4, "mjo-stat-tile", 4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "div", 5)(6, "div", 6)(7, "div", 7);
+            i0.ɵɵelement(8, "i", 8);
+            i0.ɵɵelementStart(9, "h3");
+            i0.ɵɵtext(10, "Cash received per day");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(11, "div", 9);
+            i0.ɵɵelement(12, "mjo-day-bars", 10);
+            i0.ɵɵelementStart(13, "div", 11);
+            i0.ɵɵtext(14, "Amounts received, not payment counts.");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(15, "div", 6)(16, "div", 7);
+            i0.ɵɵelement(17, "i", 8);
+            i0.ɵɵelementStart(18, "h3");
+            i0.ɵɵtext(19, "How they paid");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(20, "div", 9);
+            i0.ɵɵelement(21, "mjo-bar-list", 12);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(22, "div", 6)(23, "div", 7);
+            i0.ɵɵelement(24, "i", 13);
+            i0.ɵɵelementStart(25, "h3");
+            i0.ɵɵtext(26, "Reconciliation");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(27, "div", 9)(28, "mj-alert", 14)(29, "strong");
+            i0.ɵɵtext(30, "Every captured payment balances.");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(31, " The amount-equals-allocations rule is enforced at the capture transition, so an unbalanced payment cannot exist to be found later. ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(32, "mj-alert", 15);
+            i0.ɵɵtext(33, " A refund is a ");
+            i0.ɵɵelementStart(34, "b");
+            i0.ɵɵtext(35, "new payment");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(36, ", never an edit of the capture \u2014 so chargebacks and reversals show in the refunds list rather than as a mutated original. ");
+            i0.ɵɵelementEnd()()()();
+            i0.ɵɵelementStart(37, "div", 16)(38, "div", 17)(39, "div", 7);
+            i0.ɵɵelement(40, "i", 18);
+            i0.ɵɵelementStart(41, "h3");
+            i0.ɵɵtext(42, "Payments List");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(43, "div", 19);
+            i0.ɵɵconditionalCreate(44, MJOPaymentsDashboardPageComponent_Conditional_44_Template, 1, 1, "mj-entity-viewer", 20)(45, MJOPaymentsDashboardPageComponent_Conditional_45_Template, 2, 0, "div", 21);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(46, "div", 6)(47, "div", 7);
+            i0.ɵɵelement(48, "i", 22);
+            i0.ɵɵelementStart(49, "h3");
+            i0.ɵɵtext(50, "Cost of taking money");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(51, "div", 9)(52, "div", 23)(53, "span", 24);
+            i0.ɵɵtext(54, "Processor fees, captured payments");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(55, "b", 25);
+            i0.ɵɵtext(56);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(57, "div", 23)(58, "span", 24);
+            i0.ɵɵtext(59, "Effective rate on what we took");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(60, "b", 25);
+            i0.ɵɵtext(61);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(62, "div", 11);
+            i0.ɵɵtext(63, " Booked as OUR expense against gross A/R, never netted into the customer's balance \u2014 netting would leave a residue no payment could ever clear. ");
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Value", ctx.CapturedTotal)("Detail", ctx.CapturedDetail);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Value", ctx.PendingTotal)("Detail", ctx.PendingDetail);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Value", ctx.FeeTotal);
+            i0.ɵɵadvance(8);
+            i0.ɵɵproperty("Bars", ctx.CashPerDay);
+            i0.ɵɵadvance(9);
+            i0.ɵɵproperty("Rows", ctx.TenderMix);
+            i0.ɵɵadvance(23);
+            i0.ɵɵconditional(ctx.PaymentEntityInfo ? 44 : 45);
+            i0.ɵɵadvance(12);
+            i0.ɵɵtextInterpolate(ctx.FeeTotal);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.EffectiveRate);
+        } }, dependencies: [CommonModule,
+            MJOStatTileComponent,
+            MJOBarListComponent,
+            MJODayBarsComponent,
+            MJAlertComponent,
+            EntityViewerModule, i1.EntityViewerComponent], styles: ["\n\n\n\n\n\n            .mjo-pd__split[_ngcontent-%COMP%] {\n                display: grid;\n                grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);\n                gap: var(--mj-space-4);\n                margin-top: var(--mj-space-4);\n            }\n            .mjo-pd__viewer-card[_ngcontent-%COMP%] {\n                background: var(--mj-bg-surface);\n                border: 1px solid var(--mj-border-default);\n                border-radius: var(--mj-radius-md);\n                overflow: hidden;\n                display: flex;\n                flex-direction: column;\n                height: 560px;\n                min-height: 480px;\n            }\n            .mjo-pd__viewer-host[_ngcontent-%COMP%] {\n                flex: 1 1 auto;\n                height: 100%;\n                min-height: 400px;\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-pd__row[_ngcontent-%COMP%] {\n                display: flex;\n                justify-content: space-between;\n                align-items: baseline;\n                gap: var(--mj-space-3);\n                padding: 3px 0;\n            }\n            .mjo-pd__note[_ngcontent-%COMP%] { margin-top: var(--mj-space-3); }\n            @media (max-width: 1000px) {\n                .mjo-pd__split[_ngcontent-%COMP%] { grid-template-columns: 1fr; }\n            }\n\n            [_nghost-%COMP%] {\n                display: block;\n                height: 100%;\n                overflow: auto;\n                padding: var(--mj-space-6);\n                box-sizing: border-box;\n            }\n            .mjo-pd__split--three[_ngcontent-%COMP%] {\n                grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n                margin-top: var(--mj-space-6);\n            }\n            .mjo-pd__note[_ngcontent-%COMP%] { margin-top: var(--mj-space-3); }\n            @media (max-width: 1000px) {\n                .mjo-pd__split[_ngcontent-%COMP%] { grid-template-columns: 1fr; }\n            }\n            @media (max-width: 760px) {\n                [_nghost-%COMP%] { padding: var(--mj-space-4); }\n            }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJOPaymentsDashboardPageComponent, [{
+        type: Component,
+        args: [{ selector: 'mjo-payments-dashboard-page', standalone: true, imports: [
+                    CommonModule,
+                    MJOStatTileComponent,
+                    MJOBarListComponent,
+                    MJODayBarsComponent,
+                    MJAlertComponent,
+                    EntityViewerModule
+                ], template: `
+        <div class="mj-stat-grid">
+            <mjo-stat-tile
+                Label="Cash received"
+                Icon="fa-solid fa-hand-holding-dollar"
+                [Value]="CapturedTotal"
+                [Detail]="CapturedDetail" />
+
+            <mjo-stat-tile
+                Label="Unallocated"
+                Icon="fa-solid fa-equals"
+                Value="$0.00"
+                Detail="Always — a payment cannot capture unless it balances" />
+
+            <mjo-stat-tile
+                Label="Awaiting capture"
+                Icon="fa-solid fa-clock"
+                [Value]="PendingTotal"
+                [Detail]="PendingDetail" />
+
+            <mjo-stat-tile
+                Label="Processor fees"
+                Icon="fa-solid fa-receipt"
+                [Value]="FeeTotal"
+                Detail="Our cost, never netted against a customer's balance" />
+        </div>
+
+        <div class="mjo-pd__split mjo-pd__split--three">
+            <div class="mj-card">
+                <div class="mj-card-head">
+                    <i class="fa-solid fa-credit-card" aria-hidden="true"></i>
+                    <h3>Cash received per day</h3>
+                </div>
+                <div class="mj-card-pad">
+                    <mjo-day-bars [Bars]="CashPerDay" Unit="received" />
+                    <div class="small muted mjo-pd__note">Amounts received, not payment counts.</div>
+                </div>
+            </div>
+
+            <div class="mj-card">
+                <div class="mj-card-head">
+                    <i class="fa-solid fa-credit-card" aria-hidden="true"></i>
+                    <h3>How they paid</h3>
+                </div>
+                <div class="mj-card-pad">
+                    <mjo-bar-list [Rows]="TenderMix" EmptyText="No payments yet." />
+                </div>
+            </div>
+
+            <div class="mj-card">
+                <div class="mj-card-head">
+                    <i class="fa-solid fa-shield-halved" aria-hidden="true"></i>
+                    <h3>Reconciliation</h3>
+                </div>
+                <div class="mj-card-pad">
+                    <mj-alert Variant="success" Icon="fa-solid fa-circle-check">
+                            <strong>Every captured payment balances.</strong>
+                            The amount-equals-allocations rule is enforced at the capture transition, so an
+                            unbalanced payment cannot exist to be found later.
+                    </mj-alert>
+                    <mj-alert Variant="info" Icon="fa-solid fa-circle-info" class="mjo-pd__note">
+                            A refund is a <b>new payment</b>, never an edit of the capture — so chargebacks and
+                            reversals show in the refunds list rather than as a mutated original.
+                    </mj-alert>
+                </div>
+            </div>
+        </div>
+
+        <div class="mjo-pd__split">
+            <div class="mj-card mjo-pd__viewer-card">
+                <div class="mj-card-head">
+                    <i class="fa-solid fa-clock-rotate-left" aria-hidden="true"></i>
+                    <h3>Payments List</h3>
+                </div>
+                <div class="mjo-pd__viewer-host">
+                    @if (PaymentEntityInfo) {
+                        <mj-entity-viewer
+                            [Entity]="PaymentEntityInfo"
+                            (RecordOpened)="OnRecordOpened($event)">
+                        </mj-entity-viewer>
+                    } @else {
+                        <div class="small muted" style="padding: 24px;">Loading payments...</div>
+                    }
+                </div>
+            </div>
+
+            <div class="mj-card">
+                <div class="mj-card-head">
+                    <i class="fa-solid fa-receipt" aria-hidden="true"></i>
+                    <h3>Cost of taking money</h3>
+                </div>
+                <div class="mj-card-pad">
+                    <div class="mjo-pd__row">
+                        <span class="small muted">Processor fees, captured payments</span>
+                        <b class="mj-num">{{ FeeTotal }}</b>
+                    </div>
+                    <div class="mjo-pd__row">
+                        <span class="small muted">Effective rate on what we took</span>
+                        <b class="mj-num">{{ EffectiveRate }}</b>
+                    </div>
+                    <div class="small muted mjo-pd__note">
+                        Booked as OUR expense against gross A/R, never netted into the customer's
+                        balance — netting would leave a residue no payment could ever clear.
+                    </div>
+                </div>
+            </div>
+        </div>
+    `, styles: ["\n            /* NOTE: .mjo-pd__split was declared TWICE in this block with different column\n               templates, so the later one silently won and BOTH rows rendered as two equal\n               columns. The top row has three cards, so the third landed alone and left an empty\n               half-width slot beside it \u2014 a hole that read as a card that had failed to load.\n               Two layouts need two names. */\n            .mjo-pd__split {\n                display: grid;\n                grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);\n                gap: var(--mj-space-4);\n                margin-top: var(--mj-space-4);\n            }\n            .mjo-pd__viewer-card {\n                background: var(--mj-bg-surface);\n                border: 1px solid var(--mj-border-default);\n                border-radius: var(--mj-radius-md);\n                overflow: hidden;\n                display: flex;\n                flex-direction: column;\n                height: 560px;\n                min-height: 480px;\n            }\n            .mjo-pd__viewer-host {\n                flex: 1 1 auto;\n                height: 100%;\n                min-height: 400px;\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-pd__row {\n                display: flex;\n                justify-content: space-between;\n                align-items: baseline;\n                gap: var(--mj-space-3);\n                padding: 3px 0;\n            }\n            .mjo-pd__note { margin-top: var(--mj-space-3); }\n            @media (max-width: 1000px) {\n                .mjo-pd__split { grid-template-columns: 1fr; }\n            }\n\n            :host {\n                display: block;\n                height: 100%;\n                overflow: auto;\n                padding: var(--mj-space-6);\n                box-sizing: border-box;\n            }\n            .mjo-pd__split--three {\n                grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n                margin-top: var(--mj-space-6);\n            }\n            .mjo-pd__note { margin-top: var(--mj-space-3); }\n            @media (max-width: 1000px) {\n                .mjo-pd__split { grid-template-columns: 1fr; }\n            }\n            @media (max-width: 760px) {\n                :host { padding: var(--mj-space-4); }\n            }\n        "] }]
+    }], null, { PaymentOpened: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJOPaymentsDashboardPageComponent, { className: "MJOPaymentsDashboardPageComponent", filePath: "lib/pages/payments/payments-dashboard.page.ts", lineNumber: 217 }); })();
+//# sourceMappingURL=payments-dashboard.page.js.map

package/dist/lib/pages/payments/payments-dashboard.page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"payments-dashboard.page.js","sourceRoot":"","sources":["../../../../src/lib/pages/payments/payments-dashboard.page.ts"],"names":[],"mappings":"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"}

package/dist/lib/pages/payments/payments-list.page.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { type RecordOpenedEvent } from '@memberjunction/ng-entity-viewer';
+import { type EntityInfo } from '@memberjunction/core';
+import { type mjBizAppsOrdersPaymentHeaderEntity } from '@mj-biz-apps/orders-entities';
+import * as i0 from "@angular/core";
+/**
+ * `mjo-payments-list-page` — All Payments view powered by MemberJunction's native `<mj-entity-viewer>`.
+ */
+export declare class MJOPaymentsListPageComponent implements OnInit {
+    private readonly cdr;
+    PaymentOpened: EventEmitter<mjBizAppsOrdersPaymentHeaderEntity>;
+    PaymentEntityInfo: EntityInfo | null;
+    ngOnInit(): void;
+    OnRecordOpened(event: RecordOpenedEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJOPaymentsListPageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJOPaymentsListPageComponent, "mjo-payments-list-page", never, {}, { "PaymentOpened": "PaymentOpened"; }, never, never, true, never>;
+}
+//# sourceMappingURL=payments-list.page.d.ts.map

package/dist/lib/pages/payments/payments-list.page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"payments-list.page.d.ts","sourceRoot":"","sources":["../../../../src/lib/pages/payments/payments-list.page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,YAAY,EAAE,MAAM,EAAkB,MAAM,eAAe,CAAC;AAEnG,OAAO,EAAsB,KAAK,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAC9F,OAAO,EAAY,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,KAAK,kCAAkC,EAAE,MAAM,8BAA8B,CAAC;;AAGvF;;GAEG;AACH,qBA6Da,4BAA6B,YAAW,MAAM;IACvD,OAAO,CAAC,QAAQ,CAAC,GAAG,CAA6B;IAEvC,aAAa,mDAA0D;IAE1E,iBAAiB,EAAE,UAAU,GAAG,IAAI,CAAQ;IAE5C,QAAQ,IAAI,IAAI;IAMhB,cAAc,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI;yCAb5C,4BAA4B;2CAA5B,4BAA4B;CAoBxC"}

package/dist/lib/pages/payments/payments-list.page.js

@@ -0,0 +1,71 @@
+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 { MJO_ENTITIES } from '../../data/entity-names.js';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-entity-viewer";
+function MJOPaymentsListPageComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-entity-viewer", 4);
+    i0.ɵɵlistener("RecordOpened", function MJOPaymentsListPageComponent_Conditional_2_Template_mj_entity_viewer_RecordOpened_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnRecordOpened($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Entity", ctx_r1.PaymentEntityInfo);
+} }
+function MJOPaymentsListPageComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵtext(1, "Loading payment metadata...");
+    i0.ɵɵelementEnd();
+} }
+/**
+ * `mjo-payments-list-page` — All Payments view powered by MemberJunction's native `<mj-entity-viewer>`.
+ */
+export class MJOPaymentsListPageComponent {
+    cdr = inject(ChangeDetectorRef);
+    PaymentOpened = new EventEmitter();
+    PaymentEntityInfo = null;
+    ngOnInit() {
+        const md = new Metadata();
+        this.PaymentEntityInfo = md.Entities.find((e) => e.Name === MJO_ENTITIES.PaymentHeader) || null;
+        this.cdr.detectChanges();
+    }
+    OnRecordOpened(event) {
+        const id = (event.compositeKey?.GetValueByFieldName('ID') ?? event.record?.['ID']);
+        if (id) {
+            const surrogate = { ID: id };
+            this.PaymentOpened.emit(surrogate);
+        }
+    }
+    static ɵfac = function MJOPaymentsListPageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJOPaymentsListPageComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJOPaymentsListPageComponent, selectors: [["mjo-payments-list-page"]], outputs: { PaymentOpened: "PaymentOpened" }, decls: 4, vars: 1, consts: [[1, "mjo-list-page-container"], [1, "mjo-viewer-wrapper"], [3, "Entity"], [1, "small", "muted", 2, "padding", "24px"], [3, "RecordOpened", "Entity"]], template: function MJOPaymentsListPageComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵconditionalCreate(2, MJOPaymentsListPageComponent_Conditional_2_Template, 1, 1, "mj-entity-viewer", 2)(3, MJOPaymentsListPageComponent_Conditional_3_Template, 2, 0, "div", 3);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.PaymentEntityInfo ? 2 : 3);
+        } }, dependencies: [CommonModule, EntityViewerModule, i1.EntityViewerComponent], styles: ["[_nghost-%COMP%] {\n                display: flex;\n                flex-direction: column;\n                height: 100%;\n                width: 100%;\n                min-height: 0;\n                overflow: hidden;\n            }\n            .mjo-list-page-container[_ngcontent-%COMP%] {\n                height: 100%;\n                width: 100%;\n                min-height: 0;\n                display: flex;\n                flex-direction: column;\n                padding: var(--mj-space-6);\n                box-sizing: border-box;\n            }\n            .mjo-viewer-wrapper[_ngcontent-%COMP%] {\n                flex: 1 1 auto;\n                height: 100%;\n                min-height: 500px;\n                background: var(--mj-bg-surface);\n                border: 1px solid var(--mj-border-default);\n                border-radius: var(--mj-radius-md);\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            @media (max-width: 760px) {\n                .mjo-list-page-container[_ngcontent-%COMP%] { padding: var(--mj-space-4); }\n            }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJOPaymentsListPageComponent, [{
+        type: Component,
+        args: [{ selector: 'mjo-payments-list-page', standalone: true, imports: [CommonModule, EntityViewerModule], template: `
+        <div class="mjo-list-page-container">
+            <div class="mjo-viewer-wrapper">
+                @if (PaymentEntityInfo) {
+                    <mj-entity-viewer
+                        [Entity]="PaymentEntityInfo"
+                        (RecordOpened)="OnRecordOpened($event)">
+                    </mj-entity-viewer>
+                } @else {
+                    <div class="small muted" style="padding: 24px;">Loading payment metadata...</div>
+                }
+            </div>
+        </div>
+    `, styles: ["\n            :host {\n                display: flex;\n                flex-direction: column;\n                height: 100%;\n                width: 100%;\n                min-height: 0;\n                overflow: hidden;\n            }\n            .mjo-list-page-container {\n                height: 100%;\n                width: 100%;\n                min-height: 0;\n                display: flex;\n                flex-direction: column;\n                padding: var(--mj-space-6);\n                box-sizing: border-box;\n            }\n            .mjo-viewer-wrapper {\n                flex: 1 1 auto;\n                height: 100%;\n                min-height: 500px;\n                background: var(--mj-bg-surface);\n                border: 1px solid var(--mj-border-default);\n                border-radius: var(--mj-radius-md);\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            @media (max-width: 760px) {\n                .mjo-list-page-container { padding: var(--mj-space-4); }\n            }\n        "] }]
+    }], null, { PaymentOpened: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJOPaymentsListPageComponent, { className: "MJOPaymentsListPageComponent", filePath: "lib/pages/payments/payments-list.page.ts", lineNumber: 72 }); })();
+//# sourceMappingURL=payments-list.page.js.map

package/dist/lib/pages/payments/payments-list.page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"payments-list.page.js","sourceRoot":"","sources":["../../../../src/lib/pages/payments/payments-list.page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,YAAY,EAAU,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACnG,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAA0B,MAAM,kCAAkC,CAAC;AAC9F,OAAO,EAAE,QAAQ,EAAmB,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;;;;;IAanC,2CAE4C;IAAxC,8NAAgB,6BAAsB,KAAC;IAC3C,iBAAmB;;;IAFf,iDAA4B;;;IAIhC,8BAAgD;IAAA,2CAA2B;IAAA,iBAAM;;AAhBrG;;GAEG;AA8DH,MAAM,OAAO,4BAA4B;IACpB,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAEvC,aAAa,GAAG,IAAI,YAAY,EAAsC,CAAC;IAE1E,iBAAiB,GAAsB,IAAI,CAAC;IAE5C,QAAQ;QACX,MAAM,EAAE,GAAG,IAAI,QAAQ,EAAE,CAAC;QAC1B,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC;QAChG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAEM,cAAc,CAAC,KAAwB;QAC1C,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,YAAY,EAAE,mBAAmB,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAuB,CAAC;QACzG,IAAI,EAAE,EAAE,CAAC;YACL,MAAM,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE,EAAwC,CAAC;YACnE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACvC,CAAC;IACL,CAAC;sHAnBQ,4BAA4B;6DAA5B,4BAA4B;YAvD7B,AADJ,8BAAqC,aACD;YAM1B,AALF,2GAAyB,wEAKhB;YAIjB,AADI,iBAAM,EACJ;;YATE,eAOC;YAPD,+CAOC;4BAXH,YAAY,EAAE,kBAAkB;;iFA0DjC,4BAA4B;cA7DxC,SAAS;2BACI,wBAAwB,cACtB,IAAI,WACP,CAAC,YAAY,EAAE,kBAAkB,CAAC,YACjC;;;;;;;;;;;;;KAaT;;kBA+CA,MAAM;;kFAHE,4BAA4B"}

package/dist/lib/pages/payments/refund.page.d.ts

@@ -0,0 +1,74 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+/** One order the original payment settled, and what a refund does to it. */
+interface MJOUnapplication {
+    OrderNumber: string;
+    OriginalAmount: number;
+    Share: number;
+    UnappliedAmount: number;
+    BalanceAfter: number;
+}
+/**
+ * `mjo-refund-page` — give money back.
+ *
+ * A REFUND IS A NEW PAYMENT, NEVER AN EDIT. The original capture happened, it has
+ * a journal entry, and rewriting it would destroy the audit trail of money that
+ * actually moved. So the reversal carries its own instrument snapshot and its own
+ * negative allocation lines.
+ *
+ * IT UN-APPLIES PROPORTIONALLY. A payment split across three orders refunds across
+ * the same three, in the same ratio — choosing which order to claw back from would
+ * be re-making a decision the original payment already made, and making it
+ * differently.
+ *
+ * THE PROCESSING FEE IS NOT REVERSED. The processor kept its cut; reversing it
+ * would claim money back from them that never returns.
+ *
+ * ## Example
+ *
+ * ```html
+ * <mjo-refund-page [PaymentID]="id" (Refunded)="close()" />
+ * ```
+ */
+export declare class MJORefundPageComponent implements OnInit {
+    /**
+     * Render what was just loaded. See orders-dashboard.page.ts for the full
+     * reasoning: these pages are created imperatively by the section shell, and an
+     * async assignment across Angular's check/verify boundary raises NG0100, aborts
+     * the DOM write, and freezes the view on its pre-load values permanently.
+     */
+    private readonly cdr;
+    /** The captured payment being reversed. */
+    PaymentID: string | null;
+    PaymentNumber: string | null;
+    OriginalAmount: number;
+    Fee: number;
+    AlreadyRefunded: number;
+    /** How the original was applied — drives the proportional un-application. */
+    OriginalAllocations: Array<{
+        OrderNumber: string;
+        Amount: number;
+        Balance: number;
+    }>;
+    /** A refund was issued. */
+    Refunded: EventEmitter<string>;
+    Amount: number;
+    Reason: string;
+    Busy: boolean;
+    Error: string | null;
+    ngOnInit(): void;
+    get Refundable(): number;
+    get CanRefund(): boolean;
+    /**
+     * The proportional split, computed for DISPLAY only. The server does this
+     * again authoritatively — showing it here is about letting someone see the
+     * consequence before committing, not about deciding it.
+     */
+    get Unapplications(): MJOUnapplication[];
+    SetAmount(raw: string): void;
+    Refund(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJORefundPageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJORefundPageComponent, "mjo-refund-page", never, { "PaymentID": { "alias": "PaymentID"; "required": false; }; "PaymentNumber": { "alias": "PaymentNumber"; "required": false; }; "OriginalAmount": { "alias": "OriginalAmount"; "required": false; }; "Fee": { "alias": "Fee"; "required": false; }; "AlreadyRefunded": { "alias": "AlreadyRefunded"; "required": false; }; "OriginalAllocations": { "alias": "OriginalAllocations"; "required": false; }; }, { "Refunded": "Refunded"; }, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=refund.page.d.ts.map

package/dist/lib/pages/payments/refund.page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"refund.page.d.ts","sourceRoot":"","sources":["../../../../src/lib/pages/payments/refund.page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,YAAY,EAAS,MAAM,EAAkB,MAAM,eAAe,CAAC;;AAQ1G,4EAA4E;AAC5E,UAAU,gBAAgB;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAuLa,sBAAuB,YAAW,MAAM;IAEjD;;;;;OAKG;IACH,OAAO,CAAC,QAAQ,CAAC,GAAG,CAA6B;IACjD,2CAA2C;IAClC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEhC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAQ;IACpC,cAAc,SAAK;IACnB,GAAG,SAAK;IACR,eAAe,SAAK;IAE7B,6EAA6E;IACpE,mBAAmB,EAAE,KAAK,CAAC;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAM;IAEnG,2BAA2B;IACjB,QAAQ,uBAA8B;IAEzC,MAAM,SAAK;IACX,MAAM,SAAM;IACZ,IAAI,UAAS;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE5B,QAAQ,IAAI,IAAI;IAKvB,IAAW,UAAU,IAAI,MAAM,CAE9B;IAED,IAAW,SAAS,IAAI,OAAO,CAE9B;IAED;;;;OAIG;IACH,IAAW,cAAc,IAAI,gBAAgB,EAAE,CAc9C;IAEM,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAQtB,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;yCAtE3B,sBAAsB;2CAAtB,sBAAsB;CA8FlC"}