@isaiahiroko/tilmart-ngx-apps-admin 0.2.0

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-stock.module-DYiAkF7E.mjs

@@ -0,0 +1,107 @@
+import * as i0 from '@angular/core';
+import { Component, NgModule } from '@angular/core';
+import * as i1$1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { BaseDirective, using, titleCase, SharedModule } from '@thescaffold/ngx-core';
+import * as i1 from '@thescaffold/ngx-ui';
+import { ElementsModule, WebgetsModule } from '@thescaffold/ngx-ui';
+import { BehaviorSubject, takeUntil, map } from 'rxjs';
+import * as i2 from '@angular/common';
+
+// P7.1 — ops console section pass (PRD 6.2, TRD 9.2). A standard list
+// view on `x-webget-collection` over `apps/commerce/stock-level`, matching the
+// established admin pattern (users, routes, inbox). ops CRUD is covered
+// by `admin:*:apps:commerce:*`.
+class StockComponent extends BaseDirective {
+    constructor() {
+        super(...arguments);
+        this.pluralName = 'stock';
+        this.dataSource = this.apiService.on('apps/commerce/stock-level');
+        this.columns = [
+            { key: 'variantId', value: 'Variant' },
+            { key: 'locationId', value: 'Location' },
+            { key: 'available', value: 'Available' },
+            { key: 'reserved', value: 'Reserved' },
+            { key: 'incoming', value: 'Incoming' },
+        ];
+        this.page = 1;
+        this.perPage = 25;
+        this.list$ = new BehaviorSubject(null);
+        this.init = () => {
+            this.list();
+        };
+    }
+    list(page = this.page, perPage = this.perPage) {
+        this.dataSource
+            .getMany({ page, perPage })
+            .pipe(takeUntil(this.$), map((response) => this.toCollection(response)))
+            .subscribe(using((data) => this.list$.next(data)));
+    }
+    toCollection(response) {
+        return {
+            title: titleCase(this.pluralName),
+            columns: this.columns,
+            rows: response?.data,
+            hasHeaders: true,
+            hasTextFilter: true,
+            page: response?.meta?.current_page,
+            perPage: response?.meta?.per_page,
+            total: response?.meta?.total,
+            onPage: (page) => this.list(page),
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: StockComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: StockComponent, isStandalone: false, selector: "x-stock", usesInheritance: true, ngImport: i0, template: `
+    <div class="x-page-head">
+      <div class="x-page-title">Stock</div>
+      <div class="x-page-subtitle">Per-variant, per-location levels — available, reserved and incoming.</div>
+    </div>
+
+    @if (list$ | async; as list) {
+      <x-webget-collection [data]="list"></x-webget-collection>
+    } @else {
+      <x-element-loader></x-element-loader>
+    }
+  `, isInline: true, styles: [".x-page-head{margin-bottom:20px}.x-page-title{font-size:24px;font-weight:800;color:var(--color-text)}.x-page-subtitle{font-size:13.5px;color:var(--color-text-muted);margin-top:2px}\n"], dependencies: [{ kind: "component", type: i1.LoaderComponent, selector: "x-element-loader", inputs: ["data"] }, { kind: "component", type: i1.CollectionComponent, selector: "x-webget-collection", inputs: ["data"], outputs: ["search", "filter", "refresh", "select", "page", "show"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: StockComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'x-stock', template: `
+    <div class="x-page-head">
+      <div class="x-page-title">Stock</div>
+      <div class="x-page-subtitle">Per-variant, per-location levels — available, reserved and incoming.</div>
+    </div>
+
+    @if (list$ | async; as list) {
+      <x-webget-collection [data]="list"></x-webget-collection>
+    } @else {
+      <x-element-loader></x-element-loader>
+    }
+  `, styles: [".x-page-head{margin-bottom:20px}.x-page-title{font-size:24px;font-weight:800;color:var(--color-text)}.x-page-subtitle{font-size:13.5px;color:var(--color-text-muted);margin-top:2px}\n"] }]
+        }] });
+
+class StockModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: StockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: StockModule, declarations: [StockComponent], imports: [SharedModule,
+            ElementsModule,
+            WebgetsModule, i1$1.RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: StockModule, imports: [SharedModule,
+            ElementsModule,
+            WebgetsModule,
+            RouterModule.forChild([{ path: '', component: StockComponent }])] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: StockModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [StockComponent],
+                    imports: [
+                        SharedModule,
+                        ElementsModule,
+                        WebgetsModule,
+                        RouterModule.forChild([{ path: '', component: StockComponent }]),
+                    ],
+                }]
+        }] });
+
+export { StockModule };
+//# sourceMappingURL=isaiahiroko-tilmart-ngx-apps-admin-stock.module-DYiAkF7E.mjs.map

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-stock.module-DYiAkF7E.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isaiahiroko-tilmart-ngx-apps-admin-stock.module-DYiAkF7E.mjs","sources":["../../../projects/admin/src/lib/pages/stock/stock.component.ts","../../../projects/admin/src/lib/pages/stock/stock.module.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { BaseDirective, titleCase, using } from '@thescaffold/ngx-core';\nimport { BehaviorSubject, map, takeUntil } from 'rxjs';\n\n// P7.1 — ops console section pass (PRD 6.2, TRD 9.2). A standard list\n// view on `x-webget-collection` over `apps/commerce/stock-level`, matching the\n// established admin pattern (users, routes, inbox). ops CRUD is covered\n// by `admin:*:apps:commerce:*`.\n@Component({\n  standalone: false,\n  selector: 'x-stock',\n  template: `\n    <div class=\"x-page-head\">\n      <div class=\"x-page-title\">Stock</div>\n      <div class=\"x-page-subtitle\">Per-variant, per-location levels — available, reserved and incoming.</div>\n    </div>\n\n    @if (list$ | async; as list) {\n      <x-webget-collection [data]=\"list\"></x-webget-collection>\n    } @else {\n      <x-element-loader></x-element-loader>\n    }\n  `,\n  styles: [\n    `\n      .x-page-head {\n        margin-bottom: 20px;\n      }\n      .x-page-title {\n        font-size: 24px;\n        font-weight: 800;\n        color: var(--color-text);\n      }\n      .x-page-subtitle {\n        font-size: 13.5px;\n        color: var(--color-text-muted);\n        margin-top: 2px;\n      }\n    `,\n  ],\n})\nexport class StockComponent extends BaseDirective {\n  pluralName = 'stock';\n  dataSource = this.apiService.on('apps/commerce/stock-level');\n\n  columns = [\n    { key: 'variantId', value: 'Variant' },\n    { key: 'locationId', value: 'Location' },\n    { key: 'available', value: 'Available' },\n    { key: 'reserved', value: 'Reserved' },\n    { key: 'incoming', value: 'Incoming' },\n  ];\n\n  page = 1;\n  perPage = 25;\n\n  list$ = new BehaviorSubject<any>(null);\n\n  override init = () => {\n    this.list();\n  };\n\n  list(page = this.page, perPage = this.perPage) {\n    this.dataSource\n      .getMany({ page, perPage })\n      .pipe(\n        takeUntil(this.$),\n        map((response) => this.toCollection(response)),\n      )\n      .subscribe(using((data) => this.list$.next(data)));\n  }\n\n  private toCollection(response: any) {\n    return {\n      title: titleCase(this.pluralName),\n      columns: this.columns,\n      rows: response?.data,\n      hasHeaders: true,\n      hasTextFilter: true,\n      page: response?.meta?.current_page,\n      perPage: response?.meta?.per_page,\n      total: response?.meta?.total,\n      onPage: (page: number) => this.list(page),\n    };\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { SharedModule } from '@thescaffold/ngx-core';\nimport { ElementsModule, WebgetsModule } from '@thescaffold/ngx-ui';\nimport { StockComponent } from './stock.component';\n\n@NgModule({\n  declarations: [StockComponent],\n  imports: [\n    SharedModule,\n    ElementsModule,\n    WebgetsModule,\n    RouterModule.forChild([{ path: '', component: StockComponent }]),\n  ],\n})\nexport class StockModule {}\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-trace.module-Pwr-82Rc.mjs

@@ -0,0 +1,92 @@
+import * as i0 from '@angular/core';
+import { inject, Component, NgModule } from '@angular/core';
+import * as i1$2 from '@angular/router';
+import { ActivatedRoute, RouterModule } from '@angular/router';
+import { BaseDirective, using, SharedModule } from '@thescaffold/ngx-core';
+import * as i1$1 from '@thescaffold/ngx-ui';
+import { ElementsModule } from '@thescaffold/ngx-ui';
+import { takeUntil } from 'rxjs';
+import * as i1 from '@angular/forms';
+import * as i2 from '@angular/common';
+
+// P7.14 (N.4) — trace one order end-to-end without leaving the back
+// office. Reads `GET apps/commerce/reports/trace?ref=<...>` (order
+// number, order id, or a payment provider ref) and renders the merged
+// timeline: status history, payments + attempts, shipments + exceptions,
+// returns, the notifications sent for it, and its audit-log entries.
+class TraceComponent extends BaseDirective {
+    constructor() {
+        super(...arguments);
+        this.source = this.apiService.on('apps/commerce/reports');
+        this.route = inject(ActivatedRoute);
+        this.ref = '';
+        this.loading = false;
+        this.notFound = false;
+        this.data = null;
+        this.init = () => {
+            const q = this.route.snapshot.queryParamMap.get('ref');
+            if (q) {
+                this.ref = q;
+                this.run();
+            }
+        };
+    }
+    run() {
+        const ref = this.ref.trim();
+        if (!ref)
+            return;
+        this.loading = true;
+        this.notFound = false;
+        this.data = null;
+        this.source
+            .getOne(`trace?ref=${encodeURIComponent(ref)}`)
+            .pipe(takeUntil(this.$))
+            .subscribe(using((res) => {
+            const payload = res?.data ?? {};
+            if (payload.ok === false || !payload.data) {
+                this.notFound = true;
+            }
+            else {
+                this.data = payload.data ?? payload;
+            }
+            this.loading = false;
+        }));
+    }
+    detailText(d) {
+        if (!d)
+            return '';
+        return Object.entries(d)
+            .filter(([, v]) => v != null && v !== '')
+            .map(([k, v]) => `${k}: ${v}`)
+            .join(' · ');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: TraceComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: TraceComponent, isStandalone: false, selector: "x-trace", usesInheritance: true, ngImport: i0, template: "<div class=\"x-page-head\">\n  <div class=\"x-page-title\">Trace</div>\n  <div class=\"x-page-subtitle\">\n    Follow one order end-to-end \u2014 status, payments, fulfilment, returns,\n    notifications and audit \u2014 from here alone (N.4).\n  </div>\n</div>\n\n<form class=\"x-tr-search\" (ngSubmit)=\"run()\">\n  <input\n    type=\"search\"\n    placeholder=\"Order number, order id, or payment reference\"\n    [(ngModel)]=\"ref\"\n    name=\"ref\"\n  />\n  <button type=\"submit\" [disabled]=\"loading || !ref.trim()\">Trace</button>\n</form>\n\n@if (loading) {\n  <x-element-loader></x-element-loader>\n} @else if (notFound) {\n  <p class=\"x-tr-empty\">Nothing found for that reference.</p>\n} @else if (data) {\n  <div class=\"x-tr-summary\">\n    <div><strong>{{ data.order.orderNumber }}</strong></div>\n    <div class=\"x-tr-muted\">\n      {{ data.order.status }} \u00B7\n      \u20A6{{ data.order.grandTotal | number: '1.0-0' }} {{ data.order.currency }} \u00B7\n      placed {{ data.order.createdAt | date: 'medium' }}\n    </div>\n    <div class=\"x-tr-counts\">\n      <span>{{ data.payments.length }} payment(s)</span>\n      <span>{{ data.shipments.length }} shipment(s)</span>\n      <span>{{ data.returns.length }} return(s)</span>\n      <span>{{ data.notifications.length }} notification(s)</span>\n      <span>{{ data.auditEntries.length }} audit entr(ies)</span>\n    </div>\n  </div>\n\n  <ol class=\"x-tr-timeline\">\n    @for (e of data.timeline; track $index) {\n      <li class=\"x-tr-event x-tr-kind-{{ e.kind }}\">\n        <div class=\"x-tr-when\">{{ e.at ? (e.at | date: 'short') : '\u2014' }}</div>\n        <div class=\"x-tr-body\">\n          <span class=\"x-tr-tag\">{{ e.kind }}</span>\n          <span class=\"x-tr-label\">{{ e.label }}</span>\n          @if (detailText(e.detail)) {\n            <div class=\"x-tr-detail\">{{ detailText(e.detail) }}</div>\n          }\n        </div>\n      </li>\n    }\n  </ol>\n}\n\n<style>\n  .x-page-head { margin-bottom: 16px; }\n  .x-page-title { font-size: 24px; font-weight: 800; color: var(--color-text); }\n  .x-page-subtitle { font-size: 13.5px; color: var(--color-text-muted); margin-top: 2px; max-width: 620px; }\n  .x-tr-search { display: flex; gap: 8px; margin-bottom: 20px; }\n  .x-tr-search input { flex: 1; max-width: 420px; font: inherit; padding: 8px 12px; border: 1px solid var(--color-border); border-radius: 6px; background: var(--color-surface, #fff); color: var(--color-text); }\n  .x-tr-search button { font: inherit; font-weight: 600; padding: 8px 16px; border: 0; border-radius: 6px; background: var(--color-brand); color: #fff; cursor: pointer; }\n  .x-tr-search button:disabled { opacity: 0.5; }\n  .x-tr-empty { color: var(--color-text-muted); font-size: 13px; }\n  .x-tr-summary { border: 1px solid var(--color-border); border-radius: 10px; padding: 14px; margin-bottom: 18px; }\n  .x-tr-muted { color: var(--color-text-muted); font-size: 13px; margin-top: 3px; }\n  .x-tr-counts { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 10px; font-size: 12px; color: var(--color-text-muted); }\n  .x-tr-timeline { list-style: none; margin: 0; padding: 0; border-left: 2px solid var(--color-border); }\n  .x-tr-event { display: flex; gap: 14px; padding: 8px 0 8px 16px; position: relative; }\n  .x-tr-event::before { content: ''; position: absolute; left: -7px; top: 13px; width: 10px; height: 10px; border-radius: 50%; background: var(--color-text-muted); }\n  .x-tr-kind-payment::before, .x-tr-kind-payment-attempt::before { background: var(--color-brand); }\n  .x-tr-kind-delivery-exception::before, .x-tr-kind-return::before { background: var(--color-danger, #c0392b); }\n  .x-tr-when { font-size: 11.5px; color: var(--color-text-muted); min-width: 96px; padding-top: 2px; }\n  .x-tr-tag { font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; font-weight: 700; color: var(--color-text-muted); margin-right: 8px; }\n  .x-tr-label { font-size: 13.5px; color: var(--color-text); }\n  .x-tr-detail { font-size: 12px; color: var(--color-text-muted); margin-top: 2px; }\n</style>\n", styles: [".x-page-head{margin-bottom:16px}.x-page-title{font-size:24px;font-weight:800;color:var(--color-text)}.x-page-subtitle{font-size:13.5px;color:var(--color-text-muted);margin-top:2px;max-width:620px}.x-tr-search{display:flex;gap:8px;margin-bottom:20px}.x-tr-search input{flex:1;max-width:420px;font:inherit;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface, #fff);color:var(--color-text)}.x-tr-search button{font:inherit;font-weight:600;padding:8px 16px;border:0;border-radius:6px;background:var(--color-brand);color:#fff;cursor:pointer}.x-tr-search button:disabled{opacity:.5}.x-tr-empty{color:var(--color-text-muted);font-size:13px}.x-tr-summary{border:1px solid var(--color-border);border-radius:10px;padding:14px;margin-bottom:18px}.x-tr-muted{color:var(--color-text-muted);font-size:13px;margin-top:3px}.x-tr-counts{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:12px;color:var(--color-text-muted)}.x-tr-timeline{list-style:none;margin:0;padding:0;border-left:2px solid var(--color-border)}.x-tr-event{display:flex;gap:14px;padding:8px 0 8px 16px;position:relative}.x-tr-event:before{content:\"\";position:absolute;left:-7px;top:13px;width:10px;height:10px;border-radius:50%;background:var(--color-text-muted)}.x-tr-kind-payment:before,.x-tr-kind-payment-attempt:before{background:var(--color-brand)}.x-tr-kind-delivery-exception:before,.x-tr-kind-return:before{background:var(--color-danger, #c0392b)}.x-tr-when{font-size:11.5px;color:var(--color-text-muted);min-width:96px;padding-top:2px}.x-tr-tag{font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:var(--color-text-muted);margin-right:8px}.x-tr-label{font-size:13.5px;color:var(--color-text)}.x-tr-detail{font-size:12px;color:var(--color-text-muted);margin-top:2px}\n"], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i1$1.LoaderComponent, selector: "x-element-loader", inputs: ["data"] }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.DatePipe, name: "date" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: TraceComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'x-trace', template: "<div class=\"x-page-head\">\n  <div class=\"x-page-title\">Trace</div>\n  <div class=\"x-page-subtitle\">\n    Follow one order end-to-end \u2014 status, payments, fulfilment, returns,\n    notifications and audit \u2014 from here alone (N.4).\n  </div>\n</div>\n\n<form class=\"x-tr-search\" (ngSubmit)=\"run()\">\n  <input\n    type=\"search\"\n    placeholder=\"Order number, order id, or payment reference\"\n    [(ngModel)]=\"ref\"\n    name=\"ref\"\n  />\n  <button type=\"submit\" [disabled]=\"loading || !ref.trim()\">Trace</button>\n</form>\n\n@if (loading) {\n  <x-element-loader></x-element-loader>\n} @else if (notFound) {\n  <p class=\"x-tr-empty\">Nothing found for that reference.</p>\n} @else if (data) {\n  <div class=\"x-tr-summary\">\n    <div><strong>{{ data.order.orderNumber }}</strong></div>\n    <div class=\"x-tr-muted\">\n      {{ data.order.status }} \u00B7\n      \u20A6{{ data.order.grandTotal | number: '1.0-0' }} {{ data.order.currency }} \u00B7\n      placed {{ data.order.createdAt | date: 'medium' }}\n    </div>\n    <div class=\"x-tr-counts\">\n      <span>{{ data.payments.length }} payment(s)</span>\n      <span>{{ data.shipments.length }} shipment(s)</span>\n      <span>{{ data.returns.length }} return(s)</span>\n      <span>{{ data.notifications.length }} notification(s)</span>\n      <span>{{ data.auditEntries.length }} audit entr(ies)</span>\n    </div>\n  </div>\n\n  <ol class=\"x-tr-timeline\">\n    @for (e of data.timeline; track $index) {\n      <li class=\"x-tr-event x-tr-kind-{{ e.kind }}\">\n        <div class=\"x-tr-when\">{{ e.at ? (e.at | date: 'short') : '\u2014' }}</div>\n        <div class=\"x-tr-body\">\n          <span class=\"x-tr-tag\">{{ e.kind }}</span>\n          <span class=\"x-tr-label\">{{ e.label }}</span>\n          @if (detailText(e.detail)) {\n            <div class=\"x-tr-detail\">{{ detailText(e.detail) }}</div>\n          }\n        </div>\n      </li>\n    }\n  </ol>\n}\n\n<style>\n  .x-page-head { margin-bottom: 16px; }\n  .x-page-title { font-size: 24px; font-weight: 800; color: var(--color-text); }\n  .x-page-subtitle { font-size: 13.5px; color: var(--color-text-muted); margin-top: 2px; max-width: 620px; }\n  .x-tr-search { display: flex; gap: 8px; margin-bottom: 20px; }\n  .x-tr-search input { flex: 1; max-width: 420px; font: inherit; padding: 8px 12px; border: 1px solid var(--color-border); border-radius: 6px; background: var(--color-surface, #fff); color: var(--color-text); }\n  .x-tr-search button { font: inherit; font-weight: 600; padding: 8px 16px; border: 0; border-radius: 6px; background: var(--color-brand); color: #fff; cursor: pointer; }\n  .x-tr-search button:disabled { opacity: 0.5; }\n  .x-tr-empty { color: var(--color-text-muted); font-size: 13px; }\n  .x-tr-summary { border: 1px solid var(--color-border); border-radius: 10px; padding: 14px; margin-bottom: 18px; }\n  .x-tr-muted { color: var(--color-text-muted); font-size: 13px; margin-top: 3px; }\n  .x-tr-counts { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 10px; font-size: 12px; color: var(--color-text-muted); }\n  .x-tr-timeline { list-style: none; margin: 0; padding: 0; border-left: 2px solid var(--color-border); }\n  .x-tr-event { display: flex; gap: 14px; padding: 8px 0 8px 16px; position: relative; }\n  .x-tr-event::before { content: ''; position: absolute; left: -7px; top: 13px; width: 10px; height: 10px; border-radius: 50%; background: var(--color-text-muted); }\n  .x-tr-kind-payment::before, .x-tr-kind-payment-attempt::before { background: var(--color-brand); }\n  .x-tr-kind-delivery-exception::before, .x-tr-kind-return::before { background: var(--color-danger, #c0392b); }\n  .x-tr-when { font-size: 11.5px; color: var(--color-text-muted); min-width: 96px; padding-top: 2px; }\n  .x-tr-tag { font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; font-weight: 700; color: var(--color-text-muted); margin-right: 8px; }\n  .x-tr-label { font-size: 13.5px; color: var(--color-text); }\n  .x-tr-detail { font-size: 12px; color: var(--color-text-muted); margin-top: 2px; }\n</style>\n" }]
+        }] });
+
+class TraceModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: TraceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: TraceModule, declarations: [TraceComponent], imports: [SharedModule,
+            ElementsModule, i1$2.RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: TraceModule, imports: [SharedModule,
+            ElementsModule,
+            RouterModule.forChild([{ path: '', component: TraceComponent }])] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: TraceModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TraceComponent],
+                    imports: [
+                        SharedModule,
+                        ElementsModule,
+                        RouterModule.forChild([{ path: '', component: TraceComponent }]),
+                    ],
+                }]
+        }] });
+
+export { TraceModule };
+//# sourceMappingURL=isaiahiroko-tilmart-ngx-apps-admin-trace.module-Pwr-82Rc.mjs.map

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-trace.module-Pwr-82Rc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isaiahiroko-tilmart-ngx-apps-admin-trace.module-Pwr-82Rc.mjs","sources":["../../../projects/admin/src/lib/pages/trace/trace.component.ts","../../../projects/admin/src/lib/pages/trace/trace.component.html","../../../projects/admin/src/lib/pages/trace/trace.module.ts"],"sourcesContent":["import { Component, inject } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { BaseDirective, using } from '@thescaffold/ngx-core';\nimport { takeUntil } from 'rxjs';\n\ninterface TraceEvent {\n  at: string | null;\n  kind: string;\n  label: string;\n  detail?: Record<string, unknown>;\n}\n\n// P7.14 (N.4) — trace one order end-to-end without leaving the back\n// office. Reads `GET apps/commerce/reports/trace?ref=<...>` (order\n// number, order id, or a payment provider ref) and renders the merged\n// timeline: status history, payments + attempts, shipments + exceptions,\n// returns, the notifications sent for it, and its audit-log entries.\n@Component({\n  standalone: false,\n  selector: 'x-trace',\n  templateUrl: './trace.component.html',\n})\nexport class TraceComponent extends BaseDirective {\n  private readonly source = this.apiService.on('apps/commerce/reports');\n  private readonly route = inject(ActivatedRoute);\n\n  ref = '';\n  loading = false;\n  notFound = false;\n  data: any = null;\n\n  override init = () => {\n    const q = this.route.snapshot.queryParamMap.get('ref');\n    if (q) {\n      this.ref = q;\n      this.run();\n    }\n  };\n\n  run(): void {\n    const ref = this.ref.trim();\n    if (!ref) return;\n    this.loading = true;\n    this.notFound = false;\n    this.data = null;\n    this.source\n      .getOne(`trace?ref=${encodeURIComponent(ref)}`)\n      .pipe(takeUntil(this.$))\n      .subscribe(\n        using((res: any) => {\n          const payload = res?.data ?? {};\n          if (payload.ok === false || !payload.data) {\n            this.notFound = true;\n          } else {\n            this.data = payload.data ?? payload;\n          }\n          this.loading = false;\n        }),\n      );\n  }\n\n  detailText(d?: Record<string, unknown>): string {\n    if (!d) return '';\n    return Object.entries(d)\n      .filter(([, v]) => v != null && v !== '')\n      .map(([k, v]) => `${k}: ${v}`)\n      .join(' · ');\n  }\n}\n","<div class=\"x-page-head\">\n  <div class=\"x-page-title\">Trace</div>\n  <div class=\"x-page-subtitle\">\n    Follow one order end-to-end — status, payments, fulfilment, returns,\n    notifications and audit — from here alone (N.4).\n  </div>\n</div>\n\n<form class=\"x-tr-search\" (ngSubmit)=\"run()\">\n  <input\n    type=\"search\"\n    placeholder=\"Order number, order id, or payment reference\"\n    [(ngModel)]=\"ref\"\n    name=\"ref\"\n  />\n  <button type=\"submit\" [disabled]=\"loading || !ref.trim()\">Trace</button>\n</form>\n\n@if (loading) {\n  <x-element-loader></x-element-loader>\n} @else if (notFound) {\n  <p class=\"x-tr-empty\">Nothing found for that reference.</p>\n} @else if (data) {\n  <div class=\"x-tr-summary\">\n    <div><strong>{{ data.order.orderNumber }}</strong></div>\n    <div class=\"x-tr-muted\">\n      {{ data.order.status }} ·\n      ₦{{ data.order.grandTotal | number: '1.0-0' }} {{ data.order.currency }} ·\n      placed {{ data.order.createdAt | date: 'medium' }}\n    </div>\n    <div class=\"x-tr-counts\">\n      <span>{{ data.payments.length }} payment(s)</span>\n      <span>{{ data.shipments.length }} shipment(s)</span>\n      <span>{{ data.returns.length }} return(s)</span>\n      <span>{{ data.notifications.length }} notification(s)</span>\n      <span>{{ data.auditEntries.length }} audit entr(ies)</span>\n    </div>\n  </div>\n\n  <ol class=\"x-tr-timeline\">\n    @for (e of data.timeline; track $index) {\n      <li class=\"x-tr-event x-tr-kind-{{ e.kind }}\">\n        <div class=\"x-tr-when\">{{ e.at ? (e.at | date: 'short') : '—' }}</div>\n        <div class=\"x-tr-body\">\n          <span class=\"x-tr-tag\">{{ e.kind }}</span>\n          <span class=\"x-tr-label\">{{ e.label }}</span>\n          @if (detailText(e.detail)) {\n            <div class=\"x-tr-detail\">{{ detailText(e.detail) }}</div>\n          }\n        </div>\n      </li>\n    }\n  </ol>\n}\n\n<style>\n  .x-page-head { margin-bottom: 16px; }\n  .x-page-title { font-size: 24px; font-weight: 800; color: var(--color-text); }\n  .x-page-subtitle { font-size: 13.5px; color: var(--color-text-muted); margin-top: 2px; max-width: 620px; }\n  .x-tr-search { display: flex; gap: 8px; margin-bottom: 20px; }\n  .x-tr-search input { flex: 1; max-width: 420px; font: inherit; padding: 8px 12px; border: 1px solid var(--color-border); border-radius: 6px; background: var(--color-surface, #fff); color: var(--color-text); }\n  .x-tr-search button { font: inherit; font-weight: 600; padding: 8px 16px; border: 0; border-radius: 6px; background: var(--color-brand); color: #fff; cursor: pointer; }\n  .x-tr-search button:disabled { opacity: 0.5; }\n  .x-tr-empty { color: var(--color-text-muted); font-size: 13px; }\n  .x-tr-summary { border: 1px solid var(--color-border); border-radius: 10px; padding: 14px; margin-bottom: 18px; }\n  .x-tr-muted { color: var(--color-text-muted); font-size: 13px; margin-top: 3px; }\n  .x-tr-counts { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 10px; font-size: 12px; color: var(--color-text-muted); }\n  .x-tr-timeline { list-style: none; margin: 0; padding: 0; border-left: 2px solid var(--color-border); }\n  .x-tr-event { display: flex; gap: 14px; padding: 8px 0 8px 16px; position: relative; }\n  .x-tr-event::before { content: ''; position: absolute; left: -7px; top: 13px; width: 10px; height: 10px; border-radius: 50%; background: var(--color-text-muted); }\n  .x-tr-kind-payment::before, .x-tr-kind-payment-attempt::before { background: var(--color-brand); }\n  .x-tr-kind-delivery-exception::before, .x-tr-kind-return::before { background: var(--color-danger, #c0392b); }\n  .x-tr-when { font-size: 11.5px; color: var(--color-text-muted); min-width: 96px; padding-top: 2px; }\n  .x-tr-tag { font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; font-weight: 700; color: var(--color-text-muted); margin-right: 8px; }\n  .x-tr-label { font-size: 13.5px; color: var(--color-text); }\n  .x-tr-detail { font-size: 12px; color: var(--color-text-muted); margin-top: 2px; }\n</style>\n","import { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { SharedModule } from '@thescaffold/ngx-core';\nimport { ElementsModule } from '@thescaffold/ngx-ui';\nimport { TraceComponent } from './trace.component';\n\n@NgModule({\n  declarations: [TraceComponent],\n  imports: [\n    SharedModule,\n    ElementsModule,\n    RouterModule.forChild([{ path: '', component: TraceComponent }]),\n  ],\n})\nexport class TraceModule {}\n"],"names":["i2","i3","i1"],"mappings":";;;;;;;;;;;AAYA;AACA;AACA;AACA;AACA;AAMM,MAAO,cAAe,SAAQ,aAAa,CAAA;AALjD,IAAA,WAAA,GAAA;;QAMmB,IAAA,CAAA,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,uBAAuB,CAAC;AACpD,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;QAE/C,IAAA,CAAA,GAAG,GAAG,EAAE;QACR,IAAA,CAAA,OAAO,GAAG,KAAK;QACf,IAAA,CAAA,QAAQ,GAAG,KAAK;QAChB,IAAA,CAAA,IAAI,GAAQ,IAAI;QAEP,IAAA,CAAA,IAAI,GAAG,MAAK;AACnB,YAAA,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC;YACtD,IAAI,CAAC,EAAE;AACL,gBAAA,IAAI,CAAC,GAAG,GAAG,CAAC;gBACZ,IAAI,CAAC,GAAG,EAAE;YACZ;AACF,QAAA,CAAC;AA+BF,IAAA;IA7BC,GAAG,GAAA;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE;AAC3B,QAAA,IAAI,CAAC,GAAG;YAAE;AACV,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;AAChB,QAAA,IAAI,CAAC;AACF,aAAA,MAAM,CAAC,CAAA,UAAA,EAAa,kBAAkB,CAAC,GAAG,CAAC,EAAE;AAC7C,aAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AACtB,aAAA,SAAS,CACR,KAAK,CAAC,CAAC,GAAQ,KAAI;AACjB,YAAA,MAAM,OAAO,GAAG,GAAG,EAAE,IAAI,IAAI,EAAE;YAC/B,IAAI,OAAO,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;AACzC,gBAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;YACtB;iBAAO;gBACL,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,OAAO;YACrC;AACA,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;QACtB,CAAC,CAAC,CACH;IACL;AAEA,IAAA,UAAU,CAAC,CAA2B,EAAA;AACpC,QAAA,IAAI,CAAC,CAAC;AAAE,YAAA,OAAO,EAAE;AACjB,QAAA,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC;AACpB,aAAA,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE;AACvC,aAAA,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAA,EAAG,CAAC,CAAA,EAAA,EAAK,CAAC,EAAE;aAC5B,IAAI,CAAC,KAAK,CAAC;IAChB;+GA7CW,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,2FCtB3B,wgIA6EA,EAAA,MAAA,EAAA,CAAA,kyDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,sGAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,yEAAA,EAAA,MAAA,EAAA,CAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,eAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FDvDa,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,KAAK,YACP,SAAS,EAAA,QAAA,EAAA,wgIAAA,EAAA;;;MELR,WAAW,CAAA;+GAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAX,WAAW,EAAA,YAAA,EAAA,CAPP,cAAc,CAAA,EAAA,OAAA,EAAA,CAE3B,YAAY;YACZ,cAAc,EAAAC,IAAA,CAAA,YAAA,CAAA,EAAA,CAAA,CAAA;AAIL,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YALpB,YAAY;YACZ,cAAc;AACd,YAAA,YAAY,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,CAAC,CAAA,EAAA,CAAA,CAAA;;4FAGvD,WAAW,EAAA,UAAA,EAAA,CAAA;kBARvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,cAAc,CAAC;AAC9B,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,cAAc;AACd,wBAAA,YAAY,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,CAAC;AACjE,qBAAA;AACF,iBAAA;;;;;"}

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-users.module-Bx_7fI2g.mjs

@@ -0,0 +1,111 @@
+import * as i0 from '@angular/core';
+import { Component, NgModule } from '@angular/core';
+import * as i1$1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { BaseDirective, using, titleCase, SharedModule } from '@thescaffold/ngx-core';
+import * as i1 from '@thescaffold/ngx-ui';
+import { ElementsModule, WebgetsModule } from '@thescaffold/ngx-ui';
+import { BehaviorSubject, takeUntil, map } from 'rxjs';
+import * as i2 from '@angular/common';
+
+// Read-only, searchable User browser (docs/PLAN_2.md Phase 10 req #25) - no
+// list/detail existed anywhere in Tilmart's admin before this. Deliberately
+// thin: identity's own vendor "people" Angular pages (ngx-apps/projects/
+// identity/src/lib/pages/people/) are workspace-team-membership management
+// ("invite a teammate to my workspace", backed by apps/identity/role-type),
+// the wrong shape entirely for "browse every registered buyer platform-
+// wide" - so this is a fresh page against apps/identity/user directly,
+// matching this app's established x-webget-collection pattern (routes,
+// inbox, payments) rather than pulling in that vendor module.
+class UsersComponent extends BaseDirective {
+    constructor() {
+        super(...arguments);
+        this.name = 'user';
+        this.pluralName = 'users';
+        this.dataSource = this.apiService.on('apps/identity/user');
+        this.columns = [
+            { key: 'ref', value: 'Email / phone' },
+            { key: 'type', value: 'Type', type: 'class', class: 'badge text-bg-light border' },
+            { key: 'createdAt', value: 'Joined', type: 'date' },
+        ];
+        this.page = 1;
+        this.perPage = 25;
+        this.list$ = new BehaviorSubject(null);
+        this.init = () => {
+            this.list();
+        };
+    }
+    list(page = this.page, perPage = this.perPage) {
+        this.dataSource
+            .getMany({ page, perPage })
+            .pipe(takeUntil(this.$), map((response) => this.toCollection(response)))
+            .subscribe(using((data) => this.list$.next(data)));
+    }
+    toCollection(response) {
+        return {
+            title: titleCase(this.pluralName),
+            columns: this.columns,
+            rows: response?.data,
+            hasHeaders: true,
+            hasTextFilter: true,
+            page: response?.meta?.current_page,
+            perPage: response?.meta?.per_page,
+            total: response?.meta?.total,
+            onPage: (page) => this.list(page),
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: UsersComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: UsersComponent, isStandalone: false, selector: "x-users", usesInheritance: true, ngImport: i0, template: `
+    <div class="x-page-head">
+      <div class="x-page-title">Users</div>
+      <div class="x-page-subtitle">Every registered account, across all workspaces.</div>
+    </div>
+
+    @if (list$ | async; as list) {
+      <x-webget-collection [data]="list"></x-webget-collection>
+    } @else {
+      <x-element-loader></x-element-loader>
+    }
+  `, isInline: true, styles: [".x-page-head{margin-bottom:20px}.x-page-title{font-size:24px;font-weight:800;color:var(--color-text)}.x-page-subtitle{font-size:13.5px;color:var(--color-text-muted);margin-top:2px}\n"], dependencies: [{ kind: "component", type: i1.LoaderComponent, selector: "x-element-loader", inputs: ["data"] }, { kind: "component", type: i1.CollectionComponent, selector: "x-webget-collection", inputs: ["data"], outputs: ["search", "filter", "refresh", "select", "page", "show"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: UsersComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'x-users', template: `
+    <div class="x-page-head">
+      <div class="x-page-title">Users</div>
+      <div class="x-page-subtitle">Every registered account, across all workspaces.</div>
+    </div>
+
+    @if (list$ | async; as list) {
+      <x-webget-collection [data]="list"></x-webget-collection>
+    } @else {
+      <x-element-loader></x-element-loader>
+    }
+  `, styles: [".x-page-head{margin-bottom:20px}.x-page-title{font-size:24px;font-weight:800;color:var(--color-text)}.x-page-subtitle{font-size:13.5px;color:var(--color-text-muted);margin-top:2px}\n"] }]
+        }] });
+
+class UsersModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: UsersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: UsersModule, declarations: [UsersComponent], imports: [SharedModule,
+            ElementsModule,
+            WebgetsModule, i1$1.RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: UsersModule, imports: [SharedModule,
+            ElementsModule,
+            WebgetsModule,
+            RouterModule.forChild([{ path: '', component: UsersComponent }])] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: UsersModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [UsersComponent],
+                    imports: [
+                        SharedModule,
+                        ElementsModule,
+                        WebgetsModule,
+                        RouterModule.forChild([{ path: '', component: UsersComponent }]),
+                    ],
+                }]
+        }] });
+
+export { UsersModule };
+//# sourceMappingURL=isaiahiroko-tilmart-ngx-apps-admin-users.module-Bx_7fI2g.mjs.map

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-users.module-Bx_7fI2g.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isaiahiroko-tilmart-ngx-apps-admin-users.module-Bx_7fI2g.mjs","sources":["../../../projects/admin/src/lib/pages/users/users.component.ts","../../../projects/admin/src/lib/pages/users/users.module.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { BaseDirective, titleCase, using } from '@thescaffold/ngx-core';\nimport { BehaviorSubject, takeUntil, map } from 'rxjs';\n\n// Read-only, searchable User browser (docs/PLAN_2.md Phase 10 req #25) - no\n// list/detail existed anywhere in Tilmart's admin before this. Deliberately\n// thin: identity's own vendor \"people\" Angular pages (ngx-apps/projects/\n// identity/src/lib/pages/people/) are workspace-team-membership management\n// (\"invite a teammate to my workspace\", backed by apps/identity/role-type),\n// the wrong shape entirely for \"browse every registered buyer platform-\n// wide\" - so this is a fresh page against apps/identity/user directly,\n// matching this app's established x-webget-collection pattern (routes,\n// inbox, payments) rather than pulling in that vendor module.\n@Component({\n  standalone: false,\n  selector: 'x-users',\n  template: `\n    <div class=\"x-page-head\">\n      <div class=\"x-page-title\">Users</div>\n      <div class=\"x-page-subtitle\">Every registered account, across all workspaces.</div>\n    </div>\n\n    @if (list$ | async; as list) {\n      <x-webget-collection [data]=\"list\"></x-webget-collection>\n    } @else {\n      <x-element-loader></x-element-loader>\n    }\n  `,\n  styles: [\n    `\n      .x-page-head {\n        margin-bottom: 20px;\n      }\n      .x-page-title {\n        font-size: 24px;\n        font-weight: 800;\n        color: var(--color-text);\n      }\n      .x-page-subtitle {\n        font-size: 13.5px;\n        color: var(--color-text-muted);\n        margin-top: 2px;\n      }\n    `,\n  ],\n})\nexport class UsersComponent extends BaseDirective {\n  name = 'user';\n  pluralName = 'users';\n  dataSource = this.apiService.on('apps/identity/user');\n\n  columns = [\n    { key: 'ref', value: 'Email / phone' },\n    { key: 'type', value: 'Type', type: 'class', class: 'badge text-bg-light border' },\n    { key: 'createdAt', value: 'Joined', type: 'date' },\n  ];\n\n  page = 1;\n  perPage = 25;\n\n  list$ = new BehaviorSubject<any>(null);\n\n  override init = () => {\n    this.list();\n  };\n\n  list(page = this.page, perPage = this.perPage) {\n    this.dataSource\n      .getMany({ page, perPage })\n      .pipe(\n        takeUntil(this.$),\n        map((response) => this.toCollection(response)),\n      )\n      .subscribe(using((data) => this.list$.next(data)));\n  }\n\n  private toCollection(response: any) {\n    return {\n      title: titleCase(this.pluralName),\n      columns: this.columns,\n      rows: response?.data,\n      hasHeaders: true,\n      hasTextFilter: true,\n      page: response?.meta?.current_page,\n      perPage: response?.meta?.per_page,\n      total: response?.meta?.total,\n      onPage: (page: number) => this.list(page),\n    };\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { SharedModule } from '@thescaffold/ngx-core';\nimport { ElementsModule, WebgetsModule } from '@thescaffold/ngx-ui';\nimport { UsersComponent } from './users.component';\n\n@NgModule({\n  declarations: [UsersComponent],\n  imports: [\n    SharedModule,\n    ElementsModule,\n    WebgetsModule,\n    RouterModule.forChild([{ path: '', component: UsersComponent }]),\n  ],\n})\nexport class UsersModule {}\n"],"names":["i1"],"mappings":"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"}