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

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-baskets.module-_lHPl1dT.mjs

@@ -1,294 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, TemplateRef, ViewChild, Component, NgModule } from '@angular/core';
-import * as i1$2 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 { FlyoutService, ElementsModule, WebgetsModule } from '@thescaffold/ngx-ui';
-import { BehaviorSubject, takeUntil, map } from 'rxjs';
-import * as i1 from '@angular/forms';
-import * as i2 from '@angular/common';
-
-const CADENCE_OPTIONS = ['monthly', 'weekly'];
-const STATUS_OPTIONS = ['active', 'paused', 'cancelled'];
-// Thin admin CRUD over the same apps/grocery/subscription endpoints the
-// buyer app's own basket-builder uses (docs/PLAN_2.md Phase 10) - not a
-// re-implementation of that guided flow. Editable surface here is
-// deliberately just the operational fields a support agent would touch
-// (name/cadence/fee/status/route); members/address/line items stay the
-// buyer's own self-service surface. No "create" here for the same reason -
-// baskets are created via the buyer app's template/tier/address wizard,
-// which this page doesn't attempt to replicate.
-class BasketsComponent extends BaseDirective {
-    constructor() {
-        super(...arguments);
-        this.flyoutService = inject(FlyoutService);
-        this.name = 'basket';
-        this.pluralName = 'baskets';
-        this.dataSource = this.apiService.on('apps/grocery/subscription');
-        this.routeSource = this.apiService.on('apps/grocery/route');
-        this.columns = [
-            { key: 'name', value: 'Name' },
-            { key: 'household.name', value: 'Household' },
-            { key: 'household.phone', value: 'Phone' },
-            { key: 'cadence', value: 'Cadence', type: 'class', class: 'badge text-bg-light border' },
-            { key: 'status', value: 'Status', type: 'class', class: 'badge text-bg-light border' },
-            { key: 'deliveryFee', value: 'Delivery fee' },
-        ];
-        this.cadenceOptions = CADENCE_OPTIONS;
-        this.statusOptions = STATUS_OPTIONS;
-        this.routes = [];
-        this.page = 1;
-        this.perPage = 25;
-        this.list$ = new BehaviorSubject(null);
-        this.editing = null;
-        this.saving = false;
-        this.init = () => {
-            this.list();
-            this.routeSource
-                .getMany({ page: 1, perPage: 200 })
-                .pipe(takeUntil(this.$))
-                .subscribe(using(({ data }) => {
-                this.routes = data ?? [];
-            }));
-        };
-    }
-    list(page = this.page, perPage = this.perPage) {
-        this.dataSource
-            .getMany({ page, perPage, relations: 'household' })
-            .pipe(takeUntil(this.$), map((response) => this.toCollection(response)))
-            .subscribe(using((data) => this.list$.next(data)));
-    }
-    edit(item) {
-        this.editing = {
-            id: item.id,
-            name: item.name,
-            cadence: item.cadence,
-            // decimal columns come back as strings (node-postgres avoids float
-            // precision loss) - the number input's ngModel only coerces on an
-            // actual (input) event, so an untouched field would otherwise PATCH
-            // back out as a string and fail the DTO's @IsNumber() check.
-            deliveryFee: Number(item.deliveryFee ?? 0),
-            status: item.status,
-            routeId: item.routeId ?? null,
-        };
-        this.flyoutService.open(this.editFlyout);
-    }
-    save() {
-        if (!this.editing || this.saving) {
-            return;
-        }
-        this.saving = true;
-        const { id, routeId, ...rest } = this.editing;
-        // @IsOptional() only skips validation on `undefined`, not `null` - an
-        // explicit `routeId: null` fails the DTO's @IsUUID() check, so omit it
-        // entirely when no route is assigned instead of sending null.
-        const payload = { ...rest, deliveryFee: Number(rest.deliveryFee) };
-        if (routeId) {
-            payload.routeId = routeId;
-        }
-        this.dataSource
-            .update(id, payload)
-            .pipe(takeUntil(this.$))
-            .subscribe(using(() => {
-            notify('Basket updated', 'apps.admin.baskets.save', 'success');
-            this.saving = false;
-            this.flyoutService.dismiss();
-            this.list();
-        }, 
-        // using()'s default error handler is what shows a toast on
-        // failure - overriding it (to also reset `saving`) means doing
-        // that notify() call ourselves too, or a validation error fails
-        // silently in the UI with nothing but a console 400.
-        (err) => {
-            this.saving = false;
-            err?.message && notify(err.message);
-        }));
-    }
-    togglePause(item) {
-        const action = item.status === 'paused' ? 'resume' : 'pause';
-        this.apiService
-            .post(`apps/grocery/subscription/${item.id}/${action}`, {})
-            .pipe(takeUntil(this.$))
-            .subscribe(using(() => {
-            notify(action === 'pause' ? 'Basket paused' : 'Basket resumed', 'apps.admin.baskets.toggle-pause', 'success');
-            this.list();
-        }));
-    }
-    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),
-            links: {
-                secondary: [
-                    {
-                        title: 'Edit',
-                        fn: (link, item) => this.edit(item),
-                    },
-                    {
-                        // Static label - the collection template interpolates `title`
-                        // directly rather than invoking it, so it can't reflect each
-                        // row's current status; togglePause() itself picks the right
-                        // direction from the clicked item at call time.
-                        title: 'Pause / Resume',
-                        fn: (link, item) => this.togglePause(item),
-                    },
-                ],
-            },
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BasketsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: BasketsComponent, isStandalone: false, selector: "x-baskets", viewQueries: [{ propertyName: "editFlyout", first: true, predicate: ["editFlyout"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: `
-    <div class="x-page-head">
-      <div class="x-page-title">Baskets</div>
-      <div class="x-page-subtitle">Every household's baskets, across all workspaces.</div>
-    </div>
-
-    @if (list$ | async; as list) {
-      <x-webget-collection [data]="list"></x-webget-collection>
-    } @else {
-      <x-element-loader></x-element-loader>
-    }
-
-    <ng-template #editFlyout>
-      <x-webget-flyout [data]="{ title: 'Edit basket' }">
-        @if (editing) {
-          <div class="p-4 d-flex flex-column gap-3">
-            <div>
-              <label class="form-label">Name</label>
-              <input type="text" class="form-control" [(ngModel)]="editing.name" />
-            </div>
-            <div>
-              <label class="form-label">Cadence</label>
-              <select class="form-select" [(ngModel)]="editing.cadence">
-                @for (c of cadenceOptions; track c) {
-                  <option [value]="c">{{ c }}</option>
-                }
-              </select>
-            </div>
-            <div>
-              <label class="form-label">Delivery fee (₦)</label>
-              <input type="number" class="form-control" [(ngModel)]="editing.deliveryFee" />
-            </div>
-            <div>
-              <label class="form-label">Status</label>
-              <select class="form-select" [(ngModel)]="editing.status">
-                @for (s of statusOptions; track s) {
-                  <option [value]="s">{{ s }}</option>
-                }
-              </select>
-            </div>
-            <div>
-              <label class="form-label">Route</label>
-              <select class="form-select" [(ngModel)]="editing.routeId">
-                <option [ngValue]="null">— none —</option>
-                @for (r of routes; track r.id) {
-                  <option [value]="r.id">{{ r.name }}</option>
-                }
-              </select>
-            </div>
-            <button type="button" class="btn btn-success" [disabled]="saving" (click)="save()">
-              {{ saving ? 'Saving…' : 'Save' }}
-            </button>
-          </div>
-        }
-      </x-webget-flyout>
-    </ng-template>
-  `, 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: "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.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" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BasketsComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: false, selector: 'x-baskets', template: `
-    <div class="x-page-head">
-      <div class="x-page-title">Baskets</div>
-      <div class="x-page-subtitle">Every household's baskets, across all workspaces.</div>
-    </div>
-
-    @if (list$ | async; as list) {
-      <x-webget-collection [data]="list"></x-webget-collection>
-    } @else {
-      <x-element-loader></x-element-loader>
-    }
-
-    <ng-template #editFlyout>
-      <x-webget-flyout [data]="{ title: 'Edit basket' }">
-        @if (editing) {
-          <div class="p-4 d-flex flex-column gap-3">
-            <div>
-              <label class="form-label">Name</label>
-              <input type="text" class="form-control" [(ngModel)]="editing.name" />
-            </div>
-            <div>
-              <label class="form-label">Cadence</label>
-              <select class="form-select" [(ngModel)]="editing.cadence">
-                @for (c of cadenceOptions; track c) {
-                  <option [value]="c">{{ c }}</option>
-                }
-              </select>
-            </div>
-            <div>
-              <label class="form-label">Delivery fee (₦)</label>
-              <input type="number" class="form-control" [(ngModel)]="editing.deliveryFee" />
-            </div>
-            <div>
-              <label class="form-label">Status</label>
-              <select class="form-select" [(ngModel)]="editing.status">
-                @for (s of statusOptions; track s) {
-                  <option [value]="s">{{ s }}</option>
-                }
-              </select>
-            </div>
-            <div>
-              <label class="form-label">Route</label>
-              <select class="form-select" [(ngModel)]="editing.routeId">
-                <option [ngValue]="null">— none —</option>
-                @for (r of routes; track r.id) {
-                  <option [value]="r.id">{{ r.name }}</option>
-                }
-              </select>
-            </div>
-            <button type="button" class="btn btn-success" [disabled]="saving" (click)="save()">
-              {{ saving ? 'Saving…' : 'Save' }}
-            </button>
-          </div>
-        }
-      </x-webget-flyout>
-    </ng-template>
-  `, 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: { editFlyout: [{
-                type: ViewChild,
-                args: ['editFlyout', { read: TemplateRef, static: true }]
-            }] } });
-
-class BasketsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BasketsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: BasketsModule, declarations: [BasketsComponent], imports: [SharedModule,
-            ElementsModule,
-            WebgetsModule, i1$2.RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BasketsModule, imports: [SharedModule,
-            ElementsModule,
-            WebgetsModule,
-            RouterModule.forChild([{ path: '', component: BasketsComponent }])] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BasketsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [BasketsComponent],
-                    imports: [
-                        SharedModule,
-                        ElementsModule,
-                        WebgetsModule,
-                        RouterModule.forChild([{ path: '', component: BasketsComponent }]),
-                    ],
-                }]
-        }] });
-
-export { BasketsModule };
-//# sourceMappingURL=isaiahiroko-tilmart-ngx-apps-admin-baskets.module-_lHPl1dT.mjs.map

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-baskets.module-_lHPl1dT.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"isaiahiroko-tilmart-ngx-apps-admin-baskets.module-_lHPl1dT.mjs","sources":["../../../projects/admin/src/lib/pages/baskets/baskets.component.ts","../../../projects/admin/src/lib/pages/baskets/baskets.module.ts"],"sourcesContent":["import { Component, TemplateRef, ViewChild, inject } from '@angular/core';\nimport { BaseDirective, notify, titleCase, using } from '@thescaffold/ngx-core';\nimport { FlyoutService } from '@thescaffold/ngx-ui';\nimport { BehaviorSubject, takeUntil, map, forkJoin } from 'rxjs';\n\nconst CADENCE_OPTIONS = ['monthly', 'weekly'];\nconst STATUS_OPTIONS = ['active', 'paused', 'cancelled'];\n\n// Thin admin CRUD over the same apps/grocery/subscription endpoints the\n// buyer app's own basket-builder uses (docs/PLAN_2.md Phase 10) - not a\n// re-implementation of that guided flow. Editable surface here is\n// deliberately just the operational fields a support agent would touch\n// (name/cadence/fee/status/route); members/address/line items stay the\n// buyer's own self-service surface. No \"create\" here for the same reason -\n// baskets are created via the buyer app's template/tier/address wizard,\n// which this page doesn't attempt to replicate.\n@Component({\n  standalone: false,\n  selector: 'x-baskets',\n  template: `\n    <div class=\"x-page-head\">\n      <div class=\"x-page-title\">Baskets</div>\n      <div class=\"x-page-subtitle\">Every household's baskets, across all workspaces.</div>\n    </div>\n\n    @if (list$ | async; as list) {\n      <x-webget-collection [data]=\"list\"></x-webget-collection>\n    } @else {\n      <x-element-loader></x-element-loader>\n    }\n\n    <ng-template #editFlyout>\n      <x-webget-flyout [data]=\"{ title: 'Edit basket' }\">\n        @if (editing) {\n          <div class=\"p-4 d-flex flex-column gap-3\">\n            <div>\n              <label class=\"form-label\">Name</label>\n              <input type=\"text\" class=\"form-control\" [(ngModel)]=\"editing.name\" />\n            </div>\n            <div>\n              <label class=\"form-label\">Cadence</label>\n              <select class=\"form-select\" [(ngModel)]=\"editing.cadence\">\n                @for (c of cadenceOptions; track c) {\n                  <option [value]=\"c\">{{ c }}</option>\n                }\n              </select>\n            </div>\n            <div>\n              <label class=\"form-label\">Delivery fee (₦)</label>\n              <input type=\"number\" class=\"form-control\" [(ngModel)]=\"editing.deliveryFee\" />\n            </div>\n            <div>\n              <label class=\"form-label\">Status</label>\n              <select class=\"form-select\" [(ngModel)]=\"editing.status\">\n                @for (s of statusOptions; track s) {\n                  <option [value]=\"s\">{{ s }}</option>\n                }\n              </select>\n            </div>\n            <div>\n              <label class=\"form-label\">Route</label>\n              <select class=\"form-select\" [(ngModel)]=\"editing.routeId\">\n                <option [ngValue]=\"null\">— none —</option>\n                @for (r of routes; track r.id) {\n                  <option [value]=\"r.id\">{{ r.name }}</option>\n                }\n              </select>\n            </div>\n            <button type=\"button\" class=\"btn btn-success\" [disabled]=\"saving\" (click)=\"save()\">\n              {{ saving ? 'Saving…' : 'Save' }}\n            </button>\n          </div>\n        }\n      </x-webget-flyout>\n    </ng-template>\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 BasketsComponent extends BaseDirective {\n  private readonly flyoutService = inject(FlyoutService);\n\n  name = 'basket';\n  pluralName = 'baskets';\n  dataSource = this.apiService.on('apps/grocery/subscription');\n  private readonly routeSource = this.apiService.on('apps/grocery/route');\n\n  columns = [\n    { key: 'name', value: 'Name' },\n    { key: 'household.name', value: 'Household' },\n    { key: 'household.phone', value: 'Phone' },\n    { key: 'cadence', value: 'Cadence', type: 'class', class: 'badge text-bg-light border' },\n    { key: 'status', value: 'Status', type: 'class', class: 'badge text-bg-light border' },\n    { key: 'deliveryFee', value: 'Delivery fee' },\n  ];\n\n  cadenceOptions = CADENCE_OPTIONS;\n  statusOptions = STATUS_OPTIONS;\n  routes: { id: string; name: string }[] = [];\n\n  page = 1;\n  perPage = 25;\n\n  list$ = new BehaviorSubject<any>(null);\n  editing: any = null;\n  saving = false;\n\n  @ViewChild('editFlyout', { read: TemplateRef, static: true })\n  editFlyout!: TemplateRef<any>;\n\n  override init = () => {\n    this.list();\n    this.routeSource\n      .getMany({ page: 1, perPage: 200 })\n      .pipe(takeUntil(this.$))\n      .subscribe(\n        using(({ data }: { data: any[] }) => {\n          this.routes = data ?? [];\n        }),\n      );\n  };\n\n  list(page = this.page, perPage = this.perPage) {\n    this.dataSource\n      .getMany({ page, perPage, relations: 'household' } as any)\n      .pipe(\n        takeUntil(this.$),\n        map((response) => this.toCollection(response)),\n      )\n      .subscribe(using((data) => this.list$.next(data)));\n  }\n\n  edit(item: any) {\n    this.editing = {\n      id: item.id,\n      name: item.name,\n      cadence: item.cadence,\n      // decimal columns come back as strings (node-postgres avoids float\n      // precision loss) - the number input's ngModel only coerces on an\n      // actual (input) event, so an untouched field would otherwise PATCH\n      // back out as a string and fail the DTO's @IsNumber() check.\n      deliveryFee: Number(item.deliveryFee ?? 0),\n      status: item.status,\n      routeId: item.routeId ?? null,\n    };\n    this.flyoutService.open(this.editFlyout);\n  }\n\n  save() {\n    if (!this.editing || this.saving) {\n      return;\n    }\n    this.saving = true;\n    const { id, routeId, ...rest } = this.editing;\n    // @IsOptional() only skips validation on `undefined`, not `null` - an\n    // explicit `routeId: null` fails the DTO's @IsUUID() check, so omit it\n    // entirely when no route is assigned instead of sending null.\n    const payload: any = { ...rest, deliveryFee: Number(rest.deliveryFee) };\n    if (routeId) {\n      payload.routeId = routeId;\n    }\n    this.dataSource\n      .update(id, payload)\n      .pipe(takeUntil(this.$))\n      .subscribe(\n        using(\n          () => {\n            notify('Basket updated', 'apps.admin.baskets.save', 'success');\n            this.saving = false;\n            this.flyoutService.dismiss();\n            this.list();\n          },\n          // using()'s default error handler is what shows a toast on\n          // failure - overriding it (to also reset `saving`) means doing\n          // that notify() call ourselves too, or a validation error fails\n          // silently in the UI with nothing but a console 400.\n          (err: any) => {\n            this.saving = false;\n            err?.message && notify(err.message);\n          },\n        ),\n      );\n  }\n\n  togglePause(item: any) {\n    const action = item.status === 'paused' ? 'resume' : 'pause';\n    this.apiService\n      .post(`apps/grocery/subscription/${item.id}/${action}`, {})\n      .pipe(takeUntil(this.$))\n      .subscribe(\n        using(() => {\n          notify(\n            action === 'pause' ? 'Basket paused' : 'Basket resumed',\n            'apps.admin.baskets.toggle-pause',\n            'success',\n          );\n          this.list();\n        }),\n      );\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      links: {\n        secondary: [\n          {\n            title: 'Edit',\n            fn: (link: any, item: any) => this.edit(item),\n          },\n          {\n            // Static label - the collection template interpolates `title`\n            // directly rather than invoking it, so it can't reflect each\n            // row's current status; togglePause() itself picks the right\n            // direction from the clicked item at call time.\n            title: 'Pause / Resume',\n            fn: (link: any, item: any) => this.togglePause(item),\n          },\n        ],\n      },\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 { BasketsComponent } from './baskets.component';\n\n@NgModule({\n  declarations: [BasketsComponent],\n  imports: [\n    SharedModule,\n    ElementsModule,\n    WebgetsModule,\n    RouterModule.forChild([{ path: '', component: BasketsComponent }]),\n  ],\n})\nexport class BasketsModule {}\n"],"names":["i2","i3","i1"],"mappings":"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"}

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-catalog.module-Bvx2tVOi.mjs

@@ -1,224 +0,0 @@
-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, 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';
-
-// P1.15 — the catalogue editor's first slice. The Salama-era version of
-// this page (basket templates + a bespoke cost-price re-quote table) was
-// wholesale grocery-subscription domain and is gone; `ProductCostPrice`
-// now has its own generic CRUD screen like every other resource. What
-// replaces the bespoke half here is the thing the real catalogue actually
-// needs per row: CAT-03's publish-validation check
-// (`CatalogWorkflow.validatePublish`, P1.10) surfaced with field-level
-// errors, not a single opaque pass/fail — same "per-row action, not just
-// a read view" shape the old cost-price table had, new domain.
-//
-// A full dynamic per-attribute-type input grid (the more literal reading
-// of "per-row attribute inputs") is deliberately not attempted here — it
-// needs a form control per `AttributeDataType` (number/enum/boolean/
-// range/text) driven by whichever template the selected product's
-// category resolves to, which is real, isolated follow-up work once a
-// live category/template dataset exists to build and check it against,
-// not something to guess the shape of blind.
-class CatalogComponent extends BaseDirective {
-    constructor() {
-        super(...arguments);
-        this.name = 'product';
-        this.pluralName = 'products';
-        this.productSource = this.apiService.on('apps/commerce/product');
-        this.products$ = new BehaviorSubject(null);
-        this.init = () => {
-            this.loadProducts();
-        };
-    }
-    loadProducts() {
-        this.productSource
-            .getMany({ page: 1, perPage: 100 })
-            .pipe(takeUntil(this.$), map((response) => (response?.data ?? []).map((p) => ({
-            id: p.id,
-            name: p.name,
-            model: p.model,
-            type: p.type,
-            status: p.status,
-            updatedAt: p.updatedAt,
-            checking: false,
-            checked: false,
-        }))))
-            .subscribe(using((rows) => this.products$.next(rows)));
-    }
-    checkPublish(product) {
-        product.checking = true;
-        this.productSource
-            .post(`apps/commerce/product/${product.id}/validate-publish`)
-            .pipe(takeUntil(this.$))
-            .subscribe(using((response) => {
-            product.checking = false;
-            product.checked = true;
-            product.canPublish = !!response?.data?.canPublish;
-            product.errors = response?.data?.errors ?? [];
-        }));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CatalogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: CatalogComponent, isStandalone: false, selector: "x-catalog", usesInheritance: true, ngImport: i0, template: `
-    <div class="x-page-head">
-      <div class="x-page-title">Catalogue</div>
-      <div class="x-page-subtitle">
-        Products, variants and their publish readiness (CAT-03).
-      </div>
-    </div>
-
-    @if (products$ | async; as products) {
-      <div class="x-catalog-table">
-        <div class="x-catalog-row x-catalog-head">
-          <div class="x-catalog-col-name">Product</div>
-          <div class="x-catalog-col-type">Type</div>
-          <div class="x-catalog-col-status">Status</div>
-          <div class="x-catalog-col-check">Publish check</div>
-          <div class="x-catalog-col-action"></div>
-        </div>
-        @for (product of products; track product.id) {
-          <div class="x-catalog-row">
-            <div class="x-catalog-col-name">
-              {{ product.name }}
-              @if (product.model) {
-                <span class="x-catalog-model">{{ product.model }}</span>
-              }
-            </div>
-            <div class="x-catalog-col-type">{{ product.type }}</div>
-            <div class="x-catalog-col-status">
-              <span class="x-status-badge" [class]="'x-status-' + product.status">{{
-                product.status
-              }}</span>
-            </div>
-            <div class="x-catalog-col-check">
-              @if (product.checking) {
-                <span class="x-check-pending">Checking…</span>
-              } @else if (product.checked && product.canPublish) {
-                <span class="x-check-ok">✓ Ready to publish</span>
-              } @else if (product.checked && product.errors?.length) {
-                <ul class="x-check-errors">
-                  @for (err of product.errors; track err.field) {
-                    <li>{{ err.message }}</li>
-                  }
-                </ul>
-              }
-            </div>
-            <div class="x-catalog-col-action">
-              <button
-                type="button"
-                class="x-check-btn"
-                [disabled]="product.checking"
-                (click)="checkPublish(product)"
-              >
-                Check
-              </button>
-            </div>
-          </div>
-        }
-        @if (!products.length) {
-          <div class="x-catalog-empty">No products yet.</div>
-        }
-      </div>
-    } @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}.x-catalog-table{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden}.x-catalog-row{display:grid;grid-template-columns:1.6fr .8fr .8fr 1.6fr auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border-muted)}.x-catalog-row:last-child{border-bottom:0}.x-catalog-head{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-muted)}.x-catalog-col-name{font-size:14px;font-weight:700;color:var(--color-text)}.x-catalog-model{display:block;font-family:var(--font-mono);font-size:11.5px;font-weight:500;color:var(--color-text-muted)}.x-catalog-col-type{font-size:13px;color:var(--color-text-muted);text-transform:capitalize}.x-status-badge{display:inline-block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;padding:2px 8px;border-radius:var(--radius-pill, 999px);background:var(--color-surface-muted, var(--color-bg));border:1px solid var(--color-border);color:var(--color-text-muted)}.x-status-published{color:color-mix(in srgb,var(--color-success) 70%,black);border-color:var(--color-success)}.x-check-pending{font-size:12.5px;color:var(--color-text-muted)}.x-check-ok{font-size:12.5px;font-weight:700;color:var(--color-success)}.x-check-errors{margin:0;padding-left:16px;font-size:12px;color:color-mix(in srgb,var(--color-danger) 80%,black)}.x-check-btn{background:var(--color-accent);color:var(--color-accent-fg);border:0;border-radius:var(--radius-sm);padding:8px 12px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}.x-check-btn:disabled{opacity:.5;cursor:not-allowed}.x-catalog-empty{padding:32px 16px;text-align:center;font-size:13px;color:var(--color-text-muted)}\n"], dependencies: [{ kind: "component", type: i1.LoaderComponent, selector: "x-element-loader", inputs: ["data"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CatalogComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: false, selector: 'x-catalog', template: `
-    <div class="x-page-head">
-      <div class="x-page-title">Catalogue</div>
-      <div class="x-page-subtitle">
-        Products, variants and their publish readiness (CAT-03).
-      </div>
-    </div>
-
-    @if (products$ | async; as products) {
-      <div class="x-catalog-table">
-        <div class="x-catalog-row x-catalog-head">
-          <div class="x-catalog-col-name">Product</div>
-          <div class="x-catalog-col-type">Type</div>
-          <div class="x-catalog-col-status">Status</div>
-          <div class="x-catalog-col-check">Publish check</div>
-          <div class="x-catalog-col-action"></div>
-        </div>
-        @for (product of products; track product.id) {
-          <div class="x-catalog-row">
-            <div class="x-catalog-col-name">
-              {{ product.name }}
-              @if (product.model) {
-                <span class="x-catalog-model">{{ product.model }}</span>
-              }
-            </div>
-            <div class="x-catalog-col-type">{{ product.type }}</div>
-            <div class="x-catalog-col-status">
-              <span class="x-status-badge" [class]="'x-status-' + product.status">{{
-                product.status
-              }}</span>
-            </div>
-            <div class="x-catalog-col-check">
-              @if (product.checking) {
-                <span class="x-check-pending">Checking…</span>
-              } @else if (product.checked && product.canPublish) {
-                <span class="x-check-ok">✓ Ready to publish</span>
-              } @else if (product.checked && product.errors?.length) {
-                <ul class="x-check-errors">
-                  @for (err of product.errors; track err.field) {
-                    <li>{{ err.message }}</li>
-                  }
-                </ul>
-              }
-            </div>
-            <div class="x-catalog-col-action">
-              <button
-                type="button"
-                class="x-check-btn"
-                [disabled]="product.checking"
-                (click)="checkPublish(product)"
-              >
-                Check
-              </button>
-            </div>
-          </div>
-        }
-        @if (!products.length) {
-          <div class="x-catalog-empty">No products yet.</div>
-        }
-      </div>
-    } @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}.x-catalog-table{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden}.x-catalog-row{display:grid;grid-template-columns:1.6fr .8fr .8fr 1.6fr auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border-muted)}.x-catalog-row:last-child{border-bottom:0}.x-catalog-head{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-muted)}.x-catalog-col-name{font-size:14px;font-weight:700;color:var(--color-text)}.x-catalog-model{display:block;font-family:var(--font-mono);font-size:11.5px;font-weight:500;color:var(--color-text-muted)}.x-catalog-col-type{font-size:13px;color:var(--color-text-muted);text-transform:capitalize}.x-status-badge{display:inline-block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;padding:2px 8px;border-radius:var(--radius-pill, 999px);background:var(--color-surface-muted, var(--color-bg));border:1px solid var(--color-border);color:var(--color-text-muted)}.x-status-published{color:color-mix(in srgb,var(--color-success) 70%,black);border-color:var(--color-success)}.x-check-pending{font-size:12.5px;color:var(--color-text-muted)}.x-check-ok{font-size:12.5px;font-weight:700;color:var(--color-success)}.x-check-errors{margin:0;padding-left:16px;font-size:12px;color:color-mix(in srgb,var(--color-danger) 80%,black)}.x-check-btn{background:var(--color-accent);color:var(--color-accent-fg);border:0;border-radius:var(--radius-sm);padding:8px 12px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}.x-check-btn:disabled{opacity:.5;cursor:not-allowed}.x-catalog-empty{padding:32px 16px;text-align:center;font-size:13px;color:var(--color-text-muted)}\n"] }]
-        }] });
-
-class CatalogModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CatalogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: CatalogModule, declarations: [CatalogComponent], imports: [SharedModule,
-            ElementsModule,
-            WebgetsModule, i1$1.RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CatalogModule, imports: [SharedModule,
-            ElementsModule,
-            WebgetsModule,
-            RouterModule.forChild([{ path: '', component: CatalogComponent }])] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CatalogModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [CatalogComponent],
-                    imports: [
-                        SharedModule,
-                        ElementsModule,
-                        WebgetsModule,
-                        RouterModule.forChild([{ path: '', component: CatalogComponent }]),
-                    ],
-                }]
-        }] });
-
-export { CatalogModule };
-//# sourceMappingURL=isaiahiroko-tilmart-ngx-apps-admin-catalog.module-Bvx2tVOi.mjs.map

package/fesm2022/isaiahiroko-tilmart-ngx-apps-admin-catalog.module-Bvx2tVOi.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"isaiahiroko-tilmart-ngx-apps-admin-catalog.module-Bvx2tVOi.mjs","sources":["../../../projects/admin/src/lib/pages/catalog/catalog.component.ts","../../../projects/admin/src/lib/pages/catalog/catalog.module.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { BaseDirective, using } from '@thescaffold/ngx-core';\nimport { BehaviorSubject, takeUntil, map } from 'rxjs';\n\ninterface PublishError {\n  field: string;\n  message: string;\n}\n\ninterface ProductRowVm {\n  id: string;\n  name: string;\n  model: string;\n  type: string;\n  status: string;\n  updatedAt: string;\n  checking: boolean;\n  checked: boolean;\n  canPublish?: boolean;\n  errors?: PublishError[];\n}\n\n// P1.15 — the catalogue editor's first slice. The Salama-era version of\n// this page (basket templates + a bespoke cost-price re-quote table) was\n// wholesale grocery-subscription domain and is gone; `ProductCostPrice`\n// now has its own generic CRUD screen like every other resource. What\n// replaces the bespoke half here is the thing the real catalogue actually\n// needs per row: CAT-03's publish-validation check\n// (`CatalogWorkflow.validatePublish`, P1.10) surfaced with field-level\n// errors, not a single opaque pass/fail — same \"per-row action, not just\n// a read view\" shape the old cost-price table had, new domain.\n//\n// A full dynamic per-attribute-type input grid (the more literal reading\n// of \"per-row attribute inputs\") is deliberately not attempted here — it\n// needs a form control per `AttributeDataType` (number/enum/boolean/\n// range/text) driven by whichever template the selected product's\n// category resolves to, which is real, isolated follow-up work once a\n// live category/template dataset exists to build and check it against,\n// not something to guess the shape of blind.\n@Component({\n  standalone: false,\n  selector: 'x-catalog',\n  template: `\n    <div class=\"x-page-head\">\n      <div class=\"x-page-title\">Catalogue</div>\n      <div class=\"x-page-subtitle\">\n        Products, variants and their publish readiness (CAT-03).\n      </div>\n    </div>\n\n    @if (products$ | async; as products) {\n      <div class=\"x-catalog-table\">\n        <div class=\"x-catalog-row x-catalog-head\">\n          <div class=\"x-catalog-col-name\">Product</div>\n          <div class=\"x-catalog-col-type\">Type</div>\n          <div class=\"x-catalog-col-status\">Status</div>\n          <div class=\"x-catalog-col-check\">Publish check</div>\n          <div class=\"x-catalog-col-action\"></div>\n        </div>\n        @for (product of products; track product.id) {\n          <div class=\"x-catalog-row\">\n            <div class=\"x-catalog-col-name\">\n              {{ product.name }}\n              @if (product.model) {\n                <span class=\"x-catalog-model\">{{ product.model }}</span>\n              }\n            </div>\n            <div class=\"x-catalog-col-type\">{{ product.type }}</div>\n            <div class=\"x-catalog-col-status\">\n              <span class=\"x-status-badge\" [class]=\"'x-status-' + product.status\">{{\n                product.status\n              }}</span>\n            </div>\n            <div class=\"x-catalog-col-check\">\n              @if (product.checking) {\n                <span class=\"x-check-pending\">Checking…</span>\n              } @else if (product.checked && product.canPublish) {\n                <span class=\"x-check-ok\">✓ Ready to publish</span>\n              } @else if (product.checked && product.errors?.length) {\n                <ul class=\"x-check-errors\">\n                  @for (err of product.errors; track err.field) {\n                    <li>{{ err.message }}</li>\n                  }\n                </ul>\n              }\n            </div>\n            <div class=\"x-catalog-col-action\">\n              <button\n                type=\"button\"\n                class=\"x-check-btn\"\n                [disabled]=\"product.checking\"\n                (click)=\"checkPublish(product)\"\n              >\n                Check\n              </button>\n            </div>\n          </div>\n        }\n        @if (!products.length) {\n          <div class=\"x-catalog-empty\">No products yet.</div>\n        }\n      </div>\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      .x-catalog-table {\n        background: var(--color-surface);\n        border-radius: var(--radius-lg);\n        overflow: hidden;\n      }\n      .x-catalog-row {\n        display: grid;\n        grid-template-columns: 1.6fr 0.8fr 0.8fr 1.6fr auto;\n        gap: 12px;\n        align-items: center;\n        padding: 12px 16px;\n        border-bottom: 1px solid var(--color-border-muted);\n      }\n      .x-catalog-row:last-child {\n        border-bottom: 0;\n      }\n      .x-catalog-head {\n        font-size: 11px;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 0.4px;\n        color: var(--color-text-muted);\n      }\n      .x-catalog-col-name {\n        font-size: 14px;\n        font-weight: 700;\n        color: var(--color-text);\n      }\n      .x-catalog-model {\n        display: block;\n        font-family: var(--font-mono);\n        font-size: 11.5px;\n        font-weight: 500;\n        color: var(--color-text-muted);\n      }\n      .x-catalog-col-type {\n        font-size: 13px;\n        color: var(--color-text-muted);\n        text-transform: capitalize;\n      }\n      .x-status-badge {\n        display: inline-block;\n        font-size: 10.5px;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 0.3px;\n        padding: 2px 8px;\n        border-radius: var(--radius-pill, 999px);\n        background: var(--color-surface-muted, var(--color-bg));\n        border: 1px solid var(--color-border);\n        color: var(--color-text-muted);\n      }\n      .x-status-published {\n        color: color-mix(in srgb, var(--color-success) 70%, black);\n        border-color: var(--color-success);\n      }\n      .x-check-pending {\n        font-size: 12.5px;\n        color: var(--color-text-muted);\n      }\n      .x-check-ok {\n        font-size: 12.5px;\n        font-weight: 700;\n        color: var(--color-success);\n      }\n      .x-check-errors {\n        margin: 0;\n        padding-left: 16px;\n        font-size: 12px;\n        color: color-mix(in srgb, var(--color-danger) 80%, black);\n      }\n      .x-check-btn {\n        background: var(--color-accent);\n        color: var(--color-accent-fg);\n        border: 0;\n        border-radius: var(--radius-sm);\n        padding: 8px 12px;\n        font-size: 12.5px;\n        font-weight: 700;\n        cursor: pointer;\n        white-space: nowrap;\n      }\n      .x-check-btn:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\n      .x-catalog-empty {\n        padding: 32px 16px;\n        text-align: center;\n        font-size: 13px;\n        color: var(--color-text-muted);\n      }\n    `,\n  ],\n})\nexport class CatalogComponent extends BaseDirective {\n  name = 'product';\n  pluralName = 'products';\n  private readonly productSource = this.apiService.on('apps/commerce/product');\n\n  products$ = new BehaviorSubject<ProductRowVm[] | null>(null);\n\n  override init = () => {\n    this.loadProducts();\n  };\n\n  loadProducts() {\n    this.productSource\n      .getMany({ page: 1, perPage: 100 })\n      .pipe(\n        takeUntil(this.$),\n        map((response: any) =>\n          (response?.data ?? []).map(\n            (p: any): ProductRowVm => ({\n              id: p.id,\n              name: p.name,\n              model: p.model,\n              type: p.type,\n              status: p.status,\n              updatedAt: p.updatedAt,\n              checking: false,\n              checked: false,\n            }),\n          ),\n        ),\n      )\n      .subscribe(using((rows) => this.products$.next(rows)));\n  }\n\n  checkPublish(product: ProductRowVm) {\n    product.checking = true;\n    this.productSource\n      .post(`apps/commerce/product/${product.id}/validate-publish`)\n      .pipe(takeUntil(this.$))\n      .subscribe(\n        using((response: any) => {\n          product.checking = false;\n          product.checked = true;\n          product.canPublish = !!response?.data?.canPublish;\n          product.errors = response?.data?.errors ?? [];\n        }),\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 { CatalogComponent } from './catalog.component';\n\n@NgModule({\n  declarations: [CatalogComponent],\n  imports: [\n    SharedModule,\n    ElementsModule,\n    WebgetsModule,\n    RouterModule.forChild([{ path: '', component: CatalogComponent }]),\n  ],\n})\nexport class CatalogModule {}\n"],"names":["i1"],"mappings":"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"}