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

package/dist/lib/pages/catalog/products.page.js

@@ -0,0 +1,877 @@
+import { ChangeDetectorRef, Component, EventEmitter, Output, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { EntityViewerModule } from '@memberjunction/ng-entity-viewer';
+import { Metadata } from '@memberjunction/core';
+import { FormatDate } from '../../panels/money-format.js';
+import { MJAlertComponent } from '@memberjunction/ng-ui-components';
+import { GetChargeTypes, GetTaxExemptions, GetTaxJurisdictions, GetTaxNexus, GetTaxRates } from '../../data/orders-queries.js';
+import { MJO_ENTITIES } from '../../data/entity-names.js';
+import { IsBefore, 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"];
+function MJOProductsPageComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-entity-viewer", 14);
+    i0.ɵɵlistener("RecordOpened", function MJOProductsPageComponent_Conditional_5_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.ProductEntityInfo);
+} }
+function MJOProductsPageComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵtext(1, "Loading products...");
+    i0.ɵɵelementEnd();
+} }
+function MJOProductsPageComponent_For_29_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const type_r3 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("extends ", ctx_r1.shortEntity(type_r3["ProductExtensionEntity"]));
+} }
+function MJOProductsPageComponent_For_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td");
+    i0.ɵɵtext(2);
+    i0.ɵɵconditionalCreate(3, MJOProductsPageComponent_For_29_Conditional_3_Template, 2, 1, "div", 15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "td", 16);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "td", 16);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "td", 16);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const type_r3 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", type_r3["Name"], " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(type_r3["ProductExtensionEntity"] ? 3 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(type_r3["RequiresFulfillment"] ? "yes" : "no");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(type_r3["DefaultRevenueRecognitionType"] ?? "\u2014");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", type_r3["DefaultIsTaxable"] ? type_r3["DefaultTaxCategory"] ?? "yes" : "no", " ");
+} }
+function MJOProductsPageComponent_ForEmpty_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 17);
+    i0.ɵɵtext(2, "No product types.");
+    i0.ɵɵelementEnd()();
+} }
+function MJOProductsPageComponent_For_54_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td", 18);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "td", 16);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const category_r4 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(category_r4["Name"]);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(category_r4["ParentProductCategory"] ?? "\u2014");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", category_r4["DefaultIsTaxable"] ? category_r4["DefaultTaxCategory"] ?? "taxable" : "exempt", " ");
+} }
+function MJOProductsPageComponent_ForEmpty_55_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 19);
+    i0.ɵɵtext(2, "No categories.");
+    i0.ɵɵelementEnd()();
+} }
+const _forTrack1 = ($index, $item) => $item.Key;
+function MJOChargesTaxPageComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-entity-viewer", 2);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Entity", ctx_r0.ChargeTypeEntityInfo);
+} }
+function MJOChargesTaxPageComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵtext(1, "Loading charge types...");
+    i0.ɵɵelementEnd();
+} }
+function MJOChargesTaxPageComponent_For_35_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("within ", row_r2.Parent);
+} }
+function MJOChargesTaxPageComponent_For_35_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td");
+    i0.ɵɵtext(2);
+    i0.ɵɵconditionalCreate(3, MJOChargesTaxPageComponent_For_35_Conditional_3_Template, 2, 1, "div", 20);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "td", 21);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "td", 21);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "td", 11);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const row_r2 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", row_r2.Name, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r2.Parent ? 3 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r2.Where);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r2.Category);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r2.Rate);
+} }
+function MJOChargesTaxPageComponent_ForEmpty_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 22);
+    i0.ɵɵtext(2, "No jurisdictions configured.");
+    i0.ɵɵelementEnd()();
+} }
+function MJOChargesTaxPageComponent_For_58_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 21);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td", 21);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "td", 21);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "td")(8, "span", 23);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const row_r3 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r3["Company"] ?? "\u2014");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r3["TaxJurisdiction"] ?? "\u2014");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r3["NexusType"] ?? "\u2014");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r0.nexusClass(row_r3));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", row_r3["Status"] ?? "\u2014", " ");
+} }
+function MJOChargesTaxPageComponent_ForEmpty_59_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 22);
+    i0.ɵɵtext(2, "No registrations.");
+    i0.ɵɵelementEnd()();
+} }
+function MJOChargesTaxPageComponent_For_90_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 21);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td", 21);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "td", 21);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "td", 24);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "td", 21);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "td")(12, "span", 23);
+    i0.ɵɵtext(13);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const row_r4 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r4["Organization"] ?? row_r4["Person"] ?? "\u2014");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.jurisdictionOf(row_r4));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r4["TaxCategory"] ?? "all");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r4["CertificateRef"] ?? "\u2014");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.dateOf(row_r4["CertificateExpiresAt"]));
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r0.exemptionClass(row_r4));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", row_r4["Status"] ?? "\u2014", " ");
+} }
+function MJOChargesTaxPageComponent_ForEmpty_91_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 25);
+    i0.ɵɵtext(2, "No exemption certificates.");
+    i0.ɵɵelementEnd()();
+} }
+/**
+ * `mjo-products-page` — the catalog, which is the behaviour root.
+ *
+ * WHY THE CATALOG IS THE MOST CONSEQUENTIAL ADMIN SCREEN. A product's TYPE decides
+ * how its revenue recognises, whether it is taxable, whether it must ship and
+ * whether buying it creates a subscription. Every order that ever includes it
+ * inherits those answers. Getting a product wrong is not one wrong row — it is
+ * every future order line quietly booking the wrong way.
+ *
+ * So the list leads with type and behaviour rather than with price: price is
+ * visible and correctable, whereas a wrong recognition shape produces a balanced
+ * journal entry in the wrong period and nothing downstream disagrees.
+ *
+ * ## Example
+ *
+ * ```html
+ * <mjo-products-page (ProductOpened)="openForm($event)" />
+ * ```
+ */
+export class MJOProductsPageComponent {
+    cdr = inject(ChangeDetectorRef);
+    ProductOpened = new EventEmitter();
+    ProductEntityInfo = null;
+    Categories = [];
+    Types = [];
+    async ngOnInit() {
+        const md = new Metadata();
+        this.ProductEntityInfo = md.Entities.find((e) => e.Name === MJO_ENTITIES.Product) || null;
+        this.cdr.detectChanges();
+    }
+    OnRecordOpened(event) {
+        const id = (event.compositeKey?.GetValueByFieldName('ID') ?? event.record?.['ID']);
+        if (id) {
+            const surrogate = { ID: id };
+            this.ProductOpened.emit(surrogate);
+        }
+    }
+    /** 'MJ_BizApps_Orders: Event Products' → 'Event Products'. */
+    shortEntity(name) {
+        return String(name ?? '').split(':').pop()?.trim() ?? '';
+    }
+    static ɵfac = function MJOProductsPageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJOProductsPageComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJOProductsPageComponent, selectors: [["mjo-products-page"]], outputs: { ProductOpened: "ProductOpened" }, decls: 62, vars: 5, consts: [["Variant", "info", "Icon", "fa-solid fa-sitemap", 1, "mjo-cat__note"], [1, "mjo-products-viewer-container"], [3, "Entity"], [1, "small", "muted", 2, "padding", "24px"], [1, "mjo-cat__grid"], [1, "mj-card"], [1, "mj-card-head"], ["aria-hidden", "true", 1, "fa-solid", "fa-layer-group"], [1, "right", "small", "muted"], [1, "mj-table-wrap"], [1, "mj-table", "mj-table--compact"], [1, "mj-card-pad", "small", "muted"], ["aria-hidden", "true", 1, "fa-solid", "fa-folder-tree"], ["Variant", "info", "Icon", "fa-solid fa-puzzle-piece", 1, "mjo-cat__block"], [3, "RecordOpened", "Entity"], [1, "secondary"], [1, "small"], ["colspan", "4", 1, "small", "muted"], [1, "small", "muted"], ["colspan", "3", 1, "small", "muted"]], template: function MJOProductsPageComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-alert", 0)(1, "strong");
+            i0.ɵɵtext(2, "The catalog is the behaviour root.");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(3, " A product's type decides recognition, taxability, fulfillment and recurrence, and every order line inherits those answers \u2014 which is why an order screen never asks for them again. ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 1);
+            i0.ɵɵconditionalCreate(5, MJOProductsPageComponent_Conditional_5_Template, 1, 1, "mj-entity-viewer", 2)(6, MJOProductsPageComponent_Conditional_6_Template, 2, 0, "div", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "div", 4)(8, "div", 5)(9, "div", 6);
+            i0.ɵɵelement(10, "i", 7);
+            i0.ɵɵelementStart(11, "h3");
+            i0.ɵɵtext(12, "Product types");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(13, "span", 8);
+            i0.ɵɵtext(14);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(15, "div", 9)(16, "table", 10)(17, "thead")(18, "tr")(19, "th");
+            i0.ɵɵtext(20, "Type");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(21, "th");
+            i0.ɵɵtext(22, "Ships");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(23, "th");
+            i0.ɵɵtext(24, "Recognition");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(25, "th");
+            i0.ɵɵtext(26, "Taxable");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(27, "tbody");
+            i0.ɵɵrepeaterCreate(28, MJOProductsPageComponent_For_29_Template, 10, 5, "tr", null, _forTrack0, false, MJOProductsPageComponent_ForEmpty_30_Template, 3, 0, "tr");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(31, "div", 11)(32, "b");
+            i0.ɵɵtext(33, "What a type decides:");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(34, " whether a line ships, how its revenue is recognised, whether it is taxable, and whether it recurs. A product inherits all four and may override any \u2014 so a line never has to be asked. ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(35, "div", 5)(36, "div", 6);
+            i0.ɵɵelement(37, "i", 12);
+            i0.ɵɵelementStart(38, "h3");
+            i0.ɵɵtext(39, "Categories");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(40, "span", 8);
+            i0.ɵɵtext(41);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(42, "div", 9)(43, "table", 10)(44, "thead")(45, "tr")(46, "th");
+            i0.ɵɵtext(47, "Category");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(48, "th");
+            i0.ɵɵtext(49, "Within");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(50, "th");
+            i0.ɵɵtext(51, "Default tax");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(52, "tbody");
+            i0.ɵɵrepeaterCreate(53, MJOProductsPageComponent_For_54_Template, 7, 3, "tr", null, _forTrack0, false, MJOProductsPageComponent_ForEmpty_55_Template, 3, 0, "tr");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(56, "div", 11);
+            i0.ɵɵtext(57, " Categories group for reporting and supply defaults. They do NOT decide behaviour \u2014 that is the type's job. Keeping the two apart is what stops a reporting change from altering how something is taxed. ");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(58, "mj-alert", 13)(59, "strong");
+            i0.ɵɵtext(60, "Type extensions carry what only that type needs.");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(61, " An event has a venue and a date; a subscription has a term length. Rather than a products table with columns most rows leave null, a type names an extension entity and the extra facts live there. The order line gets a matching extension, so a line selling a ticket can hold ticket facts without every other line pretending to. ");
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(5);
+            i0.ɵɵconditional(ctx.ProductEntityInfo ? 5 : 6);
+            i0.ɵɵadvance(9);
+            i0.ɵɵtextInterpolate(ctx.Types.length);
+            i0.ɵɵadvance(14);
+            i0.ɵɵrepeater(ctx.Types);
+            i0.ɵɵadvance(13);
+            i0.ɵɵtextInterpolate(ctx.Categories.length);
+            i0.ɵɵadvance(12);
+            i0.ɵɵrepeater(ctx.Categories);
+        } }, dependencies: [CommonModule, MJAlertComponent, EntityViewerModule, i1.EntityViewerComponent], styles: ["[_nghost-%COMP%] {\n                display: block;\n                height: 100%;\n                overflow: auto;\n                padding: var(--mj-space-6);\n            }\n            .mjo-products-viewer-container[_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-cat__note[_ngcontent-%COMP%] { margin-bottom: var(--mj-space-4); }\n            .mjo-cat__grid[_ngcontent-%COMP%] {\n                display: grid;\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                gap: var(--mj-space-4);\n                margin-top: var(--mj-space-4);\n            }\n            .mjo-cat__block[_ngcontent-%COMP%] { margin-top: var(--mj-space-4); }\n            @media (max-width: 1000px) {\n                .mjo-cat__grid[_ngcontent-%COMP%] { grid-template-columns: 1fr; }\n            }\n            @media (max-width: 760px) {\n                [_nghost-%COMP%] { padding: var(--mj-space-4); }\n            }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJOProductsPageComponent, [{
+        type: Component,
+        args: [{ selector: 'mjo-products-page', standalone: true, imports: [CommonModule, MJAlertComponent, EntityViewerModule], template: `
+        <mj-alert Variant="info" Icon="fa-solid fa-sitemap" class="mjo-cat__note">
+                <strong>The catalog is the behaviour root.</strong>
+                A product's type decides recognition, taxability, fulfillment and recurrence, and every
+                order line inherits those answers — which is why an order screen never asks for them
+                again.
+        </mj-alert>
+
+        <div class="mjo-products-viewer-container">
+            @if (ProductEntityInfo) {
+                <mj-entity-viewer
+                    [Entity]="ProductEntityInfo"
+                    (RecordOpened)="OnRecordOpened($event)">
+                </mj-entity-viewer>
+            } @else {
+                <div class="small muted" style="padding: 24px;">Loading products...</div>
+            }
+        </div>
+
+        <div class="mjo-cat__grid">
+            <div class="mj-card">
+                <div class="mj-card-head">
+                    <i class="fa-solid fa-layer-group" aria-hidden="true"></i>
+                    <h3>Product types</h3>
+                    <span class="right small muted">{{ Types.length }}</span>
+                </div>
+                <div class="mj-table-wrap">
+                    <table class="mj-table mj-table--compact">
+                        <thead>
+                            <tr>
+                                <th>Type</th>
+                                <th>Ships</th>
+                                <th>Recognition</th>
+                                <th>Taxable</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            @for (type of Types; track type['ID']) {
+                                <tr>
+                                    <td>
+                                        {{ type['Name'] }}
+                                        @if (type['ProductExtensionEntity']) {
+                                            <div class="secondary">extends {{ shortEntity(type['ProductExtensionEntity']) }}</div>
+                                        }
+                                    </td>
+                                    <td class="small">{{ type['RequiresFulfillment'] ? 'yes' : 'no' }}</td>
+                                    <td class="small">{{ type['DefaultRevenueRecognitionType'] ?? '—' }}</td>
+                                    <td class="small">
+                                        {{ type['DefaultIsTaxable'] ? (type['DefaultTaxCategory'] ?? 'yes') : 'no' }}
+                                    </td>
+                                </tr>
+                            } @empty {
+                                <tr><td colspan="4" class="small muted">No product types.</td></tr>
+                            }
+                        </tbody>
+                    </table>
+                </div>
+                <div class="mj-card-pad small muted">
+                    <b>What a type decides:</b> whether a line ships, how its revenue is recognised,
+                    whether it is taxable, and whether it recurs. A product inherits all four and may
+                    override any — so a line never has to be asked.
+                </div>
+            </div>
+
+            <div class="mj-card">
+                <div class="mj-card-head">
+                    <i class="fa-solid fa-folder-tree" aria-hidden="true"></i>
+                    <h3>Categories</h3>
+                    <span class="right small muted">{{ Categories.length }}</span>
+                </div>
+                <div class="mj-table-wrap">
+                    <table class="mj-table mj-table--compact">
+                        <thead>
+                            <tr><th>Category</th><th>Within</th><th>Default tax</th></tr>
+                        </thead>
+                        <tbody>
+                            @for (category of Categories; track category['ID']) {
+                                <tr>
+                                    <td>{{ category['Name'] }}</td>
+                                    <td class="small muted">{{ category['ParentProductCategory'] ?? '—' }}</td>
+                                    <td class="small">
+                                        {{ category['DefaultIsTaxable'] ? (category['DefaultTaxCategory'] ?? 'taxable') : 'exempt' }}
+                                    </td>
+                                </tr>
+                            } @empty {
+                                <tr><td colspan="3" class="small muted">No categories.</td></tr>
+                            }
+                        </tbody>
+                    </table>
+                </div>
+                <div class="mj-card-pad small muted">
+                    Categories group for reporting and supply defaults. They do NOT decide
+                    behaviour — that is the type's job. Keeping the two apart is what stops a
+                    reporting change from altering how something is taxed.
+                </div>
+            </div>
+        </div>
+
+        <mj-alert Variant="info" Icon="fa-solid fa-puzzle-piece" class="mjo-cat__block">
+                <strong>Type extensions carry what only that type needs.</strong>
+                An event has a venue and a date; a subscription has a term length. Rather than a
+                products table with columns most rows leave null, a type names an extension entity
+                and the extra facts live there. The order line gets a matching extension, so a line
+                selling a ticket can hold ticket facts without every other line pretending to.
+        </mj-alert>
+    `, styles: ["\n            :host {\n                display: block;\n                height: 100%;\n                overflow: auto;\n                padding: var(--mj-space-6);\n            }\n            .mjo-products-viewer-container {\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-cat__note { margin-bottom: var(--mj-space-4); }\n            .mjo-cat__grid {\n                display: grid;\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                gap: var(--mj-space-4);\n                margin-top: var(--mj-space-4);\n            }\n            .mjo-cat__block { margin-top: var(--mj-space-4); }\n            @media (max-width: 1000px) {\n                .mjo-cat__grid { grid-template-columns: 1fr; }\n            }\n            @media (max-width: 760px) {\n                :host { padding: var(--mj-space-4); }\n            }\n        "] }]
+    }], null, { ProductOpened: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJOProductsPageComponent, { className: "MJOProductsPageComponent", filePath: "lib/pages/catalog/products.page.ts", lineNumber: 189 }); })();
+/**
+ * `mjo-charges-tax-page` — shipping, handling and tax as one mechanism.
+ *
+ * TAX IS A CHARGE. Modelling it that way means multi-layer tax — state plus county
+ * plus city — is several rows rather than a special case, so ordering, allocation,
+ * override and GL treatment are written once instead of twice.
+ *
+ * SEQUENCE IS WHAT MAKES LAYERING WORK, and the table leads with it. Non-tax
+ * charges run first and ENLARGE the taxable base; tax charges run after and never
+ * do. That single flag is why tax-on-shipping works with no code that knows the
+ * word "shipping", and why county tax is never charged on state tax.
+ *
+ * ## Example
+ *
+ * ```html
+ * <mjo-charges-tax-page />
+ * ```
+ */
+export class MJOChargesTaxPageComponent {
+    cdr = inject(ChangeDetectorRef);
+    ChargeTypeEntityInfo = null;
+    Rows = [];
+    Jurisdictions = [];
+    Rates = [];
+    Nexus = [];
+    Exemptions = [];
+    async ngOnInit() {
+        const md = new Metadata();
+        this.ChargeTypeEntityInfo = md.Entities.find((e) => e.Name === MJO_ENTITIES.ChargeType) || null;
+        const [rows, jurisdictions, rates, nexus, exemptions] = await Promise.all([
+            GetChargeTypes(),
+            GetTaxJurisdictions(),
+            GetTaxRates(),
+            GetTaxNexus(),
+            GetTaxExemptions(),
+        ]);
+        this.Rows = rows;
+        this.Jurisdictions = jurisdictions;
+        this.Rates = rates;
+        this.Nexus = nexus;
+        this.Exemptions = exemptions;
+        this.cdr.detectChanges();
+    }
+    /**
+     * Jurisdictions joined to their CURRENT rate, one row per category.
+     *
+     * A jurisdiction with no live rate still appears, showing "—". It is a real
+     * layer that happens to charge nothing today, and hiding it would make the
+     * stack look shorter than it is.
+     */
+    get JurisdictionRates() {
+        const today = new Date().toISOString().slice(0, 10);
+        const live = (rate) => {
+            const from = rate['EffectiveFrom'] ? String(rate['EffectiveFrom']).slice(0, 10) : null;
+            const to = rate['EffectiveTo'] ? String(rate['EffectiveTo']).slice(0, 10) : null;
+            return (!from || from <= today) && (!to || to >= today);
+        };
+        const out = [];
+        for (const j of this.Jurisdictions) {
+            const id = String(j['ID']);
+            const where = [j['CityName'], j['RegionCode'], j['CountryCode']].filter(Boolean).join(', ');
+            const mine = this.Rates.filter((r) => String(r['TaxJurisdictionID']) === id && live(r));
+            if (!mine.length) {
+                out.push({
+                    Key: id,
+                    Name: String(j['Name'] ?? ''),
+                    Parent: j['ParentTaxJurisdiction'] ?? null,
+                    Where: where || '—',
+                    Category: '—',
+                    Rate: '—',
+                });
+                continue;
+            }
+            for (const rate of mine) {
+                out.push({
+                    Key: `${id}:${String(rate['ID'])}`,
+                    Name: String(j['Name'] ?? ''),
+                    Parent: j['ParentTaxJurisdiction'] ?? null,
+                    Where: where || '—',
+                    Category: String(rate['TaxCategory'] ?? 'all'),
+                    Rate: `${(Number(rate['Rate'] ?? 0) * 100).toFixed(3).replace(/0+$/, '').replace(/\.$/, '')}%`,
+                });
+            }
+        }
+        return out;
+    }
+    dateOf(value) {
+        return value ? FormatDate(String(value), { Short: true }) : '—';
+    }
+    nexusClass(row) {
+        return row['Status'] === 'Active' ? 'mj-chip--success' : 'mj-chip--outline';
+    }
+    /** An expired certificate stops exempting on its own date. */
+    /**
+     * The jurisdiction a certificate covers, or 'all' when it genuinely covers everything.
+     *
+     * This read `row['TaxJurisdiction']` — a field `CustomerTaxExemption` does not have, since the
+     * base view joins no jurisdiction. Every row therefore fell through to the `?? 'all'` default,
+     * so a certificate scoped to ONE state was displayed as exempting the customer EVERYWHERE. That
+     * is not a blank cell; it is a wrong claim about tax scope, on the screen a tax admin uses to
+     * check exactly that. The jurisdiction names are already loaded for the table above, so the
+     * answer costs nothing but the lookup.
+     */
+    jurisdictionOf(row) {
+        if (!row.TaxJurisdictionID)
+            return 'all';
+        const key = String(row.TaxJurisdictionID).toLowerCase();
+        const match = this.Jurisdictions.find((j) => String(j['ID'] ?? '').toLowerCase() === key);
+        return String(match?.['Name'] ?? row.TaxJurisdictionID);
+    }
+    exemptionClass(row) {
+        // Read through the helper rather than String(...).slice(): `CertificateExpiresAt` is a Date
+        // on the entity, and the bracket access here means the compiler never saw the mismatch. The
+        // old form produced 'Mon Aug 10', which is never less than an ISO day, so an EXPIRED
+        // certificate kept its ordinary chip and nobody was told to collect a new one.
+        if (IsBefore(row.CertificateExpiresAt, Today()))
+            return 'mj-chip--warning';
+        return row['Status'] === 'Active' ? 'mj-chip--success' : 'mj-chip--outline';
+    }
+    static ɵfac = function MJOChargesTaxPageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJOChargesTaxPageComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJOChargesTaxPageComponent, selectors: [["mjo-charges-tax-page"]], decls: 107, vars: 6, consts: [["Variant", "info", "Icon", "fa-solid fa-layer-group", 1, "mjo-cat__note"], [1, "mjo-tax__viewer-host"], [3, "Entity"], [1, "small", "muted", 2, "padding", "24px"], [1, "mjo-tax__grid"], [1, "mj-card"], [1, "mj-card-head"], ["aria-hidden", "true", 1, "fa-solid", "fa-percent"], [1, "right", "small", "muted"], [1, "mj-table-wrap"], [1, "mj-table", "mj-table--compact"], [1, "num"], [1, "mj-card-pad", "small", "muted"], ["aria-hidden", "true", 1, "fa-solid", "fa-building-columns"], [1, "mj-card", "mjo-tax__block"], ["aria-hidden", "true", 1, "fa-solid", "fa-file-shield"], [1, "mjo-tax__grid", "mjo-tax__block"], ["Variant", "info", "Icon", "fa-solid fa-sitemap"], ["Variant", "info", "Icon", "fa-solid fa-pen"], ["Variant", "info", "Icon", "fa-solid fa-check-double", 1, "mjo-tax__block"], [1, "secondary"], [1, "small"], ["colspan", "4", 1, "small", "muted"], [1, "mj-chip"], [1, "small", "mono"], ["colspan", "6", 1, "small", "muted"]], template: function MJOChargesTaxPageComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-alert", 0)(1, "strong");
+            i0.ɵɵtext(2, "Tax is a charge.");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(3, " State plus county plus city is three rows rather than a special case \u2014 so ordering, allocation, override and GL treatment are written once. A charge's ");
+            i0.ɵɵelementStart(4, "b");
+            i0.ɵɵtext(5, "sequence");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(6, " decides when it computes and its ");
+            i0.ɵɵelementStart(7, "b");
+            i0.ɵɵtext(8, "basis");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(9, " decides what it computes on. ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(10, "div", 1);
+            i0.ɵɵconditionalCreate(11, MJOChargesTaxPageComponent_Conditional_11_Template, 1, 1, "mj-entity-viewer", 2)(12, MJOChargesTaxPageComponent_Conditional_12_Template, 2, 0, "div", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(13, "div", 4)(14, "div", 5)(15, "div", 6);
+            i0.ɵɵelement(16, "i", 7);
+            i0.ɵɵelementStart(17, "h3");
+            i0.ɵɵtext(18, "Jurisdiction layers");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(19, "span", 8);
+            i0.ɵɵtext(20);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(21, "div", 9)(22, "table", 10)(23, "thead")(24, "tr")(25, "th");
+            i0.ɵɵtext(26, "Jurisdiction");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(27, "th");
+            i0.ɵɵtext(28, "Where");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(29, "th");
+            i0.ɵɵtext(30, "Category");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(31, "th", 11);
+            i0.ɵɵtext(32, "Rate");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(33, "tbody");
+            i0.ɵɵrepeaterCreate(34, MJOChargesTaxPageComponent_For_35_Template, 10, 5, "tr", null, _forTrack1, false, MJOChargesTaxPageComponent_ForEmpty_36_Template, 3, 0, "tr");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(37, "div", 12);
+            i0.ɵɵtext(38, " State, county and city are three ROWS, not one blended rate. Layering them separately is what lets a return be filed per authority \u2014 a single 8.25% cannot be split back apart afterwards. ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(39, "div", 5)(40, "div", 6);
+            i0.ɵɵelement(41, "i", 13);
+            i0.ɵɵelementStart(42, "h3");
+            i0.ɵɵtext(43, "Nexus \u2014 where we must collect");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(44, "div", 9)(45, "table", 10)(46, "thead")(47, "tr")(48, "th");
+            i0.ɵɵtext(49, "Company");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(50, "th");
+            i0.ɵɵtext(51, "Jurisdiction");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(52, "th");
+            i0.ɵɵtext(53, "Type");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(54, "th");
+            i0.ɵɵtext(55, "Status");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(56, "tbody");
+            i0.ɵɵrepeaterCreate(57, MJOChargesTaxPageComponent_For_58_Template, 10, 6, "tr", null, _forTrack0, false, MJOChargesTaxPageComponent_ForEmpty_59_Template, 3, 0, "tr");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(60, "div", 12);
+            i0.ɵɵtext(61, " A rate without a registration is a rate we must ");
+            i0.ɵɵelementStart(62, "b");
+            i0.ɵɵtext(63, "not");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(64, " charge. Nexus decides whether tax applies at all; the rate only decides how much. ");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(65, "div", 14)(66, "div", 6);
+            i0.ɵɵelement(67, "i", 15);
+            i0.ɵɵelementStart(68, "h3");
+            i0.ɵɵtext(69, "Customer exemptions");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(70, "span", 8);
+            i0.ɵɵtext(71);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(72, "div", 9)(73, "table", 10)(74, "thead")(75, "tr")(76, "th");
+            i0.ɵɵtext(77, "Customer");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(78, "th");
+            i0.ɵɵtext(79, "Jurisdiction");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(80, "th");
+            i0.ɵɵtext(81, "Category");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(82, "th");
+            i0.ɵɵtext(83, "Certificate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(84, "th");
+            i0.ɵɵtext(85, "Expires");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(86, "th");
+            i0.ɵɵtext(87, "Status");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(88, "tbody");
+            i0.ɵɵrepeaterCreate(89, MJOChargesTaxPageComponent_For_90_Template, 14, 8, "tr", null, _forTrack0, false, MJOChargesTaxPageComponent_ForEmpty_91_Template, 3, 0, "tr");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(92, "div", 12);
+            i0.ɵɵtext(93, " An exemption is scoped: a certificate can cover one jurisdiction, one category, or everything. An EXPIRED certificate stops exempting on its own date \u2014 nobody has to remember to switch it off, which is the only way this stays correct. ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(94, "div", 16)(95, "mj-alert", 17)(96, "strong");
+            i0.ɵɵtext(97, "Taxability inherits down one chain.");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(98, " A product's tax category comes from its type unless the product overrides it, and the order line takes whatever the product resolved to. One chain, one override point \u2014 so \"why was this taxed?\" has a single answer rather than a search. ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(99, "mj-alert", 18)(100, "strong");
+            i0.ɵɵtext(101, "Computed, but overridable.");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(102, " A charge computes from its basis, and a person may replace the amount \u2014 with a reason, which the database itself requires. An override without a reason is a number nobody can explain a year later. ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(103, "mj-alert", 19)(104, "strong");
+            i0.ɵɵtext(105, "Both must hold.");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(106, " Tax is charged only where there is nexus AND the customer is not exempt for that jurisdiction and category. Either one alone is not enough, and treating them as interchangeable is how a business ends up collecting tax it must refund. ");
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(11);
+            i0.ɵɵconditional(ctx.ChargeTypeEntityInfo ? 11 : 12);
+            i0.ɵɵadvance(9);
+            i0.ɵɵtextInterpolate1("", ctx.Jurisdictions.length, " active");
+            i0.ɵɵadvance(14);
+            i0.ɵɵrepeater(ctx.JurisdictionRates);
+            i0.ɵɵadvance(23);
+            i0.ɵɵrepeater(ctx.Nexus);
+            i0.ɵɵadvance(14);
+            i0.ɵɵtextInterpolate1("", ctx.Exemptions.length, " on file");
+            i0.ɵɵadvance(18);
+            i0.ɵɵrepeater(ctx.Exemptions);
+        } }, dependencies: [CommonModule, EntityViewerModule, i1.EntityViewerComponent, MJAlertComponent], styles: ["[_nghost-%COMP%] {\n                display: block;\n                height: 100%;\n                overflow: auto;\n                padding: var(--mj-space-6);\n            }\n            .mjo-cat__note[_ngcontent-%COMP%] { margin-bottom: var(--mj-space-4); }\n            .mjo-tax__viewer-host[_ngcontent-%COMP%] {\n                height: 520px;\n                min-height: 450px;\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                margin-bottom: var(--mj-space-4);\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-tax__grid[_ngcontent-%COMP%] {\n                display: grid;\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                gap: var(--mj-space-4);\n                margin-top: var(--mj-space-4);\n            }\n            .mjo-tax__block[_ngcontent-%COMP%] { margin-top: var(--mj-space-4); }\n            @media (max-width: 1000px) {\n                .mjo-tax__grid[_ngcontent-%COMP%] { grid-template-columns: 1fr; }\n            }\n            @media (max-width: 760px) {\n                [_nghost-%COMP%] { padding: var(--mj-space-4); }\n            }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJOChargesTaxPageComponent, [{
+        type: Component,
+        args: [{ selector: 'mjo-charges-tax-page', standalone: true, imports: [CommonModule, EntityViewerModule, MJAlertComponent], template: `
+        <mj-alert Variant="info" Icon="fa-solid fa-layer-group" class="mjo-cat__note">
+                <strong>Tax is a charge.</strong>
+                State plus county plus city is three rows rather than a special case — so ordering,
+                allocation, override and GL treatment are written once. A charge's <b>sequence</b> decides
+                when it computes and its <b>basis</b> decides what it computes on.
+        </mj-alert>
+
+        <div class="mjo-tax__viewer-host">
+            @if (ChargeTypeEntityInfo) {
+                <mj-entity-viewer
+                    [Entity]="ChargeTypeEntityInfo">
+                </mj-entity-viewer>
+            } @else {
+                <div class="small muted" style="padding: 24px;">Loading charge types...</div>
+            }
+        </div>
+
+        <div class="mjo-tax__grid">
+            <div class="mj-card">
+                <div class="mj-card-head">
+                    <i class="fa-solid fa-percent" aria-hidden="true"></i>
+                    <h3>Jurisdiction layers</h3>
+                    <span class="right small muted">{{ Jurisdictions.length }} active</span>
+                </div>
+                <div class="mj-table-wrap">
+                    <table class="mj-table mj-table--compact">
+                        <thead>
+                            <tr>
+                                <th>Jurisdiction</th>
+                                <th>Where</th>
+                                <th>Category</th>
+                                <th class="num">Rate</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            @for (row of JurisdictionRates; track row.Key) {
+                                <tr>
+                                    <td>
+                                        {{ row.Name }}
+                                        @if (row.Parent) {
+                                            <div class="secondary">within {{ row.Parent }}</div>
+                                        }
+                                    </td>
+                                    <td class="small">{{ row.Where }}</td>
+                                    <td class="small">{{ row.Category }}</td>
+                                    <td class="num">{{ row.Rate }}</td>
+                                </tr>
+                            } @empty {
+                                <tr><td colspan="4" class="small muted">No jurisdictions configured.</td></tr>
+                            }
+                        </tbody>
+                    </table>
+                </div>
+                <div class="mj-card-pad small muted">
+                    State, county and city are three ROWS, not one blended rate. Layering them
+                    separately is what lets a return be filed per authority — a single 8.25% cannot
+                    be split back apart afterwards.
+                </div>
+            </div>
+
+            <div class="mj-card">
+                <div class="mj-card-head">
+                    <i class="fa-solid fa-building-columns" aria-hidden="true"></i>
+                    <h3>Nexus — where we must collect</h3>
+                </div>
+                <div class="mj-table-wrap">
+                    <table class="mj-table mj-table--compact">
+                        <thead>
+                            <tr>
+                                <th>Company</th>
+                                <th>Jurisdiction</th>
+                                <th>Type</th>
+                                <th>Status</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            @for (row of Nexus; track row['ID']) {
+                                <tr>
+                                    <td class="small">{{ row['Company'] ?? '—' }}</td>
+                                    <td class="small">{{ row['TaxJurisdiction'] ?? '—' }}</td>
+                                    <td class="small">{{ row['NexusType'] ?? '—' }}</td>
+                                    <td>
+                                        <span class="mj-chip" [class]="nexusClass(row)">
+                                            {{ row['Status'] ?? '—' }}
+                                        </span>
+                                    </td>
+                                </tr>
+                            } @empty {
+                                <tr><td colspan="4" class="small muted">No registrations.</td></tr>
+                            }
+                        </tbody>
+                    </table>
+                </div>
+                <div class="mj-card-pad small muted">
+                    A rate without a registration is a rate we must <b>not</b> charge. Nexus decides
+                    whether tax applies at all; the rate only decides how much.
+                </div>
+            </div>
+        </div>
+
+        <div class="mj-card mjo-tax__block">
+            <div class="mj-card-head">
+                <i class="fa-solid fa-file-shield" aria-hidden="true"></i>
+                <h3>Customer exemptions</h3>
+                <span class="right small muted">{{ Exemptions.length }} on file</span>
+            </div>
+            <div class="mj-table-wrap">
+                <table class="mj-table mj-table--compact">
+                    <thead>
+                        <tr>
+                            <th>Customer</th>
+                            <th>Jurisdiction</th>
+                            <th>Category</th>
+                            <th>Certificate</th>
+                            <th>Expires</th>
+                            <th>Status</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        @for (row of Exemptions; track row['ID']) {
+                            <tr>
+                                <td class="small">{{ row['Organization'] ?? row['Person'] ?? '—' }}</td>
+                                <td class="small">{{ jurisdictionOf(row) }}</td>
+                                <td class="small">{{ row['TaxCategory'] ?? 'all' }}</td>
+                                <td class="small mono">{{ row['CertificateRef'] ?? '—' }}</td>
+                                <td class="small">{{ dateOf(row['CertificateExpiresAt']) }}</td>
+                                <td>
+                                    <span class="mj-chip" [class]="exemptionClass(row)">
+                                        {{ row['Status'] ?? '—' }}
+                                    </span>
+                                </td>
+                            </tr>
+                        } @empty {
+                            <tr><td colspan="6" class="small muted">No exemption certificates.</td></tr>
+                        }
+                    </tbody>
+                </table>
+            </div>
+            <div class="mj-card-pad small muted">
+                An exemption is scoped: a certificate can cover one jurisdiction, one category, or
+                everything. An EXPIRED certificate stops exempting on its own date — nobody has to
+                remember to switch it off, which is the only way this stays correct.
+            </div>
+        </div>
+
+        <div class="mjo-tax__grid mjo-tax__block">
+            <mj-alert Variant="info" Icon="fa-solid fa-sitemap">
+                    <strong>Taxability inherits down one chain.</strong>
+                    A product's tax category comes from its type unless the product overrides it, and
+                    the order line takes whatever the product resolved to. One chain, one override
+                    point — so "why was this taxed?" has a single answer rather than a search.
+            </mj-alert>
+
+            <mj-alert Variant="info" Icon="fa-solid fa-pen">
+                    <strong>Computed, but overridable.</strong>
+                    A charge computes from its basis, and a person may replace the amount — with a
+                    reason, which the database itself requires. An override without a reason is a
+                    number nobody can explain a year later.
+            </mj-alert>
+        </div>
+
+        <mj-alert Variant="info" Icon="fa-solid fa-check-double" class="mjo-tax__block">
+                <strong>Both must hold.</strong>
+                Tax is charged only where there is nexus AND the customer is not exempt for that
+                jurisdiction and category. Either one alone is not enough, and treating them as
+                interchangeable is how a business ends up collecting tax it must refund.
+        </mj-alert>
+    `, styles: ["\n            :host {\n                display: block;\n                height: 100%;\n                overflow: auto;\n                padding: var(--mj-space-6);\n            }\n            .mjo-cat__note { margin-bottom: var(--mj-space-4); }\n            .mjo-tax__viewer-host {\n                height: 520px;\n                min-height: 450px;\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                margin-bottom: var(--mj-space-4);\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-tax__grid {\n                display: grid;\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                gap: var(--mj-space-4);\n                margin-top: var(--mj-space-4);\n            }\n            .mjo-tax__block { margin-top: var(--mj-space-4); }\n            @media (max-width: 1000px) {\n                .mjo-tax__grid { grid-template-columns: 1fr; }\n            }\n            @media (max-width: 760px) {\n                :host { padding: var(--mj-space-4); }\n            }\n        "] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJOChargesTaxPageComponent, { className: "MJOChargesTaxPageComponent", filePath: "lib/pages/catalog/products.page.ts", lineNumber: 452 }); })();
+//# sourceMappingURL=products.page.js.map