@isaiahiroko/tilmart-ngx-apps-admin 0.2.0

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-orders.module-Ddw49QW0.mjs

@@ -0,0 +1,185 @@
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, ViewChild, Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/router';
+import { ActivatedRoute, RouterModule } from '@angular/router';
+import { BaseDirective, using, notify, titleCase, SharedModule } from '@thescaffold/ngx-core';
+import * as i1$1 from '@thescaffold/ngx-ui';
+import { FlyoutService, ElementsModule, WebgetsModule } from '@thescaffold/ngx-ui';
+import { BehaviorSubject, takeUntil, map } from 'rxjs';
+import * as i2 from '@angular/common';
+
+function naira(amount, currency = 'NGN') {
+    return `${currency} ${Math.round(amount).toLocaleString('en-US')}`;
+}
+// Ops action buttons per current status — each entry is a permitted
+// `OrderWorkflow.transition` target. Matches the PRD Appendix B matrix;
+// fulfilment-driven statuses (dispatched, delivered, …) are set by the
+// Shipments page, not here.
+const ACTIONS = {
+    payment_received: [{ to: 'confirmed', label: 'Confirm' }, { to: 'on_hold', label: 'Hold' }],
+    on_hold: [{ to: 'confirmed', label: 'Release' }, { to: 'cancelled', label: 'Cancel' }],
+    confirmed: [{ to: 'processing', label: 'Start preparing' }, { to: 'cancelled', label: 'Cancel' }],
+    processing: [{ to: 'cancelled', label: 'Cancel' }],
+    pending_payment: [{ to: 'cancelled', label: 'Cancel' }],
+};
+class OrdersComponent extends BaseDirective {
+    constructor() {
+        super(...arguments);
+        this.flyoutService = inject(FlyoutService);
+        this.route = inject(ActivatedRoute);
+        this.orderSource = this.apiService.on('apps/commerce/order');
+        this.lineSource = this.apiService.on('apps/commerce/order-line');
+        this.historySource = this.apiService.on('apps/commerce/order-status-history');
+        this.paymentSource = this.apiService.on('apps/commerce/payment');
+        this.shipmentSource = this.apiService.on('apps/commerce/shipment');
+        this.columns = [
+            { key: 'orderNumber', value: 'Order' },
+            { key: 'status', value: 'Status', type: 'class', class: 'badge text-bg-light border' },
+            { key: 'grandTotalLabel', value: 'Total' },
+            { key: 'paidLabel', value: 'Paid' },
+            { key: 'placedAt', value: 'Placed', type: 'date' },
+        ];
+        this.page = 1;
+        this.perPage = 25;
+        this.query = '';
+        this.list$ = new BehaviorSubject(null);
+        this.detail = null;
+        this.detailActions = [];
+        this.naira = naira;
+        this.init = () => {
+            this.query = this.route.snapshot.queryParamMap.get('q') ?? '';
+            this.list();
+        };
+    }
+    list(page = this.page, perPage = this.perPage) {
+        const params = { page, perPage };
+        if (this.query)
+            params.query = this.query;
+        this.orderSource
+            .getMany(params)
+            .pipe(takeUntil(this.$), map((response) => this.toCollection(response)))
+            .subscribe(using((data) => this.list$.next(data)));
+    }
+    view(item) {
+        this.detail = null;
+        this.detailActions = ACTIONS[item.status] ?? [];
+        this.flyoutService.open(this.detailFlyout);
+        this.lineSource
+            .getMany({ orderId: item.id, page: 1, perPage: 200 })
+            .pipe(takeUntil(this.$))
+            .subscribe(using(({ data: lines }) => {
+            this.detail = {
+                id: item.id,
+                orderNumber: item.orderNumber,
+                status: item.status,
+                currency: item.currency,
+                businessName: item.businessName,
+                recipientName: item.recipientName,
+                recipientPhone: item.recipientPhone,
+                subtotal: Number(item.subtotal ?? 0),
+                deliveryTotal: Number(item.deliveryTotal ?? 0),
+                taxTotal: Number(item.taxTotal ?? 0),
+                grandTotal: Number(item.grandTotal ?? 0),
+                amountPaid: Number(item.amountPaid ?? 0),
+                codAmountDue: Number(item.codAmountDue ?? 0),
+                lines: lines ?? [],
+                history: [],
+                payments: [],
+                shipments: [],
+            };
+            this.historySource
+                .getMany({ orderId: item.id, page: 1, perPage: 100 })
+                .pipe(takeUntil(this.$))
+                .subscribe(using(({ data }) => {
+                if (this.detail)
+                    this.detail.history = data ?? [];
+            }));
+            this.paymentSource
+                .getMany({ orderId: item.id, page: 1, perPage: 20 })
+                .pipe(takeUntil(this.$))
+                .subscribe(using(({ data }) => {
+                if (this.detail)
+                    this.detail.payments = data ?? [];
+            }));
+            this.shipmentSource
+                .getMany({ orderId: item.id, page: 1, perPage: 50 })
+                .pipe(takeUntil(this.$))
+                .subscribe(using(({ data }) => {
+                if (this.detail)
+                    this.detail.shipments = data ?? [];
+            }));
+        }));
+    }
+    transition(to) {
+        if (!this.detail)
+            return;
+        this.apiService
+            .post(`apps/commerce/order/${this.detail.id}/transition`, { toStatus: to })
+            .pipe(takeUntil(this.$))
+            .subscribe(using((res) => {
+            if (res?.status === 'error') {
+                notify(res.message || 'That transition is not allowed.', undefined, 'error');
+                return;
+            }
+            notify(`Order moved to ${to.replace(/_/g, ' ')}.`, undefined, 'success');
+            this.flyoutService.dismiss();
+            this.list();
+        }));
+    }
+    toCollection(response) {
+        const rows = (response?.data ?? []).map((order) => ({
+            ...order,
+            grandTotalLabel: naira(Number(order.grandTotal ?? 0), order.currency),
+            paidLabel: naira(Number(order.amountPaid ?? 0), order.currency),
+        }));
+        return {
+            title: titleCase('orders'),
+            columns: this.columns,
+            rows,
+            hasHeaders: true,
+            hasTextFilter: true,
+            page: response?.meta?.current_page,
+            perPage: response?.meta?.per_page,
+            total: response?.meta?.total,
+            onPage: (page) => this.list(page),
+            links: {
+                secondary: [{ title: 'View', fn: (_link, item) => this.view(item) }],
+            },
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: OrdersComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: OrdersComponent, isStandalone: false, selector: "x-orders", viewQueries: [{ propertyName: "detailFlyout", first: true, predicate: ["detailFlyout"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"x-page-head\">\n  <div class=\"x-page-title\">Orders</div>\n  <div class=\"x-page-subtitle\">Every order \u2014 search, drill in, move it forward.</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<ng-template #detailFlyout>\n  <x-webget-flyout [data]=\"{ title: 'Order detail' }\">\n    <div class=\"p-4 d-flex flex-column gap-3\">\n      @if (detail) {\n        <div>\n          <div class=\"fw-bold font-monospace\">\n            {{ detail.orderNumber }}\n            <a\n              class=\"small ms-2\"\n              [routerLink]=\"['/admin/trace']\"\n              [queryParams]=\"{ ref: detail.orderNumber }\"\n            >full trace \u2192</a>\n          </div>\n          <span class=\"badge text-bg-light border mt-1\">{{ detail.status }}</span>\n          @if (detail.businessName) {\n            <div class=\"text-secondary small mt-1\">Invoice to: {{ detail.businessName }}</div>\n          }\n          @if (detail.recipientName) {\n            <div class=\"text-secondary small\">Recipient: {{ detail.recipientName }} \u00B7 {{ detail.recipientPhone }}</div>\n          }\n        </div>\n\n        @if (detailActions.length) {\n          <div class=\"d-flex flex-wrap gap-2\">\n            @for (action of detailActions; track action.to) {\n              <button type=\"button\" class=\"btn btn-sm btn-outline-dark\" (click)=\"transition(action.to)\">\n                {{ action.label }}\n              </button>\n            }\n          </div>\n        }\n\n        <table class=\"table table-sm\">\n          <thead><tr><th>Item</th><th>Qty</th><th class=\"text-end\">Amount</th></tr></thead>\n          <tbody>\n            @for (line of detail.lines; track line.id) {\n              <tr>\n                <td>{{ line.nameSnapshot || line.variantId }}</td>\n                <td>{{ line.quantity }}</td>\n                <td class=\"text-end\">{{ naira(line.unitPrice * line.quantity, detail.currency) }}</td>\n              </tr>\n            } @empty {\n              <tr><td colspan=\"3\" class=\"text-secondary\">No lines.</td></tr>\n            }\n          </tbody>\n        </table>\n\n        <div class=\"small\">\n          <div class=\"d-flex justify-content-between\"><span>Subtotal</span><span>{{ naira(detail.subtotal, detail.currency) }}</span></div>\n          <div class=\"d-flex justify-content-between\"><span>Delivery</span><span>{{ naira(detail.deliveryTotal, detail.currency) }}</span></div>\n          <div class=\"d-flex justify-content-between\"><span>VAT (incl.)</span><span>{{ naira(detail.taxTotal, detail.currency) }}</span></div>\n          <div class=\"d-flex justify-content-between fw-bold\"><span>Total</span><span>{{ naira(detail.grandTotal, detail.currency) }}</span></div>\n          <div class=\"d-flex justify-content-between\"><span>Paid</span><span>{{ naira(detail.amountPaid, detail.currency) }}</span></div>\n          @if (detail.codAmountDue > 0) {\n            <div class=\"d-flex justify-content-between text-warning\"><span>Due on delivery</span><span>{{ naira(detail.codAmountDue, detail.currency) }}</span></div>\n          }\n        </div>\n\n        <hr class=\"my-1\" />\n        <div>\n          <div class=\"fw-bold small mb-1\">Payments</div>\n          @for (payment of detail.payments; track payment.id) {\n            <div class=\"small text-secondary\">\n              {{ payment.provider }} \u00B7 {{ payment.method || 'card' }} \u00B7 {{ payment.status }}\n              \u00B7 {{ naira(payment.amount, payment.currency) }}\n            </div>\n          } @empty {\n            <div class=\"small text-secondary\">None.</div>\n          }\n        </div>\n\n        <div>\n          <div class=\"fw-bold small mb-1\">Shipments</div>\n          @for (shipment of detail.shipments; track shipment.id) {\n            <div class=\"small text-secondary\">\n              {{ shipment.status }}@if (shipment.trackingRef) { \u00B7 {{ shipment.trackingRef }} }\n            </div>\n          } @empty {\n            <div class=\"small text-secondary\">None yet \u2014 create one on the Shipments page.</div>\n          }\n        </div>\n\n        <div>\n          <div class=\"fw-bold small mb-1\">History</div>\n          @for (row of detail.history; track row.id) {\n            <div class=\"small text-secondary\">\n              {{ row.toStatus }} \u00B7 {{ row.createdAt | date: 'MMM d, h:mm a' }}\n              @if (row.reason) { \u2014 {{ row.reason }} }\n            </div>\n          } @empty {\n            <div class=\"small text-secondary\">No transitions recorded.</div>\n          }\n        </div>\n      } @else {\n        <x-element-loader></x-element-loader>\n      }\n    </div>\n  </x-webget-flyout>\n</ng-template>\n", 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: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$1.LoaderComponent, selector: "x-element-loader", inputs: ["data"] }, { kind: "component", type: i1$1.CollectionComponent, selector: "x-webget-collection", inputs: ["data"], outputs: ["search", "filter", "refresh", "select", "page", "show"] }, { kind: "component", type: i1$1.FlyoutComponent, selector: "x-webget-flyout", inputs: ["data"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.DatePipe, name: "date" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: OrdersComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'x-orders', template: "<div class=\"x-page-head\">\n  <div class=\"x-page-title\">Orders</div>\n  <div class=\"x-page-subtitle\">Every order \u2014 search, drill in, move it forward.</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<ng-template #detailFlyout>\n  <x-webget-flyout [data]=\"{ title: 'Order detail' }\">\n    <div class=\"p-4 d-flex flex-column gap-3\">\n      @if (detail) {\n        <div>\n          <div class=\"fw-bold font-monospace\">\n            {{ detail.orderNumber }}\n            <a\n              class=\"small ms-2\"\n              [routerLink]=\"['/admin/trace']\"\n              [queryParams]=\"{ ref: detail.orderNumber }\"\n            >full trace \u2192</a>\n          </div>\n          <span class=\"badge text-bg-light border mt-1\">{{ detail.status }}</span>\n          @if (detail.businessName) {\n            <div class=\"text-secondary small mt-1\">Invoice to: {{ detail.businessName }}</div>\n          }\n          @if (detail.recipientName) {\n            <div class=\"text-secondary small\">Recipient: {{ detail.recipientName }} \u00B7 {{ detail.recipientPhone }}</div>\n          }\n        </div>\n\n        @if (detailActions.length) {\n          <div class=\"d-flex flex-wrap gap-2\">\n            @for (action of detailActions; track action.to) {\n              <button type=\"button\" class=\"btn btn-sm btn-outline-dark\" (click)=\"transition(action.to)\">\n                {{ action.label }}\n              </button>\n            }\n          </div>\n        }\n\n        <table class=\"table table-sm\">\n          <thead><tr><th>Item</th><th>Qty</th><th class=\"text-end\">Amount</th></tr></thead>\n          <tbody>\n            @for (line of detail.lines; track line.id) {\n              <tr>\n                <td>{{ line.nameSnapshot || line.variantId }}</td>\n                <td>{{ line.quantity }}</td>\n                <td class=\"text-end\">{{ naira(line.unitPrice * line.quantity, detail.currency) }}</td>\n              </tr>\n            } @empty {\n              <tr><td colspan=\"3\" class=\"text-secondary\">No lines.</td></tr>\n            }\n          </tbody>\n        </table>\n\n        <div class=\"small\">\n          <div class=\"d-flex justify-content-between\"><span>Subtotal</span><span>{{ naira(detail.subtotal, detail.currency) }}</span></div>\n          <div class=\"d-flex justify-content-between\"><span>Delivery</span><span>{{ naira(detail.deliveryTotal, detail.currency) }}</span></div>\n          <div class=\"d-flex justify-content-between\"><span>VAT (incl.)</span><span>{{ naira(detail.taxTotal, detail.currency) }}</span></div>\n          <div class=\"d-flex justify-content-between fw-bold\"><span>Total</span><span>{{ naira(detail.grandTotal, detail.currency) }}</span></div>\n          <div class=\"d-flex justify-content-between\"><span>Paid</span><span>{{ naira(detail.amountPaid, detail.currency) }}</span></div>\n          @if (detail.codAmountDue > 0) {\n            <div class=\"d-flex justify-content-between text-warning\"><span>Due on delivery</span><span>{{ naira(detail.codAmountDue, detail.currency) }}</span></div>\n          }\n        </div>\n\n        <hr class=\"my-1\" />\n        <div>\n          <div class=\"fw-bold small mb-1\">Payments</div>\n          @for (payment of detail.payments; track payment.id) {\n            <div class=\"small text-secondary\">\n              {{ payment.provider }} \u00B7 {{ payment.method || 'card' }} \u00B7 {{ payment.status }}\n              \u00B7 {{ naira(payment.amount, payment.currency) }}\n            </div>\n          } @empty {\n            <div class=\"small text-secondary\">None.</div>\n          }\n        </div>\n\n        <div>\n          <div class=\"fw-bold small mb-1\">Shipments</div>\n          @for (shipment of detail.shipments; track shipment.id) {\n            <div class=\"small text-secondary\">\n              {{ shipment.status }}@if (shipment.trackingRef) { \u00B7 {{ shipment.trackingRef }} }\n            </div>\n          } @empty {\n            <div class=\"small text-secondary\">None yet \u2014 create one on the Shipments page.</div>\n          }\n        </div>\n\n        <div>\n          <div class=\"fw-bold small mb-1\">History</div>\n          @for (row of detail.history; track row.id) {\n            <div class=\"small text-secondary\">\n              {{ row.toStatus }} \u00B7 {{ row.createdAt | date: 'MMM d, h:mm a' }}\n              @if (row.reason) { \u2014 {{ row.reason }} }\n            </div>\n          } @empty {\n            <div class=\"small text-secondary\">No transitions recorded.</div>\n          }\n        </div>\n      } @else {\n        <x-element-loader></x-element-loader>\n      }\n    </div>\n  </x-webget-flyout>\n</ng-template>\n", 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"] }]
+        }], propDecorators: { detailFlyout: [{
+                type: ViewChild,
+                args: ['detailFlyout', { read: TemplateRef, static: true }]
+            }] } });
+
+class OrdersModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: OrdersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: OrdersModule, declarations: [OrdersComponent], imports: [SharedModule,
+            ElementsModule,
+            WebgetsModule, i1.RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: OrdersModule, imports: [SharedModule,
+            ElementsModule,
+            WebgetsModule,
+            RouterModule.forChild([{ path: '', component: OrdersComponent }])] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: OrdersModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [OrdersComponent],
+                    imports: [
+                        SharedModule,
+                        ElementsModule,
+                        WebgetsModule,
+                        RouterModule.forChild([{ path: '', component: OrdersComponent }]),
+                    ],
+                }]
+        }] });
+
+export { OrdersModule };
+//# sourceMappingURL=isaiahiroko-tilmart-ngx-apps-admin-orders.module-Ddw49QW0.mjs.map

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-orders.module-Ddw49QW0.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isaiahiroko-tilmart-ngx-apps-admin-orders.module-Ddw49QW0.mjs","sources":["../../../projects/admin/src/lib/pages/orders/orders.component.ts","../../../projects/admin/src/lib/pages/orders/orders.component.html","../../../projects/admin/src/lib/pages/orders/orders.module.ts"],"sourcesContent":["import { Component, TemplateRef, ViewChild, inject } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { BaseDirective, notify, titleCase, using } from '@thescaffold/ngx-core';\nimport { FlyoutService } from '@thescaffold/ngx-ui';\nimport { BehaviorSubject, map, takeUntil } from 'rxjs';\n\nfunction naira(amount: number, currency = 'NGN'): string {\n  return `${currency} ${Math.round(amount).toLocaleString('en-US')}`;\n}\n\n// Ops action buttons per current status — each entry is a permitted\n// `OrderWorkflow.transition` target. Matches the PRD Appendix B matrix;\n// fulfilment-driven statuses (dispatched, delivered, …) are set by the\n// Shipments page, not here.\nconst ACTIONS: Record<string, { to: string; label: string }[]> = {\n  payment_received: [{ to: 'confirmed', label: 'Confirm' }, { to: 'on_hold', label: 'Hold' }],\n  on_hold: [{ to: 'confirmed', label: 'Release' }, { to: 'cancelled', label: 'Cancel' }],\n  confirmed: [{ to: 'processing', label: 'Start preparing' }, { to: 'cancelled', label: 'Cancel' }],\n  processing: [{ to: 'cancelled', label: 'Cancel' }],\n  pending_payment: [{ to: 'cancelled', label: 'Cancel' }],\n};\n\n@Component({\n  standalone: false,\n  selector: 'x-orders',\n  templateUrl: './orders.component.html',\n  styleUrl: './orders.component.scss',\n})\nexport class OrdersComponent extends BaseDirective {\n  private readonly flyoutService = inject(FlyoutService);\n  private readonly route = inject(ActivatedRoute);\n\n  private readonly orderSource = this.apiService.on('apps/commerce/order');\n  private readonly lineSource = this.apiService.on('apps/commerce/order-line');\n  private readonly historySource = this.apiService.on('apps/commerce/order-status-history');\n  private readonly paymentSource = this.apiService.on('apps/commerce/payment');\n  private readonly shipmentSource = this.apiService.on('apps/commerce/shipment');\n\n  columns = [\n    { key: 'orderNumber', value: 'Order' },\n    { key: 'status', value: 'Status', type: 'class', class: 'badge text-bg-light border' },\n    { key: 'grandTotalLabel', value: 'Total' },\n    { key: 'paidLabel', value: 'Paid' },\n    { key: 'placedAt', value: 'Placed', type: 'date' },\n  ];\n\n  page = 1;\n  perPage = 25;\n  query = '';\n\n  list$ = new BehaviorSubject<any>(null);\n  detail: any = null;\n  detailActions: { to: string; label: string }[] = [];\n  naira = naira;\n\n  @ViewChild('detailFlyout', { read: TemplateRef, static: true })\n  detailFlyout!: TemplateRef<any>;\n\n  override init = () => {\n    this.query = this.route.snapshot.queryParamMap.get('q') ?? '';\n    this.list();\n  };\n\n  list(page = this.page, perPage = this.perPage) {\n    const params: any = { page, perPage };\n    if (this.query) params.query = this.query;\n    this.orderSource\n      .getMany(params)\n      .pipe(\n        takeUntil(this.$),\n        map((response) => this.toCollection(response)),\n      )\n      .subscribe(using((data) => this.list$.next(data)));\n  }\n\n  view(item: any) {\n    this.detail = null;\n    this.detailActions = ACTIONS[item.status] ?? [];\n    this.flyoutService.open(this.detailFlyout);\n\n    this.lineSource\n      .getMany({ orderId: item.id, page: 1, perPage: 200 } as any)\n      .pipe(takeUntil(this.$))\n      .subscribe(\n        using(({ data: lines }: { data: any[] }) => {\n          this.detail = {\n            id: item.id,\n            orderNumber: item.orderNumber,\n            status: item.status,\n            currency: item.currency,\n            businessName: item.businessName,\n            recipientName: item.recipientName,\n            recipientPhone: item.recipientPhone,\n            subtotal: Number(item.subtotal ?? 0),\n            deliveryTotal: Number(item.deliveryTotal ?? 0),\n            taxTotal: Number(item.taxTotal ?? 0),\n            grandTotal: Number(item.grandTotal ?? 0),\n            amountPaid: Number(item.amountPaid ?? 0),\n            codAmountDue: Number(item.codAmountDue ?? 0),\n            lines: lines ?? [],\n            history: [],\n            payments: [],\n            shipments: [],\n          };\n\n          this.historySource\n            .getMany({ orderId: item.id, page: 1, perPage: 100 } as any)\n            .pipe(takeUntil(this.$))\n            .subscribe(using(({ data }: { data: any[] }) => {\n              if (this.detail) this.detail.history = data ?? [];\n            }));\n          this.paymentSource\n            .getMany({ orderId: item.id, page: 1, perPage: 20 } as any)\n            .pipe(takeUntil(this.$))\n            .subscribe(using(({ data }: { data: any[] }) => {\n              if (this.detail) this.detail.payments = data ?? [];\n            }));\n          this.shipmentSource\n            .getMany({ orderId: item.id, page: 1, perPage: 50 } as any)\n            .pipe(takeUntil(this.$))\n            .subscribe(using(({ data }: { data: any[] }) => {\n              if (this.detail) this.detail.shipments = data ?? [];\n            }));\n        }),\n      );\n  }\n\n  transition(to: string) {\n    if (!this.detail) return;\n    this.apiService\n      .post(`apps/commerce/order/${this.detail.id}/transition`, { toStatus: to })\n      .pipe(takeUntil(this.$))\n      .subscribe(\n        using((res: any) => {\n          if (res?.status === 'error') {\n            notify(res.message || 'That transition is not allowed.', undefined, 'error');\n            return;\n          }\n          notify(`Order moved to ${to.replace(/_/g, ' ')}.`, undefined, 'success');\n          this.flyoutService.dismiss();\n          this.list();\n        }),\n      );\n  }\n\n  private toCollection(response: any) {\n    const rows = (response?.data ?? []).map((order: any) => ({\n      ...order,\n      grandTotalLabel: naira(Number(order.grandTotal ?? 0), order.currency),\n      paidLabel: naira(Number(order.amountPaid ?? 0), order.currency),\n    }));\n\n    return {\n      title: titleCase('orders'),\n      columns: this.columns,\n      rows,\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      links: {\n        secondary: [{ title: 'View', fn: (_link: any, item: any) => this.view(item) }],\n      },\n    };\n  }\n}\n","<div class=\"x-page-head\">\n  <div class=\"x-page-title\">Orders</div>\n  <div class=\"x-page-subtitle\">Every order — search, drill in, move it forward.</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<ng-template #detailFlyout>\n  <x-webget-flyout [data]=\"{ title: 'Order detail' }\">\n    <div class=\"p-4 d-flex flex-column gap-3\">\n      @if (detail) {\n        <div>\n          <div class=\"fw-bold font-monospace\">\n            {{ detail.orderNumber }}\n            <a\n              class=\"small ms-2\"\n              [routerLink]=\"['/admin/trace']\"\n              [queryParams]=\"{ ref: detail.orderNumber }\"\n            >full trace →</a>\n          </div>\n          <span class=\"badge text-bg-light border mt-1\">{{ detail.status }}</span>\n          @if (detail.businessName) {\n            <div class=\"text-secondary small mt-1\">Invoice to: {{ detail.businessName }}</div>\n          }\n          @if (detail.recipientName) {\n            <div class=\"text-secondary small\">Recipient: {{ detail.recipientName }} · {{ detail.recipientPhone }}</div>\n          }\n        </div>\n\n        @if (detailActions.length) {\n          <div class=\"d-flex flex-wrap gap-2\">\n            @for (action of detailActions; track action.to) {\n              <button type=\"button\" class=\"btn btn-sm btn-outline-dark\" (click)=\"transition(action.to)\">\n                {{ action.label }}\n              </button>\n            }\n          </div>\n        }\n\n        <table class=\"table table-sm\">\n          <thead><tr><th>Item</th><th>Qty</th><th class=\"text-end\">Amount</th></tr></thead>\n          <tbody>\n            @for (line of detail.lines; track line.id) {\n              <tr>\n                <td>{{ line.nameSnapshot || line.variantId }}</td>\n                <td>{{ line.quantity }}</td>\n                <td class=\"text-end\">{{ naira(line.unitPrice * line.quantity, detail.currency) }}</td>\n              </tr>\n            } @empty {\n              <tr><td colspan=\"3\" class=\"text-secondary\">No lines.</td></tr>\n            }\n          </tbody>\n        </table>\n\n        <div class=\"small\">\n          <div class=\"d-flex justify-content-between\"><span>Subtotal</span><span>{{ naira(detail.subtotal, detail.currency) }}</span></div>\n          <div class=\"d-flex justify-content-between\"><span>Delivery</span><span>{{ naira(detail.deliveryTotal, detail.currency) }}</span></div>\n          <div class=\"d-flex justify-content-between\"><span>VAT (incl.)</span><span>{{ naira(detail.taxTotal, detail.currency) }}</span></div>\n          <div class=\"d-flex justify-content-between fw-bold\"><span>Total</span><span>{{ naira(detail.grandTotal, detail.currency) }}</span></div>\n          <div class=\"d-flex justify-content-between\"><span>Paid</span><span>{{ naira(detail.amountPaid, detail.currency) }}</span></div>\n          @if (detail.codAmountDue > 0) {\n            <div class=\"d-flex justify-content-between text-warning\"><span>Due on delivery</span><span>{{ naira(detail.codAmountDue, detail.currency) }}</span></div>\n          }\n        </div>\n\n        <hr class=\"my-1\" />\n        <div>\n          <div class=\"fw-bold small mb-1\">Payments</div>\n          @for (payment of detail.payments; track payment.id) {\n            <div class=\"small text-secondary\">\n              {{ payment.provider }} · {{ payment.method || 'card' }} · {{ payment.status }}\n              · {{ naira(payment.amount, payment.currency) }}\n            </div>\n          } @empty {\n            <div class=\"small text-secondary\">None.</div>\n          }\n        </div>\n\n        <div>\n          <div class=\"fw-bold small mb-1\">Shipments</div>\n          @for (shipment of detail.shipments; track shipment.id) {\n            <div class=\"small text-secondary\">\n              {{ shipment.status }}@if (shipment.trackingRef) { · {{ shipment.trackingRef }} }\n            </div>\n          } @empty {\n            <div class=\"small text-secondary\">None yet — create one on the Shipments page.</div>\n          }\n        </div>\n\n        <div>\n          <div class=\"fw-bold small mb-1\">History</div>\n          @for (row of detail.history; track row.id) {\n            <div class=\"small text-secondary\">\n              {{ row.toStatus }} · {{ row.createdAt | date: 'MMM d, h:mm a' }}\n              @if (row.reason) { — {{ row.reason }} }\n            </div>\n          } @empty {\n            <div class=\"small text-secondary\">No transitions recorded.</div>\n          }\n        </div>\n      } @else {\n        <x-element-loader></x-element-loader>\n      }\n    </div>\n  </x-webget-flyout>\n</ng-template>\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 { OrdersComponent } from './orders.component';\n\n@NgModule({\n  declarations: [OrdersComponent],\n  imports: [\n    SharedModule,\n    ElementsModule,\n    WebgetsModule,\n    RouterModule.forChild([{ path: '', component: OrdersComponent }]),\n  ],\n})\nexport class OrdersModule {}\n"],"names":["i2","i3"],"mappings":"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"}

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-payments.module-BhqAtTZs.mjs

@@ -0,0 +1,106 @@
+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';
+
+// Payment reconciliation (docs/TRD.md §7) — backed by grocery's own Payment
+// entity, not ntx-apps-capital.
+class PaymentsComponent extends BaseDirective {
+    constructor() {
+        super(...arguments);
+        this.name = 'payment';
+        this.pluralName = 'payments';
+        this.dataSource = this.apiService.on('apps/commerce/payment');
+        this.columns = [
+            { key: 'provider', value: 'Provider', type: 'class', class: 'badge text-bg-light border' },
+            { key: 'amount', value: 'Amount' },
+            { key: 'currency', value: 'Currency' },
+            { key: 'status', value: 'Status', type: 'class', class: 'badge text-bg-light border' },
+            { key: 'paidAt', value: 'Paid at', 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: PaymentsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: PaymentsComponent, isStandalone: false, selector: "x-payments", usesInheritance: true, ngImport: i0, template: `
+    <div class="x-page-head">
+      <div class="x-page-title">Payments</div>
+      <div class="x-page-subtitle">Every cycle payment, across providers.</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: PaymentsComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'x-payments', template: `
+    <div class="x-page-head">
+      <div class="x-page-title">Payments</div>
+      <div class="x-page-subtitle">Every cycle payment, across providers.</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 PaymentsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: PaymentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: PaymentsModule, declarations: [PaymentsComponent], imports: [SharedModule,
+            ElementsModule,
+            WebgetsModule, i1$1.RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: PaymentsModule, imports: [SharedModule,
+            ElementsModule,
+            WebgetsModule,
+            RouterModule.forChild([{ path: '', component: PaymentsComponent }])] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: PaymentsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PaymentsComponent],
+                    imports: [
+                        SharedModule,
+                        ElementsModule,
+                        WebgetsModule,
+                        RouterModule.forChild([{ path: '', component: PaymentsComponent }]),
+                    ],
+                }]
+        }] });
+
+export { PaymentsModule };
+//# sourceMappingURL=isaiahiroko-tilmart-ngx-apps-admin-payments.module-BhqAtTZs.mjs.map

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-payments.module-BhqAtTZs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isaiahiroko-tilmart-ngx-apps-admin-payments.module-BhqAtTZs.mjs","sources":["../../../projects/admin/src/lib/pages/payments/payments.component.ts","../../../projects/admin/src/lib/pages/payments/payments.module.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { BaseDirective, titleCase, using } from '@thescaffold/ngx-core';\nimport { BehaviorSubject, takeUntil, map } from 'rxjs';\n\n// Payment reconciliation (docs/TRD.md §7) — backed by grocery's own Payment\n// entity, not ntx-apps-capital.\n@Component({\n  standalone: false,\n  selector: 'x-payments',\n  template: `\n    <div class=\"x-page-head\">\n      <div class=\"x-page-title\">Payments</div>\n      <div class=\"x-page-subtitle\">Every cycle payment, across providers.</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 PaymentsComponent extends BaseDirective {\n  name = 'payment';\n  pluralName = 'payments';\n  dataSource = this.apiService.on('apps/commerce/payment');\n\n  columns = [\n    { key: 'provider', value: 'Provider', type: 'class', class: 'badge text-bg-light border' },\n    { key: 'amount', value: 'Amount' },\n    { key: 'currency', value: 'Currency' },\n    { key: 'status', value: 'Status', type: 'class', class: 'badge text-bg-light border' },\n    { key: 'paidAt', value: 'Paid at', 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 { PaymentsComponent } from './payments.component';\n\n@NgModule({\n  declarations: [PaymentsComponent],\n  imports: [\n    SharedModule,\n    ElementsModule,\n    WebgetsModule,\n    RouterModule.forChild([{ path: '', component: PaymentsComponent }]),\n  ],\n})\nexport class PaymentsModule {}\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-payouts.module-CoiscPIZ.mjs

@@ -0,0 +1,70 @@
+import * as i0 from '@angular/core';
+import { Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { BaseDirective, SharedModule } from '@thescaffold/ngx-core';
+
+// P7.1 — ops console section pass (PRD 6.2). Seller and installer payouts
+// are a stub for R1: the marketplace payout ledger lands with the seller
+// network (P9) and installer network (P8), both R2. The section is present
+// so the nav map matches PRD 6.2.
+class PayoutsComponent extends BaseDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: PayoutsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: PayoutsComponent, isStandalone: false, selector: "x-payouts", usesInheritance: true, ngImport: i0, template: `
+    <div class="x-page-head">
+      <div class="x-page-title">Payouts</div>
+      <div class="x-page-subtitle">Seller and installer settlement runs.</div>
+    </div>
+
+    <div class="x-stub">
+      <p>
+        Payouts are not active for R1. Tilmart sells its own inventory at
+        launch, so there is no third-party settlement to run yet.
+      </p>
+      <p class="x-stub-meanwhile">
+        The payout ledger, commission accrual and settlement runs land with
+        the installer network (P8) and seller network (P9).
+      </p>
+    </div>
+  `, 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}.x-stub{max-width:560px;border:1px solid var(--color-border);border-radius:10px;padding:20px;font-size:14px;line-height:1.6;color:var(--color-text-muted)}.x-stub-meanwhile{margin-bottom:0}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: PayoutsComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'x-payouts', template: `
+    <div class="x-page-head">
+      <div class="x-page-title">Payouts</div>
+      <div class="x-page-subtitle">Seller and installer settlement runs.</div>
+    </div>
+
+    <div class="x-stub">
+      <p>
+        Payouts are not active for R1. Tilmart sells its own inventory at
+        launch, so there is no third-party settlement to run yet.
+      </p>
+      <p class="x-stub-meanwhile">
+        The payout ledger, commission accrual and settlement runs land with
+        the installer network (P8) and seller network (P9).
+      </p>
+    </div>
+  `, 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}.x-stub{max-width:560px;border:1px solid var(--color-border);border-radius:10px;padding:20px;font-size:14px;line-height:1.6;color:var(--color-text-muted)}.x-stub-meanwhile{margin-bottom:0}\n"] }]
+        }] });
+
+class PayoutsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: PayoutsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: PayoutsModule, declarations: [PayoutsComponent], imports: [SharedModule, i1.RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: PayoutsModule, imports: [SharedModule,
+            RouterModule.forChild([{ path: '', component: PayoutsComponent }])] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: PayoutsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PayoutsComponent],
+                    imports: [
+                        SharedModule,
+                        RouterModule.forChild([{ path: '', component: PayoutsComponent }]),
+                    ],
+                }]
+        }] });
+
+export { PayoutsModule };
+//# sourceMappingURL=isaiahiroko-tilmart-ngx-apps-admin-payouts.module-CoiscPIZ.mjs.map

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-payouts.module-CoiscPIZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isaiahiroko-tilmart-ngx-apps-admin-payouts.module-CoiscPIZ.mjs","sources":["../../../projects/admin/src/lib/pages/payouts/payouts.component.ts","../../../projects/admin/src/lib/pages/payouts/payouts.module.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { BaseDirective } from '@thescaffold/ngx-core';\n\n// P7.1 — ops console section pass (PRD 6.2). Seller and installer payouts\n// are a stub for R1: the marketplace payout ledger lands with the seller\n// network (P9) and installer network (P8), both R2. The section is present\n// so the nav map matches PRD 6.2.\n@Component({\n  standalone: false,\n  selector: 'x-payouts',\n  template: `\n    <div class=\"x-page-head\">\n      <div class=\"x-page-title\">Payouts</div>\n      <div class=\"x-page-subtitle\">Seller and installer settlement runs.</div>\n    </div>\n\n    <div class=\"x-stub\">\n      <p>\n        Payouts are not active for R1. Tilmart sells its own inventory at\n        launch, so there is no third-party settlement to run yet.\n      </p>\n      <p class=\"x-stub-meanwhile\">\n        The payout ledger, commission accrual and settlement runs land with\n        the installer network (P8) and seller network (P9).\n      </p>\n    </div>\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      .x-stub {\n        max-width: 560px;\n        border: 1px solid var(--color-border);\n        border-radius: 10px;\n        padding: 20px;\n        font-size: 14px;\n        line-height: 1.6;\n        color: var(--color-text-muted);\n      }\n      .x-stub-meanwhile {\n        margin-bottom: 0;\n      }\n    `,\n  ],\n})\nexport class PayoutsComponent extends BaseDirective {}\n","import { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { SharedModule } from '@thescaffold/ngx-core';\nimport { PayoutsComponent } from './payouts.component';\n\n@NgModule({\n  declarations: [PayoutsComponent],\n  imports: [\n    SharedModule,\n    RouterModule.forChild([{ path: '', component: PayoutsComponent }]),\n  ],\n})\nexport class PayoutsModule {}\n"],"names":[],"mappings":";;;;;;AAGA;AACA;AACA;AACA;AAmDM,MAAO,gBAAiB,SAAQ,aAAa,CAAA;+GAAtC,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,WAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA/CjB;;;;;;;;;;;;;;;;AAgBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,oXAAA,CAAA,EAAA,CAAA,CAAA;;4FA+BU,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAlD5B,SAAS;iCACI,KAAK,EAAA,QAAA,EACP,WAAW,EAAA,QAAA,EACX;;;;;;;;;;;;;;;;AAgBT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,oXAAA,CAAA,EAAA;;;MCdU,aAAa,CAAA;+GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAb,aAAa,EAAA,YAAA,EAAA,CANT,gBAAgB,CAAA,EAAA,OAAA,EAAA,CAE7B,YAAY,EAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,CAAA;AAIH,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,aAAa,YAJtB,YAAY;AACZ,YAAA,YAAY,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAA,EAAA,CAAA,CAAA;;4FAGzD,aAAa,EAAA,UAAA,EAAA,CAAA;kBAPzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,gBAAgB,CAAC;AAChC,oBAAA,OAAO,EAAE;wBACP,YAAY;AACZ,wBAAA,YAAY,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAC;AACnE,qBAAA;AACF,iBAAA;;;;;"}