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

package/dist/lib/pages/receivables/subscriptions.page.js

@@ -0,0 +1,632 @@
+import { ChangeDetectorRef, Component, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { EntityViewerModule } from '@memberjunction/ng-entity-viewer';
+import { MJOStatedValueComponent } from '../../panels/chips.component.js';
+import { MJOMoneyPipe, FormatDate, FormatMoney, DaysSince } from '../../panels/money-format.js';
+import { MJO_ENTITIES } from '../../data/entity-names.js';
+import { RunView, Metadata } from '@memberjunction/core';
+import { MJAlertComponent } from '@memberjunction/ng-ui-components';
+import { GetSubscriptionEvents, GetSubscriptionTerms } from '../../data/orders-queries.js';
+import { ToISODate, Today, } from '@mj-biz-apps/orders-entities';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-entity-viewer";
+const _forTrack0 = ($index, $item) => $item["ID"];
+const _forTrack1 = ($index, $item) => $item.Label;
+function MJOSubscriptionsPageComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-entity-viewer", 8);
+    i0.ɵɵlistener("RecordSelected", function MJOSubscriptionsPageComponent_Conditional_8_Template_mj_entity_viewer_RecordSelected_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnRecordSelected($event)); })("RecordOpened", function MJOSubscriptionsPageComponent_Conditional_8_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.SubscriptionEntityInfo);
+} }
+function MJOSubscriptionsPageComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵtext(1, "Loading subscriptions...");
+    i0.ɵɵelementEnd();
+} }
+function MJOSubscriptionsPageComponent_Conditional_10_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mj-alert", 21)(1, "strong");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3, " With auto-renew on, the system places a confirmed order at lead time \u2014 invoicing ahead of the period, which is how subscription billing works. ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("Renews in ", ctx_r1.DaysToRenewal, " days.");
+} }
+function MJOSubscriptionsPageComponent_Conditional_10_For_45_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 38);
+    i0.ɵɵtext(1, "prorated");
+    i0.ɵɵelementEnd();
+} }
+function MJOSubscriptionsPageComponent_Conditional_10_For_45_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 37);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td", 37);
+    i0.ɵɵtext(4);
+    i0.ɵɵconditionalCreate(5, MJOSubscriptionsPageComponent_Conditional_10_For_45_Conditional_5_Template, 2, 0, "span", 38);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "td", 27);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "td")(9, "span", 13);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const term_r3 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("is-current", ctx_r1.isCurrentTerm(term_r3));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(term_r3["TermNumber"]);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2(" ", ctx_r1.dateOf(term_r3["StartDate"]), " \u2192 ", ctx_r1.dateOf(term_r3["EndDate"]), " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(term_r3["IsProrated"] ? 5 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.moneyOf(term_r3["Amount"]));
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.termClass(term_r3));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.isCurrentTerm(term_r3) ? "current" : term_r3["Status"] ?? "\u2014", " ");
+} }
+function MJOSubscriptionsPageComponent_Conditional_10_ForEmpty_46_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 39);
+    i0.ɵɵtext(2, "No terms recorded.");
+    i0.ɵɵelementEnd()();
+} }
+function MJOSubscriptionsPageComponent_Conditional_10_For_56_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 31)(1, "span", 38);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 32);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const event_r4 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(event_r4["EventType"]);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.dateOf(event_r4["OccurredAt"]));
+} }
+function MJOSubscriptionsPageComponent_Conditional_10_ForEmpty_57_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵtext(1, " No events yet. A subscription that has only ever been sold has nothing to say here. ");
+    i0.ɵɵelementEnd();
+} }
+function MJOSubscriptionsPageComponent_Conditional_10_For_66_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 40)(1, "div", 41);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 42);
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "mjoMoney");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const period_r5 = ctx.$implicit;
+    i0.ɵɵclassProp("is-released", period_r5.Released);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(period_r5.Label);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 4, period_r5.Amount));
+} }
+function MJOSubscriptionsPageComponent_Conditional_10_ForEmpty_67_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵtext(1, "No recognition schedule for this subscription.");
+    i0.ɵɵelementEnd();
+} }
+function MJOSubscriptionsPageComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "aside", 7)(1, "div", 9)(2, "div", 10);
+    i0.ɵɵelement(3, "i", 11);
+    i0.ɵɵelementStart(4, "h3");
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "span", 12)(7, "span", 13);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(9, "div", 14)(10, "mjo-stated-value", 15);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "mjo-stated-value", 16);
+    i0.ɵɵtext(13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "mjo-stated-value", 17);
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "mjo-stated-value", 18);
+    i0.ɵɵtext(17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "mjo-stated-value", 19);
+    i0.ɵɵtext(19);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "p", 2);
+    i0.ɵɵelement(21, "i", 20);
+    i0.ɵɵtext(22, " Holder and beneficiary are separate on purpose, and it decides what counts as a duplicate \u2014 which is why ten seats for ten staff are ten subscriptions rather than ten collisions. ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(23, MJOSubscriptionsPageComponent_Conditional_10_Conditional_23_Template, 4, 1, "mj-alert", 21);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(24, "div", 22)(25, "div", 10);
+    i0.ɵɵelement(26, "i", 23);
+    i0.ɵɵelementStart(27, "h3");
+    i0.ɵɵtext(28, "Coverage terms");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(29, "span", 24);
+    i0.ɵɵtext(30);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(31, "div", 25)(32, "table", 26)(33, "thead")(34, "tr")(35, "th");
+    i0.ɵɵtext(36, "#");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(37, "th");
+    i0.ɵɵtext(38, "Covers");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(39, "th", 27);
+    i0.ɵɵtext(40, "Amount");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(41, "th");
+    i0.ɵɵtext(42, "Status");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(43, "tbody");
+    i0.ɵɵrepeaterCreate(44, MJOSubscriptionsPageComponent_Conditional_10_For_45_Template, 11, 10, "tr", 28, _forTrack0, false, MJOSubscriptionsPageComponent_Conditional_10_ForEmpty_46_Template, 3, 0, "tr");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(47, "div", 29);
+    i0.ɵɵtext(48, " A renewal APPENDS a term rather than moving a pointer, so \"current\" is the term whose window covers today \u2014 a fact that cannot go stale. It also keeps the difference visible between a customer buying more coverage and the system renewing them under standing authority. ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(49, "div", 22)(50, "div", 10);
+    i0.ɵɵelement(51, "i", 30);
+    i0.ɵɵelementStart(52, "h3");
+    i0.ɵɵtext(53, "History");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(54, "div", 14);
+    i0.ɵɵrepeaterCreate(55, MJOSubscriptionsPageComponent_Conditional_10_For_56_Template, 5, 2, "div", 31, _forTrack0, false, MJOSubscriptionsPageComponent_Conditional_10_ForEmpty_57_Template, 2, 0, "div", 32);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(58, "div", 22)(59, "div", 10);
+    i0.ɵɵelement(60, "i", 33);
+    i0.ɵɵelementStart(61, "h3");
+    i0.ɵɵtext(62, "Revenue recognition");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(63, "div", 14)(64, "div", 34);
+    i0.ɵɵrepeaterCreate(65, MJOSubscriptionsPageComponent_Conditional_10_For_66_Template, 6, 6, "div", 35, _forTrack1, false, MJOSubscriptionsPageComponent_Conditional_10_ForEmpty_67_Template, 2, 0, "div", 32);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(68, "div", 36);
+    i0.ɵɵtext(69, " These are ");
+    i0.ɵɵelementStart(70, "b");
+    i0.ɵɵtext(71, "real forward-dated entries written at booking");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(72, ", not a schedule a nightly job materialises. Batches only sweep them when the date filter explicitly reaches forward, so they sit harmlessly until their period arrives. A change nets against them; they are never edited. ");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.Selected.SubscriptionNumber);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.statusClass(ctx_r1.Selected));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.Selected.Status);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.Selected.Product ?? "\u2014");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.Selected.HolderOrganization ?? "\u2014", " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.Selected.BeneficiaryPerson ?? "\u2014", " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.CoveredThrough, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.Selected.AutoRenew ? "On" : "Off \u2014 it simply ends", " ");
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r1.RenewalDue ? 23 : -1);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate(ctx_r1.Terms.length);
+    i0.ɵɵadvance(14);
+    i0.ɵɵrepeater(ctx_r1.Terms);
+    i0.ɵɵadvance(11);
+    i0.ɵɵrepeater(ctx_r1.Events);
+    i0.ɵɵadvance(10);
+    i0.ɵɵrepeater(ctx_r1.Recognition);
+} }
+/**
+ * `mjo-subscriptions-page` — will it renew, and will it get paid?
+ *
+ * SUBSCRIPTIONS LIVE UNDER RECEIVABLES, not Orders, because that is the daily
+ * question about one. The purchase is an order; the ongoing relationship is a
+ * collections and retention concern.
+ *
+ * "CURRENT" IS NOT A FIELD — it is the term whose window covers today. Renewals
+ * and extensions APPEND a term rather than moving a pointer, so nothing goes
+ * stale, and the difference between a customer buying more coverage and the
+ * system renewing them under standing authority stays visible in the history
+ * instead of collapsing into one event.
+ *
+ * REVENUE RECOGNITION ENTRIES ARE REAL AND FORWARD-DATED, written at booking
+ * rather than materialised by a nightly job. The waterfall shows them as what
+ * they are: entries that already exist and sit harmlessly until their period
+ * arrives. A change nets against them; they are never edited.
+ *
+ * ## Example
+ *
+ * ```html
+ * <mjo-subscriptions-page />
+ * ```
+ */
+export class MJOSubscriptionsPageComponent {
+    cdr = inject(ChangeDetectorRef);
+    SubscriptionEntityInfo = null;
+    AllRows = [];
+    Rows = [];
+    SelectedID = null;
+    Preset = 'active';
+    async ngOnInit() {
+        const md = new Metadata();
+        this.SubscriptionEntityInfo = md.Entities.find((e) => e.Name === MJO_ENTITIES.Subscription) || null;
+        const rv = new RunView();
+        const result = await rv.RunView({
+            EntityName: MJO_ENTITIES.Subscription,
+            OrderBy: 'EndDate',
+            ResultType: 'simple',
+        }, md.CurrentUser);
+        this.AllRows = result.Success ? (result.Results ?? []) : [];
+        this.applyPreset();
+        if (this.Rows.length) {
+            this.SelectedID = this.Rows[0].ID;
+            await this.loadDetail(this.SelectedID);
+        }
+        this.cdr.detectChanges();
+    }
+    OnRecordSelected(event) {
+        const id = (event.compositeKey?.GetValueByFieldName('ID') ?? event.record?.['ID']);
+        if (id) {
+            this.SelectedID = id;
+            void this.loadDetail(id);
+        }
+    }
+    OnRecordOpened(event) {
+        const id = (event.compositeKey?.GetValueByFieldName('ID') ?? event.record?.['ID']);
+        if (id) {
+            this.SelectedID = id;
+            void this.loadDetail(id);
+        }
+    }
+    Terms = [];
+    Events = [];
+    async Select(row) {
+        this.SelectedID = row.ID;
+        await this.loadDetail(row.ID);
+        this.cdr.detectChanges();
+    }
+    /**
+     * Terms and history for one subscription.
+     *
+     * Fetched on selection, and both awaits settle before either is assigned —
+     * assigning between awaits is what puts the view into the NG0100 freeze.
+     */
+    async loadDetail(subscriptionID) {
+        const [terms, events] = await Promise.all([
+            GetSubscriptionTerms(subscriptionID),
+            GetSubscriptionEvents(subscriptionID),
+        ]);
+        this.Terms = terms;
+        this.Events = events;
+        this.cdr.detectChanges();
+    }
+    /**
+     * The term whose window covers today.
+     *
+     * Not a stored flag — renewals append terms, so "current" is a question about
+     * the calendar and answering it from the dates cannot go stale.
+     */
+    isCurrentTerm(term) {
+        const today = Today();
+        const from = ToISODate(term.StartDate);
+        const to = ToISODate(term.EndDate);
+        return (!from || from <= today) && (!to || to >= today);
+    }
+    termClass(term) {
+        if (this.isCurrentTerm(term))
+            return 'mj-chip--success';
+        return term['Status'] === 'Canceled' ? 'mj-chip--outline' : 'mj-chip--outline';
+    }
+    /**
+     * Dates and amounts arrive as `unknown` off a loosely-typed row.
+     *
+     * TERM WINDOWS SHOW THE YEAR. Consecutive terms differ only by it — a renewal
+     * of an annual subscription runs Jul 31 → Jul 30 exactly like the term before
+     * it — so the short format rendered two different years as the same window and
+     * made an appended renewal look like a duplicate.
+     */
+    dateOf(value) {
+        return value ? FormatDate(String(value)) : '—';
+    }
+    /**
+     * The furthest date any term reaches.
+     *
+     * The subscription's own EndDate can be null while its terms know exactly how
+     * far coverage runs — terms are where renewals are recorded, so they are the
+     * authority. Reading the header field alone showed "—" for a subscription
+     * covered for another year.
+     */
+    get CoveredThrough() {
+        const ends = this.Terms
+            .map((t) => ToISODate(t.EndDate))
+            .filter((d) => !!d)
+            .sort();
+        const furthest = ends[ends.length - 1] ?? this.Selected?.EndDate ?? null;
+        return furthest ? FormatDate(furthest) : '—';
+    }
+    moneyOf(value) {
+        return FormatMoney(Number(value ?? 0));
+    }
+    OnPreset(preset) {
+        this.Preset = preset;
+        this.applyPreset();
+    }
+    get Selected() {
+        return this.AllRows.find((r) => r.ID === this.SelectedID);
+    }
+    get DaysToRenewal() {
+        if (!this.Selected)
+            return 0;
+        return -DaysSince(this.Selected.EndDate, Today());
+    }
+    /** Within the lead window, and consented to. */
+    get RenewalDue() {
+        return !!this.Selected?.AutoRenew && this.DaysToRenewal > 0 && this.DaysToRenewal <= 45;
+    }
+    /**
+     * The recognition waterfall.
+     *
+     * Twelve monthly periods across the term. Released periods are the ones whose
+     * date has passed — the entry already existed, so "released" is a statement
+     * about the calendar rather than about anything the system did.
+     */
+    get Recognition() {
+        const subscription = this.Selected;
+        if (!subscription)
+            return [];
+        const amount = Number(subscription['AmountPerTerm'] ?? 0);
+        if (!amount)
+            return [];
+        const periods = 12;
+        const perPeriod = Math.round((amount / periods) * 100) / 100;
+        // Through the helper, not `new Date(String(date).slice(0, 10))` — on a `Date` that inner
+        // expression is 'Mon Aug 10', and `new Date('Mon Aug 10')` is Invalid Date, which makes
+        // every month label below read 'Invalid Date'.
+        const startISO = ToISODate(subscription.StartDate);
+        if (!startISO)
+            return [];
+        const start = new Date(`${startISO}T00:00:00`);
+        const today = new Date();
+        return Array.from({ length: periods }, (_, index) => {
+            const date = new Date(start.getFullYear(), start.getMonth() + index, 1);
+            return {
+                Label: date.toLocaleDateString('en-US', { month: 'short', year: '2-digit' }),
+                Amount: perPeriod,
+                Released: date <= today,
+            };
+        });
+    }
+    statusClass(row) {
+        switch (row.Status) {
+            case 'Active':
+                return 'mj-chip--success';
+            case 'Grace':
+                return 'mj-chip--warning';
+            case 'Cancelled':
+            case 'Expired':
+                return 'mj-chip--outline';
+            default:
+                return '';
+        }
+    }
+    date(value) {
+        return FormatDate(value);
+    }
+    applyPreset() {
+        const today = Today();
+        this.Rows = this.AllRows.filter((row) => {
+            switch (this.Preset) {
+                case 'active':
+                    return row.Status === 'Active';
+                case 'renewing': {
+                    const days = -DaysSince(row.EndDate, today);
+                    return row.AutoRenew && days > 0 && days <= 45;
+                }
+                case 'norenew':
+                    return !row.AutoRenew;
+                default:
+                    return true;
+            }
+        });
+    }
+    static ɵfac = function MJOSubscriptionsPageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJOSubscriptionsPageComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJOSubscriptionsPageComponent, selectors: [["mjo-subscriptions-page"]], decls: 11, vars: 2, consts: [[1, "mjo-sub__split"], [1, "mjo-sub__left"], [1, "mjo-note", "mjo-sub__note"], ["aria-hidden", "true", 1, "fa-solid", "fa-shield-halved"], [1, "mjo-sub__viewer-host"], [3, "Entity"], [1, "small", "muted", 2, "padding", "24px"], [1, "mjo-sub__right"], [3, "RecordSelected", "RecordOpened", "Entity"], [1, "mj-card"], [1, "mj-card-head"], ["aria-hidden", "true", 1, "fa-solid", "fa-rotate"], [1, "right"], [1, "mj-chip"], [1, "mj-card-pad"], ["Label", "Product"], ["Label", "Holder", "From", "who owns it"], ["Label", "Beneficiary", "From", "who it is for"], ["Label", "Covered through", "From", "the last term's end"], ["Label", "Auto-renew", "From", "the consent switch"], ["aria-hidden", "true", 1, "fa-solid", "fa-user-group"], ["Variant", "warning", "Icon", "fa-solid fa-hourglass-half", 1, "mjo-sub__note"], [1, "mj-card", "mjo-sub__recog"], ["aria-hidden", "true", 1, "fa-solid", "fa-timeline"], [1, "right", "small", "muted"], [1, "mj-table-wrap"], [1, "mj-table", "mj-table--compact"], [1, "num"], [3, "is-current"], [1, "mj-card-pad", "small", "muted"], ["aria-hidden", "true", 1, "fa-solid", "fa-clock-rotate-left"], [1, "mjo-sub__event"], [1, "small", "muted"], ["aria-hidden", "true", 1, "fa-solid", "fa-chart-line"], [1, "mjo-sub__waterfall"], [1, "mjo-sub__period", 3, "is-released"], [1, "small", "muted", "mjo-sub__note"], [1, "small"], [1, "mj-chip", "mj-chip--outline"], ["colspan", "4", 1, "small", "muted"], [1, "mjo-sub__period"], [1, "tiny", "muted"], [1, "mj-num", "small", "strong"]], template: function MJOSubscriptionsPageComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "p", 2);
+            i0.ɵɵelement(3, "i", 3);
+            i0.ɵɵelementStart(4, "strong");
+            i0.ɵɵtext(5, "Why this cannot double-bill.");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(6, " A renewal is refused when a term already covers the period it would create. The check is against COVERAGE, not against whether a job has run \u2014 so a retried batch, a manual nudge and a scheduled sweep all reach the same answer. ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "div", 4);
+            i0.ɵɵconditionalCreate(8, MJOSubscriptionsPageComponent_Conditional_8_Template, 1, 1, "mj-entity-viewer", 5)(9, MJOSubscriptionsPageComponent_Conditional_9_Template, 2, 0, "div", 6);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(10, MJOSubscriptionsPageComponent_Conditional_10_Template, 73, 14, "aside", 7);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(8);
+            i0.ɵɵconditional(ctx.SubscriptionEntityInfo ? 8 : 9);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.Selected ? 10 : -1);
+        } }, dependencies: [CommonModule, EntityViewerModule, i1.EntityViewerComponent, MJOStatedValueComponent, MJAlertComponent, MJOMoneyPipe], styles: ["[_nghost-%COMP%] {\n                display: block;\n                height: 100%;\n                overflow: auto;\n                padding: var(--mj-space-6);\n            }\n            .mjo-sub__split[_ngcontent-%COMP%] { display: flex; gap: var(--mj-space-4); align-items: flex-start; }\n            .mjo-sub__left[_ngcontent-%COMP%] { flex: 1; min-width: 0; }\n            .mjo-sub__right[_ngcontent-%COMP%] { flex: 0 0 360px; min-width: 0; }\n            .mjo-sub__viewer-host[_ngcontent-%COMP%] {\n                height: 600px;\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            .mjo-sub__recog[_ngcontent-%COMP%] { margin-top: var(--mj-space-4); }\n            .mjo-sub__note[_ngcontent-%COMP%] { margin-top: var(--mj-space-3); }\n            .mjo-sub__event[_ngcontent-%COMP%] {\n                display: flex;\n                align-items: center;\n                gap: var(--mj-space-2);\n                padding: 4px 0;\n                border-bottom: 1px solid var(--mj-border-subtle);\n            }\n            .mjo-sub__event[_ngcontent-%COMP%]:last-child { border-bottom: none; }\n            tr.is-current[_ngcontent-%COMP%] { background: var(--mj-status-success-bg); }\n            .mjo-sub__waterfall[_ngcontent-%COMP%] {\n                display: grid;\n                grid-template-columns: repeat(auto-fit, minmax(74px, 1fr));\n                gap: 5px;\n            }\n            .mjo-sub__period[_ngcontent-%COMP%] {\n                border: 1px solid var(--mj-border-default);\n                border-radius: var(--mj-radius-sm);\n                padding: 5px 6px;\n                text-align: center;\n            }\n            .mjo-sub__period.is-released[_ngcontent-%COMP%] {\n                background: var(--mj-status-success-bg);\n                border-color: color-mix(in srgb, var(--mj-status-success) 35%, transparent);\n            }\n\n            @media (max-width: 1100px) {\n                .mjo-sub__split[_ngcontent-%COMP%] { flex-direction: column; }\n                .mjo-sub__left[_ngcontent-%COMP%], .mjo-sub__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(MJOSubscriptionsPageComponent, [{
+        type: Component,
+        args: [{ selector: 'mjo-subscriptions-page', standalone: true, imports: [CommonModule, EntityViewerModule, MJOStatedValueComponent, MJOMoneyPipe, MJAlertComponent], template: `
+        <div class="mjo-sub__split">
+            <div class="mjo-sub__left">
+                <p class="mjo-note mjo-sub__note">
+                    <i class="fa-solid fa-shield-halved" aria-hidden="true"></i>
+                    <strong>Why this cannot double-bill.</strong>
+                        A renewal is refused when a term already covers the period it would create.
+                        The check is against COVERAGE, not against whether a job has run — so a
+                        retried batch, a manual nudge and a scheduled sweep all reach the same
+                        answer.
+                </p>
+
+                <div class="mjo-sub__viewer-host">
+                    @if (SubscriptionEntityInfo) {
+                        <mj-entity-viewer
+                            [Entity]="SubscriptionEntityInfo"
+                            (RecordSelected)="OnRecordSelected($event)"
+                            (RecordOpened)="OnRecordOpened($event)">
+                        </mj-entity-viewer>
+                    } @else {
+                        <div class="small muted" style="padding: 24px;">Loading subscriptions...</div>
+                    }
+                </div>
+            </div>
+
+            @if (Selected) {
+                <aside class="mjo-sub__right">
+                    <div class="mj-card">
+                        <div class="mj-card-head">
+                            <i class="fa-solid fa-rotate" aria-hidden="true"></i>
+                            <h3>{{ Selected.SubscriptionNumber }}</h3>
+                            <span class="right">
+                                <span class="mj-chip" [class]="statusClass(Selected)">{{ Selected.Status }}</span>
+                            </span>
+                        </div>
+                        <div class="mj-card-pad">
+                            <mjo-stated-value Label="Product">{{ Selected.Product ?? '—' }}</mjo-stated-value>
+                            <mjo-stated-value Label="Holder" From="who owns it">
+                                {{ Selected.HolderOrganization ?? '—' }}
+                            </mjo-stated-value>
+                            <mjo-stated-value Label="Beneficiary" From="who it is for">
+                                {{ Selected.BeneficiaryPerson ?? '—' }}
+                            </mjo-stated-value>
+                            <mjo-stated-value Label="Covered through" From="the last term's end">
+                                {{ CoveredThrough }}
+                            </mjo-stated-value>
+                            <mjo-stated-value Label="Auto-renew" From="the consent switch">
+                                {{ Selected.AutoRenew ? 'On' : 'Off — it simply ends' }}
+                            </mjo-stated-value>
+
+                            <p class="mjo-note mjo-sub__note">
+                                <i class="fa-solid fa-user-group" aria-hidden="true"></i>
+                                Holder and beneficiary are separate on purpose, and it decides what counts
+                                    as a duplicate — which is why ten seats for ten staff are ten subscriptions
+                                    rather than ten collisions.
+                            </p>
+
+                            @if (RenewalDue) {
+                                <mj-alert Variant="warning" Icon="fa-solid fa-hourglass-half" class="mjo-sub__note">
+                                        <strong>Renews in {{ DaysToRenewal }} days.</strong>
+                                        With auto-renew on, the system places a confirmed order at lead time —
+                                        invoicing ahead of the period, which is how subscription billing works.
+                                </mj-alert>
+                            }
+                        </div>
+                    </div>
+
+
+                    <div class="mj-card mjo-sub__recog">
+                        <div class="mj-card-head">
+                            <i class="fa-solid fa-timeline" aria-hidden="true"></i>
+                            <h3>Coverage terms</h3>
+                            <span class="right small muted">{{ Terms.length }}</span>
+                        </div>
+                        <div class="mj-table-wrap">
+                            <table class="mj-table mj-table--compact">
+                                <thead>
+                                    <tr>
+                                        <th>#</th>
+                                        <th>Covers</th>
+                                        <th class="num">Amount</th>
+                                        <th>Status</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    @for (term of Terms; track term['ID']) {
+                                        <tr [class.is-current]="isCurrentTerm(term)">
+                                            <td class="small">{{ term['TermNumber'] }}</td>
+                                            <td class="small">
+                                                {{ dateOf(term['StartDate']) }} → {{ dateOf(term['EndDate']) }}
+                                                @if (term['IsProrated']) {
+                                                    <span class="mj-chip mj-chip--outline">prorated</span>
+                                                }
+                                            </td>
+                                            <td class="num">{{ moneyOf(term['Amount']) }}</td>
+                                            <td>
+                                                <span class="mj-chip" [class]="termClass(term)">
+                                                    {{ isCurrentTerm(term) ? 'current' : (term['Status'] ?? '—') }}
+                                                </span>
+                                            </td>
+                                        </tr>
+                                    } @empty {
+                                        <tr><td colspan="4" class="small muted">No terms recorded.</td></tr>
+                                    }
+                                </tbody>
+                            </table>
+                        </div>
+                        <div class="mj-card-pad small muted">
+                            A renewal APPENDS a term rather than moving a pointer, so "current" is
+                            the term whose window covers today — a fact that cannot go stale. It
+                            also keeps the difference visible between a customer buying more
+                            coverage and the system renewing them under standing authority.
+                        </div>
+                    </div>
+
+                    <div class="mj-card mjo-sub__recog">
+                        <div class="mj-card-head">
+                            <i class="fa-solid fa-clock-rotate-left" aria-hidden="true"></i>
+                            <h3>History</h3>
+                        </div>
+                        <div class="mj-card-pad">
+                            @for (event of Events; track event['ID']) {
+                                <div class="mjo-sub__event">
+                                    <span class="mj-chip mj-chip--outline">{{ event['EventType'] }}</span>
+                                    <span class="small muted">{{ dateOf(event['OccurredAt']) }}</span>
+                                </div>
+                            } @empty {
+                                <div class="small muted">
+                                    No events yet. A subscription that has only ever been sold has
+                                    nothing to say here.
+                                </div>
+                            }
+                        </div>
+                    </div>
+
+                    <div class="mj-card mjo-sub__recog">
+                        <div class="mj-card-head">
+                            <i class="fa-solid fa-chart-line" aria-hidden="true"></i>
+                            <h3>Revenue recognition</h3>
+                        </div>
+                        <div class="mj-card-pad">
+                            <div class="mjo-sub__waterfall">
+                                @for (period of Recognition; track period.Label) {
+                                    <div class="mjo-sub__period" [class.is-released]="period.Released">
+                                        <div class="tiny muted">{{ period.Label }}</div>
+                                        <div class="mj-num small strong">{{ period.Amount | mjoMoney }}</div>
+                                    </div>
+                                } @empty {
+                                    <div class="small muted">No recognition schedule for this subscription.</div>
+                                }
+                            </div>
+
+                            <div class="small muted mjo-sub__note">
+                                These are <b>real forward-dated entries written at booking</b>, not a schedule a
+                                nightly job materialises. Batches only sweep them when the date filter explicitly
+                                reaches forward, so they sit harmlessly until their period arrives. A change nets
+                                against them; they are never edited.
+                            </div>
+                        </div>
+                    </div>
+                </aside>
+            }
+        </div>
+    `, styles: ["\n            :host {\n                display: block;\n                height: 100%;\n                overflow: auto;\n                padding: var(--mj-space-6);\n            }\n            .mjo-sub__split { display: flex; gap: var(--mj-space-4); align-items: flex-start; }\n            .mjo-sub__left { flex: 1; min-width: 0; }\n            .mjo-sub__right { flex: 0 0 360px; min-width: 0; }\n            .mjo-sub__viewer-host {\n                height: 600px;\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            .mjo-sub__recog { margin-top: var(--mj-space-4); }\n            .mjo-sub__note { margin-top: var(--mj-space-3); }\n            .mjo-sub__event {\n                display: flex;\n                align-items: center;\n                gap: var(--mj-space-2);\n                padding: 4px 0;\n                border-bottom: 1px solid var(--mj-border-subtle);\n            }\n            .mjo-sub__event:last-child { border-bottom: none; }\n            tr.is-current { background: var(--mj-status-success-bg); }\n            .mjo-sub__waterfall {\n                display: grid;\n                grid-template-columns: repeat(auto-fit, minmax(74px, 1fr));\n                gap: 5px;\n            }\n            .mjo-sub__period {\n                border: 1px solid var(--mj-border-default);\n                border-radius: var(--mj-radius-sm);\n                padding: 5px 6px;\n                text-align: center;\n            }\n            .mjo-sub__period.is-released {\n                background: var(--mj-status-success-bg);\n                border-color: color-mix(in srgb, var(--mj-status-success) 35%, transparent);\n            }\n\n            @media (max-width: 1100px) {\n                .mjo-sub__split { flex-direction: column; }\n                .mjo-sub__left, .mjo-sub__right { flex: 1 1 auto; width: 100%; }\n            }\n            @media (max-width: 760px) {\n                :host { padding: var(--mj-space-4); }\n            }\n        "] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJOSubscriptionsPageComponent, { className: "MJOSubscriptionsPageComponent", filePath: "lib/pages/receivables/subscriptions.page.ts", lineNumber: 297 }); })();
+//# sourceMappingURL=subscriptions.page.js.map