@isaiahiroko/tilmart-ngx-apps-admin 0.2.0 → 0.2.3

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-routes.module-CGBBHwId.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isaiahiroko-tilmart-ngx-apps-admin-routes.module-CGBBHwId.mjs","sources":["../../../projects/admin/src/lib/pages/routes/routes.component.ts","../../../projects/admin/src/lib/pages/_shared/simple-crud.component.html","../../../projects/admin/src/lib/pages/routes/routes.module.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { CrudFieldSpec, SimpleCrudDirective } from '../_shared/simple-crud.base';\n\n// R1 production-readiness pass. Route/cluster/day board (docs/TRD.md\n// §7): a simple list, not a routing-optimization engine — matches the\n// PRD's density model (which street/day, not turn-by-turn routing). Was\n// list-only; ops had no way to define a new route.\n@Component({\n  standalone: false,\n  selector: 'x-routes',\n  templateUrl: '../_shared/simple-crud.component.html',\n  styleUrl: '../_shared/simple-crud.component.scss',\n})\nexport class RoutesComponent extends SimpleCrudDirective {\n  protected pageTitle = 'Routes';\n  protected pageSubtitle = 'Street/estate clusters, by delivery day.';\n  protected singularLabel = 'route';\n  protected pluralName = 'routes';\n  protected dataSource = this.apiService.on('apps/commerce/route');\n\n  protected columns = [\n    { key: 'name', value: 'Name' },\n    { key: 'dayOfWeek', value: 'Day', type: 'class', class: 'badge text-bg-light border' },\n    { key: 'vanCapacityKg', value: 'Van capacity (kg)' },\n  ];\n\n  protected fields: CrudFieldSpec[] = [\n    { key: 'name', label: 'Name', type: 'text', required: true },\n    {\n      key: 'dayOfWeek',\n      label: 'Day of week',\n      type: 'select',\n      required: true,\n      options: [\n        { value: 'monday', label: 'Monday' },\n        { value: 'tuesday', label: 'Tuesday' },\n        { value: 'wednesday', label: 'Wednesday' },\n        { value: 'thursday', label: 'Thursday' },\n        { value: 'friday', label: 'Friday' },\n        { value: 'saturday', label: 'Saturday' },\n        { value: 'sunday', label: 'Sunday' },\n      ],\n    },\n    { key: 'vanCapacityKg', label: 'Van capacity (kg)', type: 'number' },\n  ];\n}\n","<div class=\"x-page-head\">\n  <div class=\"x-page-title\">{{ pageTitle }}</div>\n  <div class=\"x-page-subtitle\">{{ pageSubtitle }}</div>\n</div>\n\n@if (!editing) {\n  <div class=\"x-scrud-toolbar\">\n    <button type=\"button\" class=\"x-scrud-btn x-scrud-btn-primary\" (click)=\"startCreate()\">+ New {{ singularLabel }}</button>\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} @else if (draft) {\n  <div class=\"x-scrud-editor\">\n    <div class=\"x-scrud-editor-head\">\n      <div class=\"x-scrud-editor-title\">{{ draft['id'] ? 'Edit' : 'New' }} {{ singularLabel }}</div>\n      <div class=\"x-scrud-editor-actions\">\n        @if (draft['id'] && !hideDelete) {\n          <button type=\"button\" class=\"x-scrud-btn x-scrud-danger\" (click)=\"remove(draft); cancelEdit()\">Delete</button>\n        }\n        <button type=\"button\" class=\"x-scrud-btn\" (click)=\"cancelEdit()\">Close</button>\n        <button type=\"button\" class=\"x-scrud-btn x-scrud-btn-primary\" [disabled]=\"saving\" (click)=\"save()\">\n          {{ saving ? 'Saving…' : 'Save' }}\n        </button>\n      </div>\n    </div>\n\n    <div class=\"x-scrud-grid\">\n      @for (f of fields; track f.key) {\n        <label class=\"x-scrud-f\" [class.x-scrud-f-wide]=\"f.type === 'textarea' || f.type === 'json'\">\n          {{ f.label }}\n          @if (f.required) {\n            <span class=\"x-scrud-required\">*</span>\n          }\n          @switch (f.type) {\n            @case ('boolean') {\n              <input type=\"checkbox\" [(ngModel)]=\"draft[f.key]\" />\n            }\n            @case ('select') {\n              <select [(ngModel)]=\"draft[f.key]\">\n                <option value=\"\">— choose —</option>\n                @for (opt of (f.optionsKey ? dynamicOptions[f.optionsKey] : f.options); track opt.value) {\n                  <option [value]=\"opt.value\">{{ opt.label }}</option>\n                }\n              </select>\n            }\n            @case ('textarea') {\n              <textarea rows=\"3\" [(ngModel)]=\"draft[f.key]\" [placeholder]=\"f.placeholder || ''\"></textarea>\n            }\n            @case ('json') {\n              <textarea rows=\"4\" class=\"x-scrud-json\" [(ngModel)]=\"draft[f.key]\" [placeholder]=\"f.placeholder || '{}'\"></textarea>\n            }\n            @case ('number') {\n              <input type=\"number\" [(ngModel)]=\"draft[f.key]\" [placeholder]=\"f.placeholder || ''\" />\n            }\n            @case ('date') {\n              <input type=\"datetime-local\" [(ngModel)]=\"draft[f.key]\" />\n            }\n            @default {\n              <input type=\"text\" [(ngModel)]=\"draft[f.key]\" [placeholder]=\"f.placeholder || ''\" />\n            }\n          }\n        </label>\n      }\n    </div>\n  </div>\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 { RoutesComponent } from './routes.component';\n\n@NgModule({\n  declarations: [RoutesComponent],\n  imports: [\n    SharedModule,\n    ElementsModule,\n    WebgetsModule,\n    RouterModule.forChild([{ path: '', component: RoutesComponent }]),\n  ],\n})\nexport class RoutesModule {}\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-settings.module-Cz6xPNwB.mjs

@@ -0,0 +1,318 @@
+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, titleCase, using, notify, SharedModule } from '@thescaffold/ngx-core';
+import * as i2 from '@thescaffold/ngx-ui';
+import { ElementsModule, WebgetsModule } from '@thescaffold/ngx-ui';
+import { BehaviorSubject, takeUntil, map, firstValueFrom } from 'rxjs';
+import * as i1 from '@angular/forms';
+import * as i3 from '@angular/common';
+
+// R1 production-readiness pass — ADM-12 / ORD-05. P7.1's original
+// version stacked these four config resources as read-only lists; ops
+// had no way to add a channel, shipping zone, shipping method or return
+// policy "without a deploy" (ADM-12's own words). Same field-by-field
+// form idea as `SimpleCrudDirective`, adapted for four resources sharing
+// one tabbed page rather than one resource per route.
+class SettingsComponent extends BaseDirective {
+    constructor() {
+        super(...arguments);
+        this.sections = [
+            {
+                key: 'channels',
+                title: 'Channels',
+                singularLabel: 'channel',
+                mount: 'apps/commerce/channel',
+                columns: [
+                    { key: 'name', value: 'Name' },
+                    { key: 'code', value: 'Code' },
+                    { key: 'currency', value: 'Currency' },
+                ],
+                fields: [
+                    { key: 'name', label: 'Name', type: 'text', required: true },
+                    { key: 'code', label: 'Code', type: 'text', required: true, placeholder: 'e.g. web-ng' },
+                    { key: 'currency', label: 'Currency', type: 'text', placeholder: 'NGN' },
+                    {
+                        key: 'taxMode',
+                        label: 'Tax mode',
+                        type: 'select',
+                        options: [
+                            { value: 'inclusive', label: 'Inclusive' },
+                            { value: 'exclusive', label: 'Exclusive' },
+                        ],
+                    },
+                ],
+                data$: new BehaviorSubject(null),
+                page: 1,
+            },
+            {
+                key: 'zones',
+                title: 'Shipping zones',
+                singularLabel: 'shipping zone',
+                mount: 'apps/commerce/delivery-zone',
+                columns: [
+                    { key: 'name', value: 'Name' },
+                    { key: 'state', value: 'State' },
+                    { key: 'lga', value: 'LGA' },
+                ],
+                fields: [
+                    { key: 'name', label: 'Name', type: 'text', required: true },
+                    { key: 'state', label: 'State', type: 'text', required: true },
+                    { key: 'lga', label: 'LGA', type: 'text' },
+                ],
+                data$: new BehaviorSubject(null),
+                page: 1,
+            },
+            {
+                key: 'methods',
+                title: 'Shipping methods',
+                singularLabel: 'shipping method',
+                mount: 'apps/commerce/delivery-method',
+                columns: [
+                    { key: 'name', value: 'Name' },
+                    { key: 'flatFee', value: 'Flat fee' },
+                    { key: 'perKg', value: 'Per kg' },
+                    {
+                        key: 'enabled',
+                        value: 'Enabled',
+                        type: 'class',
+                        class: 'badge text-bg-light border',
+                    },
+                ],
+                fields: [
+                    { key: 'name', label: 'Name', type: 'text', required: true },
+                    {
+                        key: 'type',
+                        label: 'Type',
+                        type: 'select',
+                        options: [
+                            { value: 'door', label: 'Door delivery' },
+                            { value: 'express', label: 'Express' },
+                            { value: 'pickup', label: 'Pickup' },
+                            { value: 'scheduled', label: 'Scheduled' },
+                            { value: 'freight', label: 'Freight' },
+                        ],
+                    },
+                    { key: 'estimateDaysMin', label: 'Estimate — min days', type: 'number' },
+                    { key: 'estimateDaysMax', label: 'Estimate — max days', type: 'number' },
+                    { key: 'enabled', label: 'Enabled', type: 'boolean' },
+                    {
+                        key: 'rateRules',
+                        label: 'Rate rules (JSON array)',
+                        type: 'json',
+                        placeholder: '[{"zoneId": null, "flatFee": 2000, "perKg": 150}]',
+                    },
+                ],
+                data$: new BehaviorSubject(null),
+                page: 1,
+            },
+            {
+                key: 'returns',
+                title: 'Return policies',
+                singularLabel: 'return policy',
+                mount: 'apps/commerce/return-policy',
+                columns: [
+                    { key: 'windowDays', value: 'Window (days)' },
+                    { key: 'restockingFeePct', value: 'Restock fee %' },
+                    { key: 'whoPaysReturn', value: 'Who pays' },
+                    {
+                        key: 'enabled',
+                        value: 'Enabled',
+                        type: 'class',
+                        class: 'badge text-bg-light border',
+                    },
+                ],
+                fields: [
+                    { key: 'windowDays', label: 'Return window (days)', type: 'number', required: true },
+                    {
+                        key: 'reasonCode',
+                        label: 'Reason code (blank = default policy)',
+                        type: 'select',
+                        options: [
+                            { value: 'damaged_in_transit', label: 'Damaged in transit' },
+                            { value: 'wrong_item', label: 'Wrong item' },
+                            { value: 'not_as_described', label: 'Not as described' },
+                            { value: 'faulty_on_arrival', label: 'Faulty on arrival' },
+                            { value: 'changed_mind', label: 'Changed mind' },
+                            { value: 'missing_parts', label: 'Missing parts' },
+                        ],
+                    },
+                    { key: 'restockingFeePct', label: 'Restocking fee %', type: 'number' },
+                    {
+                        key: 'whoPaysReturn',
+                        label: 'Who pays for return shipping',
+                        type: 'select',
+                        options: [
+                            { value: 'customer', label: 'Customer' },
+                            { value: 'tilmart', label: 'Tilmart' },
+                            { value: 'seller', label: 'Seller' },
+                        ],
+                    },
+                    { key: 'allowChangeOfMind', label: 'Allow change-of-mind returns', type: 'boolean' },
+                    { key: 'enabled', label: 'Enabled', type: 'boolean' },
+                ],
+                data$: new BehaviorSubject(null),
+                page: 1,
+            },
+        ];
+        this.active = this.sections[0].key;
+        this.editing = false;
+        this.saving = false;
+        this.draft = null;
+        this.init = () => {
+            for (const section of this.sections)
+                this.load(section);
+        };
+    }
+    get activeSection() {
+        return this.sections.find((s) => s.key === this.active);
+    }
+    load(section, page = section.page, query = section.query) {
+        section.page = page;
+        section.query = query;
+        const params = { page, perPage: 100 };
+        if (query)
+            params.query = query;
+        this.apiService
+            .on(section.mount)
+            .getMany(params)
+            .pipe(takeUntil(this.$), map((response) => ({
+            title: titleCase(section.title),
+            columns: section.columns,
+            rows: response?.data,
+            hasHeaders: true,
+            hasTextFilter: true,
+            page: response?.meta?.current_page,
+            perPage: response?.meta?.per_page,
+            total: response?.meta?.total,
+            onPage: (p) => this.load(section, p, query),
+            onSearch: (q) => this.load(section, 1, q),
+            onRefresh: () => this.load(section, page, query),
+            links: {
+                secondary: [{ title: 'Edit', fn: (_l, item) => this.edit(item) }],
+            },
+        })))
+            .subscribe(using((data) => section.data$.next(data)));
+    }
+    selectTab(key) {
+        this.active = key;
+        this.editing = false;
+        this.draft = null;
+    }
+    startCreate() {
+        this.editing = true;
+        const draft = {};
+        for (const field of this.activeSection.fields) {
+            draft[field.key] = field.type === 'boolean' ? false : '';
+        }
+        this.draft = draft;
+    }
+    edit(item) {
+        this.editing = true;
+        const draft = { ...item };
+        for (const field of this.activeSection.fields) {
+            if (field.type === 'json' && draft[field.key] != null && typeof draft[field.key] !== 'string') {
+                draft[field.key] = JSON.stringify(draft[field.key], null, 2);
+            }
+        }
+        this.draft = draft;
+    }
+    cancelEdit() {
+        this.editing = false;
+        this.draft = null;
+    }
+    async save() {
+        if (!this.draft)
+            return;
+        const section = this.activeSection;
+        this.saving = true;
+        try {
+            const payload = {};
+            for (const field of section.fields) {
+                const raw = this.draft[field.key];
+                if (field.type === 'number') {
+                    payload[field.key] = raw !== null && raw !== undefined && `${raw}` !== '' ? Number(raw) : undefined;
+                }
+                else if (field.type === 'boolean') {
+                    payload[field.key] = !!raw;
+                }
+                else if (field.type === 'json') {
+                    try {
+                        payload[field.key] = raw && `${raw}`.trim() ? JSON.parse(raw) : undefined;
+                    }
+                    catch {
+                        payload[field.key] = undefined;
+                    }
+                }
+                else {
+                    payload[field.key] = raw || undefined;
+                }
+            }
+            const source = this.apiService.on(section.mount);
+            if (this.draft['id']) {
+                await firstValueFrom(source.update(this.draft['id'], payload));
+            }
+            else {
+                await firstValueFrom(source.create(payload));
+            }
+            notify(`${titleCase(section.singularLabel)} saved.`, undefined, 'success');
+            this.editing = false;
+            this.draft = null;
+            this.load(section, section.page, section.query);
+        }
+        catch {
+            notify('Could not save (check required fields).', undefined, 'error');
+        }
+        finally {
+            this.saving = false;
+        }
+    }
+    async remove() {
+        if (!this.draft?.['id'])
+            return;
+        const section = this.activeSection;
+        try {
+            await firstValueFrom(this.apiService.on(section.mount).remove(this.draft['id']));
+            notify(`${titleCase(section.singularLabel)} deleted.`, undefined, 'success');
+            this.editing = false;
+            this.draft = null;
+            this.load(section, section.page, section.query);
+        }
+        catch {
+            notify('Could not delete — it may still be referenced elsewhere.', undefined, 'error');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SettingsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: SettingsComponent, isStandalone: false, selector: "x-settings", usesInheritance: true, ngImport: i0, template: "<div class=\"x-page-head\">\n  <div class=\"x-page-title\">Settings</div>\n  <div class=\"x-page-subtitle\">\n    Channels, shipping and returns configuration.\n  </div>\n</div>\n\n<nav class=\"x-settings-tabs\">\n  @for (s of sections; track s.key) {\n    <button\n      type=\"button\"\n      class=\"x-settings-tab\"\n      [class.is-active]=\"active === s.key\"\n      (click)=\"selectTab(s.key)\"\n    >\n      {{ s.title }}\n    </button>\n  }\n</nav>\n\n@for (s of sections; track s.key) {\n  @if (active === s.key) {\n    @if (!editing) {\n      <div class=\"x-settings-toolbar\">\n        <button type=\"button\" class=\"x-settings-btn x-settings-btn-primary\" (click)=\"startCreate()\">\n          + New {{ s.singularLabel }}\n        </button>\n      </div>\n      @if (s.data$ | async; as list) {\n        <x-webget-collection [data]=\"list\"></x-webget-collection>\n      } @else {\n        <x-element-loader></x-element-loader>\n      }\n    } @else if (draft) {\n      <div class=\"x-settings-editor\">\n        <div class=\"x-settings-editor-head\">\n          <div class=\"x-settings-editor-title\">{{ draft['id'] ? 'Edit' : 'New' }} {{ s.singularLabel }}</div>\n          <div class=\"x-settings-editor-actions\">\n            @if (draft['id']) {\n              <button type=\"button\" class=\"x-settings-btn x-settings-danger\" (click)=\"remove()\">Delete</button>\n            }\n            <button type=\"button\" class=\"x-settings-btn\" (click)=\"cancelEdit()\">Close</button>\n            <button type=\"button\" class=\"x-settings-btn x-settings-btn-primary\" [disabled]=\"saving\" (click)=\"save()\">\n              {{ saving ? 'Saving\u2026' : 'Save' }}\n            </button>\n          </div>\n        </div>\n\n        <div class=\"x-settings-grid\">\n          @for (f of s.fields; track f.key) {\n            <label class=\"x-settings-f\" [class.x-settings-f-wide]=\"f.type === 'textarea' || f.type === 'json'\">\n              {{ f.label }}\n              @if (f.required) {\n                <span class=\"x-settings-required\">*</span>\n              }\n              @switch (f.type) {\n                @case ('boolean') {\n                  <input type=\"checkbox\" [(ngModel)]=\"draft[f.key]\" />\n                }\n                @case ('select') {\n                  <select [(ngModel)]=\"draft[f.key]\">\n                    <option value=\"\">\u2014 choose \u2014</option>\n                    @for (opt of f.options; track opt.value) {\n                      <option [value]=\"opt.value\">{{ opt.label }}</option>\n                    }\n                  </select>\n                }\n                @case ('json') {\n                  <textarea rows=\"4\" class=\"x-settings-json\" [(ngModel)]=\"draft[f.key]\" [placeholder]=\"f.placeholder || '{}'\"></textarea>\n                }\n                @case ('number') {\n                  <input type=\"number\" [(ngModel)]=\"draft[f.key]\" [placeholder]=\"f.placeholder || ''\" />\n                }\n                @default {\n                  <input type=\"text\" [(ngModel)]=\"draft[f.key]\" [placeholder]=\"f.placeholder || ''\" />\n                }\n              }\n            </label>\n          }\n        </div>\n      </div>\n    }\n  }\n}\n\n<div class=\"x-settings-more\">\n  <p>\n    <strong>Users &amp; roles</strong> \u2014\n    <a routerLink=\"/admin/users\">manage accounts</a>.\n  </p>\n  <p>\n    <strong>Notifications</strong> \u2014 transactional and marketing templates\n    are seeded per environment (NotificationTemplates); per-customer\n    preferences are on the customer record.\n  </p>\n  <p class=\"x-settings-audit\">\n    <strong>Audit log</strong> \u2014 every privileged action is recorded\n    (ntx-apps-audit); <a routerLink=\"/admin/audit\">open the viewer</a>.\n  </p>\n</div>\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}.x-settings-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;border-bottom:1px solid var(--color-border)}.x-settings-tab{appearance:none;background:transparent;border:0;border-bottom:2px solid transparent;padding:8px 12px;font-size:13.5px;font-weight:600;color:var(--color-text-muted);cursor:pointer}.x-settings-tab.is-active{color:var(--color-text);border-bottom-color:var(--color-brand)}.x-settings-toolbar{display:flex;justify-content:flex-end;margin-bottom:14px}.x-settings-btn{border:1px solid var(--color-border);background:transparent;border-radius:var(--radius-md);padding:6px 14px;font-size:12.5px;font-weight:700;cursor:pointer;color:var(--color-text-muted)}.x-settings-btn:disabled{opacity:.5;cursor:default}.x-settings-btn-primary{border-color:var(--color-accent);color:var(--color-accent-hover)}.x-settings-danger{color:var(--color-danger, #c0362c)}.x-settings-editor{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:14px}.x-settings-editor-head{display:flex;align-items:center;justify-content:space-between}.x-settings-editor-title{font-size:16px;font-weight:800;color:var(--color-text)}.x-settings-editor-actions{display:flex;gap:8px}.x-settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.x-settings-f{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--color-text-muted);font-weight:700}.x-settings-f-wide{grid-column:1/-1}.x-settings-f input,.x-settings-f select,.x-settings-f textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px 10px;font-size:13px;background:var(--color-surface);color:var(--color-text);font-weight:400}.x-settings-f input[type=checkbox]{width:18px;height:18px}.x-settings-json{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.x-settings-required{color:var(--color-danger, #c0362c)}.x-settings-more{margin-top:28px;padding-top:18px;border-top:1px solid var(--color-border);font-size:13px;line-height:1.6;color:var(--color-text-muted)}.x-settings-more a{color:var(--color-brand)}.x-settings-audit{margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i2.LoaderComponent, selector: "x-element-loader", inputs: ["data"] }, { kind: "component", type: i2.CollectionComponent, selector: "x-webget-collection", inputs: ["data"], outputs: ["search", "filter", "refresh", "select", "page", "show"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SettingsComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'x-settings', template: "<div class=\"x-page-head\">\n  <div class=\"x-page-title\">Settings</div>\n  <div class=\"x-page-subtitle\">\n    Channels, shipping and returns configuration.\n  </div>\n</div>\n\n<nav class=\"x-settings-tabs\">\n  @for (s of sections; track s.key) {\n    <button\n      type=\"button\"\n      class=\"x-settings-tab\"\n      [class.is-active]=\"active === s.key\"\n      (click)=\"selectTab(s.key)\"\n    >\n      {{ s.title }}\n    </button>\n  }\n</nav>\n\n@for (s of sections; track s.key) {\n  @if (active === s.key) {\n    @if (!editing) {\n      <div class=\"x-settings-toolbar\">\n        <button type=\"button\" class=\"x-settings-btn x-settings-btn-primary\" (click)=\"startCreate()\">\n          + New {{ s.singularLabel }}\n        </button>\n      </div>\n      @if (s.data$ | async; as list) {\n        <x-webget-collection [data]=\"list\"></x-webget-collection>\n      } @else {\n        <x-element-loader></x-element-loader>\n      }\n    } @else if (draft) {\n      <div class=\"x-settings-editor\">\n        <div class=\"x-settings-editor-head\">\n          <div class=\"x-settings-editor-title\">{{ draft['id'] ? 'Edit' : 'New' }} {{ s.singularLabel }}</div>\n          <div class=\"x-settings-editor-actions\">\n            @if (draft['id']) {\n              <button type=\"button\" class=\"x-settings-btn x-settings-danger\" (click)=\"remove()\">Delete</button>\n            }\n            <button type=\"button\" class=\"x-settings-btn\" (click)=\"cancelEdit()\">Close</button>\n            <button type=\"button\" class=\"x-settings-btn x-settings-btn-primary\" [disabled]=\"saving\" (click)=\"save()\">\n              {{ saving ? 'Saving\u2026' : 'Save' }}\n            </button>\n          </div>\n        </div>\n\n        <div class=\"x-settings-grid\">\n          @for (f of s.fields; track f.key) {\n            <label class=\"x-settings-f\" [class.x-settings-f-wide]=\"f.type === 'textarea' || f.type === 'json'\">\n              {{ f.label }}\n              @if (f.required) {\n                <span class=\"x-settings-required\">*</span>\n              }\n              @switch (f.type) {\n                @case ('boolean') {\n                  <input type=\"checkbox\" [(ngModel)]=\"draft[f.key]\" />\n                }\n                @case ('select') {\n                  <select [(ngModel)]=\"draft[f.key]\">\n                    <option value=\"\">\u2014 choose \u2014</option>\n                    @for (opt of f.options; track opt.value) {\n                      <option [value]=\"opt.value\">{{ opt.label }}</option>\n                    }\n                  </select>\n                }\n                @case ('json') {\n                  <textarea rows=\"4\" class=\"x-settings-json\" [(ngModel)]=\"draft[f.key]\" [placeholder]=\"f.placeholder || '{}'\"></textarea>\n                }\n                @case ('number') {\n                  <input type=\"number\" [(ngModel)]=\"draft[f.key]\" [placeholder]=\"f.placeholder || ''\" />\n                }\n                @default {\n                  <input type=\"text\" [(ngModel)]=\"draft[f.key]\" [placeholder]=\"f.placeholder || ''\" />\n                }\n              }\n            </label>\n          }\n        </div>\n      </div>\n    }\n  }\n}\n\n<div class=\"x-settings-more\">\n  <p>\n    <strong>Users &amp; roles</strong> \u2014\n    <a routerLink=\"/admin/users\">manage accounts</a>.\n  </p>\n  <p>\n    <strong>Notifications</strong> \u2014 transactional and marketing templates\n    are seeded per environment (NotificationTemplates); per-customer\n    preferences are on the customer record.\n  </p>\n  <p class=\"x-settings-audit\">\n    <strong>Audit log</strong> \u2014 every privileged action is recorded\n    (ntx-apps-audit); <a routerLink=\"/admin/audit\">open the viewer</a>.\n  </p>\n</div>\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}.x-settings-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;border-bottom:1px solid var(--color-border)}.x-settings-tab{appearance:none;background:transparent;border:0;border-bottom:2px solid transparent;padding:8px 12px;font-size:13.5px;font-weight:600;color:var(--color-text-muted);cursor:pointer}.x-settings-tab.is-active{color:var(--color-text);border-bottom-color:var(--color-brand)}.x-settings-toolbar{display:flex;justify-content:flex-end;margin-bottom:14px}.x-settings-btn{border:1px solid var(--color-border);background:transparent;border-radius:var(--radius-md);padding:6px 14px;font-size:12.5px;font-weight:700;cursor:pointer;color:var(--color-text-muted)}.x-settings-btn:disabled{opacity:.5;cursor:default}.x-settings-btn-primary{border-color:var(--color-accent);color:var(--color-accent-hover)}.x-settings-danger{color:var(--color-danger, #c0362c)}.x-settings-editor{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:14px}.x-settings-editor-head{display:flex;align-items:center;justify-content:space-between}.x-settings-editor-title{font-size:16px;font-weight:800;color:var(--color-text)}.x-settings-editor-actions{display:flex;gap:8px}.x-settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.x-settings-f{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--color-text-muted);font-weight:700}.x-settings-f-wide{grid-column:1/-1}.x-settings-f input,.x-settings-f select,.x-settings-f textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px 10px;font-size:13px;background:var(--color-surface);color:var(--color-text);font-weight:400}.x-settings-f input[type=checkbox]{width:18px;height:18px}.x-settings-json{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.x-settings-required{color:var(--color-danger, #c0362c)}.x-settings-more{margin-top:28px;padding-top:18px;border-top:1px solid var(--color-border);font-size:13px;line-height:1.6;color:var(--color-text-muted)}.x-settings-more a{color:var(--color-brand)}.x-settings-audit{margin-bottom:0}\n"] }]
+        }] });
+
+class SettingsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SettingsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: SettingsModule, declarations: [SettingsComponent], imports: [SharedModule,
+            ElementsModule,
+            WebgetsModule, i1$1.RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SettingsModule, imports: [SharedModule,
+            ElementsModule,
+            WebgetsModule,
+            RouterModule.forChild([{ path: '', component: SettingsComponent }])] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SettingsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SettingsComponent],
+                    imports: [
+                        SharedModule,
+                        ElementsModule,
+                        WebgetsModule,
+                        RouterModule.forChild([{ path: '', component: SettingsComponent }]),
+                    ],
+                }]
+        }] });
+
+export { SettingsModule };
+//# sourceMappingURL=isaiahiroko-tilmart-ngx-apps-admin-settings.module-Cz6xPNwB.mjs.map

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-settings.module-Cz6xPNwB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isaiahiroko-tilmart-ngx-apps-admin-settings.module-Cz6xPNwB.mjs","sources":["../../../projects/admin/src/lib/pages/settings/settings.component.ts","../../../projects/admin/src/lib/pages/settings/settings.component.html","../../../projects/admin/src/lib/pages/settings/settings.module.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { BaseDirective, notify, titleCase, using } from '@thescaffold/ngx-core';\nimport { BehaviorSubject, firstValueFrom, map, takeUntil } from 'rxjs';\nimport { CrudFieldSpec } from '../_shared/simple-crud.base';\n\ninterface Section {\n  key: string;\n  title: string;\n  singularLabel: string;\n  mount: string;\n  columns: { key: string; value: string; type?: string; class?: string }[];\n  fields: CrudFieldSpec[];\n  data$: BehaviorSubject<any>;\n  page: number;\n  query?: string;\n}\n\n// R1 production-readiness pass — ADM-12 / ORD-05. P7.1's original\n// version stacked these four config resources as read-only lists; ops\n// had no way to add a channel, shipping zone, shipping method or return\n// policy \"without a deploy\" (ADM-12's own words). Same field-by-field\n// form idea as `SimpleCrudDirective`, adapted for four resources sharing\n// one tabbed page rather than one resource per route.\n@Component({\n  standalone: false,\n  selector: 'x-settings',\n  templateUrl: './settings.component.html',\n  styleUrl: './settings.component.scss',\n})\nexport class SettingsComponent extends BaseDirective {\n  readonly sections: Section[] = [\n    {\n      key: 'channels',\n      title: 'Channels',\n      singularLabel: 'channel',\n      mount: 'apps/commerce/channel',\n      columns: [\n        { key: 'name', value: 'Name' },\n        { key: 'code', value: 'Code' },\n        { key: 'currency', value: 'Currency' },\n      ],\n      fields: [\n        { key: 'name', label: 'Name', type: 'text', required: true },\n        { key: 'code', label: 'Code', type: 'text', required: true, placeholder: 'e.g. web-ng' },\n        { key: 'currency', label: 'Currency', type: 'text', placeholder: 'NGN' },\n        {\n          key: 'taxMode',\n          label: 'Tax mode',\n          type: 'select',\n          options: [\n            { value: 'inclusive', label: 'Inclusive' },\n            { value: 'exclusive', label: 'Exclusive' },\n          ],\n        },\n      ],\n      data$: new BehaviorSubject<any>(null),\n      page: 1,\n    },\n    {\n      key: 'zones',\n      title: 'Shipping zones',\n      singularLabel: 'shipping zone',\n      mount: 'apps/commerce/delivery-zone',\n      columns: [\n        { key: 'name', value: 'Name' },\n        { key: 'state', value: 'State' },\n        { key: 'lga', value: 'LGA' },\n      ],\n      fields: [\n        { key: 'name', label: 'Name', type: 'text', required: true },\n        { key: 'state', label: 'State', type: 'text', required: true },\n        { key: 'lga', label: 'LGA', type: 'text' },\n      ],\n      data$: new BehaviorSubject<any>(null),\n      page: 1,\n    },\n    {\n      key: 'methods',\n      title: 'Shipping methods',\n      singularLabel: 'shipping method',\n      mount: 'apps/commerce/delivery-method',\n      columns: [\n        { key: 'name', value: 'Name' },\n        { key: 'flatFee', value: 'Flat fee' },\n        { key: 'perKg', value: 'Per kg' },\n        {\n          key: 'enabled',\n          value: 'Enabled',\n          type: 'class',\n          class: 'badge text-bg-light border',\n        },\n      ],\n      fields: [\n        { key: 'name', label: 'Name', type: 'text', required: true },\n        {\n          key: 'type',\n          label: 'Type',\n          type: 'select',\n          options: [\n            { value: 'door', label: 'Door delivery' },\n            { value: 'express', label: 'Express' },\n            { value: 'pickup', label: 'Pickup' },\n            { value: 'scheduled', label: 'Scheduled' },\n            { value: 'freight', label: 'Freight' },\n          ],\n        },\n        { key: 'estimateDaysMin', label: 'Estimate — min days', type: 'number' },\n        { key: 'estimateDaysMax', label: 'Estimate — max days', type: 'number' },\n        { key: 'enabled', label: 'Enabled', type: 'boolean' },\n        {\n          key: 'rateRules',\n          label: 'Rate rules (JSON array)',\n          type: 'json',\n          placeholder: '[{\"zoneId\": null, \"flatFee\": 2000, \"perKg\": 150}]',\n        },\n      ],\n      data$: new BehaviorSubject<any>(null),\n      page: 1,\n    },\n    {\n      key: 'returns',\n      title: 'Return policies',\n      singularLabel: 'return policy',\n      mount: 'apps/commerce/return-policy',\n      columns: [\n        { key: 'windowDays', value: 'Window (days)' },\n        { key: 'restockingFeePct', value: 'Restock fee %' },\n        { key: 'whoPaysReturn', value: 'Who pays' },\n        {\n          key: 'enabled',\n          value: 'Enabled',\n          type: 'class',\n          class: 'badge text-bg-light border',\n        },\n      ],\n      fields: [\n        { key: 'windowDays', label: 'Return window (days)', type: 'number', required: true },\n        {\n          key: 'reasonCode',\n          label: 'Reason code (blank = default policy)',\n          type: 'select',\n          options: [\n            { value: 'damaged_in_transit', label: 'Damaged in transit' },\n            { value: 'wrong_item', label: 'Wrong item' },\n            { value: 'not_as_described', label: 'Not as described' },\n            { value: 'faulty_on_arrival', label: 'Faulty on arrival' },\n            { value: 'changed_mind', label: 'Changed mind' },\n            { value: 'missing_parts', label: 'Missing parts' },\n          ],\n        },\n        { key: 'restockingFeePct', label: 'Restocking fee %', type: 'number' },\n        {\n          key: 'whoPaysReturn',\n          label: 'Who pays for return shipping',\n          type: 'select',\n          options: [\n            { value: 'customer', label: 'Customer' },\n            { value: 'tilmart', label: 'Tilmart' },\n            { value: 'seller', label: 'Seller' },\n          ],\n        },\n        { key: 'allowChangeOfMind', label: 'Allow change-of-mind returns', type: 'boolean' },\n        { key: 'enabled', label: 'Enabled', type: 'boolean' },\n      ],\n      data$: new BehaviorSubject<any>(null),\n      page: 1,\n    },\n  ];\n\n  active = this.sections[0].key;\n  editing = false;\n  saving = false;\n  draft: Record<string, any> | null = null;\n\n  get activeSection(): Section {\n    return this.sections.find((s) => s.key === this.active)!;\n  }\n\n  override init = () => {\n    for (const section of this.sections) this.load(section);\n  };\n\n  private load(section: Section, page = section.page, query = section.query): void {\n    section.page = page;\n    section.query = query;\n    const params: any = { page, perPage: 100 };\n    if (query) params.query = query;\n    this.apiService\n      .on(section.mount)\n      .getMany(params)\n      .pipe(\n        takeUntil(this.$),\n        map((response: any) => ({\n          title: titleCase(section.title),\n          columns: section.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: (p: number) => this.load(section, p, query),\n          onSearch: (q: string) => this.load(section, 1, q),\n          onRefresh: () => this.load(section, page, query),\n          links: {\n            secondary: [{ title: 'Edit', fn: (_l: any, item: any) => this.edit(item) }],\n          },\n        })),\n      )\n      .subscribe(using((data) => section.data$.next(data)));\n  }\n\n  selectTab(key: string): void {\n    this.active = key;\n    this.editing = false;\n    this.draft = null;\n  }\n\n  startCreate(): void {\n    this.editing = true;\n    const draft: Record<string, any> = {};\n    for (const field of this.activeSection.fields) {\n      draft[field.key] = field.type === 'boolean' ? false : '';\n    }\n    this.draft = draft;\n  }\n\n  edit(item: any): void {\n    this.editing = true;\n    const draft = { ...item };\n    for (const field of this.activeSection.fields) {\n      if (field.type === 'json' && draft[field.key] != null && typeof draft[field.key] !== 'string') {\n        draft[field.key] = JSON.stringify(draft[field.key], null, 2);\n      }\n    }\n    this.draft = draft;\n  }\n\n  cancelEdit(): void {\n    this.editing = false;\n    this.draft = null;\n  }\n\n  async save(): Promise<void> {\n    if (!this.draft) return;\n    const section = this.activeSection;\n    this.saving = true;\n    try {\n      const payload: Record<string, any> = {};\n      for (const field of section.fields) {\n        const raw = this.draft[field.key];\n        if (field.type === 'number') {\n          payload[field.key] = raw !== null && raw !== undefined && `${raw}` !== '' ? Number(raw) : undefined;\n        } else if (field.type === 'boolean') {\n          payload[field.key] = !!raw;\n        } else if (field.type === 'json') {\n          try {\n            payload[field.key] = raw && `${raw}`.trim() ? JSON.parse(raw) : undefined;\n          } catch {\n            payload[field.key] = undefined;\n          }\n        } else {\n          payload[field.key] = raw || undefined;\n        }\n      }\n\n      const source = this.apiService.on(section.mount);\n      if (this.draft['id']) {\n        await firstValueFrom(source.update(this.draft['id'], payload));\n      } else {\n        await firstValueFrom(source.create(payload));\n      }\n      notify(`${titleCase(section.singularLabel)} saved.`, undefined, 'success');\n      this.editing = false;\n      this.draft = null;\n      this.load(section, section.page, section.query);\n    } catch {\n      notify('Could not save (check required fields).', undefined, 'error');\n    } finally {\n      this.saving = false;\n    }\n  }\n\n  async remove(): Promise<void> {\n    if (!this.draft?.['id']) return;\n    const section = this.activeSection;\n    try {\n      await firstValueFrom(this.apiService.on(section.mount).remove(this.draft['id']));\n      notify(`${titleCase(section.singularLabel)} deleted.`, undefined, 'success');\n      this.editing = false;\n      this.draft = null;\n      this.load(section, section.page, section.query);\n    } catch {\n      notify('Could not delete — it may still be referenced elsewhere.', undefined, 'error');\n    }\n  }\n}\n","<div class=\"x-page-head\">\n  <div class=\"x-page-title\">Settings</div>\n  <div class=\"x-page-subtitle\">\n    Channels, shipping and returns configuration.\n  </div>\n</div>\n\n<nav class=\"x-settings-tabs\">\n  @for (s of sections; track s.key) {\n    <button\n      type=\"button\"\n      class=\"x-settings-tab\"\n      [class.is-active]=\"active === s.key\"\n      (click)=\"selectTab(s.key)\"\n    >\n      {{ s.title }}\n    </button>\n  }\n</nav>\n\n@for (s of sections; track s.key) {\n  @if (active === s.key) {\n    @if (!editing) {\n      <div class=\"x-settings-toolbar\">\n        <button type=\"button\" class=\"x-settings-btn x-settings-btn-primary\" (click)=\"startCreate()\">\n          + New {{ s.singularLabel }}\n        </button>\n      </div>\n      @if (s.data$ | async; as list) {\n        <x-webget-collection [data]=\"list\"></x-webget-collection>\n      } @else {\n        <x-element-loader></x-element-loader>\n      }\n    } @else if (draft) {\n      <div class=\"x-settings-editor\">\n        <div class=\"x-settings-editor-head\">\n          <div class=\"x-settings-editor-title\">{{ draft['id'] ? 'Edit' : 'New' }} {{ s.singularLabel }}</div>\n          <div class=\"x-settings-editor-actions\">\n            @if (draft['id']) {\n              <button type=\"button\" class=\"x-settings-btn x-settings-danger\" (click)=\"remove()\">Delete</button>\n            }\n            <button type=\"button\" class=\"x-settings-btn\" (click)=\"cancelEdit()\">Close</button>\n            <button type=\"button\" class=\"x-settings-btn x-settings-btn-primary\" [disabled]=\"saving\" (click)=\"save()\">\n              {{ saving ? 'Saving…' : 'Save' }}\n            </button>\n          </div>\n        </div>\n\n        <div class=\"x-settings-grid\">\n          @for (f of s.fields; track f.key) {\n            <label class=\"x-settings-f\" [class.x-settings-f-wide]=\"f.type === 'textarea' || f.type === 'json'\">\n              {{ f.label }}\n              @if (f.required) {\n                <span class=\"x-settings-required\">*</span>\n              }\n              @switch (f.type) {\n                @case ('boolean') {\n                  <input type=\"checkbox\" [(ngModel)]=\"draft[f.key]\" />\n                }\n                @case ('select') {\n                  <select [(ngModel)]=\"draft[f.key]\">\n                    <option value=\"\">— choose —</option>\n                    @for (opt of f.options; track opt.value) {\n                      <option [value]=\"opt.value\">{{ opt.label }}</option>\n                    }\n                  </select>\n                }\n                @case ('json') {\n                  <textarea rows=\"4\" class=\"x-settings-json\" [(ngModel)]=\"draft[f.key]\" [placeholder]=\"f.placeholder || '{}'\"></textarea>\n                }\n                @case ('number') {\n                  <input type=\"number\" [(ngModel)]=\"draft[f.key]\" [placeholder]=\"f.placeholder || ''\" />\n                }\n                @default {\n                  <input type=\"text\" [(ngModel)]=\"draft[f.key]\" [placeholder]=\"f.placeholder || ''\" />\n                }\n              }\n            </label>\n          }\n        </div>\n      </div>\n    }\n  }\n}\n\n<div class=\"x-settings-more\">\n  <p>\n    <strong>Users &amp; roles</strong> —\n    <a routerLink=\"/admin/users\">manage accounts</a>.\n  </p>\n  <p>\n    <strong>Notifications</strong> — transactional and marketing templates\n    are seeded per environment (NotificationTemplates); per-customer\n    preferences are on the customer record.\n  </p>\n  <p class=\"x-settings-audit\">\n    <strong>Audit log</strong> — every privileged action is recorded\n    (ntx-apps-audit); <a routerLink=\"/admin/audit\">open the viewer</a>.\n  </p>\n</div>\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 { SettingsComponent } from './settings.component';\n\n@NgModule({\n  declarations: [SettingsComponent],\n  imports: [\n    SharedModule,\n    ElementsModule,\n    WebgetsModule,\n    RouterModule.forChild([{ path: '', component: SettingsComponent }]),\n  ],\n})\nexport class SettingsModule {}\n"],"names":["i2","i3","i4","i1"],"mappings":";;;;;;;;;;;AAiBA;AACA;AACA;AACA;AACA;AACA;AAOM,MAAO,iBAAkB,SAAQ,aAAa,CAAA;AANpD,IAAA,WAAA,GAAA;;AAOW,QAAA,IAAA,CAAA,QAAQ,GAAc;AAC7B,YAAA;AACE,gBAAA,GAAG,EAAE,UAAU;AACf,gBAAA,KAAK,EAAE,UAAU;AACjB,gBAAA,aAAa,EAAE,SAAS;AACxB,gBAAA,KAAK,EAAE,uBAAuB;AAC9B,gBAAA,OAAO,EAAE;AACP,oBAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,oBAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,oBAAA,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;AACvC,iBAAA;AACD,gBAAA,MAAM,EAAE;AACN,oBAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;AAC5D,oBAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE;AACxF,oBAAA,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE;AACxE,oBAAA;AACE,wBAAA,GAAG,EAAE,SAAS;AACd,wBAAA,KAAK,EAAE,UAAU;AACjB,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,OAAO,EAAE;AACP,4BAAA,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;AAC1C,4BAAA,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;AAC3C,yBAAA;AACF,qBAAA;AACF,iBAAA;AACD,gBAAA,KAAK,EAAE,IAAI,eAAe,CAAM,IAAI,CAAC;AACrC,gBAAA,IAAI,EAAE,CAAC;AACR,aAAA;AACD,YAAA;AACE,gBAAA,GAAG,EAAE,OAAO;AACZ,gBAAA,KAAK,EAAE,gBAAgB;AACvB,gBAAA,aAAa,EAAE,eAAe;AAC9B,gBAAA,KAAK,EAAE,6BAA6B;AACpC,gBAAA,OAAO,EAAE;AACP,oBAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,oBAAA,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;AAChC,oBAAA,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;AAC7B,iBAAA;AACD,gBAAA,MAAM,EAAE;AACN,oBAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;AAC5D,oBAAA,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;oBAC9D,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE;AAC3C,iBAAA;AACD,gBAAA,KAAK,EAAE,IAAI,eAAe,CAAM,IAAI,CAAC;AACrC,gBAAA,IAAI,EAAE,CAAC;AACR,aAAA;AACD,YAAA;AACE,gBAAA,GAAG,EAAE,SAAS;AACd,gBAAA,KAAK,EAAE,kBAAkB;AACzB,gBAAA,aAAa,EAAE,iBAAiB;AAChC,gBAAA,KAAK,EAAE,+BAA+B;AACtC,gBAAA,OAAO,EAAE;AACP,oBAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,oBAAA,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE;AACrC,oBAAA,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE;AACjC,oBAAA;AACE,wBAAA,GAAG,EAAE,SAAS;AACd,wBAAA,KAAK,EAAE,SAAS;AAChB,wBAAA,IAAI,EAAE,OAAO;AACb,wBAAA,KAAK,EAAE,4BAA4B;AACpC,qBAAA;AACF,iBAAA;AACD,gBAAA,MAAM,EAAE;AACN,oBAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;AAC5D,oBAAA;AACE,wBAAA,GAAG,EAAE,MAAM;AACX,wBAAA,KAAK,EAAE,MAAM;AACb,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,OAAO,EAAE;AACP,4BAAA,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE;AACzC,4BAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;AACtC,4BAAA,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;AACpC,4BAAA,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;AAC1C,4BAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;AACvC,yBAAA;AACF,qBAAA;oBACD,EAAE,GAAG,EAAE,iBAAiB,EAAE,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,QAAQ,EAAE;oBACxE,EAAE,GAAG,EAAE,iBAAiB,EAAE,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,QAAQ,EAAE;oBACxE,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;AACrD,oBAAA;AACE,wBAAA,GAAG,EAAE,WAAW;AAChB,wBAAA,KAAK,EAAE,yBAAyB;AAChC,wBAAA,IAAI,EAAE,MAAM;AACZ,wBAAA,WAAW,EAAE,mDAAmD;AACjE,qBAAA;AACF,iBAAA;AACD,gBAAA,KAAK,EAAE,IAAI,eAAe,CAAM,IAAI,CAAC;AACrC,gBAAA,IAAI,EAAE,CAAC;AACR,aAAA;AACD,YAAA;AACE,gBAAA,GAAG,EAAE,SAAS;AACd,gBAAA,KAAK,EAAE,iBAAiB;AACxB,gBAAA,aAAa,EAAE,eAAe;AAC9B,gBAAA,KAAK,EAAE,6BAA6B;AACpC,gBAAA,OAAO,EAAE;AACP,oBAAA,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,eAAe,EAAE;AAC7C,oBAAA,EAAE,GAAG,EAAE,kBAAkB,EAAE,KAAK,EAAE,eAAe,EAAE;AACnD,oBAAA,EAAE,GAAG,EAAE,eAAe,EAAE,KAAK,EAAE,UAAU,EAAE;AAC3C,oBAAA;AACE,wBAAA,GAAG,EAAE,SAAS;AACd,wBAAA,KAAK,EAAE,SAAS;AAChB,wBAAA,IAAI,EAAE,OAAO;AACb,wBAAA,KAAK,EAAE,4BAA4B;AACpC,qBAAA;AACF,iBAAA;AACD,gBAAA,MAAM,EAAE;AACN,oBAAA,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,sBAAsB,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;AACpF,oBAAA;AACE,wBAAA,GAAG,EAAE,YAAY;AACjB,wBAAA,KAAK,EAAE,sCAAsC;AAC7C,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,OAAO,EAAE;AACP,4BAAA,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,oBAAoB,EAAE;AAC5D,4BAAA,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;AAC5C,4BAAA,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,kBAAkB,EAAE;AACxD,4BAAA,EAAE,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,mBAAmB,EAAE;AAC1D,4BAAA,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;AAChD,4BAAA,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;AACnD,yBAAA;AACF,qBAAA;oBACD,EAAE,GAAG,EAAE,kBAAkB,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,QAAQ,EAAE;AACtE,oBAAA;AACE,wBAAA,GAAG,EAAE,eAAe;AACpB,wBAAA,KAAK,EAAE,8BAA8B;AACrC,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,OAAO,EAAE;AACP,4BAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;AACxC,4BAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;AACtC,4BAAA,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;AACrC,yBAAA;AACF,qBAAA;oBACD,EAAE,GAAG,EAAE,mBAAmB,EAAE,KAAK,EAAE,8BAA8B,EAAE,IAAI,EAAE,SAAS,EAAE;oBACpF,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;AACtD,iBAAA;AACD,gBAAA,KAAK,EAAE,IAAI,eAAe,CAAM,IAAI,CAAC;AACrC,gBAAA,IAAI,EAAE,CAAC;AACR,aAAA;SACF;QAED,IAAA,CAAA,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG;QAC7B,IAAA,CAAA,OAAO,GAAG,KAAK;QACf,IAAA,CAAA,MAAM,GAAG,KAAK;QACd,IAAA,CAAA,KAAK,GAA+B,IAAI;QAM/B,IAAA,CAAA,IAAI,GAAG,MAAK;AACnB,YAAA,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,QAAQ;AAAE,gBAAA,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;AACzD,QAAA,CAAC;AAoHF,IAAA;AA1HC,IAAA,IAAI,aAAa,GAAA;AACf,QAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,MAAM,CAAE;IAC1D;AAMQ,IAAA,IAAI,CAAC,OAAgB,EAAE,IAAI,GAAG,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,OAAO,CAAC,KAAK,EAAA;AACvE,QAAA,OAAO,CAAC,IAAI,GAAG,IAAI;AACnB,QAAA,OAAO,CAAC,KAAK,GAAG,KAAK;QACrB,MAAM,MAAM,GAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE;AAC1C,QAAA,IAAI,KAAK;AAAE,YAAA,MAAM,CAAC,KAAK,GAAG,KAAK;AAC/B,QAAA,IAAI,CAAC;AACF,aAAA,EAAE,CAAC,OAAO,CAAC,KAAK;aAChB,OAAO,CAAC,MAAM;AACd,aAAA,IAAI,CACH,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EACjB,GAAG,CAAC,CAAC,QAAa,MAAM;AACtB,YAAA,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;YAC/B,OAAO,EAAE,OAAO,CAAC,OAAO;YACxB,IAAI,EAAE,QAAQ,EAAE,IAAI;AACpB,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,aAAa,EAAE,IAAI;AACnB,YAAA,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY;AAClC,YAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ;AACjC,YAAA,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK;AAC5B,YAAA,MAAM,EAAE,CAAC,CAAS,KAAK,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC;AACnD,YAAA,QAAQ,EAAE,CAAC,CAAS,KAAK,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;AACjD,YAAA,SAAS,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC;AAChD,YAAA,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAO,EAAE,IAAS,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;AAC5E,aAAA;AACF,SAAA,CAAC,CAAC;AAEJ,aAAA,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACzD;AAEA,IAAA,SAAS,CAAC,GAAW,EAAA;AACnB,QAAA,IAAI,CAAC,MAAM,GAAG,GAAG;AACjB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI;IACnB;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;QACnB,MAAM,KAAK,GAAwB,EAAE;QACrC,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;AAC7C,YAAA,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,KAAK,SAAS,GAAG,KAAK,GAAG,EAAE;QAC1D;AACA,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;IACpB;AAEA,IAAA,IAAI,CAAC,IAAS,EAAA;AACZ,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,MAAM,KAAK,GAAG,EAAE,GAAG,IAAI,EAAE;QACzB,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;YAC7C,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,OAAO,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,QAAQ,EAAE;gBAC7F,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;YAC9D;QACF;AACA,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;IACpB;IAEA,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI;IACnB;AAEA,IAAA,MAAM,IAAI,GAAA;QACR,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE;AACjB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa;AAClC,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI;AAClB,QAAA,IAAI;YACF,MAAM,OAAO,GAAwB,EAAE;AACvC,YAAA,KAAK,MAAM,KAAK,IAAI,OAAO,CAAC,MAAM,EAAE;gBAClC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;AACjC,gBAAA,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;AAC3B,oBAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,IAAI,CAAA,EAAG,GAAG,CAAA,CAAE,KAAK,EAAE,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,SAAS;gBACrG;AAAO,qBAAA,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE;oBACnC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG;gBAC5B;AAAO,qBAAA,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE;AAChC,oBAAA,IAAI;wBACF,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,CAAA,EAAG,GAAG,CAAA,CAAE,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,SAAS;oBAC3E;AAAE,oBAAA,MAAM;AACN,wBAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,SAAS;oBAChC;gBACF;qBAAO;oBACL,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,SAAS;gBACvC;YACF;AAEA,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;AAChD,YAAA,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;AACpB,gBAAA,MAAM,cAAc,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;YAChE;iBAAO;gBACL,MAAM,cAAc,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAC9C;AACA,YAAA,MAAM,CAAC,CAAA,EAAG,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA,OAAA,CAAS,EAAE,SAAS,EAAE,SAAS,CAAC;AAC1E,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI;AACjB,YAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC;QACjD;AAAE,QAAA,MAAM;AACN,YAAA,MAAM,CAAC,yCAAyC,EAAE,SAAS,EAAE,OAAO,CAAC;QACvE;gBAAU;AACR,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK;QACrB;IACF;AAEA,IAAA,MAAM,MAAM,GAAA;AACV,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAAE;AACzB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa;AAClC,QAAA,IAAI;YACF,MAAM,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;AAChF,YAAA,MAAM,CAAC,CAAA,EAAG,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA,SAAA,CAAW,EAAE,SAAS,EAAE,SAAS,CAAC;AAC5E,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI;AACjB,YAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC;QACjD;AAAE,QAAA,MAAM;AACN,YAAA,MAAM,CAAC,0DAA0D,EAAE,SAAS,EAAE,OAAO,CAAC;QACxF;IACF;+GA1QW,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,8FC7B9B,2uHAoGA,EAAA,MAAA,EAAA,CAAA,g0EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,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,mBAAA,EAAA,QAAA,EAAA,iGAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,uGAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,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,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,EAAAA,IAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FDvEa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAN7B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,KAAK,YACP,YAAY,EAAA,QAAA,EAAA,2uHAAA,EAAA,MAAA,EAAA,CAAA,g0EAAA,CAAA,EAAA;;;MEVX,cAAc,CAAA;+GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAd,cAAc,EAAA,YAAA,EAAA,CARV,iBAAiB,CAAA,EAAA,OAAA,EAAA,CAE9B,YAAY;YACZ,cAAc;YACd,aAAa,EAAAC,IAAA,CAAA,YAAA,CAAA,EAAA,CAAA,CAAA;AAIJ,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,cAAc,YANvB,YAAY;YACZ,cAAc;YACd,aAAa;AACb,YAAA,YAAY,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAA,EAAA,CAAA,CAAA;;4FAG1D,cAAc,EAAA,UAAA,EAAA,CAAA;kBAT1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;AACjC,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,cAAc;wBACd,aAAa;AACb,wBAAA,YAAY,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC,CAAC;AACpE,qBAAA;AACF,iBAAA;;;;;"}

package/fesm2022/{isaiahiroko-tilmart-ngx-apps-admin-shipments.module-XuaOKr8v.mjs → isaiahiroko-tilmart-ngx-apps-admin-shipments.module-Cs5CLamm.mjs}

@@ -1,13 +1,14 @@
 import * as i0 from '@angular/core';
 import { inject, TemplateRef, ViewChild, Component, NgModule } from '@angular/core';
-import * as i1$2 from '@angular/router';
+import * as i1$1 from '@angular/router';
 import { RouterModule } from '@angular/router';
-import { BaseDirective, using, notify, titleCase, SharedModule } from '@thescaffold/ngx-core';
-import * as i1$1 from '@thescaffold/ngx-ui';
+import { using, notify, SharedModule } from '@thescaffold/ngx-core';
+import * as i2 from '@thescaffold/ngx-ui';
 import { FlyoutService, ElementsModule, WebgetsModule } from '@thescaffold/ngx-ui';
-import { BehaviorSubject, takeUntil, map } from 'rxjs';
+import { takeUntil } from 'rxjs';
+import { L as ListPageDirective } from './isaiahiroko-tilmart-ngx-apps-admin-list-page.base-Cl7JZ-Tp.mjs';
 import * as i1 from '@angular/forms';
-import * as i2 from '@angular/common';
+import * as i3 from '@angular/common';
 
 const EXCEPTION_REASONS = [
     'recipient_unavailable',
@@ -23,11 +24,12 @@ const EXCEPTION_REASONS = [
 // ORD-08 / ORD-12 — the fulfilment queue. List every shipment; drill in
 // to dispatch, mark delivered, or record a delivery exception (each
 // calls `FulfilmentWorkflow` via the shipment controller).
-class ShipmentsComponent extends BaseDirective {
+class ShipmentsComponent extends ListPageDirective {
     constructor() {
         super(...arguments);
         this.flyoutService = inject(FlyoutService);
-        this.shipmentSource = this.apiService.on('apps/commerce/shipment');
+        this.pluralName = 'shipments';
+        this.dataSource = this.apiService.on('apps/commerce/shipment');
         this.lineSource = this.apiService.on('apps/commerce/shipment-line');
         this.exceptionSource = this.apiService.on('apps/commerce/delivery-exception');
         this.reasons = EXCEPTION_REASONS;
@@ -38,21 +40,9 @@ class ShipmentsComponent extends BaseDirective {
             { key: 'trackingRef', value: 'Tracking' },
             { key: 'createdAt', value: 'Created', type: 'date' },
         ];
-        this.page = 1;
-        this.perPage = 25;
-        this.list$ = new BehaviorSubject(null);
         this.detail = null;
         this.exceptionReason = 'recipient_unavailable';
         this.exceptionNote = '';
-        this.init = () => {
-            this.list();
-        };
-    }
-    list(page = this.page, perPage = this.perPage) {
-        this.shipmentSource
-            .getMany({ page, perPage })
-            .pipe(takeUntil(this.$), map((response) => this.toCollection(response)))
-            .subscribe(using((data) => this.list$.next(data)));
     }
     view(item) {
         this.detail = null;
@@ -96,24 +86,15 @@ class ShipmentsComponent extends BaseDirective {
     recordException() {
         this.act('exception', { reasonCode: this.exceptionReason, notes: this.exceptionNote || undefined }, 'Delivery exception recorded.');
     }
-    toCollection(response) {
+    extraCollectionFields() {
         return {
-            title: titleCase('shipments'),
-            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),
             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: ShipmentsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ShipmentsComponent, isStandalone: false, selector: "x-shipments", 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\">Shipments</div>\n  <div class=\"x-page-subtitle\">Dispatch, deliver, and record delivery exceptions (ORD-08).</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: 'Shipment' }\">\n    <div class=\"p-4 d-flex flex-column gap-3\">\n      @if (detail) {\n        <div>\n          <span class=\"badge text-bg-light border\">{{ detail.status }}</span>\n          @if (detail.trackingRef) {\n            <div class=\"small text-secondary mt-1\">{{ detail.carrier }} \u00B7 {{ detail.trackingRef }}</div>\n          }\n          @if (detail.dispatchedAt) {\n            <div class=\"small text-secondary\">Dispatched {{ detail.dispatchedAt | date: 'MMM d, h:mm a' }}</div>\n          }\n          @if (detail.deliveredAt) {\n            <div class=\"small text-secondary\">Delivered {{ detail.deliveredAt | date: 'MMM d, h:mm a' }}</div>\n          }\n        </div>\n\n        <div class=\"d-flex flex-wrap gap-2\">\n          @if (detail.status === 'preparing' || detail.status === 'ready_for_dispatch') {\n            <button type=\"button\" class=\"btn btn-sm btn-outline-dark\" (click)=\"dispatch()\">Dispatch</button>\n          }\n          @if (detail.status === 'dispatched' || detail.status === 'out_for_delivery' || detail.status === 'failed_delivery') {\n            <button type=\"button\" class=\"btn btn-sm btn-outline-success\" (click)=\"deliver()\">Mark delivered</button>\n          }\n        </div>\n\n        <table class=\"table table-sm\">\n          <thead><tr><th>Order line</th><th>Qty</th><th>Serials</th></tr></thead>\n          <tbody>\n            @for (line of detail.lines; track line.id) {\n              <tr>\n                <td class=\"font-monospace small\">{{ line.orderLineId }}</td>\n                <td>{{ line.quantity }}</td>\n                <td class=\"small\">{{ line.serialNumbers?.join(', ') || '\u2014' }}</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>\n          <div class=\"fw-bold small mb-1\">Delivery exceptions</div>\n          @for (ex of detail.exceptions; track ex.id) {\n            <div class=\"small text-secondary\">\n              Attempt {{ ex.attemptNumber }} \u00B7 {{ ex.reasonCode }}\n              @if (ex.notes) { \u2014 {{ ex.notes }} }\n            </div>\n          } @empty {\n            <div class=\"small text-secondary\">None.</div>\n          }\n        </div>\n\n        <hr class=\"my-1\" />\n        <div class=\"d-flex flex-column gap-2\">\n          <div class=\"fw-bold small\">Record an exception</div>\n          <select class=\"form-select form-select-sm\" [(ngModel)]=\"exceptionReason\">\n            @for (reason of reasons; track reason) {\n              <option [value]=\"reason\">{{ reason }}</option>\n            }\n          </select>\n          <input class=\"form-control form-control-sm\" placeholder=\"Note (optional)\" [(ngModel)]=\"exceptionNote\" />\n          <button type=\"button\" class=\"btn btn-sm btn-outline-warning align-self-start\" (click)=\"recordException()\">\n            Record exception\n          </button>\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.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ShipmentsComponent, isStandalone: false, selector: "x-shipments", 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\">Shipments</div>\n  <div class=\"x-page-subtitle\">Dispatch, deliver, and record delivery exceptions (ORD-08).</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: 'Shipment' }\">\n    <div class=\"p-4 d-flex flex-column gap-3\">\n      @if (detail) {\n        <div>\n          <span class=\"badge text-bg-light border\">{{ detail.status }}</span>\n          @if (detail.trackingRef) {\n            <div class=\"small text-secondary mt-1\">{{ detail.carrier }} \u00B7 {{ detail.trackingRef }}</div>\n          }\n          @if (detail.dispatchedAt) {\n            <div class=\"small text-secondary\">Dispatched {{ detail.dispatchedAt | date: 'MMM d, h:mm a' }}</div>\n          }\n          @if (detail.deliveredAt) {\n            <div class=\"small text-secondary\">Delivered {{ detail.deliveredAt | date: 'MMM d, h:mm a' }}</div>\n          }\n        </div>\n\n        <div class=\"d-flex flex-wrap gap-2\">\n          @if (detail.status === 'preparing' || detail.status === 'ready_for_dispatch') {\n            <button type=\"button\" class=\"btn btn-sm btn-outline-dark\" (click)=\"dispatch()\">Dispatch</button>\n          }\n          @if (detail.status === 'dispatched' || detail.status === 'out_for_delivery' || detail.status === 'failed_delivery') {\n            <button type=\"button\" class=\"btn btn-sm btn-outline-success\" (click)=\"deliver()\">Mark delivered</button>\n          }\n        </div>\n\n        <table class=\"table table-sm\">\n          <thead><tr><th>Order line</th><th>Qty</th><th>Serials</th></tr></thead>\n          <tbody>\n            @for (line of detail.lines; track line.id) {\n              <tr>\n                <td class=\"font-monospace small\">{{ line.orderLineId }}</td>\n                <td>{{ line.quantity }}</td>\n                <td class=\"small\">{{ line.serialNumbers?.join(', ') || '\u2014' }}</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>\n          <div class=\"fw-bold small mb-1\">Delivery exceptions</div>\n          @for (ex of detail.exceptions; track ex.id) {\n            <div class=\"small text-secondary\">\n              Attempt {{ ex.attemptNumber }} \u00B7 {{ ex.reasonCode }}\n              @if (ex.notes) { \u2014 {{ ex.notes }} }\n            </div>\n          } @empty {\n            <div class=\"small text-secondary\">None.</div>\n          }\n        </div>\n\n        <hr class=\"my-1\" />\n        <div class=\"d-flex flex-column gap-2\">\n          <div class=\"fw-bold small\">Record an exception</div>\n          <select class=\"form-select form-select-sm\" [(ngModel)]=\"exceptionReason\">\n            @for (reason of reasons; track reason) {\n              <option [value]=\"reason\">{{ reason }}</option>\n            }\n          </select>\n          <input class=\"form-control form-control-sm\" placeholder=\"Note (optional)\" [(ngModel)]=\"exceptionNote\" />\n          <button type=\"button\" class=\"btn btn-sm btn-outline-warning align-self-start\" (click)=\"recordException()\">\n            Record exception\n          </button>\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.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.LoaderComponent, selector: "x-element-loader", inputs: ["data"] }, { kind: "component", type: i2.CollectionComponent, selector: "x-webget-collection", inputs: ["data"], outputs: ["search", "filter", "refresh", "select", "page", "show"] }, { kind: "component", type: i2.FlyoutComponent, selector: "x-webget-flyout", inputs: ["data"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ShipmentsComponent, decorators: [{
             type: Component,
@@ -127,7 +108,7 @@ class ShipmentsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ShipmentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: ShipmentsModule, declarations: [ShipmentsComponent], imports: [SharedModule,
             ElementsModule,
-            WebgetsModule, i1$2.RouterModule] }); }
+            WebgetsModule, i1$1.RouterModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ShipmentsModule, imports: [SharedModule,
             ElementsModule,
             WebgetsModule,
@@ -147,4 +128,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
         }] });
 
 export { ShipmentsModule };
-//# sourceMappingURL=isaiahiroko-tilmart-ngx-apps-admin-shipments.module-XuaOKr8v.mjs.map
+//# sourceMappingURL=isaiahiroko-tilmart-ngx-apps-admin-shipments.module-Cs5CLamm.mjs.map

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-shipments.module-Cs5CLamm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isaiahiroko-tilmart-ngx-apps-admin-shipments.module-Cs5CLamm.mjs","sources":["../../../projects/admin/src/lib/pages/shipments/shipments.component.ts","../../../projects/admin/src/lib/pages/shipments/shipments.component.html","../../../projects/admin/src/lib/pages/shipments/shipments.module.ts"],"sourcesContent":["import { Component, TemplateRef, ViewChild, inject } from '@angular/core';\nimport { notify, using } from '@thescaffold/ngx-core';\nimport { FlyoutService } from '@thescaffold/ngx-ui';\nimport { takeUntil } from 'rxjs';\nimport { ListPageDirective } from '../_shared/list-page.base';\n\nconst EXCEPTION_REASONS = [\n  'recipient_unavailable',\n  'address_not_found',\n  'recipient_refused',\n  'damaged_in_transit',\n  'access_blocked',\n  'weather',\n  'vehicle_issue',\n  'security',\n  'other',\n];\n\n// ORD-08 / ORD-12 — the fulfilment queue. List every shipment; drill in\n// to dispatch, mark delivered, or record a delivery exception (each\n// calls `FulfilmentWorkflow` via the shipment controller).\n@Component({\n  standalone: false,\n  selector: 'x-shipments',\n  templateUrl: './shipments.component.html',\n  styleUrl: './shipments.component.scss',\n})\nexport class ShipmentsComponent extends ListPageDirective {\n  private readonly flyoutService = inject(FlyoutService);\n\n  protected pluralName = 'shipments';\n  protected dataSource = this.apiService.on('apps/commerce/shipment');\n  private readonly lineSource = this.apiService.on('apps/commerce/shipment-line');\n  private readonly exceptionSource = this.apiService.on('apps/commerce/delivery-exception');\n\n  readonly reasons = EXCEPTION_REASONS;\n\n  protected columns = [\n    { key: 'status', value: 'Status', type: 'class', class: 'badge text-bg-light border' },\n    { key: 'orderId', value: 'Order' },\n    { key: 'carrier', value: 'Carrier' },\n    { key: 'trackingRef', value: 'Tracking' },\n    { key: 'createdAt', value: 'Created', type: 'date' },\n  ];\n\n  detail: any = null;\n  exceptionReason = 'recipient_unavailable';\n  exceptionNote = '';\n\n  @ViewChild('detailFlyout', { read: TemplateRef, static: true })\n  detailFlyout!: TemplateRef<any>;\n\n  view(item: any) {\n    this.detail = null;\n    this.exceptionReason = 'recipient_unavailable';\n    this.exceptionNote = '';\n    this.flyoutService.open(this.detailFlyout);\n\n    this.lineSource\n      .getMany({ shipmentId: item.id, page: 1, perPage: 100 } as any)\n      .pipe(takeUntil(this.$))\n      .subscribe(\n        using(({ data: lines }: { data: any[] }) => {\n          this.detail = { ...item, lines: lines ?? [], exceptions: [] };\n          this.exceptionSource\n            .getMany({ shipmentId: item.id, page: 1, perPage: 50 } as any)\n            .pipe(takeUntil(this.$))\n            .subscribe(using(({ data }: { data: any[] }) => {\n              if (this.detail) this.detail.exceptions = data ?? [];\n            }));\n        }),\n      );\n  }\n\n  private act(path: string, body: Record<string, unknown>, okMsg: string) {\n    this.apiService\n      .post(`apps/commerce/shipment/${this.detail.id}/${path}`, body)\n      .pipe(takeUntil(this.$))\n      .subscribe(\n        using((res: any) => {\n          if (res?.status === 'error') {\n            notify(res.message || 'That action failed.', undefined, 'error');\n            return;\n          }\n          notify(okMsg, undefined, 'success');\n          this.flyoutService.dismiss();\n          this.list();\n        }),\n      );\n  }\n\n  dispatch() {\n    this.act('dispatch', {}, 'Shipment dispatched.');\n  }\n\n  deliver() {\n    this.act('deliver', {}, 'Shipment marked delivered.');\n  }\n\n  recordException() {\n    this.act(\n      'exception',\n      { reasonCode: this.exceptionReason, notes: this.exceptionNote || undefined },\n      'Delivery exception recorded.',\n    );\n  }\n\n  protected override extraCollectionFields() {\n    return {\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\">Shipments</div>\n  <div class=\"x-page-subtitle\">Dispatch, deliver, and record delivery exceptions (ORD-08).</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: 'Shipment' }\">\n    <div class=\"p-4 d-flex flex-column gap-3\">\n      @if (detail) {\n        <div>\n          <span class=\"badge text-bg-light border\">{{ detail.status }}</span>\n          @if (detail.trackingRef) {\n            <div class=\"small text-secondary mt-1\">{{ detail.carrier }} · {{ detail.trackingRef }}</div>\n          }\n          @if (detail.dispatchedAt) {\n            <div class=\"small text-secondary\">Dispatched {{ detail.dispatchedAt | date: 'MMM d, h:mm a' }}</div>\n          }\n          @if (detail.deliveredAt) {\n            <div class=\"small text-secondary\">Delivered {{ detail.deliveredAt | date: 'MMM d, h:mm a' }}</div>\n          }\n        </div>\n\n        <div class=\"d-flex flex-wrap gap-2\">\n          @if (detail.status === 'preparing' || detail.status === 'ready_for_dispatch') {\n            <button type=\"button\" class=\"btn btn-sm btn-outline-dark\" (click)=\"dispatch()\">Dispatch</button>\n          }\n          @if (detail.status === 'dispatched' || detail.status === 'out_for_delivery' || detail.status === 'failed_delivery') {\n            <button type=\"button\" class=\"btn btn-sm btn-outline-success\" (click)=\"deliver()\">Mark delivered</button>\n          }\n        </div>\n\n        <table class=\"table table-sm\">\n          <thead><tr><th>Order line</th><th>Qty</th><th>Serials</th></tr></thead>\n          <tbody>\n            @for (line of detail.lines; track line.id) {\n              <tr>\n                <td class=\"font-monospace small\">{{ line.orderLineId }}</td>\n                <td>{{ line.quantity }}</td>\n                <td class=\"small\">{{ line.serialNumbers?.join(', ') || '—' }}</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>\n          <div class=\"fw-bold small mb-1\">Delivery exceptions</div>\n          @for (ex of detail.exceptions; track ex.id) {\n            <div class=\"small text-secondary\">\n              Attempt {{ ex.attemptNumber }} · {{ ex.reasonCode }}\n              @if (ex.notes) { — {{ ex.notes }} }\n            </div>\n          } @empty {\n            <div class=\"small text-secondary\">None.</div>\n          }\n        </div>\n\n        <hr class=\"my-1\" />\n        <div class=\"d-flex flex-column gap-2\">\n          <div class=\"fw-bold small\">Record an exception</div>\n          <select class=\"form-select form-select-sm\" [(ngModel)]=\"exceptionReason\">\n            @for (reason of reasons; track reason) {\n              <option [value]=\"reason\">{{ reason }}</option>\n            }\n          </select>\n          <input class=\"form-control form-control-sm\" placeholder=\"Note (optional)\" [(ngModel)]=\"exceptionNote\" />\n          <button type=\"button\" class=\"btn btn-sm btn-outline-warning align-self-start\" (click)=\"recordException()\">\n            Record exception\n          </button>\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 { ShipmentsComponent } from './shipments.component';\n\n@NgModule({\n  declarations: [ShipmentsComponent],\n  imports: [\n    SharedModule,\n    ElementsModule,\n    WebgetsModule,\n    RouterModule.forChild([{ path: '', component: ShipmentsComponent }]),\n  ],\n})\nexport class ShipmentsModule {}\n"],"names":["i1"],"mappings":"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"}