@rolatech/angular-onboarding 20.3.0-beta.2

package/README.md

@@ -0,0 +1,55 @@
+# @rolatech/angular-onboarding
+
+Dedicated Angular onboarding UI/state package for PrimeCasa and Rolatech.
+
+## Scope
+
+Owns:
+- onboarding pages
+- onboarding route definitions
+- onboarding facades/signals/forms
+- onboarding reusable components
+- apply flow UI
+- applicant dashboard UI
+- admin review UI
+
+Does not own:
+- HTTP transport logic
+- API DTO definitions
+- backend request/response contracts
+- auth/session transport
+- organization provisioning logic
+
+Transport and contracts are consumed from `@rolatech/angular-services`.
+
+## Route Exports
+
+- `AGENT_APPLY_ROUTES`
+- `AGENT_ONBOARDING_ROUTES`
+- `ADMIN_ONBOARDING_ROUTES`
+
+## Integration Example
+
+```ts
+import { Routes } from '@angular/router';
+import {
+  ADMIN_ONBOARDING_ROUTES,
+  AGENT_APPLY_ROUTES,
+  AGENT_ONBOARDING_ROUTES,
+} from '@rolatech/angular-onboarding';
+
+export const routes: Routes = [
+  {
+    path: 'agents/apply',
+    children: AGENT_APPLY_ROUTES,
+  },
+  {
+    path: 'onboarding',
+    children: AGENT_ONBOARDING_ROUTES,
+  },
+  {
+    path: 'onboarding/applications',
+    children: ADMIN_ONBOARDING_ROUTES,
+  },
+];
+```

package/fesm2022/rolatech-angular-onboarding-admin-onboarding-detail-page-DKJQX3cs.mjs

@@ -0,0 +1,224 @@
+import * as i0 from '@angular/core';
+import { inject, signal, computed, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { ActivatedRoute, RouterLink } from '@angular/router';
+import { onboardingApplicantTypeLabel, onboardingVatModeLabel } from '@rolatech/angular-services';
+import { AdminOnboardingDetailFacade, OnboardingPageShell, OnboardingStatusBadge, OnboardingSummaryCard, OnboardingIssueList, OnboardingTimelineDrawer } from './rolatech-angular-onboarding.mjs';
+
+class AdminOnboardingDetailPage {
+    facade = inject(AdminOnboardingDetailFacade);
+    timelineOpen = signal(false, ...(ngDevMode ? [{ debugName: "timelineOpen" }] : []));
+    route = inject(ActivatedRoute);
+    paramMap = toSignal(this.route.paramMap, {
+        initialValue: this.route.snapshot.paramMap,
+    });
+    subtitle = computed(() => {
+        const detail = this.facade.detail();
+        if (!detail) {
+            return 'Inspect onboarding data, documents, and review notes.';
+        }
+        return `${detail.organizationName || 'Unknown organization'} • ${detail.contactName || 'Unknown contact'}`;
+    }, ...(ngDevMode ? [{ debugName: "subtitle" }] : []));
+    profileItems = computed(() => {
+        const detail = this.facade.detail();
+        if (!detail) {
+            return [];
+        }
+        return [
+            { label: 'Organization', value: detail.organizationName },
+            { label: 'Contact name', value: detail.contactName },
+            { label: 'Contact email', value: detail.contactEmail },
+            { label: 'Contact phone', value: detail.contactPhone },
+            { label: 'Country', value: detail.companyCountry },
+            { label: 'Applicant type', value: onboardingApplicantTypeLabel(detail.applicantType) },
+        ];
+    }, ...(ngDevMode ? [{ debugName: "profileItems" }] : []));
+    complianceItems = computed(() => {
+        const detail = this.facade.detail();
+        if (!detail) {
+            return [];
+        }
+        return [
+            { label: 'VAT mode', value: onboardingVatModeLabel(detail.vatMode ?? null) },
+            { label: 'VAT number', value: detail.vatNumber },
+            { label: 'Bank', value: detail.bankName },
+            { label: 'Account holder', value: detail.accountHolderName },
+            { label: 'Sort code', value: detail.sortCode },
+            { label: 'Account number', value: detail.accountNumber },
+        ];
+    }, ...(ngDevMode ? [{ debugName: "complianceItems" }] : []));
+    constructor() {
+        effect(() => {
+            const applicationId = this.paramMap().get('applicationId');
+            if (!applicationId) {
+                return;
+            }
+            void this.facade.load(applicationId);
+        });
+    }
+    openTimeline() {
+        this.timelineOpen.set(true);
+    }
+    closeTimeline() {
+        this.timelineOpen.set(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AdminOnboardingDetailPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: AdminOnboardingDetailPage, isStandalone: true, selector: "rolatech-admin-onboarding-detail-page", host: { classAttribute: "block" }, providers: [AdminOnboardingDetailFacade], ngImport: i0, template: `
+    <rolatech-onboarding-page-shell title="Onboarding Application Detail" [subtitle]="subtitle()" kicker="Admin Console">
+      <div header-leading>
+        <a
+          [routerLink]="['../']"
+          class="inline-flex items-center rounded-xl border border-(--rt-border-color) bg-(--rt-base-background) px-3 py-2 text-sm font-medium text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background) cursor-pointer"
+        >
+          &larr; Back
+        </a>
+      </div>
+
+      <div header-actions>
+        <rolatech-onboarding-status-badge [status]="facade.detail()?.status || null" />
+      </div>
+
+      @if (facade.error()) {
+        <div class="rounded-2xl border border-rose-200 bg-rose-50 px-4 py-3 text-sm text-rose-700">{{ facade.error() }}</div>
+      }
+
+      @if (facade.detail(); as detail) {
+        <section class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 shadow-sm">
+          <div class="flex flex-wrap items-center justify-between gap-3">
+            <p class="text-sm text-(--rt-text-secondary)">
+              Application ID: <span class="font-semibold text-(--rt-text-primary)">{{ detail.id }}</span>
+            </p>
+            <div class="flex flex-wrap items-center gap-2">
+              <button
+                type="button"
+                class="rounded-xl border border-(--rt-border-color) bg-(--rt-base-background) px-4 py-2 text-sm font-semibold text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)"
+                (click)="openTimeline()"
+              >
+                Timeline
+              </button>
+              <a
+                [routerLink]="['review']"
+                class="rounded-xl bg-(--rt-brand-color) px-4 py-2 text-sm font-semibold text-(--rt-text-primary-inverse) transition hover:opacity-90 cursor-pointer"
+              >
+                Open Review
+              </a>
+            </div>
+          </div>
+        </section>
+
+        <rolatech-onboarding-summary-card [title]="'Applicant Profile'" [items]="profileItems()" />
+
+        <rolatech-onboarding-summary-card [title]="'Compliance & Banking'" [items]="complianceItems()" />
+
+        <rolatech-onboarding-issue-list [issues]="detail.issues" />
+      } @else {
+        <div
+          class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 text-sm text-(--rt-text-secondary) shadow-sm"
+        >
+          Loading application details...
+        </div>
+      }
+
+      @if (facade.detail(); as detail) {
+        <rolatech-onboarding-timeline-drawer
+          floating
+          [open]="timelineOpen()"
+          [title]="'Application Timeline'"
+          [items]="detail.timeline"
+          [zIndex]="9100"
+          (closeRequested)="closeTimeline()"
+        />
+      }
+    </rolatech-onboarding-page-shell>
+  `, isInline: true, dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: OnboardingPageShell, selector: "rolatech-onboarding-page-shell", inputs: ["title", "subtitle", "kicker"] }, { kind: "component", type: OnboardingStatusBadge, selector: "rolatech-onboarding-status-badge", inputs: ["status"] }, { kind: "component", type: OnboardingSummaryCard, selector: "rolatech-onboarding-summary-card", inputs: ["title", "items"] }, { kind: "component", type: OnboardingIssueList, selector: "rolatech-onboarding-issue-list", inputs: ["issues"] }, { kind: "component", type: OnboardingTimelineDrawer, selector: "rolatech-onboarding-timeline-drawer", inputs: ["open", "title", "items", "zIndex"], outputs: ["closeRequested"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AdminOnboardingDetailPage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rolatech-admin-onboarding-detail-page',
+                    standalone: true,
+                    imports: [
+                        RouterLink,
+                        OnboardingPageShell,
+                        OnboardingStatusBadge,
+                        OnboardingSummaryCard,
+                        OnboardingIssueList,
+                        OnboardingTimelineDrawer,
+                    ],
+                    providers: [AdminOnboardingDetailFacade],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'block' },
+                    template: `
+    <rolatech-onboarding-page-shell title="Onboarding Application Detail" [subtitle]="subtitle()" kicker="Admin Console">
+      <div header-leading>
+        <a
+          [routerLink]="['../']"
+          class="inline-flex items-center rounded-xl border border-(--rt-border-color) bg-(--rt-base-background) px-3 py-2 text-sm font-medium text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background) cursor-pointer"
+        >
+          &larr; Back
+        </a>
+      </div>
+
+      <div header-actions>
+        <rolatech-onboarding-status-badge [status]="facade.detail()?.status || null" />
+      </div>
+
+      @if (facade.error()) {
+        <div class="rounded-2xl border border-rose-200 bg-rose-50 px-4 py-3 text-sm text-rose-700">{{ facade.error() }}</div>
+      }
+
+      @if (facade.detail(); as detail) {
+        <section class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 shadow-sm">
+          <div class="flex flex-wrap items-center justify-between gap-3">
+            <p class="text-sm text-(--rt-text-secondary)">
+              Application ID: <span class="font-semibold text-(--rt-text-primary)">{{ detail.id }}</span>
+            </p>
+            <div class="flex flex-wrap items-center gap-2">
+              <button
+                type="button"
+                class="rounded-xl border border-(--rt-border-color) bg-(--rt-base-background) px-4 py-2 text-sm font-semibold text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)"
+                (click)="openTimeline()"
+              >
+                Timeline
+              </button>
+              <a
+                [routerLink]="['review']"
+                class="rounded-xl bg-(--rt-brand-color) px-4 py-2 text-sm font-semibold text-(--rt-text-primary-inverse) transition hover:opacity-90 cursor-pointer"
+              >
+                Open Review
+              </a>
+            </div>
+          </div>
+        </section>
+
+        <rolatech-onboarding-summary-card [title]="'Applicant Profile'" [items]="profileItems()" />
+
+        <rolatech-onboarding-summary-card [title]="'Compliance & Banking'" [items]="complianceItems()" />
+
+        <rolatech-onboarding-issue-list [issues]="detail.issues" />
+      } @else {
+        <div
+          class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 text-sm text-(--rt-text-secondary) shadow-sm"
+        >
+          Loading application details...
+        </div>
+      }
+
+      @if (facade.detail(); as detail) {
+        <rolatech-onboarding-timeline-drawer
+          floating
+          [open]="timelineOpen()"
+          [title]="'Application Timeline'"
+          [items]="detail.timeline"
+          [zIndex]="9100"
+          (closeRequested)="closeTimeline()"
+        />
+      }
+    </rolatech-onboarding-page-shell>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+export { AdminOnboardingDetailPage };
+//# sourceMappingURL=rolatech-angular-onboarding-admin-onboarding-detail-page-DKJQX3cs.mjs.map

package/fesm2022/rolatech-angular-onboarding-admin-onboarding-detail-page-DKJQX3cs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-onboarding-admin-onboarding-detail-page-DKJQX3cs.mjs","sources":["../../../../packages/angular-onboarding/src/lib/pages/admin-onboarding/admin-onboarding-detail-page.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, effect, inject, signal, ViewEncapsulation } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { ActivatedRoute, RouterLink } from '@angular/router';\nimport { onboardingApplicantTypeLabel, onboardingVatModeLabel } from '@rolatech/angular-services';\nimport { OnboardingIssueList } from '../../components/onboarding/onboarding-issue-list';\nimport { OnboardingPageShell } from '../../components/onboarding/onboarding-page-shell';\nimport { OnboardingStatusBadge } from '../../components/onboarding/onboarding-status-badge';\nimport { OnboardingSummaryCard } from '../../components/onboarding/onboarding-summary-card';\nimport { OnboardingTimelineDrawer } from '../../components/onboarding/onboarding-timeline-drawer';\nimport { AdminOnboardingDetailFacade } from '../../store/admin-onboarding-detail.facade';\n\n@Component({\n  selector: 'rolatech-admin-onboarding-detail-page',\n  standalone: true,\n  imports: [\n    RouterLink,\n    OnboardingPageShell,\n    OnboardingStatusBadge,\n    OnboardingSummaryCard,\n    OnboardingIssueList,\n    OnboardingTimelineDrawer,\n  ],\n  providers: [AdminOnboardingDetailFacade],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'block' },\n  template: `\n    <rolatech-onboarding-page-shell title=\"Onboarding Application Detail\" [subtitle]=\"subtitle()\" kicker=\"Admin Console\">\n      <div header-leading>\n        <a\n          [routerLink]=\"['../']\"\n          class=\"inline-flex items-center rounded-xl border border-(--rt-border-color) bg-(--rt-base-background) px-3 py-2 text-sm font-medium text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background) cursor-pointer\"\n        >\n          &larr; Back\n        </a>\n      </div>\n\n      <div header-actions>\n        <rolatech-onboarding-status-badge [status]=\"facade.detail()?.status || null\" />\n      </div>\n\n      @if (facade.error()) {\n        <div class=\"rounded-2xl border border-rose-200 bg-rose-50 px-4 py-3 text-sm text-rose-700\">{{ facade.error() }}</div>\n      }\n\n      @if (facade.detail(); as detail) {\n        <section class=\"rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 shadow-sm\">\n          <div class=\"flex flex-wrap items-center justify-between gap-3\">\n            <p class=\"text-sm text-(--rt-text-secondary)\">\n              Application ID: <span class=\"font-semibold text-(--rt-text-primary)\">{{ detail.id }}</span>\n            </p>\n            <div class=\"flex flex-wrap items-center gap-2\">\n              <button\n                type=\"button\"\n                class=\"rounded-xl border border-(--rt-border-color) bg-(--rt-base-background) px-4 py-2 text-sm font-semibold text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)\"\n                (click)=\"openTimeline()\"\n              >\n                Timeline\n              </button>\n              <a\n                [routerLink]=\"['review']\"\n                class=\"rounded-xl bg-(--rt-brand-color) px-4 py-2 text-sm font-semibold text-(--rt-text-primary-inverse) transition hover:opacity-90 cursor-pointer\"\n              >\n                Open Review\n              </a>\n            </div>\n          </div>\n        </section>\n\n        <rolatech-onboarding-summary-card [title]=\"'Applicant Profile'\" [items]=\"profileItems()\" />\n\n        <rolatech-onboarding-summary-card [title]=\"'Compliance & Banking'\" [items]=\"complianceItems()\" />\n\n        <rolatech-onboarding-issue-list [issues]=\"detail.issues\" />\n      } @else {\n        <div\n          class=\"rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 text-sm text-(--rt-text-secondary) shadow-sm\"\n        >\n          Loading application details...\n        </div>\n      }\n\n      @if (facade.detail(); as detail) {\n        <rolatech-onboarding-timeline-drawer\n          floating\n          [open]=\"timelineOpen()\"\n          [title]=\"'Application Timeline'\"\n          [items]=\"detail.timeline\"\n          [zIndex]=\"9100\"\n          (closeRequested)=\"closeTimeline()\"\n        />\n      }\n    </rolatech-onboarding-page-shell>\n  `,\n})\nexport class AdminOnboardingDetailPage {\n  readonly facade = inject(AdminOnboardingDetailFacade);\n  readonly timelineOpen = signal(false);\n  private readonly route = inject(ActivatedRoute);\n\n  private readonly paramMap = toSignal(this.route.paramMap, {\n    initialValue: this.route.snapshot.paramMap,\n  });\n\n  readonly subtitle = computed(() => {\n    const detail = this.facade.detail();\n\n    if (!detail) {\n      return 'Inspect onboarding data, documents, and review notes.';\n    }\n\n    return `${detail.organizationName || 'Unknown organization'} • ${detail.contactName || 'Unknown contact'}`;\n  });\n\n  readonly profileItems = computed(() => {\n    const detail = this.facade.detail();\n    if (!detail) {\n      return [];\n    }\n\n    return [\n      { label: 'Organization', value: detail.organizationName },\n      { label: 'Contact name', value: detail.contactName },\n      { label: 'Contact email', value: detail.contactEmail },\n      { label: 'Contact phone', value: detail.contactPhone },\n      { label: 'Country', value: detail.companyCountry },\n      { label: 'Applicant type', value: onboardingApplicantTypeLabel(detail.applicantType) },\n    ];\n  });\n\n  readonly complianceItems = computed(() => {\n    const detail = this.facade.detail();\n    if (!detail) {\n      return [];\n    }\n\n    return [\n      { label: 'VAT mode', value: onboardingVatModeLabel(detail.vatMode ?? null) },\n      { label: 'VAT number', value: detail.vatNumber },\n      { label: 'Bank', value: detail.bankName },\n      { label: 'Account holder', value: detail.accountHolderName },\n      { label: 'Sort code', value: detail.sortCode },\n      { label: 'Account number', value: detail.accountNumber },\n    ];\n  });\n\n  constructor() {\n    effect(() => {\n      const applicationId = this.paramMap().get('applicationId');\n\n      if (!applicationId) {\n        return;\n      }\n\n      void this.facade.load(applicationId);\n    });\n  }\n\n  openTimeline(): void {\n    this.timelineOpen.set(true);\n  }\n\n  closeTimeline(): void {\n    this.timelineOpen.set(false);\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/rolatech-angular-onboarding-admin-onboarding-index-page-BO4pC_NU.mjs

@@ -0,0 +1,206 @@
+import * as i0 from '@angular/core';
+import { inject, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { onboardingStatusLabel } from '@rolatech/angular-services';
+import { AdminOnboardingListFacade, OnboardingPageShell, OnboardingStatusBadge } from './rolatech-angular-onboarding.mjs';
+
+class AdminOnboardingIndexPage {
+    facade = inject(AdminOnboardingListFacade);
+    statusLabel = onboardingStatusLabel;
+    statuses = [
+        'DRAFT',
+        'IN_PROGRESS',
+        'SUBMITTED',
+        'IN_REVIEW',
+        'NEED_MORE_INFO',
+        'APPROVED',
+        'FAILED',
+    ];
+    constructor() {
+        void this.facade.load();
+    }
+    onSearch(event) {
+        const target = event.target;
+        this.facade.setSearch(target.value);
+        void this.facade.load();
+    }
+    onStatus(event) {
+        const target = event.target;
+        const status = target.value ? target.value : undefined;
+        this.facade.setStatus(status);
+        void this.facade.load();
+    }
+    async reload() {
+        await this.facade.load();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AdminOnboardingIndexPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: AdminOnboardingIndexPage, isStandalone: true, selector: "rolatech-admin-onboarding-index-page", host: { classAttribute: "block" }, providers: [AdminOnboardingListFacade], ngImport: i0, template: `
+    <rolatech-onboarding-page-shell
+      title="Onboarding Applications"
+      subtitle="Review incoming onboarding requests and triage approvals."
+      kicker="Admin Console"
+    >
+      <section class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 shadow-sm">
+        <div class="grid gap-3 md:grid-cols-3">
+          <label class="grid gap-2">
+            <span class="text-xs font-semibold uppercase tracking-wide text-(--rt-text-secondary)">Search</span>
+            <input
+              class="h-10 rounded-xl border border-(--rt-border-color) px-3"
+              [value]="facade.filters().search || ''"
+              (input)="onSearch($event)"
+              placeholder="Organization or contact"
+            />
+          </label>
+
+          <label class="grid gap-2">
+            <span class="text-xs font-semibold uppercase tracking-wide text-(--rt-text-secondary)">Status</span>
+            <select class="h-10 rounded-xl border border-(--rt-border-color) px-3" [value]="facade.filters().status || ''" (change)="onStatus($event)">
+              <option value="">All</option>
+              @for (status of statuses; track status) {
+                <option [value]="status">{{ statusLabel(status) }}</option>
+              }
+            </select>
+          </label>
+
+          <div class="flex items-end justify-start md:justify-end">
+            <button
+              type="button"
+              class="rounded-xl bg-(--rt-brand-color) px-4 py-2 text-sm font-semibold text-(--rt-text-primary-inverse) transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60"
+              [disabled]="facade.loading()"
+              (click)="reload()"
+            >
+              Refresh
+            </button>
+          </div>
+        </div>
+      </section>
+
+      @if (facade.error()) {
+        <div class="rounded-2xl border border-rose-200 bg-rose-50 px-4 py-3 text-sm text-rose-700">{{ facade.error() }}</div>
+      }
+
+      <section class="overflow-hidden rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) shadow-sm">
+        <table class="min-w-full text-left text-sm">
+          <thead class="border-b border-(--rt-border-color) bg-(--rt-raised-background) text-(--rt-text-secondary)">
+            <tr>
+              <th class="px-4 py-3 font-semibold">ID</th>
+              <th class="px-4 py-3 font-semibold">Organization</th>
+              <th class="px-4 py-3 font-semibold">Applicant</th>
+              <th class="px-4 py-3 font-semibold">Status</th>
+            </tr>
+          </thead>
+          <tbody>
+            @for (item of facade.items(); track item.id) {
+              <tr class="border-b border-(--rt-border-color) text-(--rt-text-secondary) last:border-b-0">
+                <td class="px-4 py-3">
+                  <a [routerLink]="[item.id]" class="font-medium text-(--rt-text-primary) hover:underline cursor-pointer">{{ item.id }}</a>
+                </td>
+                <td class="px-4 py-3">{{ item.organizationName || '-' }}</td>
+                <td class="px-4 py-3">{{ item.contactName || '-' }}</td>
+                <td class="px-4 py-3">
+                  <rolatech-onboarding-status-badge [status]="item.status" />
+                </td>
+              </tr>
+            }
+          </tbody>
+        </table>
+
+        @if (facade.items().length === 0 && !facade.loading()) {
+          <div class="px-4 py-6 text-sm text-(--rt-text-secondary)">No onboarding applications found.</div>
+        }
+      </section>
+    </rolatech-onboarding-page-shell>
+  `, isInline: true, dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: OnboardingPageShell, selector: "rolatech-onboarding-page-shell", inputs: ["title", "subtitle", "kicker"] }, { kind: "component", type: OnboardingStatusBadge, selector: "rolatech-onboarding-status-badge", inputs: ["status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AdminOnboardingIndexPage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rolatech-admin-onboarding-index-page',
+                    standalone: true,
+                    imports: [RouterLink, OnboardingPageShell, OnboardingStatusBadge],
+                    providers: [AdminOnboardingListFacade],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'block' },
+                    template: `
+    <rolatech-onboarding-page-shell
+      title="Onboarding Applications"
+      subtitle="Review incoming onboarding requests and triage approvals."
+      kicker="Admin Console"
+    >
+      <section class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 shadow-sm">
+        <div class="grid gap-3 md:grid-cols-3">
+          <label class="grid gap-2">
+            <span class="text-xs font-semibold uppercase tracking-wide text-(--rt-text-secondary)">Search</span>
+            <input
+              class="h-10 rounded-xl border border-(--rt-border-color) px-3"
+              [value]="facade.filters().search || ''"
+              (input)="onSearch($event)"
+              placeholder="Organization or contact"
+            />
+          </label>
+
+          <label class="grid gap-2">
+            <span class="text-xs font-semibold uppercase tracking-wide text-(--rt-text-secondary)">Status</span>
+            <select class="h-10 rounded-xl border border-(--rt-border-color) px-3" [value]="facade.filters().status || ''" (change)="onStatus($event)">
+              <option value="">All</option>
+              @for (status of statuses; track status) {
+                <option [value]="status">{{ statusLabel(status) }}</option>
+              }
+            </select>
+          </label>
+
+          <div class="flex items-end justify-start md:justify-end">
+            <button
+              type="button"
+              class="rounded-xl bg-(--rt-brand-color) px-4 py-2 text-sm font-semibold text-(--rt-text-primary-inverse) transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60"
+              [disabled]="facade.loading()"
+              (click)="reload()"
+            >
+              Refresh
+            </button>
+          </div>
+        </div>
+      </section>
+
+      @if (facade.error()) {
+        <div class="rounded-2xl border border-rose-200 bg-rose-50 px-4 py-3 text-sm text-rose-700">{{ facade.error() }}</div>
+      }
+
+      <section class="overflow-hidden rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) shadow-sm">
+        <table class="min-w-full text-left text-sm">
+          <thead class="border-b border-(--rt-border-color) bg-(--rt-raised-background) text-(--rt-text-secondary)">
+            <tr>
+              <th class="px-4 py-3 font-semibold">ID</th>
+              <th class="px-4 py-3 font-semibold">Organization</th>
+              <th class="px-4 py-3 font-semibold">Applicant</th>
+              <th class="px-4 py-3 font-semibold">Status</th>
+            </tr>
+          </thead>
+          <tbody>
+            @for (item of facade.items(); track item.id) {
+              <tr class="border-b border-(--rt-border-color) text-(--rt-text-secondary) last:border-b-0">
+                <td class="px-4 py-3">
+                  <a [routerLink]="[item.id]" class="font-medium text-(--rt-text-primary) hover:underline cursor-pointer">{{ item.id }}</a>
+                </td>
+                <td class="px-4 py-3">{{ item.organizationName || '-' }}</td>
+                <td class="px-4 py-3">{{ item.contactName || '-' }}</td>
+                <td class="px-4 py-3">
+                  <rolatech-onboarding-status-badge [status]="item.status" />
+                </td>
+              </tr>
+            }
+          </tbody>
+        </table>
+
+        @if (facade.items().length === 0 && !facade.loading()) {
+          <div class="px-4 py-6 text-sm text-(--rt-text-secondary)">No onboarding applications found.</div>
+        }
+      </section>
+    </rolatech-onboarding-page-shell>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+export { AdminOnboardingIndexPage };
+//# sourceMappingURL=rolatech-angular-onboarding-admin-onboarding-index-page-BO4pC_NU.mjs.map

package/fesm2022/rolatech-angular-onboarding-admin-onboarding-index-page-BO4pC_NU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-onboarding-admin-onboarding-index-page-BO4pC_NU.mjs","sources":["../../../../packages/angular-onboarding/src/lib/pages/admin-onboarding/admin-onboarding-index-page.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { onboardingStatusLabel, OnboardingStatus } from '@rolatech/angular-services';\nimport { OnboardingPageShell } from '../../components/onboarding/onboarding-page-shell';\nimport { OnboardingStatusBadge } from '../../components/onboarding/onboarding-status-badge';\nimport { AdminOnboardingListFacade } from '../../store/admin-onboarding-list.facade';\n\n@Component({\n  selector: 'rolatech-admin-onboarding-index-page',\n  standalone: true,\n  imports: [RouterLink, OnboardingPageShell, OnboardingStatusBadge],\n  providers: [AdminOnboardingListFacade],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'block' },\n  template: `\n    <rolatech-onboarding-page-shell\n      title=\"Onboarding Applications\"\n      subtitle=\"Review incoming onboarding requests and triage approvals.\"\n      kicker=\"Admin Console\"\n    >\n      <section class=\"rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 shadow-sm\">\n        <div class=\"grid gap-3 md:grid-cols-3\">\n          <label class=\"grid gap-2\">\n            <span class=\"text-xs font-semibold uppercase tracking-wide text-(--rt-text-secondary)\">Search</span>\n            <input\n              class=\"h-10 rounded-xl border border-(--rt-border-color) px-3\"\n              [value]=\"facade.filters().search || ''\"\n              (input)=\"onSearch($event)\"\n              placeholder=\"Organization or contact\"\n            />\n          </label>\n\n          <label class=\"grid gap-2\">\n            <span class=\"text-xs font-semibold uppercase tracking-wide text-(--rt-text-secondary)\">Status</span>\n            <select class=\"h-10 rounded-xl border border-(--rt-border-color) px-3\" [value]=\"facade.filters().status || ''\" (change)=\"onStatus($event)\">\n              <option value=\"\">All</option>\n              @for (status of statuses; track status) {\n                <option [value]=\"status\">{{ statusLabel(status) }}</option>\n              }\n            </select>\n          </label>\n\n          <div class=\"flex items-end justify-start md:justify-end\">\n            <button\n              type=\"button\"\n              class=\"rounded-xl bg-(--rt-brand-color) px-4 py-2 text-sm font-semibold text-(--rt-text-primary-inverse) transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60\"\n              [disabled]=\"facade.loading()\"\n              (click)=\"reload()\"\n            >\n              Refresh\n            </button>\n          </div>\n        </div>\n      </section>\n\n      @if (facade.error()) {\n        <div class=\"rounded-2xl border border-rose-200 bg-rose-50 px-4 py-3 text-sm text-rose-700\">{{ facade.error() }}</div>\n      }\n\n      <section class=\"overflow-hidden rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) shadow-sm\">\n        <table class=\"min-w-full text-left text-sm\">\n          <thead class=\"border-b border-(--rt-border-color) bg-(--rt-raised-background) text-(--rt-text-secondary)\">\n            <tr>\n              <th class=\"px-4 py-3 font-semibold\">ID</th>\n              <th class=\"px-4 py-3 font-semibold\">Organization</th>\n              <th class=\"px-4 py-3 font-semibold\">Applicant</th>\n              <th class=\"px-4 py-3 font-semibold\">Status</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (item of facade.items(); track item.id) {\n              <tr class=\"border-b border-(--rt-border-color) text-(--rt-text-secondary) last:border-b-0\">\n                <td class=\"px-4 py-3\">\n                  <a [routerLink]=\"[item.id]\" class=\"font-medium text-(--rt-text-primary) hover:underline cursor-pointer\">{{ item.id }}</a>\n                </td>\n                <td class=\"px-4 py-3\">{{ item.organizationName || '-' }}</td>\n                <td class=\"px-4 py-3\">{{ item.contactName || '-' }}</td>\n                <td class=\"px-4 py-3\">\n                  <rolatech-onboarding-status-badge [status]=\"item.status\" />\n                </td>\n              </tr>\n            }\n          </tbody>\n        </table>\n\n        @if (facade.items().length === 0 && !facade.loading()) {\n          <div class=\"px-4 py-6 text-sm text-(--rt-text-secondary)\">No onboarding applications found.</div>\n        }\n      </section>\n    </rolatech-onboarding-page-shell>\n  `,\n})\nexport class AdminOnboardingIndexPage {\n  readonly facade = inject(AdminOnboardingListFacade);\n  readonly statusLabel = onboardingStatusLabel;\n  readonly statuses: OnboardingStatus[] = [\n    'DRAFT',\n    'IN_PROGRESS',\n    'SUBMITTED',\n    'IN_REVIEW',\n    'NEED_MORE_INFO',\n    'APPROVED',\n    'FAILED',\n  ];\n\n  constructor() {\n    void this.facade.load();\n  }\n\n  onSearch(event: Event): void {\n    const target = event.target as HTMLInputElement;\n    this.facade.setSearch(target.value);\n    void this.facade.load();\n  }\n\n  onStatus(event: Event): void {\n    const target = event.target as HTMLSelectElement;\n    const status = target.value ? (target.value as OnboardingStatus) : undefined;\n    this.facade.setStatus(status);\n    void this.facade.load();\n  }\n\n  async reload(): Promise<void> {\n    await this.facade.load();\n  }\n}\n"],"names":[],"mappings":"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"}