@rolatech/angular-onboarding 20.3.0-beta.2 → 20.3.0-beta.3

package/fesm2022/rolatech-angular-onboarding-agent-apply-result-page-CEL4nWb_.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-onboarding-agent-apply-result-page-CEL4nWb_.mjs","sources":["../../../../packages/angular-onboarding/src/lib/pages/agent-apply/agent-apply-result-page.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, ViewEncapsulation } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { OnboardingStatusBadge } from '../../components/onboarding/onboarding-status-badge';\nimport { AgentApplyFacade } from '../../store/agent-apply.facade';\n\n@Component({\n  selector: 'rolatech-agent-apply-result-page',\n  standalone: true,\n  imports: [OnboardingStatusBadge],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'block' },\n  template: `\n    <section class=\"rounded-3xl border p-8 shadow-sm\" [class]=\"toneClass()\">\n      <div class=\"flex flex-wrap items-start justify-between gap-4\">\n        <div class=\"space-y-3\">\n          <p class=\"text-xs font-semibold uppercase tracking-[0.2em] opacity-80\">Application Result</p>\n          <h2 class=\"text-2xl font-semibold tracking-tight\">{{ title() }}</h2>\n          <p class=\"max-w-2xl text-sm opacity-85\">{{ description() }}</p>\n        </div>\n\n        <rolatech-onboarding-status-badge [status]=\"facade.status()\" />\n      </div>\n\n      <div class=\"mt-6 flex flex-wrap gap-3\">\n        <button\n          type=\"button\"\n          class=\"rounded-xl border border-(--rt-border-color) bg-(--rt-raised-background) px-4 py-2 text-sm font-medium transition hover:bg-(--rt-base-background)\"\n          (click)=\"openReview()\"\n        >\n          View submission\n        </button>\n\n        @if (facade.status() === 'NEED_MORE_INFO') {\n          <button\n            type=\"button\"\n            class=\"rounded-xl border border-(--rt-border-color) bg-(--rt-raised-background) px-4 py-2 text-sm font-medium transition hover:bg-(--rt-base-background)\"\n            (click)=\"openForm()\"\n          >\n            Update requested items\n          </button>\n        }\n      </div>\n    </section>\n  `,\n})\nexport class AgentApplyResultPage {\n  readonly facade = inject(AgentApplyFacade);\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n\n  readonly toneClass = computed(() => {\n    switch (this.facade.status()) {\n      case 'APPROVED':\n        return 'border-(--rt-border-color) bg-(--rt-base-background) text-emerald-900';\n      case 'FAILED':\n        return 'border-(--rt-border-color) bg-(--rt-base-background) text-rose-800';\n      case 'NEED_MORE_INFO':\n        return 'border-(--rt-border-color) bg-(--rt-base-background) text-amber-900';\n      default:\n        return 'border-(--rt-border-color) bg-(--rt-base-background) text-sky-900';\n    }\n  });\n\n  readonly title = computed(() => {\n    switch (this.facade.status()) {\n      case 'APPROVED':\n        return 'Application approved';\n      case 'FAILED':\n        return 'Application not approved';\n      case 'NEED_MORE_INFO':\n        return 'More information is required';\n      case 'IN_REVIEW':\n        return 'Application in review';\n      default:\n        return 'Application submitted';\n    }\n  });\n\n  readonly description = computed(() => {\n    switch (this.facade.status()) {\n      case 'APPROVED':\n        return 'The application passed review. PrimeCasa can now continue with the downstream agent enablement steps.';\n      case 'FAILED':\n        return 'The application was rejected during review. You can still inspect the submitted package and any reviewer feedback from the review screen.';\n      case 'NEED_MORE_INFO':\n        return 'Reviewer feedback has been returned to this application. Only the flagged fields and documents should be updated before resubmission.';\n      case 'IN_REVIEW':\n        return 'The submission is currently being reviewed by the PrimeCasa operations team.';\n      default:\n        return 'The application has been sent for manual review. You can return to the review screen to inspect the submission package.';\n    }\n  });\n\n  async openReview(): Promise<void> {\n    await this.router.navigate(['../review'], {\n      relativeTo: this.route,\n    });\n  }\n\n  async openForm(): Promise<void> {\n    await this.router.navigate(['../form'], {\n      relativeTo: this.route,\n    });\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/rolatech-angular-onboarding-agent-apply-review-page-DG_D03YW.mjs

@@ -0,0 +1,453 @@
+import * as i0 from '@angular/core';
+import { inject, signal, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { OnboardingDocumentService, onboardingApplicantTypeLabel, onboardingStatusLabel, onboardingDocumentTypeLabel, onboardingVatModeLabel } from '@rolatech/angular-services';
+import { firstValueFrom } from 'rxjs';
+import { AgentApplyFacade, OnboardingSummaryCard, OnboardingIssueList, OnboardingTimelineDrawer, OnboardingReviewIssuesBanner, OnboardingDocumentPreviewDialog } from './rolatech-angular-onboarding.mjs';
+
+class AgentApplyReviewPage {
+    facade = inject(AgentApplyFacade);
+    onboardingDocumentService = inject(OnboardingDocumentService);
+    timelineOpen = signal(false, ...(ngDevMode ? [{ debugName: "timelineOpen" }] : []));
+    previewOpen = signal(false, ...(ngDevMode ? [{ debugName: "previewOpen" }] : []));
+    previewLoading = signal(false, ...(ngDevMode ? [{ debugName: "previewLoading" }] : []));
+    previewError = signal(null, ...(ngDevMode ? [{ debugName: "previewError" }] : []));
+    previewUrl = signal(null, ...(ngDevMode ? [{ debugName: "previewUrl" }] : []));
+    previewTitle = signal(null, ...(ngDevMode ? [{ debugName: "previewTitle" }] : []));
+    previewSubtitle = signal(null, ...(ngDevMode ? [{ debugName: "previewSubtitle" }] : []));
+    previewDocumentId = signal(null, ...(ngDevMode ? [{ debugName: "previewDocumentId" }] : []));
+    router = inject(Router);
+    route = inject(ActivatedRoute);
+    applicationItems = computed(() => {
+        const detail = this.facade.detail();
+        if (!detail) {
+            return [];
+        }
+        return [
+            { label: 'Applicant type', value: onboardingApplicantTypeLabel(detail.applicantType) },
+            { label: 'Operating region', value: this.countryLabel(detail.companyCountry) },
+            { label: 'Status', value: onboardingStatusLabel(detail.status) },
+        ];
+    }, ...(ngDevMode ? [{ debugName: "applicationItems" }] : []));
+    profileItems = computed(() => {
+        const detail = this.facade.detail();
+        if (!detail) {
+            return [];
+        }
+        return [
+            { label: this.facade.isCompany() ? 'Company legal name' : 'Applicant name', value: this.primaryName(detail) },
+            { label: this.facade.isCompany() ? 'Representative' : 'Primary contact', value: detail.contactName },
+            { label: 'Primary email', value: detail.contactEmail },
+            { label: 'Phone number', value: detail.contactPhone },
+            { label: 'Country code', value: detail.countryCode },
+        ];
+    }, ...(ngDevMode ? [{ debugName: "profileItems" }] : []));
+    documentItems = computed(() => {
+        const detail = this.facade.detail();
+        if (!detail) {
+            return [];
+        }
+        const requiredItems = this.facade.requiredDocuments().map((spec) => {
+            const document = this.facade.getDocument(spec.type);
+            return {
+                label: spec.label,
+                helper: spec.helperText ?? '',
+                filename: document?.originalFilename ?? 'Missing',
+                document,
+            };
+        });
+        const requiredTypes = new Set(this.facade.requiredDocuments().map((spec) => spec.type));
+        const additionalItems = detail.documents
+            .filter((item) => !requiredTypes.has(item.documentType))
+            .map((document) => ({
+            label: `Additional: ${onboardingDocumentTypeLabel(document.documentType)}`,
+            helper: 'Supporting document uploaded with the application.',
+            filename: document.originalFilename,
+            document,
+        }));
+        return [...requiredItems, ...additionalItems];
+    }, ...(ngDevMode ? [{ debugName: "documentItems" }] : []));
+    financialItems = computed(() => {
+        const detail = this.facade.detail();
+        if (!detail) {
+            return [];
+        }
+        return [
+            { label: 'VAT mode', value: onboardingVatModeLabel(detail.vatMode ?? null) },
+            {
+                label: 'VAT number',
+                value: detail.vatNumber || (detail.vatMode === 'MANUAL_REVIEW_REQUIRED' ? 'Manual review' : null),
+            },
+            { label: 'VAT rate', value: detail.applicantType === 'INDIVIDUAL' ? '0%' : '20%' },
+        ];
+    }, ...(ngDevMode ? [{ debugName: "financialItems" }] : []));
+    bankingItems = computed(() => {
+        const detail = this.facade.detail();
+        if (!detail) {
+            return [];
+        }
+        return [
+            { label: 'Bank name', value: detail.bankName },
+            { label: 'Account holder', value: detail.accountHolderName },
+            { label: 'Sort code', value: this.facade.formatSortCode(detail.sortCode) },
+            { label: 'Account number', value: detail.accountNumber },
+        ];
+    }, ...(ngDevMode ? [{ debugName: "bankingItems" }] : []));
+    showSubmitAction = computed(() => {
+        const status = this.facade.status();
+        return status === 'DRAFT' || status === 'IN_PROGRESS' || status === 'NEED_MORE_INFO' || status === null;
+    }, ...(ngDevMode ? [{ debugName: "showSubmitAction" }] : []));
+    submitLabel = computed(() => this.facade.status() === 'NEED_MORE_INFO' ? 'Resubmit application' : 'Submit application', ...(ngDevMode ? [{ debugName: "submitLabel" }] : []));
+    async submit() {
+        const submitted = await this.facade.submit();
+        if (!submitted) {
+            return;
+        }
+        await this.router.navigate(['../result'], {
+            relativeTo: this.route,
+        });
+    }
+    async back() {
+        await this.router.navigate(['../form'], {
+            relativeTo: this.route,
+        });
+    }
+    async openResult() {
+        await this.router.navigate(['../result'], {
+            relativeTo: this.route,
+        });
+    }
+    openTimeline() {
+        this.timelineOpen.set(true);
+    }
+    closeTimeline() {
+        this.timelineOpen.set(false);
+    }
+    previewBusy(documentId) {
+        return this.previewLoading() && this.previewDocumentId() === documentId;
+    }
+    async openDocumentPreview(item) {
+        if (!item.document) {
+            return;
+        }
+        this.previewOpen.set(true);
+        this.previewLoading.set(true);
+        this.previewError.set(null);
+        this.previewUrl.set(null);
+        this.previewTitle.set(item.label);
+        this.previewSubtitle.set(item.document.originalFilename || null);
+        this.previewDocumentId.set(item.document.id);
+        try {
+            const response = await firstValueFrom(this.onboardingDocumentService.getPreviewUrl(item.document.id));
+            this.previewUrl.set(response.previewUrl);
+            this.previewDocumentId.set(response.documentId);
+        }
+        catch (error) {
+            this.previewError.set(this.toErrorMessage(error));
+        }
+        finally {
+            this.previewLoading.set(false);
+        }
+    }
+    closeDocumentPreview() {
+        this.previewOpen.set(false);
+        this.previewLoading.set(false);
+        this.previewError.set(null);
+        this.previewUrl.set(null);
+        this.previewTitle.set(null);
+        this.previewSubtitle.set(null);
+        this.previewDocumentId.set(null);
+    }
+    countryLabel(value) {
+        switch ((value ?? '').toUpperCase()) {
+            case 'CN':
+                return 'China';
+            case 'UK':
+                return 'United Kingdom';
+            default:
+                return value || '—';
+        }
+    }
+    primaryName(detail) {
+        return detail.applicantType === 'COMPANY' ? detail.organizationName : detail.contactName;
+    }
+    toErrorMessage(error) {
+        if (error instanceof Error && error.message) {
+            return error.message;
+        }
+        return 'Unable to load the document preview.';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AgentApplyReviewPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: AgentApplyReviewPage, isStandalone: true, selector: "rolatech-agent-apply-review-page", host: { classAttribute: "block" }, ngImport: i0, template: `
+    @if (facade.detail(); as detail) {
+      <div class="space-y-4">
+        @if (detail.status === 'NEED_MORE_INFO' || detail.status === 'SUBMITTED' || detail.status === 'IN_REVIEW') {
+          <rolatech-onboarding-review-issues-banner [issues]="detail.issues" [status]="detail.status" />
+        }
+
+        <rolatech-onboarding-summary-card [title]="'Application'" [items]="applicationItems()" />
+        <rolatech-onboarding-summary-card [title]="'Profile'" [items]="profileItems()" />
+
+        <section class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 shadow-sm">
+          <div class="flex flex-wrap items-start justify-between gap-3">
+            <div class="space-y-1">
+              <h3 class="text-base font-semibold text-(--rt-text-primary)">Documents</h3>
+              <p class="text-sm text-(--rt-text-secondary)">
+                Open uploaded files before you submit or resubmit the application.
+              </p>
+            </div>
+          </div>
+
+          <div class="mt-4 grid gap-4 md:grid-cols-2">
+            @for (item of documentItems(); track item.document?.id ?? item.label + ':' + item.filename) {
+              <article class="rounded-xl border border-(--rt-border-color) bg-(--rt-raised-background) p-3">
+                <div class="flex flex-wrap items-start justify-between gap-3">
+                  <div class="min-w-0 space-y-1">
+                    <p class="text-xs font-medium uppercase tracking-wide text-(--rt-text-secondary)">{{ item.label }}</p>
+                    <p class="wrap-break-words text-sm font-medium text-(--rt-text-primary)">{{ item.filename }}</p>
+                    @if (item.helper) {
+                      <p class="text-xs text-(--rt-text-secondary)">{{ item.helper }}</p>
+                    }
+                  </div>
+
+                  @if (item.document) {
+                    <button
+                      type="button"
+                      class="cursor-pointer rounded-full border border-(--rt-border-color) bg-(--rt-raised-background) px-3 py-1.5 text-xs font-semibold text-(--rt-text-primary) transition hover:bg-(--rt-base-background) disabled:cursor-not-allowed disabled:opacity-60"
+                      [disabled]="previewBusy(item.document.id)"
+                      (click)="openDocumentPreview(item)"
+                    >
+                      {{ previewBusy(item.document.id) ? 'Loading...' : 'Preview' }}
+                    </button>
+                  } @else {
+                    <span
+                      class="rounded-full border border-(--rt-border-color) bg-(--rt-base-background) px-2.5 py-1 text-xs font-semibold text-(--rt-text-secondary)"
+                    >
+                      Missing
+                    </span>
+                  }
+                </div>
+              </article>
+            }
+          </div>
+        </section>
+
+        <rolatech-onboarding-summary-card [title]="'Financial'" [items]="financialItems()" />
+        <rolatech-onboarding-summary-card [title]="'Banking'" [items]="bankingItems()" />
+
+        <rolatech-onboarding-issue-list [issues]="detail.issues" />
+
+        <section
+          class="flex flex-wrap items-center justify-between gap-3 rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 shadow-sm"
+        >
+          <div class="flex items-center gap-2">
+            <button
+              type="button"
+              class="rounded-xl border border-(--rt-border-color) px-4 py-2.5 text-sm font-medium text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)"
+              (click)="back()"
+            >
+              Back to form
+            </button>
+
+            <button
+              type="button"
+              class="rounded-xl border border-(--rt-border-color) bg-(--rt-base-background) px-4 py-2.5 text-sm font-medium text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)"
+              (click)="openTimeline()"
+            >
+              Timeline
+            </button>
+          </div>
+
+          @if (showSubmitAction()) {
+            <button
+              type="button"
+              class="rounded-xl bg-(--rt-brand-color) px-5 py-2.5 text-sm font-semibold text-(--rt-text-primary-inverse) transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60"
+              [disabled]="!facade.canSubmit()"
+              (click)="submit()"
+            >
+              {{ submitLabel() }}
+            </button>
+          } @else {
+            <button
+              type="button"
+              class="rounded-xl border border-(--rt-border-color) px-5 py-2.5 text-sm font-semibold text-(--rt-text-primary) transition hover:bg-(--rt-raised-background)"
+              (click)="openResult()"
+            >
+              View Result
+            </button>
+          }
+        </section>
+
+        <rolatech-onboarding-timeline-drawer
+          [open]="timelineOpen()"
+          [title]="'Application Timeline'"
+          [items]="detail.timeline"
+          [zIndex]="9100"
+          (closeRequested)="closeTimeline()"
+        />
+
+        <rolatech-onboarding-document-preview-dialog
+          [open]="previewOpen()"
+          [title]="previewTitle()"
+          [subtitle]="previewSubtitle()"
+          [url]="previewUrl()"
+          [loading]="previewLoading()"
+          [error]="previewError()"
+          (closeRequested)="closeDocumentPreview()"
+        />
+      </div>
+    } @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 summary...
+      </div>
+    }
+  `, isInline: true, dependencies: [{ 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"] }, { kind: "component", type: OnboardingReviewIssuesBanner, selector: "rolatech-onboarding-review-issues-banner", inputs: ["issues", "status"] }, { kind: "component", type: OnboardingDocumentPreviewDialog, selector: "rolatech-onboarding-document-preview-dialog", inputs: ["open", "title", "subtitle", "url", "loading", "error"], outputs: ["closeRequested"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AgentApplyReviewPage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rolatech-agent-apply-review-page',
+                    standalone: true,
+                    imports: [
+                        OnboardingSummaryCard,
+                        OnboardingIssueList,
+                        OnboardingTimelineDrawer,
+                        OnboardingReviewIssuesBanner,
+                        OnboardingDocumentPreviewDialog,
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'block' },
+                    template: `
+    @if (facade.detail(); as detail) {
+      <div class="space-y-4">
+        @if (detail.status === 'NEED_MORE_INFO' || detail.status === 'SUBMITTED' || detail.status === 'IN_REVIEW') {
+          <rolatech-onboarding-review-issues-banner [issues]="detail.issues" [status]="detail.status" />
+        }
+
+        <rolatech-onboarding-summary-card [title]="'Application'" [items]="applicationItems()" />
+        <rolatech-onboarding-summary-card [title]="'Profile'" [items]="profileItems()" />
+
+        <section class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 shadow-sm">
+          <div class="flex flex-wrap items-start justify-between gap-3">
+            <div class="space-y-1">
+              <h3 class="text-base font-semibold text-(--rt-text-primary)">Documents</h3>
+              <p class="text-sm text-(--rt-text-secondary)">
+                Open uploaded files before you submit or resubmit the application.
+              </p>
+            </div>
+          </div>
+
+          <div class="mt-4 grid gap-4 md:grid-cols-2">
+            @for (item of documentItems(); track item.document?.id ?? item.label + ':' + item.filename) {
+              <article class="rounded-xl border border-(--rt-border-color) bg-(--rt-raised-background) p-3">
+                <div class="flex flex-wrap items-start justify-between gap-3">
+                  <div class="min-w-0 space-y-1">
+                    <p class="text-xs font-medium uppercase tracking-wide text-(--rt-text-secondary)">{{ item.label }}</p>
+                    <p class="wrap-break-words text-sm font-medium text-(--rt-text-primary)">{{ item.filename }}</p>
+                    @if (item.helper) {
+                      <p class="text-xs text-(--rt-text-secondary)">{{ item.helper }}</p>
+                    }
+                  </div>
+
+                  @if (item.document) {
+                    <button
+                      type="button"
+                      class="cursor-pointer rounded-full border border-(--rt-border-color) bg-(--rt-raised-background) px-3 py-1.5 text-xs font-semibold text-(--rt-text-primary) transition hover:bg-(--rt-base-background) disabled:cursor-not-allowed disabled:opacity-60"
+                      [disabled]="previewBusy(item.document.id)"
+                      (click)="openDocumentPreview(item)"
+                    >
+                      {{ previewBusy(item.document.id) ? 'Loading...' : 'Preview' }}
+                    </button>
+                  } @else {
+                    <span
+                      class="rounded-full border border-(--rt-border-color) bg-(--rt-base-background) px-2.5 py-1 text-xs font-semibold text-(--rt-text-secondary)"
+                    >
+                      Missing
+                    </span>
+                  }
+                </div>
+              </article>
+            }
+          </div>
+        </section>
+
+        <rolatech-onboarding-summary-card [title]="'Financial'" [items]="financialItems()" />
+        <rolatech-onboarding-summary-card [title]="'Banking'" [items]="bankingItems()" />
+
+        <rolatech-onboarding-issue-list [issues]="detail.issues" />
+
+        <section
+          class="flex flex-wrap items-center justify-between gap-3 rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 shadow-sm"
+        >
+          <div class="flex items-center gap-2">
+            <button
+              type="button"
+              class="rounded-xl border border-(--rt-border-color) px-4 py-2.5 text-sm font-medium text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)"
+              (click)="back()"
+            >
+              Back to form
+            </button>
+
+            <button
+              type="button"
+              class="rounded-xl border border-(--rt-border-color) bg-(--rt-base-background) px-4 py-2.5 text-sm font-medium text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)"
+              (click)="openTimeline()"
+            >
+              Timeline
+            </button>
+          </div>
+
+          @if (showSubmitAction()) {
+            <button
+              type="button"
+              class="rounded-xl bg-(--rt-brand-color) px-5 py-2.5 text-sm font-semibold text-(--rt-text-primary-inverse) transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60"
+              [disabled]="!facade.canSubmit()"
+              (click)="submit()"
+            >
+              {{ submitLabel() }}
+            </button>
+          } @else {
+            <button
+              type="button"
+              class="rounded-xl border border-(--rt-border-color) px-5 py-2.5 text-sm font-semibold text-(--rt-text-primary) transition hover:bg-(--rt-raised-background)"
+              (click)="openResult()"
+            >
+              View Result
+            </button>
+          }
+        </section>
+
+        <rolatech-onboarding-timeline-drawer
+          [open]="timelineOpen()"
+          [title]="'Application Timeline'"
+          [items]="detail.timeline"
+          [zIndex]="9100"
+          (closeRequested)="closeTimeline()"
+        />
+
+        <rolatech-onboarding-document-preview-dialog
+          [open]="previewOpen()"
+          [title]="previewTitle()"
+          [subtitle]="previewSubtitle()"
+          [url]="previewUrl()"
+          [loading]="previewLoading()"
+          [error]="previewError()"
+          (closeRequested)="closeDocumentPreview()"
+        />
+      </div>
+    } @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 summary...
+      </div>
+    }
+  `,
+                }]
+        }] });
+
+export { AgentApplyReviewPage };
+//# sourceMappingURL=rolatech-angular-onboarding-agent-apply-review-page-DG_D03YW.mjs.map

package/fesm2022/rolatech-angular-onboarding-agent-apply-review-page-DG_D03YW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-onboarding-agent-apply-review-page-DG_D03YW.mjs","sources":["../../../../packages/angular-onboarding/src/lib/pages/agent-apply/agent-apply-review-page.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, signal, ViewEncapsulation } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport {\n  OnboardingApplicationDetailResponse,\n  OnboardingDocumentResponse,\n  OnboardingDocumentService,\n  onboardingApplicantTypeLabel,\n  onboardingDocumentTypeLabel,\n  onboardingStatusLabel,\n  onboardingVatModeLabel,\n} from '@rolatech/angular-services';\nimport { firstValueFrom } from 'rxjs';\nimport { OnboardingDocumentPreviewDialog } from '../../components/onboarding/onboarding-document-preview-dialog';\nimport { OnboardingIssueList } from '../../components/onboarding/onboarding-issue-list';\nimport { OnboardingReviewIssuesBanner } from '../../components/onboarding/onboarding-review-issues-banner';\nimport { OnboardingSummaryCard } from '../../components/onboarding/onboarding-summary-card';\nimport { OnboardingTimelineDrawer } from '../../components/onboarding/onboarding-timeline-drawer';\nimport { AgentApplyFacade } from '../../store/agent-apply.facade';\n\ninterface ReviewDocumentItem {\n  label: string;\n  helper: string;\n  filename: string;\n  document: OnboardingDocumentResponse | null;\n}\n\n@Component({\n  selector: 'rolatech-agent-apply-review-page',\n  standalone: true,\n  imports: [\n    OnboardingSummaryCard,\n    OnboardingIssueList,\n    OnboardingTimelineDrawer,\n    OnboardingReviewIssuesBanner,\n    OnboardingDocumentPreviewDialog,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'block' },\n  template: `\n    @if (facade.detail(); as detail) {\n      <div class=\"space-y-4\">\n        @if (detail.status === 'NEED_MORE_INFO' || detail.status === 'SUBMITTED' || detail.status === 'IN_REVIEW') {\n          <rolatech-onboarding-review-issues-banner [issues]=\"detail.issues\" [status]=\"detail.status\" />\n        }\n\n        <rolatech-onboarding-summary-card [title]=\"'Application'\" [items]=\"applicationItems()\" />\n        <rolatech-onboarding-summary-card [title]=\"'Profile'\" [items]=\"profileItems()\" />\n\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-start justify-between gap-3\">\n            <div class=\"space-y-1\">\n              <h3 class=\"text-base font-semibold text-(--rt-text-primary)\">Documents</h3>\n              <p class=\"text-sm text-(--rt-text-secondary)\">\n                Open uploaded files before you submit or resubmit the application.\n              </p>\n            </div>\n          </div>\n\n          <div class=\"mt-4 grid gap-4 md:grid-cols-2\">\n            @for (item of documentItems(); track item.document?.id ?? item.label + ':' + item.filename) {\n              <article class=\"rounded-xl border border-(--rt-border-color) bg-(--rt-raised-background) p-3\">\n                <div class=\"flex flex-wrap items-start justify-between gap-3\">\n                  <div class=\"min-w-0 space-y-1\">\n                    <p class=\"text-xs font-medium uppercase tracking-wide text-(--rt-text-secondary)\">{{ item.label }}</p>\n                    <p class=\"wrap-break-words text-sm font-medium text-(--rt-text-primary)\">{{ item.filename }}</p>\n                    @if (item.helper) {\n                      <p class=\"text-xs text-(--rt-text-secondary)\">{{ item.helper }}</p>\n                    }\n                  </div>\n\n                  @if (item.document) {\n                    <button\n                      type=\"button\"\n                      class=\"cursor-pointer rounded-full border border-(--rt-border-color) bg-(--rt-raised-background) px-3 py-1.5 text-xs font-semibold text-(--rt-text-primary) transition hover:bg-(--rt-base-background) disabled:cursor-not-allowed disabled:opacity-60\"\n                      [disabled]=\"previewBusy(item.document.id)\"\n                      (click)=\"openDocumentPreview(item)\"\n                    >\n                      {{ previewBusy(item.document.id) ? 'Loading...' : 'Preview' }}\n                    </button>\n                  } @else {\n                    <span\n                      class=\"rounded-full border border-(--rt-border-color) bg-(--rt-base-background) px-2.5 py-1 text-xs font-semibold text-(--rt-text-secondary)\"\n                    >\n                      Missing\n                    </span>\n                  }\n                </div>\n              </article>\n            }\n          </div>\n        </section>\n\n        <rolatech-onboarding-summary-card [title]=\"'Financial'\" [items]=\"financialItems()\" />\n        <rolatech-onboarding-summary-card [title]=\"'Banking'\" [items]=\"bankingItems()\" />\n\n        <rolatech-onboarding-issue-list [issues]=\"detail.issues\" />\n\n        <section\n          class=\"flex flex-wrap items-center justify-between gap-3 rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 shadow-sm\"\n        >\n          <div class=\"flex items-center gap-2\">\n            <button\n              type=\"button\"\n              class=\"rounded-xl border border-(--rt-border-color) px-4 py-2.5 text-sm font-medium text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)\"\n              (click)=\"back()\"\n            >\n              Back to form\n            </button>\n\n            <button\n              type=\"button\"\n              class=\"rounded-xl border border-(--rt-border-color) bg-(--rt-base-background) px-4 py-2.5 text-sm font-medium text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)\"\n              (click)=\"openTimeline()\"\n            >\n              Timeline\n            </button>\n          </div>\n\n          @if (showSubmitAction()) {\n            <button\n              type=\"button\"\n              class=\"rounded-xl bg-(--rt-brand-color) px-5 py-2.5 text-sm font-semibold text-(--rt-text-primary-inverse) transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60\"\n              [disabled]=\"!facade.canSubmit()\"\n              (click)=\"submit()\"\n            >\n              {{ submitLabel() }}\n            </button>\n          } @else {\n            <button\n              type=\"button\"\n              class=\"rounded-xl border border-(--rt-border-color) px-5 py-2.5 text-sm font-semibold text-(--rt-text-primary) transition hover:bg-(--rt-raised-background)\"\n              (click)=\"openResult()\"\n            >\n              View Result\n            </button>\n          }\n        </section>\n\n        <rolatech-onboarding-timeline-drawer\n          [open]=\"timelineOpen()\"\n          [title]=\"'Application Timeline'\"\n          [items]=\"detail.timeline\"\n          [zIndex]=\"9100\"\n          (closeRequested)=\"closeTimeline()\"\n        />\n\n        <rolatech-onboarding-document-preview-dialog\n          [open]=\"previewOpen()\"\n          [title]=\"previewTitle()\"\n          [subtitle]=\"previewSubtitle()\"\n          [url]=\"previewUrl()\"\n          [loading]=\"previewLoading()\"\n          [error]=\"previewError()\"\n          (closeRequested)=\"closeDocumentPreview()\"\n        />\n      </div>\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 summary...\n      </div>\n    }\n  `,\n})\nexport class AgentApplyReviewPage {\n  readonly facade = inject(AgentApplyFacade);\n  private readonly onboardingDocumentService = inject(OnboardingDocumentService);\n  readonly timelineOpen = signal(false);\n  readonly previewOpen = signal(false);\n  readonly previewLoading = signal(false);\n  readonly previewError = signal<string | null>(null);\n  readonly previewUrl = signal<string | null>(null);\n  readonly previewTitle = signal<string | null>(null);\n  readonly previewSubtitle = signal<string | null>(null);\n  readonly previewDocumentId = signal<string | null>(null);\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n\n  readonly applicationItems = computed(() => {\n    const detail = this.facade.detail();\n\n    if (!detail) {\n      return [];\n    }\n\n    return [\n      { label: 'Applicant type', value: onboardingApplicantTypeLabel(detail.applicantType) },\n      { label: 'Operating region', value: this.countryLabel(detail.companyCountry) },\n      { label: 'Status', value: onboardingStatusLabel(detail.status) },\n    ];\n  });\n\n  readonly profileItems = computed(() => {\n    const detail = this.facade.detail();\n\n    if (!detail) {\n      return [];\n    }\n\n    return [\n      { label: this.facade.isCompany() ? 'Company legal name' : 'Applicant name', value: this.primaryName(detail) },\n      { label: this.facade.isCompany() ? 'Representative' : 'Primary contact', value: detail.contactName },\n      { label: 'Primary email', value: detail.contactEmail },\n      { label: 'Phone number', value: detail.contactPhone },\n      { label: 'Country code', value: detail.countryCode },\n    ];\n  });\n\n  readonly documentItems = computed<ReviewDocumentItem[]>(() => {\n    const detail = this.facade.detail();\n\n    if (!detail) {\n      return [];\n    }\n\n    const requiredItems = this.facade.requiredDocuments().map((spec) => {\n      const document = this.facade.getDocument(spec.type);\n\n      return {\n        label: spec.label,\n        helper: spec.helperText ?? '',\n        filename: document?.originalFilename ?? 'Missing',\n        document,\n      };\n    });\n\n    const requiredTypes = new Set(this.facade.requiredDocuments().map((spec) => spec.type));\n    const additionalItems = detail.documents\n      .filter((item) => !requiredTypes.has(item.documentType))\n      .map((document) => ({\n        label: `Additional: ${onboardingDocumentTypeLabel(document.documentType)}`,\n        helper: 'Supporting document uploaded with the application.',\n        filename: document.originalFilename,\n        document,\n      }));\n\n    return [...requiredItems, ...additionalItems];\n  });\n\n  readonly financialItems = computed(() => {\n    const detail = this.facade.detail();\n\n    if (!detail) {\n      return [];\n    }\n\n    return [\n      { label: 'VAT mode', value: onboardingVatModeLabel(detail.vatMode ?? null) },\n      {\n        label: 'VAT number',\n        value: detail.vatNumber || (detail.vatMode === 'MANUAL_REVIEW_REQUIRED' ? 'Manual review' : null),\n      },\n      { label: 'VAT rate', value: detail.applicantType === 'INDIVIDUAL' ? '0%' : '20%' },\n    ];\n  });\n\n  readonly bankingItems = computed(() => {\n    const detail = this.facade.detail();\n\n    if (!detail) {\n      return [];\n    }\n\n    return [\n      { label: 'Bank name', value: detail.bankName },\n      { label: 'Account holder', value: detail.accountHolderName },\n      { label: 'Sort code', value: this.facade.formatSortCode(detail.sortCode) },\n      { label: 'Account number', value: detail.accountNumber },\n    ];\n  });\n\n  readonly showSubmitAction = computed(() => {\n    const status = this.facade.status();\n    return status === 'DRAFT' || status === 'IN_PROGRESS' || status === 'NEED_MORE_INFO' || status === null;\n  });\n\n  readonly submitLabel = computed(() =>\n    this.facade.status() === 'NEED_MORE_INFO' ? 'Resubmit application' : 'Submit application',\n  );\n\n  async submit(): Promise<void> {\n    const submitted = await this.facade.submit();\n\n    if (!submitted) {\n      return;\n    }\n\n    await this.router.navigate(['../result'], {\n      relativeTo: this.route,\n    });\n  }\n\n  async back(): Promise<void> {\n    await this.router.navigate(['../form'], {\n      relativeTo: this.route,\n    });\n  }\n\n  async openResult(): Promise<void> {\n    await this.router.navigate(['../result'], {\n      relativeTo: this.route,\n    });\n  }\n\n  openTimeline(): void {\n    this.timelineOpen.set(true);\n  }\n\n  closeTimeline(): void {\n    this.timelineOpen.set(false);\n  }\n\n  previewBusy(documentId: string): boolean {\n    return this.previewLoading() && this.previewDocumentId() === documentId;\n  }\n\n  async openDocumentPreview(item: ReviewDocumentItem): Promise<void> {\n    if (!item.document) {\n      return;\n    }\n\n    this.previewOpen.set(true);\n    this.previewLoading.set(true);\n    this.previewError.set(null);\n    this.previewUrl.set(null);\n    this.previewTitle.set(item.label);\n    this.previewSubtitle.set(item.document.originalFilename || null);\n    this.previewDocumentId.set(item.document.id);\n\n    try {\n      const response = await firstValueFrom(this.onboardingDocumentService.getPreviewUrl(item.document.id));\n      this.previewUrl.set(response.previewUrl);\n      this.previewDocumentId.set(response.documentId);\n    } catch (error) {\n      this.previewError.set(this.toErrorMessage(error));\n    } finally {\n      this.previewLoading.set(false);\n    }\n  }\n\n  closeDocumentPreview(): void {\n    this.previewOpen.set(false);\n    this.previewLoading.set(false);\n    this.previewError.set(null);\n    this.previewUrl.set(null);\n    this.previewTitle.set(null);\n    this.previewSubtitle.set(null);\n    this.previewDocumentId.set(null);\n  }\n\n  private countryLabel(value: string | null | undefined): string {\n    switch ((value ?? '').toUpperCase()) {\n      case 'CN':\n        return 'China';\n      case 'UK':\n        return 'United Kingdom';\n      default:\n        return value || '—';\n    }\n  }\n\n  private primaryName(detail: OnboardingApplicationDetailResponse): string | null | undefined {\n    return detail.applicantType === 'COMPANY' ? detail.organizationName : detail.contactName;\n  }\n\n  private toErrorMessage(error: unknown): string {\n    if (error instanceof Error && error.message) {\n      return error.message;\n    }\n\n    return 'Unable to load the document preview.';\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/{rolatech-angular-onboarding-agent-apply-shell-page-DibWYeD1.mjs → rolatech-angular-onboarding-agent-apply-shell-page-CaTvnFzk.mjs}

@@ -19,61 +19,44 @@ class AgentApplyShellPage {
         const parts = this.currentUrl().split('/').filter(Boolean);
         const maybeStep = parts[parts.length - 1] ?? '';
         switch (maybeStep) {
+            case 'form':
+            case 'review':
+            case 'result':
+                return maybeStep;
             case 'profile':
             case 'qualification':
             case 'financial':
             case 'banking':
-            case 'review':
+                return 'form';
             case 'submitted':
-                return maybeStep;
+                return 'result';
             default:
-                return 'profile';
+                return 'form';
         }
     }, ...(ngDevMode ? [{ debugName: "activeStep" }] : []));
     steps = computed(() => {
         const completion = this.facade.completion();
         return [
             {
-                label: 'Profile',
-                step: 'profile',
-                link: ['profile'],
-                completed: completion.profile,
-                accessible: this.facade.canAccessStep('profile'),
-            },
-            {
-                label: 'Qualification',
-                step: 'qualification',
-                link: ['qualification'],
-                completed: completion.qualification,
-                accessible: this.facade.canAccessStep('qualification'),
-            },
-            {
-                label: 'Financial',
-                step: 'financial',
-                link: ['financial'],
-                completed: completion.financial,
-                accessible: this.facade.canAccessStep('financial'),
-            },
-            {
-                label: 'Banking',
-                step: 'banking',
-                link: ['banking'],
-                completed: completion.banking,
-                accessible: this.facade.canAccessStep('banking'),
+                label: 'Application',
+                step: 'form',
+                link: ['form'],
+                completed: completion.form,
+                accessible: this.facade.canAccessStep('form'),
             },
             {
                 label: 'Review',
                 step: 'review',
                 link: ['review'],
-                completed: completion.profile && completion.qualification && completion.financial && completion.banking,
+                completed: completion.form,
                 accessible: this.facade.canAccessStep('review'),
             },
             {
-                label: 'Submitted',
-                step: 'submitted',
-                link: ['submitted'],
-                completed: this.facade.canAccessStep('submitted'),
-                accessible: this.facade.canAccessStep('submitted'),
+                label: 'Result',
+                step: 'result',
+                link: ['result'],
+                completed: this.facade.canAccessStep('result'),
+                accessible: this.facade.canAccessStep('result'),
             },
         ];
     }, ...(ngDevMode ? [{ debugName: "steps" }] : []));
@@ -90,7 +73,7 @@ class AgentApplyShellPage {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: AgentApplyShellPage, isStandalone: true, selector: "rolatech-agent-apply-shell-page", host: { classAttribute: "block" }, ngImport: i0, template: `
     <rolatech-onboarding-page-shell
       title="PrimeCasa Agent Application"
-      subtitle="Complete each step to submit your onboarding application for admin review."
+      subtitle="Complete the onboarding form, review the submission package, and then send it for manual approval."
       kicker="Public Apply"
     >
       <div header-actions>
@@ -100,7 +83,9 @@ class AgentApplyShellPage {
       <rolatech-onboarding-step-nav [steps]="steps()" [activeStep]="activeStep()" />
 
       @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>
+        <div class="rounded-2xl border border-(--rt-border-color) bg-(--rt-raised-background) px-4 py-3 text-sm text-rose-700">
+          {{ facade.error() }}
+        </div>
       }
 
       @if (!facade.detail() && facade.loading()) {
@@ -123,7 +108,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
                     template: `
     <rolatech-onboarding-page-shell
       title="PrimeCasa Agent Application"
-      subtitle="Complete each step to submit your onboarding application for admin review."
+      subtitle="Complete the onboarding form, review the submission package, and then send it for manual approval."
       kicker="Public Apply"
     >
       <div header-actions>
@@ -133,7 +118,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
       <rolatech-onboarding-step-nav [steps]="steps()" [activeStep]="activeStep()" />
 
       @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>
+        <div class="rounded-2xl border border-(--rt-border-color) bg-(--rt-raised-background) px-4 py-3 text-sm text-rose-700">
+          {{ facade.error() }}
+        </div>
       }
 
       @if (!facade.detail() && facade.loading()) {
@@ -147,4 +134,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
         }], ctorParameters: () => [] });
 
 export { AgentApplyShellPage };
-//# sourceMappingURL=rolatech-angular-onboarding-agent-apply-shell-page-DibWYeD1.mjs.map
+//# sourceMappingURL=rolatech-angular-onboarding-agent-apply-shell-page-CaTvnFzk.mjs.map