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

package/dist/lib/sections/orders-sections.component.js

@@ -0,0 +1,1117 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * @fileoverview The four Explorer tabs.
+ *
+ * Each class is registered with `@RegisterClass(BaseResourceComponent, '<DriverClass>')`
+ * under the name the Application's `DefaultNavItems` reference
+ * (`metadata/applications/.orders-application.json`), which is what makes these
+ * plug into MJ Explorer with no host-side wiring: Explorer reads the nav metadata,
+ * asks the class factory for the driver class, and mounts it as a tab.
+ *
+ * Each section is deliberately thin. It owns three things — its rail, which
+ * sub-page is showing, and remembering that across sessions — and delegates the
+ * frame to {@link MJOSectionShellComponent} and the content to the sub-page
+ * components. Anything more here would be logic that belongs to a page.
+ *
+ * SUB-PAGE HOSTING. Pages are created once and CACHED, so switching rails and
+ * coming back does not discard a half-entered order. That is not an optimisation;
+ * an order taker who loses their work to a mis-click stops trusting the tool.
+ *
+ * @module @mj-biz-apps/orders-ng
+ */
+import { ChangeDetectorRef, Component, Directive, ViewChild, ViewContainerRef, inject, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RegisterClass } from '@memberjunction/global';
+import { BaseResourceComponent } from '@memberjunction/ng-shared';
+import { MJOSectionShellComponent } from './section-shell.component.js';
+import { MJOPricingScheduler } from '../services/pricing-scheduler.service.js';
+import { MJOOrdersListPageComponent } from '../pages/orders/orders-list.page.js';
+import { MJOOrdersDashboardPageComponent } from '../pages/orders/orders-dashboard.page.js';
+import { MJOFulfillmentPageComponent } from '../pages/orders/fulfillment.page.js';
+import { MJOPaymentsListPageComponent } from '../pages/payments/payments-list.page.js';
+import { MJORefundPageComponent } from '../pages/payments/refund.page.js';
+import { MJOAccountCreditPageComponent } from '../pages/payments/account-credit.page.js';
+import { MJOPaymentsDashboardPageComponent } from '../pages/payments/payments-dashboard.page.js';
+import { MJOOverduePageComponent } from '../pages/receivables/overdue.page.js';
+import { MJOCustomerARPageComponent } from '../pages/receivables/customer-ar.page.js';
+import { MJOSubscriptionsPageComponent } from '../pages/receivables/subscriptions.page.js';
+import { MJOProductsPageComponent, MJOChargesTaxPageComponent } from '../pages/catalog/products.page.js';
+import { MJOPricingPageComponent, MJOPromotionsPageComponent } from '../pages/catalog/pricing.page.js';
+import { MJOReturnPageComponent } from '../pages/orders/return.page.js';
+import { MJAlertComponent, MJButtonDirective } from '@memberjunction/ng-ui-components';
+import { CompositeKey, Metadata } from '@memberjunction/core';
+import { MJO_ENTITIES } from '../data/entity-names.js';
+import { GetCatalogOptions, GetPaymentTypes, GetProducts, GetSellingCompanies } from '../data/orders-queries.js';
+import { BuildLeftNavSections, CATALOG_SUB_PAGES, ORDERS_SUB_PAGES, PAYMENTS_SUB_PAGES, RECEIVABLES_SUB_PAGES, } from './section-nav.model.js';
+import * as i0 from "@angular/core";
+const _c0 = ["pageHost"];
+function OrdersSectionResource_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 3);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" as of ", ctx_r1.LoadedAtDisplay, " ");
+} }
+function OrdersSectionResource_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 9);
+    i0.ɵɵlistener("click", function OrdersSectionResource_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.StartPrimary()); });
+    i0.ɵɵelement(1, "i", 10);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const action_r4 = ctx;
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(action_r4.Icon);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", action_r4.Label, " ");
+} }
+function OrdersSectionResource_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mj-alert", 8)(1, "strong");
+    i0.ɵɵtext(2, "Nothing was confirmed.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.ConfirmError, " ");
+} }
+function PaymentsSectionResource_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 3);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" as of ", ctx_r1.LoadedAtDisplay, " ");
+} }
+function PaymentsSectionResource_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 8);
+    i0.ɵɵlistener("click", function PaymentsSectionResource_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.StartPrimary()); });
+    i0.ɵɵelement(1, "i", 9);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const action_r4 = ctx;
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(action_r4.Icon);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", action_r4.Label, " ");
+} }
+function ReceivablesSectionResource_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 3);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" as of ", ctx_r1.LoadedAtDisplay, " ");
+} }
+function ReceivablesSectionResource_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 8);
+    i0.ɵɵlistener("click", function ReceivablesSectionResource_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.StartPrimary()); });
+    i0.ɵɵelement(1, "i", 9);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const action_r4 = ctx;
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(action_r4.Icon);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", action_r4.Label, " ");
+} }
+function CatalogSectionResource_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 3);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" as of ", ctx_r1.LoadedAtDisplay, " ");
+} }
+function CatalogSectionResource_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 8);
+    i0.ɵɵlistener("click", function CatalogSectionResource_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.StartPrimary()); });
+    i0.ɵɵelement(1, "i", 9);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const action_r4 = ctx;
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(action_r4.Icon);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", action_r4.Label, " ");
+} }
+/**
+ * An order and its lines, loaded together.
+ *
+ * A free function rather than a service method: it constructs an entity and asks it to load itself,
+ * which is `docs/ui-architecture.md`'s definition of work that does not belong behind an injectable.
+ */
+async function loadOrder(orderHeaderID) {
+    const md = new Metadata();
+    const order = await md.GetEntityObject(MJO_ENTITIES.OrderHeader);
+    return (await order.LoadWithLines(orderHeaderID)) ? order : null;
+}
+/**
+ * Shared behaviour for the four sections: rail construction, active-page state,
+ * per-user persistence of where someone was, and cached sub-page mounting.
+ *
+ * A `@Directive` rather than a plain class so Angular's compiler accepts the
+ * `@ViewChild` declared here and inherited by each concrete section — the
+ * documented way to share member decorators across component subclasses.
+ */
+export class MJOSectionBaseComponent extends BaseResourceComponent {
+    /** Where a sub-page is created. Declared once, inherited by all four sections. */
+    pageHost;
+    cdr = inject(ChangeDetectorRef);
+    /** The rail, rebuilt whenever a badge count changes. */
+    NavSections = [];
+    /** Which sub-page is showing. */
+    ActivePageId = null;
+    IsLoading = false;
+    LoadError = null;
+    /** Live counts the rail badges. Sections refresh these; zero badges do not render. */
+    badges = {};
+    mounted = new Map();
+    ngOnInit() {
+        super.ngOnInit();
+        this.NavSections = BuildLeftNavSections(this.subPages, this.badges);
+        this.ActivePageId = this.restorePageId();
+        // The host view has to exist before a page can be created into it, AND the
+        // page must be created outside the change-detection pass that is running now.
+        //
+        // WHY NOT queueMicrotask. Microtasks drain before the CD cycle finishes, so
+        // the page was constructed inside this turn. Its `ngOnInit` is async, so the
+        // fetch resolved between Angular's check pass and its dev-mode verify pass —
+        // NG0100, which ABORTS the rest of that update. Nothing schedules another
+        // tick afterwards, so the DOM stayed frozen on the pre-fetch render: the
+        // Orders dashboard sat at "0 open orders / $0.00" against a database holding
+        // 73 orders, and looked like a quiet day rather than a bug.
+        //
+        // A macrotask lands after the cycle completes, so the child's fetch resolves
+        // in its own tick and simply re-renders.
+        setTimeout(async () => {
+            await this.showPage(this.ActivePageId);
+            this.LoadedAt = new Date();
+            // Mounting the page and stamping the timestamp both change what the
+            // header and the rail render. Writing the DOM here keeps that inside
+            // one pass — without it the nav's active index is read as -1 before
+            // the mount and 2 after, which is NG0100 and freezes the section the
+            // same way it froze the pages.
+            this.cdr.detectChanges();
+        });
+    }
+    /** Rail click handler. */
+    async OnPageSelected(pageId) {
+        this.ActivePageId = pageId;
+        this.persistPageId(pageId);
+        await this.showPage(pageId);
+        this.cdr.detectChanges();
+    }
+    /** Rebuild the rail after badge counts change. */
+    refreshBadges(badges) {
+        this.badges = { ...this.badges, ...badges };
+        this.NavSections = BuildLeftNavSections(this.subPages, this.badges);
+    }
+    /**
+     * Mount a page, reusing the instance if it has been shown before.
+     *
+     * Cached views are detached rather than destroyed, which is what preserves a
+     * part-typed order across a trip to another rail item.
+     */
+    async showPage(pageId) {
+        const host = this.pageHost;
+        if (!host)
+            return;
+        host.detach();
+        const cached = this.mounted.get(pageId);
+        if (cached) {
+            host.insert(cached.hostView);
+            // A CACHED PAGE STILL HAS TO BE TOLD WHICH RECORD TO OPEN. Clicking a row in All
+            // orders sets PendingRecordID and navigates here; the fresh-mount path below hands
+            // that to the page, but this path returned without doing so — so opening an order
+            // worked exactly once, before the editor had ever been visited, and silently did
+            // nothing every time after. From the user's side the row simply stopped responding.
+            if (this.PendingRecordID) {
+                const instance = cached.instance;
+                if ('OrderID' in instance)
+                    cached.setInput('OrderID', this.PendingRecordID);
+                else if ('RecordID' in instance)
+                    cached.setInput('RecordID', this.PendingRecordID);
+                this.PendingRecordID = null;
+                // The page is detached-and-reinserted rather than constructed, so nothing has
+                // scheduled a check for it — without this the input lands and nothing repaints.
+                cached.changeDetectorRef.detectChanges();
+            }
+            return;
+        }
+        const type = this.resolvePage(pageId);
+        if (!type) {
+            // Say so, rather than showing an empty pane. A blank content area reads
+            // as a broken app; a sentence reads as work in progress, which is what
+            // it is while the sub-pages land one at a time.
+            const label = this.subPages.find((p) => p.Id === pageId)?.Label ?? pageId;
+            this.LoadError = `${label} is not built yet — see /mockups for the approved design.`;
+            return;
+        }
+        try {
+            // Load the shared inputs BEFORE constructing the page. A component
+            // created imperatively runs `ngOnInit` on its first change detection,
+            // and fast entry builds its order there from `CompanyID` — so an
+            // input that arrives afterwards is an input that arrives too late. The
+            // draft was being built with an empty company, which made every
+            // preview fail validation and left the line "resolving…" forever.
+            const inputs = await this.sharedInputs();
+            // A page opened FOR A RECORD needs that record, not a blank one.
+            // Opening an order used to set PendingRecordID and navigate, and the
+            // editor — which only accepts a Draft — was handed an empty one, so
+            // the screen came up blank and the click looked broken.
+            if (this.PendingRecordID && (pageId === 'editor' || pageId === 'document')) {
+                const draft = await loadOrder(this.PendingRecordID);
+                if (draft)
+                    inputs['Draft'] = draft;
+                inputs['OrderID'] = this.PendingRecordID;
+                this.PendingRecordID = null;
+            }
+            const ref = host.createComponent(type);
+            const instance = ref.instance;
+            for (const [name, value] of Object.entries(inputs)) {
+                // `setInput` rather than assignment: it marks the view dirty and
+                // runs ngOnChanges, which direct assignment on an imperatively
+                // created component does not.
+                if (name in instance)
+                    ref.setInput(name, value);
+            }
+            this.wirePage(ref);
+            this.mounted.set(pageId, ref);
+            this.LoadError = null;
+        }
+        catch (e) {
+            // A page that fails to construct must not take the section down with
+            // it — the rail has to stay usable so the user can go somewhere else.
+            this.LoadError = `That page could not be opened: ${e instanceof Error ? e.message : String(e)}`;
+            // …and the banner has to actually appear. This assignment lands after an await on an
+            // imperatively-created, zoneless component, so without a tick the user gets a blank
+            // pane and no explanation — the failure state was itself invisible.
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * Connect a freshly created page to the section.
+     *
+     * A page created through `ViewContainerRef.createComponent` has NO template
+     * binding its outputs — there is no host markup for Angular to wire. Every
+     * `@Output()` on every page therefore emitted into nothing: the confirm button
+     * fired `ConfirmRequested` at no listener, dashboard tiles fired
+     * `NavigateRequested` at no listener, and list rows fired `OrderOpened` at no
+     * listener. The pages looked complete and were inert.
+     *
+     * Subscribed by NAME and only when present, because the four sections host
+     * different pages and a missing output is normal rather than an error.
+     */
+    wirePage(ref) {
+        const instance = ref.instance;
+        const subscriptions = [];
+        const on = (name, handler) => {
+            const output = instance[name];
+            if (!output?.subscribe)
+                return;
+            subscriptions.push(output.subscribe(handler));
+        };
+        // Navigation within the rail.
+        on('NavigateRequested', (pageId) => this.OnPageSelected(pageId));
+        // Opening a record routes to the page that shows it. Each carries its id,
+        // which the destination reads on activation.
+        on('OrderOpened', (row) => this.openEntity(MJO_ENTITIES.OrderHeader, row));
+        on('PaymentOpened', (row) => this.openEntity(MJO_ENTITIES.PaymentHeader, row));
+        on('ProductOpened', (row) => this.openEntity(MJO_ENTITIES.Product, row));
+        // The irreversible step. Straight to the engine — there is no dry run in front of it.
+        on('ConfirmRequested', (draft) => void this.Confirm(draft));
+        // The order workspace confirms in place — it owns the draft, so it does not hand one back
+        // for the section's pre-flight. What the section still needs is to know an order now
+        // EXISTS: any list or dashboard it has already mounted was read before the confirm and is
+        // now stale. Dropping the cached pages makes the next visit re-read rather than show a
+        // list the just-confirmed order is missing from.
+        on('OrderConfirmed', () => this.dropStalePages());
+        // ESCALATION CARRIES THE DRAFT. This used to ignore the emitted payload and merely
+        // navigate, so "open in full editor" landed on an empty workspace and the half-typed order
+        // was silently gone — the button looked like it did nothing. Fast entry and the editor were
+        // designed to share one draft instance; this is the handoff that makes that true.
+        on('EscalateRequested', (draft) => {
+            if (draft.ID) {
+                this.navigationService.OpenEntityRecord(MJO_ENTITIES.OrderHeader, CompositeKey.FromID(draft.ID));
+            }
+        });
+        // Pages are cached rather than destroyed on rail changes, so these live as
+        // long as the section does — but a destroyed section must not leave them
+        // holding a reference to it.
+        ref.onDestroy(() => subscriptions.forEach((sub) => sub.unsubscribe()));
+    }
+    /**
+     * Give a page the data its inputs expect.
+     *
+     * Set by NAME and only when the property exists, because the four sections
+     * host different pages and an absent input is normal rather than an error —
+     * the same shape as the output wiring above.
+     *
+     * The catalog is loaded ONCE per section and shared. Every page that needs it
+     * needs the same list, and re-reading it per page would be a round trip to
+     * produce an answer already in memory.
+     */
+    async sharedInputs() {
+        const [Catalog, CompanyID, Tenders, Companies] = await Promise.all([
+            this.catalogOptions(),
+            this.defaultCompanyID(),
+            this.tenderOptions(),
+            GetSellingCompanies(),
+        ]);
+        return { Catalog, CompanyID, Tenders, Companies };
+    }
+    catalogCache = null;
+    /** The product picker's options, shaped as it expects them. */
+    async catalogOptions() {
+        if (!this.catalogCache) {
+            this.catalogCache = await GetCatalogOptions();
+        }
+        return this.catalogCache;
+    }
+    companyCache = null;
+    /**
+     * The company a new order belongs to.
+     *
+     * Taken from the catalog rather than asked for: a company with no products
+     * cannot be sold from, so the first product's company is a better default than
+     * an empty picker. A multi-company user changes it on the order.
+     */
+    async defaultCompanyID() {
+        if (this.companyCache)
+            return this.companyCache;
+        const products = await GetProducts({ MaxRows: 1 });
+        this.companyCache = String(products[0]?.['CompanyID'] ?? '');
+        return this.companyCache;
+    }
+    tenderCache = null;
+    /** Tenders a payment can be taken on. */
+    async tenderOptions() {
+        if (!this.tenderCache) {
+            const types = await GetPaymentTypes();
+            this.tenderCache = types.map((type) => ({
+                ID: String(type['ID']),
+                Code: String(type['Code'] ?? ''),
+                Name: String(type['Name'] ?? ''),
+                RequiresReference: !!type['RequiresReference'],
+                RequiresInstrument: !!type['RequiresInstrument'],
+            }));
+        }
+        return this.tenderCache;
+    }
+    /** Remember which record a destination page should open, then go there. */
+    openRecord(pageId, row) {
+        this.PendingRecordID = typeof row === 'string' ? row : (row?.ID ?? null);
+        this.OnPageSelected(pageId);
+    }
+    /** Open an entity record in Explorer — same path as the generated form host. */
+    openEntity(entityName, row) {
+        const id = typeof row === 'string' ? row : row?.ID;
+        if (!id)
+            return;
+        this.navigationService.OpenEntityRecord(entityName, CompositeKey.FromID(id));
+    }
+    /** Set when a page was opened for a specific record. */
+    PendingRecordID = null;
+    /* ── Header ─────────────────────────────────────────────────────────── */
+    /**
+     * The action the primary button performs, or null for a section that has no
+     * single obvious thing to start.
+     *
+     * Deliberately per-section rather than a global "New order". On Receivables
+     * and Catalog there is no one thing a person arrives wanting to create, and a
+     * primary button that guesses is worse than none — it makes the wrong action
+     * the most prominent one on the page.
+     */
+    get primaryAction() {
+        return null;
+    }
+    /** When the visible data was last read. Shown so a stale screen can be spotted. */
+    LoadedAt = null;
+    /** The 'as of' chip. Time only — the date is today by construction. */
+    get LoadedAtDisplay() {
+        if (!this.LoadedAt)
+            return '';
+        return this.LoadedAt.toLocaleTimeString(undefined, { hour: 'numeric', minute: '2-digit' });
+    }
+    /**
+     * Re-read the active page.
+     *
+     * Destroys the cached instance rather than asking it to reload, because a page
+     * has no reload contract — some load in `ngOnInit`, some on a preset change,
+     * and inventing an interface every page must implement to support one button
+     * is more surface than the button is worth. Recreating runs whatever the page
+     * already does on mount.
+     */
+    RefreshActivePage() {
+        const pageId = this.ActivePageId;
+        if (!pageId)
+            return;
+        const cached = this.mounted.get(pageId);
+        if (cached) {
+            this.mounted.delete(pageId);
+            cached.destroy();
+        }
+        void this.showPage(pageId);
+        this.LoadedAt = new Date();
+    }
+    /** Start the section's primary action. */
+    StartPrimary() {
+        const action = this.primaryAction;
+        if (!action)
+            return;
+        if (action.EntityName) {
+            this.navigationService.OpenEntityRecord(action.EntityName, new CompositeKey());
+            return;
+        }
+        if (action.PageId) {
+            this.OnPageSelected(action.PageId);
+            // STARTING SOMETHING NEW MEANS A BLANK SURFACE. Pages are cached and re-inserted rather
+            // than rebuilt (that is what preserves a part-typed order across a trip to another rail
+            // item), so navigating alone hands back whatever was on screen last time. A page that can
+            // be started fresh says so by exposing `Reset()`; one that must NOT be blanked simply does
+            // not, which is why this asks rather than destroying the cached view.
+            const page = this.mounted.get(action.PageId)?.instance;
+            if (typeof page?.Reset === 'function')
+                void page.Reset();
+        }
+    }
+    /* ── Confirm ────────────────────────────────────────────────────────── */
+    entry = inject(MJOPricingScheduler);
+    /** A confirm is in flight — the button says so and cannot be pressed twice. */
+    Confirming = false;
+    /** Why the last confirm was refused, rendered verbatim. Null when there is nothing to say. */
+    ConfirmError = null;
+    /**
+     * Confirm an order. THE ENGINE IS THE ONLY AUTHORITY, AND IT IS ASKED ONCE.
+     *
+     * This used to open a pre-flight backed by `Orders.PreviewConfirm`, which ran the
+     * REAL confirm inside a rolled-back transaction so it could show the journal
+     * entries the commit would write. Truthful, and far too expensive: every confirm
+     * booked the order twice, and the button was GATED on the throwaway run, so a
+     * transient failure in the half nobody would ever see blocked the half that
+     * mattered. Repeatedly, that presented as "the confirm button does nothing".
+     *
+     * So there is no dry run. `Orders.ConfirmOrder` either books — journal entries,
+     * subscriptions, entitlements, the initial payment, one transaction — or it is
+     * refused with a reason. Every rule that was pre-checked is still enforced, by
+     * `OrderEntityServer.ValidateAsync` and the booking walk; the difference is that
+     * the refusal now reaches the user as itself rather than as a prediction of
+     * itself. `MJOPricingScheduler.Confirm` throws on refusal, and the catch below
+     * puts that sentence on screen.
+     *
+     * A richer pre-flight can come back, but it must be built on a read-only decide
+     * pass (the shape `Orders.PreviewPrice` already has), never on a save.
+     */
+    async Confirm(draft) {
+        if (this.Confirming)
+            return;
+        this.Confirming = true;
+        this.ConfirmError = null;
+        this.cdr.detectChanges();
+        try {
+            const output = await draft.Confirm();
+            // A CONFIRMED ORDER OPENS IN THE EDITOR. Both lanes, one destination.
+            //
+            // The order is the thing that was just created and it is the thing the user
+            // wants to see, so the confirm ends by putting it on screen — with its number,
+            // its status, its lines and (once the confirm has booked them) its journal
+            // entries and subscriptions. Every previous ending was a step away from it:
+            // fast entry blanked its own form, and the editor navigated to the list.
+            //
+            // Supersedes the fast-entry "stay put and clear" behaviour. That treated the
+            // lane as a QUEUE — book one, start the next — which is a real workflow and
+            // will want a way back; the trade is deliberate (Marcelo, 2026-08-07) and
+            // taking the queue behaviour further is deferred until the editor path is
+            // proven. What is NOT lost is the reason it existed: whatever replaces it must
+            // never leave the next order starting as an edit of the last one, which is how
+            // a line gets billed twice.
+            //
+            // dropStalePages FIRST. Pages are cached and re-inserted with the data they
+            // originally loaded, so a cached list or editor read before this order existed
+            // would show a world without it — indistinguishable, from the user's side,
+            // from the confirm having done nothing, which is how it was reported and how
+            // they were led to press confirm again.
+            this.dropStalePages();
+            if (draft.ID) {
+                this.navigationService.OpenEntityRecord(MJO_ENTITIES.OrderHeader, CompositeKey.FromID(draft.ID));
+                return;
+            }
+            // No id came back — the confirm reported success without saying WHAT it
+            // created. Nothing to open, so fall back to the list rather than leaving the
+            // user on a form that no longer describes anything.
+            await this.OnPageSelected('list');
+        }
+        catch (e) {
+            // `Confirm` THROWS on a refusal. Without this catch the rejection escapes the handler,
+            // nothing is set, and the screen sits there — precisely the silent confirm the throw
+            // was added to eliminate, reintroduced one layer up.
+            this.ConfirmError = e instanceof Error ? e.message : String(e);
+        }
+        finally {
+            this.Confirming = false;
+            // MUST tick. Everything above lands after an `await`, and this component is created
+            // imperatively (no host template, zoneless), so assigning state repaints nothing on its
+            // own. Without this the order really IS booked but the screen never says so — which
+            // reads as failure and invites a second confirm.
+            this.cdr.detectChanges();
+        }
+    }
+    /** Dismiss the refusal banner. */
+    ClearConfirmError() {
+        this.ConfirmError = null;
+    }
+    /**
+     * Throw away cached pages so the next visit re-reads.
+     *
+     * The ACTIVE page is kept: it is on screen, the user is looking at it, and destroying it under
+     * them would blank the view mid-interaction. Everything else is a snapshot of the world before
+     * whatever just changed.
+     */
+    dropStalePages() {
+        for (const [pageId, ref] of this.mounted) {
+            if (pageId === this.ActivePageId)
+                continue;
+            ref.destroy();
+            this.mounted.delete(pageId);
+        }
+    }
+    /** First page in the rail — the fallback when nothing is remembered. */
+    get defaultPageId() {
+        return this.subPages[0]?.Id ?? '';
+    }
+    /**
+     * Restore the last page this user was on.
+     *
+     * Guarded, and falls back to the default rather than throwing: an unknown id
+     * means the rail was renamed since the preference was written, and stranding
+     * someone on a blank tab because of a rename is the wrong trade.
+     */
+    restorePageId() {
+        try {
+            const saved = globalThis.localStorage?.getItem(this.preferenceKey);
+            if (saved && this.subPages.some((p) => p.Id === saved))
+                return saved;
+        }
+        catch {
+            /* storage unavailable — the default is a fine answer */
+        }
+        return this.defaultPageId;
+    }
+    persistPageId(pageId) {
+        try {
+            globalThis.localStorage?.setItem(this.preferenceKey, pageId);
+        }
+        catch {
+            /* preferences simply do not persist */
+        }
+    }
+    async GetResourceDisplayName(_data) {
+        return this.sectionTitle;
+    }
+    async GetResourceIconClass(_data) {
+        return this.sectionIcon;
+    }
+    ngOnDestroy() {
+        for (const ref of this.mounted.values()) {
+            ref.destroy();
+        }
+        this.mounted.clear();
+        super.ngOnDestroy?.();
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵMJOSectionBaseComponent_BaseFactory; return function MJOSectionBaseComponent_Factory(__ngFactoryType__) { return (ɵMJOSectionBaseComponent_BaseFactory || (ɵMJOSectionBaseComponent_BaseFactory = i0.ɵɵgetInheritedFactory(MJOSectionBaseComponent)))(__ngFactoryType__ || MJOSectionBaseComponent); }; })();
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: MJOSectionBaseComponent, viewQuery: function MJOSectionBaseComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5, ViewContainerRef);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.pageHost = _t.first);
+        } }, features: [i0.ɵɵInheritDefinitionFeature] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJOSectionBaseComponent, [{
+        type: Directive
+    }], null, { pageHost: [{
+            type: ViewChild,
+            args: ['pageHost', { read: ViewContainerRef, static: false }]
+        }] }); })();
+/* ────────────────────────────────────────────────────────────────────────────
+ * Orders
+ * ──────────────────────────────────────────────────────────────────────────── */
+/**
+ * The Orders tab — take an order, then work the ones you have.
+ *
+ * Default tab of the application, because taking an order is the job most people
+ * open this app to do.
+ */
+let OrdersSectionResource = class OrdersSectionResource extends MJOSectionBaseComponent {
+    /** Taking an order is what someone arrives at this section to do. */
+    get primaryAction() {
+        return { Label: 'New order', Icon: 'fa-solid fa-plus', PageId: 'list' };
+    }
+    StartPrimary() {
+        this.navigationService.OpenNewEntityRecord(MJO_ENTITIES.OrderHeader);
+    }
+    get subPages() {
+        return ORDERS_SUB_PAGES;
+    }
+    get preferenceKey() {
+        return 'mjOrders.section.orders.page';
+    }
+    get sectionTitle() {
+        return 'Orders';
+    }
+    get sectionIcon() {
+        return 'fa-solid fa-file-invoice-dollar';
+    }
+    /**
+     * Dashboard, list, fulfillment, and returns. New/existing orders open as
+     * Explorer record tabs via NavigationService, not as rail pages.
+     */
+    resolvePage(pageId) {
+        switch (pageId) {
+            case 'list':
+                return MJOOrdersListPageComponent;
+            case 'dashboard':
+                return MJOOrdersDashboardPageComponent;
+            case 'fulfillment':
+                return MJOFulfillmentPageComponent;
+            case 'returns':
+                return MJOReturnPageComponent;
+            default:
+                return null;
+        }
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵOrdersSectionResource_BaseFactory; return function OrdersSectionResource_Factory(__ngFactoryType__) { return (ɵOrdersSectionResource_BaseFactory || (ɵOrdersSectionResource_BaseFactory = i0.ɵɵgetInheritedFactory(OrdersSectionResource)))(__ngFactoryType__ || OrdersSectionResource); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OrdersSectionResource, selectors: [["mjo-orders-section"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 10, vars: 7, consts: [["pageHost", ""], ["Title", "Orders", "Icon", "fa-solid fa-file-invoice-dollar", "Subtitle", "Take an order, then work the ones you have", 3, "PageSelected", "NavSections", "ActivePageId", "Loading", "Error"], ["meta", ""], ["title", "When this screen last read the database", 1, "mj-chip", "mj-chip--outline"], ["actions", ""], ["type", "button", "mjButton", "", "variant", "outline", "aria-label", "Refresh this page", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-arrow-rotate-right"], ["type", "button", "mjButton", "", "variant", "primary"], ["Variant", "error", "Icon", "fa-solid fa-triangle-exclamation", "role", "alert", 1, "mjo-section__confirm-error"], ["type", "button", "mjButton", "", "variant", "primary", 3, "click"], ["aria-hidden", "true"]], template: function OrdersSectionResource_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "mjo-section-shell", 1);
+            i0.ɵɵlistener("PageSelected", function OrdersSectionResource_Template_mjo_section_shell_PageSelected_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnPageSelected($event)); });
+            i0.ɵɵelementStart(1, "div", 2);
+            i0.ɵɵconditionalCreate(2, OrdersSectionResource_Conditional_2_Template, 2, 1, "span", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "div", 4)(4, "button", 5);
+            i0.ɵɵlistener("click", function OrdersSectionResource_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.RefreshActivePage()); });
+            i0.ɵɵelement(5, "i", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(6, OrdersSectionResource_Conditional_6_Template, 3, 3, "button", 7);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementContainer(7, null, 0);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(9, OrdersSectionResource_Conditional_9_Template, 4, 1, "mj-alert", 8);
+        } if (rf & 2) {
+            let tmp_6_0;
+            i0.ɵɵproperty("NavSections", ctx.NavSections)("ActivePageId", ctx.ActivePageId)("Loading", ctx.IsLoading)("Error", ctx.LoadError);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.LoadedAtDisplay ? 2 : -1);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional((tmp_6_0 = ctx.primaryAction) ? 6 : -1, tmp_6_0);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.ConfirmError ? 9 : -1);
+        } }, dependencies: [MJButtonDirective, CommonModule, MJOSectionShellComponent, MJAlertComponent], styles: [".mjo-section__confirm-error[_ngcontent-%COMP%] {\n                position: fixed; left: 50%; bottom: var(--mj-space-6);\n                transform: translateX(-50%); z-index: 60; max-width: 560px;\n            }"] });
+};
+OrdersSectionResource = __decorate([
+    RegisterClass(BaseResourceComponent, 'OrdersSectionResource')
+], OrdersSectionResource);
+export { OrdersSectionResource };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OrdersSectionResource, [{
+        type: Component,
+        args: [{ selector: 'mjo-orders-section', standalone: true, imports: [MJButtonDirective, CommonModule, MJOSectionShellComponent, MJAlertComponent], template: `
+        <mjo-section-shell
+            Title="Orders"
+            Icon="fa-solid fa-file-invoice-dollar"
+            Subtitle="Take an order, then work the ones you have"
+            [NavSections]="NavSections"
+            [ActivePageId]="ActivePageId"
+            [Loading]="IsLoading"
+            [Error]="LoadError"
+            (PageSelected)="OnPageSelected($event)">
+
+            <div meta>
+                @if (LoadedAtDisplay) {
+                    <span class="mj-chip mj-chip--outline" title="When this screen last read the database">
+                        as of {{ LoadedAtDisplay }}
+                    </span>
+                }
+            </div>
+
+            <div actions>
+                <button
+                    type="button"
+                    mjButton variant="outline"
+                    (click)="RefreshActivePage()"
+                    aria-label="Refresh this page">
+                    <i class="fa-solid fa-arrow-rotate-right" aria-hidden="true"></i>
+                </button>
+                @if (primaryAction; as action) {
+                    <button type="button" mjButton variant="primary" (click)="StartPrimary()">
+                        <i [class]="action.Icon" aria-hidden="true"></i> {{ action.Label }}
+                    </button>
+                }
+            </div>
+            <ng-container #pageHost />
+        </mjo-section-shell>
+
+        <!--
+          The refusal banner lives at the SECTION, not on a page: both fast entry and
+          the full editor confirm, and the message must survive the rail switch
+          between them.
+
+          position:fixed is load-bearing here, not styling. The old pre-flight rendered
+          as a plain block at the end of this template, so on a scrolled page it
+          appeared BELOW THE FOLD — refusals reached the user only because the banner
+          was fixed and successes never did. Whatever replaces this must stay pinned.
+        -->
+        @if (ConfirmError) {
+            <mj-alert Variant="error" Icon="fa-solid fa-triangle-exclamation" class="mjo-section__confirm-error" role="alert">
+<strong>Nothing was confirmed.</strong> {{ ConfirmError }}
+            </mj-alert>
+        }
+    `, styles: ["\n            .mjo-section__confirm-error {\n                position: fixed; left: 50%; bottom: var(--mj-space-6);\n                transform: translateX(-50%); z-index: 60; max-width: 560px;\n            }\n        "] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OrdersSectionResource, { className: "OrdersSectionResource", filePath: "lib/sections/orders-sections.component.ts", lineNumber: 694 }); })();
+/* ────────────────────────────────────────────────────────────────────────────
+ * Payments
+ * ──────────────────────────────────────────────────────────────────────────── */
+/** The Payments tab — take the cash, and say what it settles. */
+let PaymentsSectionResource = class PaymentsSectionResource extends MJOSectionBaseComponent {
+    get primaryAction() {
+        return { Label: 'New payment', Icon: 'fa-solid fa-plus', EntityName: MJO_ENTITIES.PaymentHeader };
+    }
+    get subPages() {
+        return PAYMENTS_SUB_PAGES;
+    }
+    get preferenceKey() {
+        return 'mjOrders.section.payments.page';
+    }
+    get sectionTitle() {
+        return 'Payments';
+    }
+    get sectionIcon() {
+        return 'fa-solid fa-money-check-dollar';
+    }
+    resolvePage(pageId) {
+        switch (pageId) {
+            case 'list':
+                return MJOPaymentsListPageComponent;
+            case 'dashboard':
+                return MJOPaymentsDashboardPageComponent;
+            case 'refund':
+                return MJORefundPageComponent;
+            case 'credit':
+                return MJOAccountCreditPageComponent;
+            default:
+                return null;
+        }
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵPaymentsSectionResource_BaseFactory; return function PaymentsSectionResource_Factory(__ngFactoryType__) { return (ɵPaymentsSectionResource_BaseFactory || (ɵPaymentsSectionResource_BaseFactory = i0.ɵɵgetInheritedFactory(PaymentsSectionResource)))(__ngFactoryType__ || PaymentsSectionResource); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaymentsSectionResource, selectors: [["mjo-payments-section"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 6, consts: [["pageHost", ""], ["Title", "Payments", "Icon", "fa-solid fa-money-check-dollar", "Subtitle", "Record the cash, then say what it settles", 3, "PageSelected", "NavSections", "ActivePageId", "Loading", "Error"], ["meta", ""], ["title", "When this screen last read the database", 1, "mj-chip", "mj-chip--outline"], ["actions", ""], ["type", "button", "mjButton", "", "variant", "outline", "aria-label", "Refresh this page", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-arrow-rotate-right"], ["type", "button", "mjButton", "", "variant", "primary"], ["type", "button", "mjButton", "", "variant", "primary", 3, "click"], ["aria-hidden", "true"]], template: function PaymentsSectionResource_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "mjo-section-shell", 1);
+            i0.ɵɵlistener("PageSelected", function PaymentsSectionResource_Template_mjo_section_shell_PageSelected_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnPageSelected($event)); });
+            i0.ɵɵelementStart(1, "div", 2);
+            i0.ɵɵconditionalCreate(2, PaymentsSectionResource_Conditional_2_Template, 2, 1, "span", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "div", 4)(4, "button", 5);
+            i0.ɵɵlistener("click", function PaymentsSectionResource_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.RefreshActivePage()); });
+            i0.ɵɵelement(5, "i", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(6, PaymentsSectionResource_Conditional_6_Template, 3, 3, "button", 7);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementContainer(7, null, 0);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            let tmp_6_0;
+            i0.ɵɵproperty("NavSections", ctx.NavSections)("ActivePageId", ctx.ActivePageId)("Loading", ctx.IsLoading)("Error", ctx.LoadError);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.LoadedAtDisplay ? 2 : -1);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional((tmp_6_0 = ctx.primaryAction) ? 6 : -1, tmp_6_0);
+        } }, dependencies: [MJButtonDirective, CommonModule, MJOSectionShellComponent], encapsulation: 2 });
+};
+PaymentsSectionResource = __decorate([
+    RegisterClass(BaseResourceComponent, 'PaymentsSectionResource')
+], PaymentsSectionResource);
+export { PaymentsSectionResource };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaymentsSectionResource, [{
+        type: Component,
+        args: [{
+                selector: 'mjo-payments-section',
+                standalone: true,
+                imports: [MJButtonDirective, CommonModule, MJOSectionShellComponent],
+                template: `
+        <mjo-section-shell
+            Title="Payments"
+            Icon="fa-solid fa-money-check-dollar"
+            Subtitle="Record the cash, then say what it settles"
+            [NavSections]="NavSections"
+            [ActivePageId]="ActivePageId"
+            [Loading]="IsLoading"
+            [Error]="LoadError"
+            (PageSelected)="OnPageSelected($event)">
+
+            <div meta>
+                @if (LoadedAtDisplay) {
+                    <span class="mj-chip mj-chip--outline" title="When this screen last read the database">
+                        as of {{ LoadedAtDisplay }}
+                    </span>
+                }
+            </div>
+
+            <div actions>
+                <button
+                    type="button"
+                    mjButton variant="outline"
+                    (click)="RefreshActivePage()"
+                    aria-label="Refresh this page">
+                    <i class="fa-solid fa-arrow-rotate-right" aria-hidden="true"></i>
+                </button>
+                @if (primaryAction; as action) {
+                    <button type="button" mjButton variant="primary" (click)="StartPrimary()">
+                        <i [class]="action.Icon" aria-hidden="true"></i> {{ action.Label }}
+                    </button>
+                }
+            </div>
+            <ng-container #pageHost />
+        </mjo-section-shell>
+    `,
+            }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaymentsSectionResource, { className: "PaymentsSectionResource", filePath: "lib/sections/orders-sections.component.ts", lineNumber: 784 }); })();
+/* ────────────────────────────────────────────────────────────────────────────
+ * Receivables
+ * ──────────────────────────────────────────────────────────────────────────── */
+/**
+ * The Receivables tab — A/R, collections and subscriptions.
+ *
+ * Its own section rather than a "Reports" folder: aging and renewals are
+ * operational work with worklists and actions, and filing them under Reports
+ * would tell the accounting team their work is read-only.
+ */
+let ReceivablesSectionResource = class ReceivablesSectionResource extends MJOSectionBaseComponent {
+    get subPages() {
+        return RECEIVABLES_SUB_PAGES;
+    }
+    get preferenceKey() {
+        return 'mjOrders.section.receivables.page';
+    }
+    get sectionTitle() {
+        return 'Receivables';
+    }
+    get sectionIcon() {
+        return 'fa-solid fa-chart-column';
+    }
+    resolvePage(pageId) {
+        switch (pageId) {
+            case 'overdue':
+                return MJOOverduePageComponent;
+            case 'aging':
+                return MJOCustomerARPageComponent;
+            case 'subscriptions':
+                return MJOSubscriptionsPageComponent;
+            default:
+                return null;
+        }
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵReceivablesSectionResource_BaseFactory; return function ReceivablesSectionResource_Factory(__ngFactoryType__) { return (ɵReceivablesSectionResource_BaseFactory || (ɵReceivablesSectionResource_BaseFactory = i0.ɵɵgetInheritedFactory(ReceivablesSectionResource)))(__ngFactoryType__ || ReceivablesSectionResource); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReceivablesSectionResource, selectors: [["mjo-receivables-section"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 6, consts: [["pageHost", ""], ["Title", "Receivables", "Icon", "fa-solid fa-chart-column", "Subtitle", "Where each relationship stands before you pick up the phone", 3, "PageSelected", "NavSections", "ActivePageId", "Loading", "Error"], ["meta", ""], ["title", "When this screen last read the database", 1, "mj-chip", "mj-chip--outline"], ["actions", ""], ["type", "button", "mjButton", "", "variant", "outline", "aria-label", "Refresh this page", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-arrow-rotate-right"], ["type", "button", "mjButton", "", "variant", "primary"], ["type", "button", "mjButton", "", "variant", "primary", 3, "click"], ["aria-hidden", "true"]], template: function ReceivablesSectionResource_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "mjo-section-shell", 1);
+            i0.ɵɵlistener("PageSelected", function ReceivablesSectionResource_Template_mjo_section_shell_PageSelected_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnPageSelected($event)); });
+            i0.ɵɵelementStart(1, "div", 2);
+            i0.ɵɵconditionalCreate(2, ReceivablesSectionResource_Conditional_2_Template, 2, 1, "span", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "div", 4)(4, "button", 5);
+            i0.ɵɵlistener("click", function ReceivablesSectionResource_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.RefreshActivePage()); });
+            i0.ɵɵelement(5, "i", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(6, ReceivablesSectionResource_Conditional_6_Template, 3, 3, "button", 7);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementContainer(7, null, 0);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            let tmp_6_0;
+            i0.ɵɵproperty("NavSections", ctx.NavSections)("ActivePageId", ctx.ActivePageId)("Loading", ctx.IsLoading)("Error", ctx.LoadError);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.LoadedAtDisplay ? 2 : -1);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional((tmp_6_0 = ctx.primaryAction) ? 6 : -1, tmp_6_0);
+        } }, dependencies: [MJButtonDirective, CommonModule, MJOSectionShellComponent], encapsulation: 2 });
+};
+ReceivablesSectionResource = __decorate([
+    RegisterClass(BaseResourceComponent, 'ReceivablesSectionResource')
+], ReceivablesSectionResource);
+export { ReceivablesSectionResource };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReceivablesSectionResource, [{
+        type: Component,
+        args: [{
+                selector: 'mjo-receivables-section',
+                standalone: true,
+                imports: [MJButtonDirective, CommonModule, MJOSectionShellComponent],
+                template: `
+        <mjo-section-shell
+            Title="Receivables"
+            Icon="fa-solid fa-chart-column"
+            Subtitle="Where each relationship stands before you pick up the phone"
+            [NavSections]="NavSections"
+            [ActivePageId]="ActivePageId"
+            [Loading]="IsLoading"
+            [Error]="LoadError"
+            (PageSelected)="OnPageSelected($event)">
+
+            <div meta>
+                @if (LoadedAtDisplay) {
+                    <span class="mj-chip mj-chip--outline" title="When this screen last read the database">
+                        as of {{ LoadedAtDisplay }}
+                    </span>
+                }
+            </div>
+
+            <div actions>
+                <button
+                    type="button"
+                    mjButton variant="outline"
+                    (click)="RefreshActivePage()"
+                    aria-label="Refresh this page">
+                    <i class="fa-solid fa-arrow-rotate-right" aria-hidden="true"></i>
+                </button>
+                @if (primaryAction; as action) {
+                    <button type="button" mjButton variant="primary" (click)="StartPrimary()">
+                        <i [class]="action.Icon" aria-hidden="true"></i> {{ action.Label }}
+                    </button>
+                }
+            </div>
+            <ng-container #pageHost />
+        </mjo-section-shell>
+    `,
+            }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReceivablesSectionResource, { className: "ReceivablesSectionResource", filePath: "lib/sections/orders-sections.component.ts", lineNumber: 870 }); })();
+/* ────────────────────────────────────────────────────────────────────────────
+ * Catalog
+ * ──────────────────────────────────────────────────────────────────────────── */
+/**
+ * The Catalog tab — where the behaviour every order inherits is configured.
+ *
+ * Product type decides revenue recognition, taxability, fulfillment and
+ * recurrence, so this is the section that makes the order screens correct by
+ * default instead of asking the user to restate it per line.
+ */
+let CatalogSectionResource = class CatalogSectionResource extends MJOSectionBaseComponent {
+    get subPages() {
+        return CATALOG_SUB_PAGES;
+    }
+    get preferenceKey() {
+        return 'mjOrders.section.catalog.page';
+    }
+    get sectionTitle() {
+        return 'Catalog';
+    }
+    get sectionIcon() {
+        return 'fa-solid fa-box-open';
+    }
+    resolvePage(pageId) {
+        switch (pageId) {
+            case 'products':
+                return MJOProductsPageComponent;
+            case 'charges':
+                return MJOChargesTaxPageComponent;
+            case 'pricing':
+                return MJOPricingPageComponent;
+            case 'promotions':
+                return MJOPromotionsPageComponent;
+            default:
+                return null;
+        }
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵCatalogSectionResource_BaseFactory; return function CatalogSectionResource_Factory(__ngFactoryType__) { return (ɵCatalogSectionResource_BaseFactory || (ɵCatalogSectionResource_BaseFactory = i0.ɵɵgetInheritedFactory(CatalogSectionResource)))(__ngFactoryType__ || CatalogSectionResource); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CatalogSectionResource, selectors: [["mjo-catalog-section"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 6, consts: [["pageHost", ""], ["Title", "Catalog", "Icon", "fa-solid fa-box-open", "Subtitle", "Products, prices, promotions and the charges every order inherits", 3, "PageSelected", "NavSections", "ActivePageId", "Loading", "Error"], ["meta", ""], ["title", "When this screen last read the database", 1, "mj-chip", "mj-chip--outline"], ["actions", ""], ["type", "button", "mjButton", "", "variant", "outline", "aria-label", "Refresh this page", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-arrow-rotate-right"], ["type", "button", "mjButton", "", "variant", "primary"], ["type", "button", "mjButton", "", "variant", "primary", 3, "click"], ["aria-hidden", "true"]], template: function CatalogSectionResource_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "mjo-section-shell", 1);
+            i0.ɵɵlistener("PageSelected", function CatalogSectionResource_Template_mjo_section_shell_PageSelected_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnPageSelected($event)); });
+            i0.ɵɵelementStart(1, "div", 2);
+            i0.ɵɵconditionalCreate(2, CatalogSectionResource_Conditional_2_Template, 2, 1, "span", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "div", 4)(4, "button", 5);
+            i0.ɵɵlistener("click", function CatalogSectionResource_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.RefreshActivePage()); });
+            i0.ɵɵelement(5, "i", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(6, CatalogSectionResource_Conditional_6_Template, 3, 3, "button", 7);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementContainer(7, null, 0);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            let tmp_6_0;
+            i0.ɵɵproperty("NavSections", ctx.NavSections)("ActivePageId", ctx.ActivePageId)("Loading", ctx.IsLoading)("Error", ctx.LoadError);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.LoadedAtDisplay ? 2 : -1);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional((tmp_6_0 = ctx.primaryAction) ? 6 : -1, tmp_6_0);
+        } }, dependencies: [MJButtonDirective, CommonModule, MJOSectionShellComponent], encapsulation: 2 });
+};
+CatalogSectionResource = __decorate([
+    RegisterClass(BaseResourceComponent, 'CatalogSectionResource')
+], CatalogSectionResource);
+export { CatalogSectionResource };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CatalogSectionResource, [{
+        type: Component,
+        args: [{
+                selector: 'mjo-catalog-section',
+                standalone: true,
+                imports: [MJButtonDirective, CommonModule, MJOSectionShellComponent],
+                template: `
+        <mjo-section-shell
+            Title="Catalog"
+            Icon="fa-solid fa-box-open"
+            Subtitle="Products, prices, promotions and the charges every order inherits"
+            [NavSections]="NavSections"
+            [ActivePageId]="ActivePageId"
+            [Loading]="IsLoading"
+            [Error]="LoadError"
+            (PageSelected)="OnPageSelected($event)">
+
+            <div meta>
+                @if (LoadedAtDisplay) {
+                    <span class="mj-chip mj-chip--outline" title="When this screen last read the database">
+                        as of {{ LoadedAtDisplay }}
+                    </span>
+                }
+            </div>
+
+            <div actions>
+                <button
+                    type="button"
+                    mjButton variant="outline"
+                    (click)="RefreshActivePage()"
+                    aria-label="Refresh this page">
+                    <i class="fa-solid fa-arrow-rotate-right" aria-hidden="true"></i>
+                </button>
+                @if (primaryAction; as action) {
+                    <button type="button" mjButton variant="primary" (click)="StartPrimary()">
+                        <i [class]="action.Icon" aria-hidden="true"></i> {{ action.Label }}
+                    </button>
+                }
+            </div>
+            <ng-container #pageHost />
+        </mjo-section-shell>
+    `,
+            }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CatalogSectionResource, { className: "CatalogSectionResource", filePath: "lib/sections/orders-sections.component.ts", lineNumber: 950 }); })();
+//# sourceMappingURL=orders-sections.component.js.map