@rolatech/angular-onboarding 20.3.0-beta.2

package/fesm2022/rolatech-angular-onboarding.mjs

@@ -0,0 +1,1495 @@
+import * as i0 from '@angular/core';
+import { inject, signal, computed, Injectable, input, ViewEncapsulation, ChangeDetectionStrategy, Component, output } from '@angular/core';
+import { Router, RouterLink } from '@angular/router';
+import { FormBuilder, Validators } from '@angular/forms';
+import { OnboardingApplicantService, OnboardingAdminService, onboardingStatusLabel, onboardingIssueTypeLabel, onboardingDocumentTypeLabel } from '@rolatech/angular-services';
+import { firstValueFrom } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+import { NgClass, DatePipe } from '@angular/common';
+
+const applicationIdGuard = (route) => Boolean(route.paramMap.get('applicationId'));
+
+const INDIVIDUAL_REQUIRED_DOCUMENTS = [
+    { type: 'PASSPORT', label: 'Passport' },
+    { type: 'PROOF_OF_ADDRESS', label: 'Proof of address' },
+];
+const COMPANY_REQUIRED_DOCUMENTS = [
+    { type: 'PASSPORT', label: 'Passport' },
+    { type: 'CERTIFICATE_OF_INCORPORATION', label: 'Certificate of incorporation' },
+    { type: 'INDUSTRY_CERTIFICATE', label: 'Industry certificate' },
+];
+class AgentApplyFacade {
+    onboardingService = inject(OnboardingApplicantService);
+    fb = inject(FormBuilder);
+    http = inject(HttpClient);
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    saving = signal(false, ...(ngDevMode ? [{ debugName: "saving" }] : []));
+    submitting = signal(false, ...(ngDevMode ? [{ debugName: "submitting" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    application = signal(null, ...(ngDevMode ? [{ debugName: "application" }] : []));
+    detail = signal(null, ...(ngDevMode ? [{ debugName: "detail" }] : []));
+    loadedApplicationId = signal(null, ...(ngDevMode ? [{ debugName: "loadedApplicationId" }] : []));
+    applicationId = computed(() => this.detail()?.id ?? this.application()?.id ?? null, ...(ngDevMode ? [{ debugName: "applicationId" }] : []));
+    status = computed(() => this.detail()?.status ?? this.application()?.status ?? null, ...(ngDevMode ? [{ debugName: "status" }] : []));
+    documents = computed(() => this.detail()?.documents ?? [], ...(ngDevMode ? [{ debugName: "documents" }] : []));
+    issues = computed(() => this.detail()?.issues ?? [], ...(ngDevMode ? [{ debugName: "issues" }] : []));
+    timeline = computed(() => this.detail()?.timeline ?? [], ...(ngDevMode ? [{ debugName: "timeline" }] : []));
+    requiredDocuments = computed(() => {
+        const applicantType = this.detail()?.applicantType ?? this.application()?.applicantType;
+        return applicantType === 'COMPANY' ? COMPANY_REQUIRED_DOCUMENTS : INDIVIDUAL_REQUIRED_DOCUMENTS;
+    }, ...(ngDevMode ? [{ debugName: "requiredDocuments" }] : []));
+    completion = computed(() => {
+        const detail = this.detail();
+        if (!detail) {
+            return {
+                profile: false,
+                qualification: false,
+                financial: false,
+                banking: false,
+            };
+        }
+        if (detail.progress) {
+            return {
+                profile: detail.progress.profileCompleted,
+                qualification: detail.progress.qualificationCompleted,
+                financial: detail.progress.financialCompleted,
+                banking: detail.progress.bankingCompleted,
+            };
+        }
+        return {
+            profile: this.isProfileComplete(detail),
+            qualification: this.isQualificationComplete(detail),
+            financial: this.isFinancialComplete(detail),
+            banking: this.isBankingComplete(detail),
+        };
+    }, ...(ngDevMode ? [{ debugName: "completion" }] : []));
+    profileForm = this.fb.nonNullable.group({
+        organizationName: ['', [Validators.required, Validators.maxLength(255)]],
+        contactName: ['', [Validators.required, Validators.maxLength(255)]],
+        contactEmail: ['', [Validators.required, Validators.email]],
+        contactPhone: ['', [Validators.required, Validators.maxLength(64)]],
+        countryCode: ['GB', [Validators.required, Validators.maxLength(8)]],
+    });
+    financialForm = this.fb.nonNullable.group({
+        vatMode: ['NON_VAT_REGISTERED', [Validators.required]],
+        vatNumber: [''],
+    });
+    bankingForm = this.fb.nonNullable.group({
+        bankName: ['', [Validators.required, Validators.maxLength(255)]],
+        accountHolderName: ['', [Validators.required, Validators.maxLength(255)]],
+        sortCode: ['', [Validators.required, Validators.maxLength(16)]],
+        accountNumber: ['', [Validators.required, Validators.maxLength(32)]],
+    });
+    async start(request) {
+        this.loading.set(true);
+        this.error.set(null);
+        try {
+            const response = await firstValueFrom(this.onboardingService.createApplication(request));
+            this.application.set(response);
+            this.detail.set(null);
+            this.loadedApplicationId.set(null);
+            return response;
+        }
+        catch (error) {
+            this.error.set(this.toErrorMessage(error));
+            return null;
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    async ensureLoaded(applicationId, force = false) {
+        if (!applicationId) {
+            return;
+        }
+        if (!force && this.loadedApplicationId() === applicationId && this.detail()) {
+            return;
+        }
+        this.loading.set(true);
+        this.error.set(null);
+        try {
+            const response = await firstValueFrom(this.onboardingService.getApplication(applicationId));
+            this.detail.set(response);
+            this.loadedApplicationId.set(response.id);
+            this.patchForms(response);
+        }
+        catch (error) {
+            this.error.set(this.toErrorMessage(error));
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    async saveProfile() {
+        const applicationId = this.applicationId();
+        if (!applicationId) {
+            return false;
+        }
+        if (this.profileForm.invalid) {
+            this.profileForm.markAllAsTouched();
+            return false;
+        }
+        this.saving.set(true);
+        this.error.set(null);
+        try {
+            const payload = this.profileForm.getRawValue();
+            const response = await firstValueFrom(this.onboardingService.saveProfile(applicationId, payload));
+            this.application.set(response);
+            await this.ensureLoaded(applicationId, true);
+            return true;
+        }
+        catch (error) {
+            this.error.set(this.toErrorMessage(error));
+            return false;
+        }
+        finally {
+            this.saving.set(false);
+        }
+    }
+    async saveFinancial() {
+        const applicationId = this.applicationId();
+        if (!applicationId) {
+            return false;
+        }
+        if (this.financialForm.invalid) {
+            this.financialForm.markAllAsTouched();
+            return false;
+        }
+        this.saving.set(true);
+        this.error.set(null);
+        try {
+            const rawValue = this.financialForm.getRawValue();
+            const payload = {
+                vatMode: rawValue.vatMode,
+                vatNumber: rawValue.vatNumber || undefined,
+            };
+            const response = await firstValueFrom(this.onboardingService.saveFinancial(applicationId, payload));
+            this.application.set(response);
+            await this.ensureLoaded(applicationId, true);
+            return true;
+        }
+        catch (error) {
+            this.error.set(this.toErrorMessage(error));
+            return false;
+        }
+        finally {
+            this.saving.set(false);
+        }
+    }
+    async saveBanking() {
+        const applicationId = this.applicationId();
+        if (!applicationId) {
+            return false;
+        }
+        if (this.bankingForm.invalid) {
+            this.bankingForm.markAllAsTouched();
+            return false;
+        }
+        this.saving.set(true);
+        this.error.set(null);
+        try {
+            const payload = this.bankingForm.getRawValue();
+            const response = await firstValueFrom(this.onboardingService.saveBanking(applicationId, payload));
+            this.application.set(response);
+            await this.ensureLoaded(applicationId, true);
+            return true;
+        }
+        catch (error) {
+            this.error.set(this.toErrorMessage(error));
+            return false;
+        }
+        finally {
+            this.saving.set(false);
+        }
+    }
+    async uploadDocument(documentType, file, replacedDocumentId) {
+        const applicationId = this.applicationId();
+        if (!applicationId) {
+            return false;
+        }
+        this.saving.set(true);
+        this.error.set(null);
+        try {
+            const uploadRequest = {
+                documentType,
+                filename: file.name,
+                contentType: file.type,
+                fileSize: file.size,
+                replacedDocumentId: replacedDocumentId ?? undefined,
+            };
+            const uploadUrl = await firstValueFrom(this.onboardingService.requestUploadUrl(applicationId, uploadRequest));
+            // const uploadResponse1 = await fetch(uploadUrl.uploadUrl, {
+            //   method: 'PUT',
+            //   body: file,
+            //   headers: {
+            //     'Content-Type': file.type || 'application/octet-stream',
+            //   },
+            //   mode: 'cors',
+            // });
+            // const uploadResponse = await firstValueFrom(
+            //   this.http.put(uploadUrl.uploadUrl, file, {
+            //     headers: {
+            //       'Content-Type': file.type || 'application/octet-stream',
+            //     },
+            //   }),
+            // );
+            // console.log(uploadResponse);
+            // if (!uploadResponse .ok) {
+            //   throw new Error(`Document upload failed with status ${uploadResponse.status}`);
+            // }
+            const confirmRequest = {
+                documentType,
+                storageType: uploadUrl.storageType,
+                objectKey: uploadUrl.objectKey,
+                objectUrl: uploadUrl.uploadUrl,
+                originalFilename: file.name,
+                contentType: file.type,
+                fileSize: file.size,
+                replacedDocumentId: replacedDocumentId ?? undefined,
+            };
+            const detail = await firstValueFrom(this.onboardingService.confirmDocumentUpload(applicationId, confirmRequest));
+            this.detail.set(detail);
+            this.loadedApplicationId.set(detail.id);
+            return true;
+        }
+        catch (error) {
+            this.error.set(this.toErrorMessage(error));
+            return false;
+        }
+        finally {
+            this.saving.set(false);
+        }
+    }
+    async submit() {
+        const applicationId = this.applicationId();
+        if (!applicationId) {
+            return false;
+        }
+        this.submitting.set(true);
+        this.error.set(null);
+        try {
+            const response = await firstValueFrom(this.onboardingService.submit(applicationId));
+            this.application.set(response);
+            await this.ensureLoaded(applicationId, true);
+            return true;
+        }
+        catch (error) {
+            this.error.set(this.toErrorMessage(error));
+            return false;
+        }
+        finally {
+            this.submitting.set(false);
+        }
+    }
+    getDocument(documentType) {
+        return this.documents().find((item) => item.documentType === documentType) ?? null;
+    }
+    getIssueComment(documentType) {
+        return this.issues().find((item) => item.documentType === documentType)?.comment ?? null;
+    }
+    canAccessStep(step) {
+        const completion = this.completion();
+        switch (step) {
+            case 'profile':
+                return true;
+            case 'qualification':
+                return completion.profile;
+            case 'financial':
+                return completion.profile && completion.qualification;
+            case 'banking':
+                return completion.profile && completion.qualification && completion.financial;
+            case 'review':
+                return completion.profile && completion.qualification && completion.financial && completion.banking;
+            case 'submitted': {
+                const status = this.status();
+                return status === 'SUBMITTED' || status === 'IN_REVIEW' || status === 'APPROVED' || status === 'FAILED';
+            }
+            default:
+                return false;
+        }
+    }
+    firstIncompleteStep() {
+        const completion = this.completion();
+        if (!completion.profile) {
+            return 'profile';
+        }
+        if (!completion.qualification) {
+            return 'qualification';
+        }
+        if (!completion.financial) {
+            return 'financial';
+        }
+        if (!completion.banking) {
+            return 'banking';
+        }
+        return 'review';
+    }
+    patchForms(detail) {
+        this.profileForm.patchValue({
+            organizationName: detail.organizationName ?? '',
+            contactName: detail.contactName ?? '',
+            contactEmail: detail.contactEmail ?? '',
+            contactPhone: detail.contactPhone ?? '',
+            countryCode: detail.countryCode ?? 'GB',
+        });
+        this.financialForm.patchValue({
+            vatMode: detail.vatMode ?? 'NON_VAT_REGISTERED',
+            vatNumber: detail.vatNumber ?? '',
+        });
+        this.bankingForm.patchValue({
+            bankName: detail.bankName ?? '',
+            accountHolderName: detail.accountHolderName ?? '',
+            sortCode: detail.sortCode ?? '',
+            accountNumber: detail.accountNumber ?? '',
+        });
+    }
+    isProfileComplete(detail) {
+        return Boolean(detail.organizationName && detail.contactName && detail.contactEmail && detail.contactPhone && detail.countryCode);
+    }
+    isQualificationComplete(detail) {
+        const uploadedTypes = new Set(detail.documents.map((item) => item.documentType));
+        const required = detail.applicantType === 'COMPANY' ? COMPANY_REQUIRED_DOCUMENTS : INDIVIDUAL_REQUIRED_DOCUMENTS;
+        return required.every((item) => uploadedTypes.has(item.type));
+    }
+    isFinancialComplete(detail) {
+        if (!detail.vatMode) {
+            return false;
+        }
+        if (detail.vatMode === 'VAT_REGISTERED') {
+            return Boolean(detail.vatNumber);
+        }
+        return true;
+    }
+    isBankingComplete(detail) {
+        return Boolean(detail.bankName && detail.accountHolderName && detail.sortCode && detail.accountNumber);
+    }
+    toErrorMessage(error) {
+        if (error instanceof Error && error.message) {
+            return error.message;
+        }
+        return 'Unable to complete the onboarding action.';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AgentApplyFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AgentApplyFacade });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AgentApplyFacade, decorators: [{
+            type: Injectable
+        }] });
+
+const applyStepGuard = async (childRoute) => {
+    const facade = inject(AgentApplyFacade);
+    const router = inject(Router);
+    const applicationId = childRoute.parent?.paramMap.get('applicationId') ?? childRoute.paramMap.get('applicationId');
+    if (!applicationId) {
+        return false;
+    }
+    await facade.ensureLoaded(applicationId);
+    const requiredStep = childRoute.data['requiredStep'];
+    if (!requiredStep || facade.canAccessStep(requiredStep)) {
+        return true;
+    }
+    const fallbackStep = facade.firstIncompleteStep();
+    const fallbackSegments = buildFallbackSegments(childRoute, fallbackStep);
+    if (fallbackSegments.length === 0) {
+        return false;
+    }
+    return router.createUrlTree(['/', ...fallbackSegments]);
+};
+function buildFallbackSegments(route, fallbackStep) {
+    const segments = route.pathFromRoot.flatMap((item) => item.url.map((segment) => segment.path)).filter(Boolean);
+    if (segments.length === 0) {
+        return [];
+    }
+    segments[segments.length - 1] = fallbackStep;
+    return segments;
+}
+
+const AGENT_APPLY_ROUTES = [
+    {
+        path: '',
+        loadComponent: () => import('./rolatech-angular-onboarding-agent-apply-start-page-DC7gyOnS.mjs').then((m) => m.AgentApplyStartPage),
+    },
+    {
+        path: ':applicationId',
+        canActivate: [applicationIdGuard],
+        canActivateChild: [applyStepGuard],
+        providers: [AgentApplyFacade],
+        loadComponent: () => import('./rolatech-angular-onboarding-agent-apply-shell-page-DibWYeD1.mjs').then((m) => m.AgentApplyShellPage),
+        children: [
+            {
+                path: '',
+                pathMatch: 'full',
+                redirectTo: 'profile',
+            },
+            {
+                path: 'profile',
+                data: {
+                    requiredStep: 'profile',
+                },
+                loadComponent: () => import('./rolatech-angular-onboarding-agent-apply-profile-page-DNepDxHu.mjs').then((m) => m.AgentApplyProfilePage),
+            },
+            {
+                path: 'qualification',
+                data: {
+                    requiredStep: 'qualification',
+                },
+                loadComponent: () => import('./rolatech-angular-onboarding-agent-apply-qualification-page-CSwupuKt.mjs').then((m) => m.AgentApplyQualificationPage),
+            },
+            {
+                path: 'financial',
+                data: {
+                    requiredStep: 'financial',
+                },
+                loadComponent: () => import('./rolatech-angular-onboarding-agent-apply-financial-page-Ck3Rowke.mjs').then((m) => m.AgentApplyFinancialPage),
+            },
+            {
+                path: 'banking',
+                data: {
+                    requiredStep: 'banking',
+                },
+                loadComponent: () => import('./rolatech-angular-onboarding-agent-apply-banking-page-VYNfR4fy.mjs').then((m) => m.AgentApplyBankingPage),
+            },
+            {
+                path: 'review',
+                data: {
+                    requiredStep: 'review',
+                },
+                loadComponent: () => import('./rolatech-angular-onboarding-agent-apply-review-page-DugCjfvK.mjs').then((m) => m.AgentApplyReviewPage),
+            },
+            {
+                path: 'submitted',
+                data: {
+                    requiredStep: 'submitted',
+                },
+                loadComponent: () => import('./rolatech-angular-onboarding-agent-apply-submitted-page-BMkV2V8K.mjs').then((m) => m.AgentApplySubmittedPage),
+            },
+        ],
+    },
+];
+
+class AgentOnboardingFacade {
+    onboardingService = inject(OnboardingApplicantService);
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    saving = signal(false, ...(ngDevMode ? [{ debugName: "saving" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    detail = signal(null, ...(ngDevMode ? [{ debugName: "detail" }] : []));
+    loadedApplicationId = signal(null, ...(ngDevMode ? [{ debugName: "loadedApplicationId" }] : []));
+    status = computed(() => this.detail()?.status ?? null, ...(ngDevMode ? [{ debugName: "status" }] : []));
+    issues = computed(() => this.detail()?.issues ?? [], ...(ngDevMode ? [{ debugName: "issues" }] : []));
+    documents = computed(() => this.detail()?.documents ?? [], ...(ngDevMode ? [{ debugName: "documents" }] : []));
+    timeline = computed(() => this.detail()?.timeline ?? [], ...(ngDevMode ? [{ debugName: "timeline" }] : []));
+    applicationId = computed(() => this.detail()?.id ?? null, ...(ngDevMode ? [{ debugName: "applicationId" }] : []));
+    async ensureLoaded(applicationId, force = false) {
+        if (!applicationId) {
+            return;
+        }
+        if (!force && this.loadedApplicationId() === applicationId && this.detail()) {
+            return;
+        }
+        this.loading.set(true);
+        this.error.set(null);
+        try {
+            const detail = await firstValueFrom(this.onboardingService.getApplication(applicationId));
+            this.detail.set(detail);
+            this.loadedApplicationId.set(detail.id);
+        }
+        catch (error) {
+            this.error.set(this.toErrorMessage(error));
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    async reuploadDocument(documentType, file, replacedDocumentId) {
+        const applicationId = this.applicationId();
+        if (!applicationId) {
+            return false;
+        }
+        this.saving.set(true);
+        this.error.set(null);
+        try {
+            const uploadRequest = {
+                documentType,
+                filename: file.name,
+                contentType: file.type,
+                fileSize: file.size,
+                replacedDocumentId,
+            };
+            const uploadUrl = await firstValueFrom(this.onboardingService.requestUploadUrl(applicationId, uploadRequest));
+            const uploadResponse = await fetch(uploadUrl.uploadUrl, {
+                method: 'PUT',
+                body: file,
+                headers: {
+                    'Content-Type': file.type,
+                },
+            });
+            if (!uploadResponse.ok) {
+                throw new Error(`Document upload failed with status ${uploadResponse.status}`);
+            }
+            const confirmRequest = {
+                documentType,
+                storageType: uploadUrl.storageType,
+                objectKey: uploadUrl.objectKey,
+                objectUrl: uploadUrl.uploadUrl,
+                originalFilename: file.name,
+                contentType: file.type,
+                fileSize: file.size,
+                replacedDocumentId,
+            };
+            const detail = await firstValueFrom(this.onboardingService.confirmDocumentUpload(applicationId, confirmRequest));
+            this.detail.set(detail);
+            this.loadedApplicationId.set(detail.id);
+            return true;
+        }
+        catch (error) {
+            this.error.set(this.toErrorMessage(error));
+            return false;
+        }
+        finally {
+            this.saving.set(false);
+        }
+    }
+    async resubmit() {
+        const applicationId = this.applicationId();
+        if (!applicationId) {
+            return false;
+        }
+        this.saving.set(true);
+        this.error.set(null);
+        try {
+            await firstValueFrom(this.onboardingService.submit(applicationId));
+            await this.ensureLoaded(applicationId, true);
+            return true;
+        }
+        catch (error) {
+            this.error.set(this.toErrorMessage(error));
+            return false;
+        }
+        finally {
+            this.saving.set(false);
+        }
+    }
+    toErrorMessage(error) {
+        if (error instanceof Error && error.message) {
+            return error.message;
+        }
+        return 'Unable to load onboarding information.';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AgentOnboardingFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AgentOnboardingFacade });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AgentOnboardingFacade, decorators: [{
+            type: Injectable
+        }] });
+
+const AGENT_ONBOARDING_ROUTES = [
+    {
+        path: ':applicationId',
+        canActivate: [applicationIdGuard],
+        providers: [AgentOnboardingFacade],
+        loadComponent: () => import('./rolatech-angular-onboarding-agent-onboarding-shell-page-B6ffcJ5A.mjs').then((m) => m.AgentOnboardingShellPage),
+        children: [
+            {
+                path: '',
+                pathMatch: 'full',
+                loadComponent: () => import('./rolatech-angular-onboarding-agent-onboarding-overview-page-8sTSvFZ7.mjs').then((m) => m.AgentOnboardingOverviewPage),
+            },
+            {
+                path: 'documents',
+                loadComponent: () => import('./rolatech-angular-onboarding-agent-onboarding-documents-page-DWBGTj5J.mjs').then((m) => m.AgentOnboardingDocumentsPage),
+            },
+            {
+                path: 'issues',
+                loadComponent: () => import('./rolatech-angular-onboarding-agent-onboarding-issues-page-CSVgCJ7t.mjs').then((m) => m.AgentOnboardingIssuesPage),
+            },
+        ],
+    },
+];
+
+const ADMIN_ONBOARDING_ROUTES = [
+    {
+        path: '',
+        loadComponent: () => import('./rolatech-angular-onboarding-admin-onboarding-index-page-BO4pC_NU.mjs').then((m) => m.AdminOnboardingIndexPage),
+    },
+    {
+        path: ':applicationId',
+        canActivate: [applicationIdGuard],
+        loadComponent: () => import('./rolatech-angular-onboarding-admin-onboarding-detail-page-DKJQX3cs.mjs').then((m) => m.AdminOnboardingDetailPage),
+    },
+    {
+        path: ':applicationId/review',
+        canActivate: [applicationIdGuard],
+        loadComponent: () => import('./rolatech-angular-onboarding-admin-onboarding-review-page-BERcLBeQ.mjs').then((m) => m.AdminOnboardingReviewPage),
+    },
+];
+
+class AdminOnboardingListFacade {
+    onboardingAdminService = inject(OnboardingAdminService);
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    filters = signal({
+        status: undefined,
+        search: '',
+    }, ...(ngDevMode ? [{ debugName: "filters" }] : []));
+    items = signal([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    groupedCounts = computed(() => {
+        const result = {
+            DRAFT: 0,
+            IN_PROGRESS: 0,
+            SUBMITTED: 0,
+            IN_REVIEW: 0,
+            NEED_MORE_INFO: 0,
+            APPROVED: 0,
+            FAILED: 0,
+        };
+        for (const item of this.items()) {
+            result[item.status] += 1;
+        }
+        return result;
+    }, ...(ngDevMode ? [{ debugName: "groupedCounts" }] : []));
+    async load(query) {
+        if (query) {
+            this.filters.update((current) => ({
+                ...current,
+                ...query,
+            }));
+        }
+        this.loading.set(true);
+        this.error.set(null);
+        try {
+            const payload = this.filters();
+            const items = await firstValueFrom(this.onboardingAdminService.list(payload));
+            this.items.set(items);
+        }
+        catch (error) {
+            this.error.set(this.toErrorMessage(error));
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    setStatus(status) {
+        this.filters.update((current) => ({
+            ...current,
+            status,
+        }));
+    }
+    setSearch(search) {
+        this.filters.update((current) => ({
+            ...current,
+            search,
+        }));
+    }
+    toErrorMessage(error) {
+        if (error instanceof Error && error.message) {
+            return error.message;
+        }
+        return 'Unable to load onboarding applications.';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AdminOnboardingListFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AdminOnboardingListFacade });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AdminOnboardingListFacade, decorators: [{
+            type: Injectable
+        }] });
+
+class AdminOnboardingDetailFacade {
+    onboardingAdminService = inject(OnboardingAdminService);
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    detail = signal(null, ...(ngDevMode ? [{ debugName: "detail" }] : []));
+    async load(applicationId) {
+        if (!applicationId) {
+            return;
+        }
+        this.loading.set(true);
+        this.error.set(null);
+        try {
+            const detail = await firstValueFrom(this.onboardingAdminService.getApplication(applicationId));
+            this.detail.set(detail);
+        }
+        catch (error) {
+            this.error.set(this.toErrorMessage(error));
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    toErrorMessage(error) {
+        if (error instanceof Error && error.message) {
+            return error.message;
+        }
+        return 'Unable to load onboarding application details.';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AdminOnboardingDetailFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AdminOnboardingDetailFacade });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AdminOnboardingDetailFacade, decorators: [{
+            type: Injectable
+        }] });
+
+class AdminOnboardingReviewFacade {
+    onboardingAdminService = inject(OnboardingAdminService);
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    saving = signal(false, ...(ngDevMode ? [{ debugName: "saving" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    detail = signal(null, ...(ngDevMode ? [{ debugName: "detail" }] : []));
+    reviewComment = signal('', ...(ngDevMode ? [{ debugName: "reviewComment" }] : []));
+    issueDrafts = signal([], ...(ngDevMode ? [{ debugName: "issueDrafts" }] : []));
+    async load(applicationId) {
+        if (!applicationId) {
+            return;
+        }
+        this.loading.set(true);
+        this.error.set(null);
+        try {
+            const detail = await firstValueFrom(this.onboardingAdminService.getApplication(applicationId));
+            this.detail.set(detail);
+        }
+        catch (error) {
+            this.error.set(this.toErrorMessage(error));
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    addFieldIssue(fieldKey, comment) {
+        this.issueDrafts.update((items) => [
+            ...items,
+            {
+                issueType: 'FIELD',
+                fieldKey,
+                comment,
+            },
+        ]);
+    }
+    addDocumentIssue(documentType, comment) {
+        this.issueDrafts.update((items) => [
+            ...items,
+            {
+                issueType: 'DOCUMENT',
+                documentType,
+                comment,
+            },
+        ]);
+    }
+    removeIssue(index) {
+        this.issueDrafts.update((items) => items.filter((_, currentIndex) => currentIndex !== index));
+    }
+    setComment(value) {
+        this.reviewComment.set(value);
+    }
+    async startReview(applicationId) {
+        return this.runAction(async () => {
+            const detail = await firstValueFrom(this.onboardingAdminService.startReview(applicationId));
+            this.detail.set(detail);
+        });
+    }
+    async requestMoreInfo(applicationId) {
+        const payload = {
+            comment: this.reviewComment(),
+            issues: this.issueDrafts(),
+        };
+        return this.runAction(async () => {
+            const detail = await firstValueFrom(this.onboardingAdminService.needMoreInfo(applicationId, payload));
+            this.detail.set(detail);
+            this.reviewComment.set('');
+            this.issueDrafts.set([]);
+        });
+    }
+    async approve(applicationId) {
+        const payload = {
+            comment: this.reviewComment(),
+        };
+        return this.runAction(async () => {
+            const detail = await firstValueFrom(this.onboardingAdminService.approve(applicationId, payload));
+            this.detail.set(detail);
+            this.reviewComment.set('');
+        });
+    }
+    async fail(applicationId) {
+        const payload = {
+            comment: this.reviewComment(),
+        };
+        return this.runAction(async () => {
+            const detail = await firstValueFrom(this.onboardingAdminService.fail(applicationId, payload));
+            this.detail.set(detail);
+            this.reviewComment.set('');
+        });
+    }
+    async runAction(action) {
+        this.saving.set(true);
+        this.error.set(null);
+        try {
+            await action();
+            return true;
+        }
+        catch (error) {
+            this.error.set(this.toErrorMessage(error));
+            return false;
+        }
+        finally {
+            this.saving.set(false);
+        }
+    }
+    toErrorMessage(error) {
+        if (error instanceof Error && error.message) {
+            return error.message;
+        }
+        return 'Unable to complete the onboarding review action.';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AdminOnboardingReviewFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AdminOnboardingReviewFacade });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AdminOnboardingReviewFacade, decorators: [{
+            type: Injectable
+        }] });
+
+class OnboardingPageShell {
+    title = input.required(...(ngDevMode ? [{ debugName: "title" }] : []));
+    subtitle = input('', ...(ngDevMode ? [{ debugName: "subtitle" }] : []));
+    kicker = input('', ...(ngDevMode ? [{ debugName: "kicker" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: OnboardingPageShell, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: OnboardingPageShell, isStandalone: true, selector: "rolatech-onboarding-page-shell", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, kicker: { classPropertyName: "kicker", publicName: "kicker", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "block" }, ngImport: i0, template: `
+    <section class="rt-onboarding-theme mx-auto w-full max-w-6xl space-y-6 bg-(--rt-base-background) px-4 py-6 text-(--rt-text-primary) sm:px-6 lg:px-8">
+      <header class="relative overflow-hidden rounded-3xl border border-(--rt-border-color) bg-(--rt-base-background) p-6 shadow-sm sm:p-8">
+        <div class="pointer-events-none absolute -right-10 -top-10 h-36 w-36 rounded-full bg-(--rt-10-percent-layer) blur-2xl"></div>
+        <div class="pointer-events-none absolute -bottom-16 left-12 h-36 w-36 rounded-full bg-(--rt-10-percent-layer) blur-2xl"></div>
+
+        <div class="relative flex flex-wrap items-start justify-between gap-4">
+          <div class="flex min-w-0 items-start gap-3">
+            <div class="rt-onboarding-header-leading">
+              <ng-content select="[header-leading]"></ng-content>
+            </div>
+
+            <div>
+              @if (kicker()) {
+                <p class="text-xs font-semibold uppercase tracking-[0.2em] text-(--rt-text-secondary)">{{ kicker() }}</p>
+              }
+              <h1 class="mt-1 text-2xl font-semibold tracking-tight text-(--rt-text-primary) sm:text-3xl">{{ title() }}</h1>
+              @if (subtitle()) {
+                <p class="mt-3 max-w-3xl text-sm text-(--rt-text-secondary) sm:text-base">{{ subtitle() }}</p>
+              }
+            </div>
+          </div>
+          <div class="shrink-0">
+            <ng-content select="[header-actions]"></ng-content>
+          </div>
+        </div>
+      </header>
+
+      <ng-content select="[floating]"></ng-content>
+
+      <div class="space-y-6">
+        <ng-content></ng-content>
+      </div>
+    </section>
+  `, isInline: true, styles: [".rt-onboarding-theme{color-scheme:light dark;background-color:var(--rt-base-background);color:var(--rt-text-primary)}.rt-onboarding-header-leading:empty{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: OnboardingPageShell, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-onboarding-page-shell', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'block' }, template: `
+    <section class="rt-onboarding-theme mx-auto w-full max-w-6xl space-y-6 bg-(--rt-base-background) px-4 py-6 text-(--rt-text-primary) sm:px-6 lg:px-8">
+      <header class="relative overflow-hidden rounded-3xl border border-(--rt-border-color) bg-(--rt-base-background) p-6 shadow-sm sm:p-8">
+        <div class="pointer-events-none absolute -right-10 -top-10 h-36 w-36 rounded-full bg-(--rt-10-percent-layer) blur-2xl"></div>
+        <div class="pointer-events-none absolute -bottom-16 left-12 h-36 w-36 rounded-full bg-(--rt-10-percent-layer) blur-2xl"></div>
+
+        <div class="relative flex flex-wrap items-start justify-between gap-4">
+          <div class="flex min-w-0 items-start gap-3">
+            <div class="rt-onboarding-header-leading">
+              <ng-content select="[header-leading]"></ng-content>
+            </div>
+
+            <div>
+              @if (kicker()) {
+                <p class="text-xs font-semibold uppercase tracking-[0.2em] text-(--rt-text-secondary)">{{ kicker() }}</p>
+              }
+              <h1 class="mt-1 text-2xl font-semibold tracking-tight text-(--rt-text-primary) sm:text-3xl">{{ title() }}</h1>
+              @if (subtitle()) {
+                <p class="mt-3 max-w-3xl text-sm text-(--rt-text-secondary) sm:text-base">{{ subtitle() }}</p>
+              }
+            </div>
+          </div>
+          <div class="shrink-0">
+            <ng-content select="[header-actions]"></ng-content>
+          </div>
+        </div>
+      </header>
+
+      <ng-content select="[floating]"></ng-content>
+
+      <div class="space-y-6">
+        <ng-content></ng-content>
+      </div>
+    </section>
+  `, styles: [".rt-onboarding-theme{color-scheme:light dark;background-color:var(--rt-base-background);color:var(--rt-text-primary)}.rt-onboarding-header-leading:empty{display:none}\n"] }]
+        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], kicker: [{ type: i0.Input, args: [{ isSignal: true, alias: "kicker", required: false }] }] } });
+
+class OnboardingStatusBadge {
+    status = input(null, ...(ngDevMode ? [{ debugName: "status" }] : []));
+    label = computed(() => {
+        return onboardingStatusLabel(this.status());
+    }, ...(ngDevMode ? [{ debugName: "label" }] : []));
+    badgeClass = computed(() => {
+        switch (this.status()) {
+            case 'APPROVED':
+                return 'border-emerald-200 bg-emerald-50 text-emerald-700';
+            case 'FAILED':
+                return 'border-rose-200 bg-rose-50 text-rose-700';
+            case 'NEED_MORE_INFO':
+                return 'border-amber-200 bg-amber-50 text-amber-700';
+            case 'SUBMITTED':
+            case 'IN_REVIEW':
+                return 'border-sky-200 bg-sky-50 text-sky-700';
+            case 'IN_PROGRESS':
+            case 'DRAFT':
+                return 'border-(--rt-border-color) bg-(--rt-raised-background) text-(--rt-text-secondary)';
+            default:
+                return 'border-(--rt-border-color) bg-(--rt-raised-background) text-(--rt-text-secondary)';
+        }
+    }, ...(ngDevMode ? [{ debugName: "badgeClass" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: OnboardingStatusBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.1", type: OnboardingStatusBadge, isStandalone: true, selector: "rolatech-onboarding-status-badge", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "block" }, ngImport: i0, template: `
+    <span
+      class="inline-flex items-center rounded-full border border-(--rt-border-color) px-3 py-1 text-xs font-semibold uppercase tracking-wide"
+      [class]="badgeClass()"
+    >
+      {{ label() }}
+    </span>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: OnboardingStatusBadge, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rolatech-onboarding-status-badge',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'block' },
+                    template: `
+    <span
+      class="inline-flex items-center rounded-full border border-(--rt-border-color) px-3 py-1 text-xs font-semibold uppercase tracking-wide"
+      [class]="badgeClass()"
+    >
+      {{ label() }}
+    </span>
+  `,
+                }]
+        }], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }] } });
+
+class OnboardingStepNav {
+    steps = input([], ...(ngDevMode ? [{ debugName: "steps" }] : []));
+    activeStep = input('', ...(ngDevMode ? [{ debugName: "activeStep" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: OnboardingStepNav, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: OnboardingStepNav, isStandalone: true, selector: "rolatech-onboarding-step-nav", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null }, activeStep: { classPropertyName: "activeStep", publicName: "activeStep", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "block" }, ngImport: i0, template: `
+    <nav class="grid gap-2 sm:grid-cols-2 lg:grid-cols-6" aria-label="Onboarding steps">
+      @for (step of steps(); track step.step) {
+        <a
+          [routerLink]="step.accessible ? step.link : null"
+          class="group rounded-2xl border border-(--rt-border-color) px-3 py-3 text-left transition cursor-pointer"
+          [ngClass]="
+            step.step === activeStep()
+              ? 'border-(--rt-brand-color) bg-(--rt-brand-color) text-(--rt-text-primary-inverse) shadow-sm'
+              : 'border-(--rt-border-color) bg-(--rt-raised-background) text-(--rt-text-primary) hover:bg-(--rt-raised-background)'
+          "
+          [class.cursor-not-allowed]="!step.accessible"
+          [class.opacity-60]="!step.accessible"
+        >
+          <div class="flex items-center justify-between gap-2">
+            <span class="text-sm font-medium">{{ step.label }}</span>
+            @if (step.completed) {
+              <span class="text-xs font-semibold text-emerald-700">Done</span>
+            } @else if (!step.accessible) {
+              <span class="text-xs font-semibold text-(--rt-text-secondary)">Locked</span>
+            }
+          </div>
+        </a>
+      }
+    </nav>
+  `, isInline: true, dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: OnboardingStepNav, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rolatech-onboarding-step-nav',
+                    standalone: true,
+                    imports: [RouterLink, NgClass],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'block' },
+                    template: `
+    <nav class="grid gap-2 sm:grid-cols-2 lg:grid-cols-6" aria-label="Onboarding steps">
+      @for (step of steps(); track step.step) {
+        <a
+          [routerLink]="step.accessible ? step.link : null"
+          class="group rounded-2xl border border-(--rt-border-color) px-3 py-3 text-left transition cursor-pointer"
+          [ngClass]="
+            step.step === activeStep()
+              ? 'border-(--rt-brand-color) bg-(--rt-brand-color) text-(--rt-text-primary-inverse) shadow-sm'
+              : 'border-(--rt-border-color) bg-(--rt-raised-background) text-(--rt-text-primary) hover:bg-(--rt-raised-background)'
+          "
+          [class.cursor-not-allowed]="!step.accessible"
+          [class.opacity-60]="!step.accessible"
+        >
+          <div class="flex items-center justify-between gap-2">
+            <span class="text-sm font-medium">{{ step.label }}</span>
+            @if (step.completed) {
+              <span class="text-xs font-semibold text-emerald-700">Done</span>
+            } @else if (!step.accessible) {
+              <span class="text-xs font-semibold text-(--rt-text-secondary)">Locked</span>
+            }
+          </div>
+        </a>
+      }
+    </nav>
+  `,
+                }]
+        }], propDecorators: { steps: [{ type: i0.Input, args: [{ isSignal: true, alias: "steps", required: false }] }], activeStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeStep", required: false }] }] } });
+
+class OnboardingDocumentUploader {
+    label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
+    helperText = input('Upload a clear and readable file.', ...(ngDevMode ? [{ debugName: "helperText" }] : []));
+    documentType = input.required(...(ngDevMode ? [{ debugName: "documentType" }] : []));
+    document = input(null, ...(ngDevMode ? [{ debugName: "document" }] : []));
+    comment = input(null, ...(ngDevMode ? [{ debugName: "comment" }] : []));
+    busy = input(false, ...(ngDevMode ? [{ debugName: "busy" }] : []));
+    acceptedTypes = input('image/*,application/pdf', ...(ngDevMode ? [{ debugName: "acceptedTypes" }] : []));
+    fileSelected = output();
+    onFileChange(event) {
+        const target = event.target;
+        const file = target.files?.[0];
+        if (!file) {
+            return;
+        }
+        this.fileSelected.emit({
+            documentType: this.documentType(),
+            file,
+            replacedDocumentId: this.document()?.id ?? undefined,
+        });
+        target.value = '';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: OnboardingDocumentUploader, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: OnboardingDocumentUploader, isStandalone: true, selector: "rolatech-onboarding-document-uploader", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: false, transformFunction: null }, documentType: { classPropertyName: "documentType", publicName: "documentType", isSignal: true, isRequired: true, transformFunction: null }, document: { classPropertyName: "document", publicName: "document", isSignal: true, isRequired: false, transformFunction: null }, comment: { classPropertyName: "comment", publicName: "comment", isSignal: true, isRequired: false, transformFunction: null }, busy: { classPropertyName: "busy", publicName: "busy", isSignal: true, isRequired: false, transformFunction: null }, acceptedTypes: { classPropertyName: "acceptedTypes", publicName: "acceptedTypes", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fileSelected: "fileSelected" }, host: { classAttribute: "block" }, ngImport: i0, template: `
+    <section class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-4 shadow-sm">
+      <div class="flex flex-wrap items-start justify-between gap-4">
+        <div>
+          <h3 class="text-sm font-semibold text-(--rt-text-primary)">{{ label() }}</h3>
+          <p class="mt-1 text-xs text-(--rt-text-secondary)">{{ helperText() }}</p>
+
+          @if (document(); as existing) {
+            <p class="mt-2 text-sm text-(--rt-text-primary)">
+              {{ existing.originalFilename }}
+              <span class="text-(--rt-text-secondary)">(v{{ existing.version }})</span>
+            </p>
+          }
+        </div>
+
+        <label
+          class="inline-flex cursor-pointer items-center rounded-xl border border-(--rt-border-color) px-3 py-2 text-sm font-medium text-(--rt-text-primary) transition hover:bg-(--rt-raised-background)"
+          [class.pointer-events-none]="busy()"
+          [class.opacity-60]="busy()"
+        >
+          {{ document() ? 'Replace' : 'Upload' }}
+          <input
+            type="file"
+            class="hidden"
+            [accept]="acceptedTypes()"
+            [disabled]="busy()"
+            (change)="onFileChange($event)"
+          />
+        </label>
+      </div>
+
+      @if (comment()) {
+        <div class="mt-3 rounded-xl border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-800">
+          {{ comment() }}
+        </div>
+      }
+    </section>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: OnboardingDocumentUploader, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rolatech-onboarding-document-uploader',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'block' },
+                    template: `
+    <section class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-4 shadow-sm">
+      <div class="flex flex-wrap items-start justify-between gap-4">
+        <div>
+          <h3 class="text-sm font-semibold text-(--rt-text-primary)">{{ label() }}</h3>
+          <p class="mt-1 text-xs text-(--rt-text-secondary)">{{ helperText() }}</p>
+
+          @if (document(); as existing) {
+            <p class="mt-2 text-sm text-(--rt-text-primary)">
+              {{ existing.originalFilename }}
+              <span class="text-(--rt-text-secondary)">(v{{ existing.version }})</span>
+            </p>
+          }
+        </div>
+
+        <label
+          class="inline-flex cursor-pointer items-center rounded-xl border border-(--rt-border-color) px-3 py-2 text-sm font-medium text-(--rt-text-primary) transition hover:bg-(--rt-raised-background)"
+          [class.pointer-events-none]="busy()"
+          [class.opacity-60]="busy()"
+        >
+          {{ document() ? 'Replace' : 'Upload' }}
+          <input
+            type="file"
+            class="hidden"
+            [accept]="acceptedTypes()"
+            [disabled]="busy()"
+            (change)="onFileChange($event)"
+          />
+        </label>
+      </div>
+
+      @if (comment()) {
+        <div class="mt-3 rounded-xl border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-800">
+          {{ comment() }}
+        </div>
+      }
+    </section>
+  `,
+                }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], helperText: [{ type: i0.Input, args: [{ isSignal: true, alias: "helperText", required: false }] }], documentType: [{ type: i0.Input, args: [{ isSignal: true, alias: "documentType", required: true }] }], document: [{ type: i0.Input, args: [{ isSignal: true, alias: "document", required: false }] }], comment: [{ type: i0.Input, args: [{ isSignal: true, alias: "comment", required: false }] }], busy: [{ type: i0.Input, args: [{ isSignal: true, alias: "busy", required: false }] }], acceptedTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "acceptedTypes", required: false }] }], fileSelected: [{ type: i0.Output, args: ["fileSelected"] }] } });
+
+class OnboardingIssueList {
+    issues = input([], ...(ngDevMode ? [{ debugName: "issues" }] : []));
+    issueTypeLabel = onboardingIssueTypeLabel;
+    documentTypeLabel = onboardingDocumentTypeLabel;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: OnboardingIssueList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: OnboardingIssueList, isStandalone: true, selector: "rolatech-onboarding-issue-list", inputs: { issues: { classPropertyName: "issues", publicName: "issues", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "block" }, ngImport: i0, template: `
+    <section class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 shadow-sm">
+      <div class="mb-4 flex items-center justify-between gap-3">
+        <h3 class="text-base font-semibold text-(--rt-text-primary)">Reviewer Issues</h3>
+        <span class="rounded-full bg-(--rt-raised-background) px-2 py-1 text-xs font-semibold text-(--rt-text-secondary)">
+          {{ issues().length }}
+        </span>
+      </div>
+
+      @if (issues().length === 0) {
+        <p class="text-sm text-(--rt-text-secondary)">No issues raised for this application.</p>
+      } @else {
+        <div class="space-y-3">
+          @for (issue of issues(); track issue.id) {
+            <article class="rounded-xl border border-amber-200 bg-amber-50 p-3">
+              <div class="flex flex-wrap items-center justify-between gap-2">
+                <p class="text-xs font-semibold uppercase tracking-wide text-amber-800">{{ issueTypeLabel(issue.issueType) }}</p>
+                @if (issue.resolved) {
+                  <span class="rounded-full border border-emerald-200 bg-emerald-50 px-2 py-0.5 text-xs font-semibold text-emerald-700">
+                    Resolved
+                  </span>
+                }
+              </div>
+
+              @if (issue.fieldKey) {
+                <p class="mt-2 text-xs text-(--rt-text-secondary)">Field: {{ issue.fieldKey }}</p>
+              }
+
+              @if (issue.documentType) {
+                <p class="mt-2 text-xs text-(--rt-text-secondary)">Document: {{ documentTypeLabel(issue.documentType) }}</p>
+              }
+
+              <p class="mt-2 text-sm text-(--rt-text-primary)">{{ issue.comment }}</p>
+            </article>
+          }
+        </div>
+      }
+    </section>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: OnboardingIssueList, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rolatech-onboarding-issue-list',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'block' },
+                    template: `
+    <section class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 shadow-sm">
+      <div class="mb-4 flex items-center justify-between gap-3">
+        <h3 class="text-base font-semibold text-(--rt-text-primary)">Reviewer Issues</h3>
+        <span class="rounded-full bg-(--rt-raised-background) px-2 py-1 text-xs font-semibold text-(--rt-text-secondary)">
+          {{ issues().length }}
+        </span>
+      </div>
+
+      @if (issues().length === 0) {
+        <p class="text-sm text-(--rt-text-secondary)">No issues raised for this application.</p>
+      } @else {
+        <div class="space-y-3">
+          @for (issue of issues(); track issue.id) {
+            <article class="rounded-xl border border-amber-200 bg-amber-50 p-3">
+              <div class="flex flex-wrap items-center justify-between gap-2">
+                <p class="text-xs font-semibold uppercase tracking-wide text-amber-800">{{ issueTypeLabel(issue.issueType) }}</p>
+                @if (issue.resolved) {
+                  <span class="rounded-full border border-emerald-200 bg-emerald-50 px-2 py-0.5 text-xs font-semibold text-emerald-700">
+                    Resolved
+                  </span>
+                }
+              </div>
+
+              @if (issue.fieldKey) {
+                <p class="mt-2 text-xs text-(--rt-text-secondary)">Field: {{ issue.fieldKey }}</p>
+              }
+
+              @if (issue.documentType) {
+                <p class="mt-2 text-xs text-(--rt-text-secondary)">Document: {{ documentTypeLabel(issue.documentType) }}</p>
+              }
+
+              <p class="mt-2 text-sm text-(--rt-text-primary)">{{ issue.comment }}</p>
+            </article>
+          }
+        </div>
+      }
+    </section>
+  `,
+                }]
+        }], propDecorators: { issues: [{ type: i0.Input, args: [{ isSignal: true, alias: "issues", required: false }] }] } });
+
+class OnboardingSummaryCard {
+    title = input.required(...(ngDevMode ? [{ debugName: "title" }] : []));
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: OnboardingSummaryCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: OnboardingSummaryCard, isStandalone: true, selector: "rolatech-onboarding-summary-card", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "block" }, ngImport: i0, template: `
+    <section class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 shadow-sm">
+      <h3 class="text-base font-semibold text-(--rt-text-primary)">{{ title() }}</h3>
+
+      <div class="mt-4 grid gap-4 md:grid-cols-2">
+        @for (item of items(); track item.label) {
+          <div class="rounded-xl border border-(--rt-border-color) bg-(--rt-raised-background) p-3">
+            <p class="text-xs font-medium uppercase tracking-wide text-(--rt-text-secondary)">{{ item.label }}</p>
+            <p class="mt-1 text-sm font-medium text-(--rt-text-primary)">{{ item.value || '-' }}</p>
+          </div>
+        }
+      </div>
+    </section>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: OnboardingSummaryCard, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rolatech-onboarding-summary-card',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'block' },
+                    template: `
+    <section class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 shadow-sm">
+      <h3 class="text-base font-semibold text-(--rt-text-primary)">{{ title() }}</h3>
+
+      <div class="mt-4 grid gap-4 md:grid-cols-2">
+        @for (item of items(); track item.label) {
+          <div class="rounded-xl border border-(--rt-border-color) bg-(--rt-raised-background) p-3">
+            <p class="text-xs font-medium uppercase tracking-wide text-(--rt-text-secondary)">{{ item.label }}</p>
+            <p class="mt-1 text-sm font-medium text-(--rt-text-primary)">{{ item.value || '-' }}</p>
+          </div>
+        }
+      </div>
+    </section>
+  `,
+                }]
+        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }] } });
+
+class OnboardingTimeline {
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    collapsible = input(false, ...(ngDevMode ? [{ debugName: "collapsible" }] : []));
+    collapseThreshold = input(6, ...(ngDevMode ? [{ debugName: "collapseThreshold" }] : []));
+    expanded = signal(true, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
+    canCollapse = computed(() => this.collapsible() && this.items().length >= this.collapseThreshold(), ...(ngDevMode ? [{ debugName: "canCollapse" }] : []));
+    panelOpen = computed(() => !this.canCollapse() || this.expanded(), ...(ngDevMode ? [{ debugName: "panelOpen" }] : []));
+    toggle() {
+        this.expanded.update((value) => !value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: OnboardingTimeline, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: OnboardingTimeline, isStandalone: true, selector: "rolatech-onboarding-timeline", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, collapseThreshold: { classPropertyName: "collapseThreshold", publicName: "collapseThreshold", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "block" }, ngImport: i0, template: `
+    <section class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 shadow-sm">
+      <div class="flex items-center justify-between gap-3">
+        <h3 class="text-base font-semibold text-(--rt-text-primary)">Timeline</h3>
+        @if (canCollapse()) {
+          <button
+            type="button"
+            class="rounded-lg border border-(--rt-border-color) px-3 py-1.5 text-xs font-semibold uppercase tracking-wide text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)"
+            (click)="toggle()"
+          >
+            {{ panelOpen() ? 'Collapse' : 'Expand' }}
+          </button>
+        }
+      </div>
+
+      @if (items().length === 0) {
+        <p class="mt-4 text-sm text-(--rt-text-secondary)">No timeline events yet.</p>
+      } @else {
+        <div
+          class="mt-4 transform transition-all duration-300 ease-out"
+          [style.maxHeight]="panelOpen() ? '1400px' : '0px'"
+          [style.opacity]="panelOpen() ? '1' : '0'"
+          [style.transform]="panelOpen() ? 'translateX(0)' : 'translateX(24px)'"
+          [style.overflow]="panelOpen() ? 'visible' : 'hidden'"
+        >
+          <ol class="space-y-3">
+            @for (item of items(); track item.id) {
+              <li class="rounded-xl border border-(--rt-border-color) p-3">
+                <div class="flex flex-wrap items-start justify-between gap-2">
+                  <p class="text-sm font-semibold text-(--rt-text-primary)">{{ item.title || item.type }}</p>
+                  <p class="text-xs text-(--rt-text-secondary)">{{ item.createdAt | date: 'medium' }}</p>
+                </div>
+                @if (item.description) {
+                  <p class="mt-2 text-sm text-(--rt-text-secondary)">{{ item.description }}</p>
+                }
+              </li>
+            }
+          </ol>
+        </div>
+      }
+    </section>
+  `, isInline: true, dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: OnboardingTimeline, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rolatech-onboarding-timeline',
+                    standalone: true,
+                    imports: [DatePipe],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'block' },
+                    template: `
+    <section class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 shadow-sm">
+      <div class="flex items-center justify-between gap-3">
+        <h3 class="text-base font-semibold text-(--rt-text-primary)">Timeline</h3>
+        @if (canCollapse()) {
+          <button
+            type="button"
+            class="rounded-lg border border-(--rt-border-color) px-3 py-1.5 text-xs font-semibold uppercase tracking-wide text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)"
+            (click)="toggle()"
+          >
+            {{ panelOpen() ? 'Collapse' : 'Expand' }}
+          </button>
+        }
+      </div>
+
+      @if (items().length === 0) {
+        <p class="mt-4 text-sm text-(--rt-text-secondary)">No timeline events yet.</p>
+      } @else {
+        <div
+          class="mt-4 transform transition-all duration-300 ease-out"
+          [style.maxHeight]="panelOpen() ? '1400px' : '0px'"
+          [style.opacity]="panelOpen() ? '1' : '0'"
+          [style.transform]="panelOpen() ? 'translateX(0)' : 'translateX(24px)'"
+          [style.overflow]="panelOpen() ? 'visible' : 'hidden'"
+        >
+          <ol class="space-y-3">
+            @for (item of items(); track item.id) {
+              <li class="rounded-xl border border-(--rt-border-color) p-3">
+                <div class="flex flex-wrap items-start justify-between gap-2">
+                  <p class="text-sm font-semibold text-(--rt-text-primary)">{{ item.title || item.type }}</p>
+                  <p class="text-xs text-(--rt-text-secondary)">{{ item.createdAt | date: 'medium' }}</p>
+                </div>
+                @if (item.description) {
+                  <p class="mt-2 text-sm text-(--rt-text-secondary)">{{ item.description }}</p>
+                }
+              </li>
+            }
+          </ol>
+        </div>
+      }
+    </section>
+  `,
+                }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], collapseThreshold: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseThreshold", required: false }] }] } });
+
+class OnboardingTimelineDrawer {
+    open = input(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    title = input('Application Timeline', ...(ngDevMode ? [{ debugName: "title" }] : []));
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    zIndex = input(9100, ...(ngDevMode ? [{ debugName: "zIndex" }] : []));
+    closeRequested = output();
+    requestClose() {
+        this.closeRequested.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: OnboardingTimelineDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.1", type: OnboardingTimelineDrawer, isStandalone: true, selector: "rolatech-onboarding-timeline-drawer", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeRequested: "closeRequested" }, host: { classAttribute: "block" }, ngImport: i0, template: `
+    <div
+      class="fixed inset-0 transition-opacity duration-300 ease-out"
+      [style.opacity]="open() ? '1' : '0'"
+      [style.pointer-events]="open() ? 'auto' : 'none'"
+      [style.zIndex]="zIndex()"
+    >
+      <div class="absolute inset-0 bg-black/20" (click)="requestClose()"></div>
+
+      <aside
+        class="absolute right-0 top-0 h-full w-full max-w-2xl border-l border-(--rt-border-color) bg-(--rt-base-background) p-5 shadow-2xl transition-transform duration-300 ease-out"
+        [style.transform]="open() ? 'translateX(0)' : 'translateX(100%)'"
+      >
+        <div class="mb-4 flex items-center justify-between gap-3">
+          <h3 class="text-base font-semibold text-(--rt-text-primary)">{{ title() }}</h3>
+          <button
+            type="button"
+            class="rounded-lg border border-(--rt-border-color) px-3 py-1.5 text-xs font-semibold uppercase tracking-wide text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)"
+            (click)="requestClose()"
+          >
+            Close
+          </button>
+        </div>
+
+        <div class="h-[calc(100vh-6rem)] overflow-auto pr-1">
+          <rolatech-onboarding-timeline [items]="items()" />
+        </div>
+      </aside>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "component", type: OnboardingTimeline, selector: "rolatech-onboarding-timeline", inputs: ["items", "collapsible", "collapseThreshold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: OnboardingTimelineDrawer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rolatech-onboarding-timeline-drawer',
+                    standalone: true,
+                    imports: [OnboardingTimeline],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'block' },
+                    template: `
+    <div
+      class="fixed inset-0 transition-opacity duration-300 ease-out"
+      [style.opacity]="open() ? '1' : '0'"
+      [style.pointer-events]="open() ? 'auto' : 'none'"
+      [style.zIndex]="zIndex()"
+    >
+      <div class="absolute inset-0 bg-black/20" (click)="requestClose()"></div>
+
+      <aside
+        class="absolute right-0 top-0 h-full w-full max-w-2xl border-l border-(--rt-border-color) bg-(--rt-base-background) p-5 shadow-2xl transition-transform duration-300 ease-out"
+        [style.transform]="open() ? 'translateX(0)' : 'translateX(100%)'"
+      >
+        <div class="mb-4 flex items-center justify-between gap-3">
+          <h3 class="text-base font-semibold text-(--rt-text-primary)">{{ title() }}</h3>
+          <button
+            type="button"
+            class="rounded-lg border border-(--rt-border-color) px-3 py-1.5 text-xs font-semibold uppercase tracking-wide text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)"
+            (click)="requestClose()"
+          >
+            Close
+          </button>
+        </div>
+
+        <div class="h-[calc(100vh-6rem)] overflow-auto pr-1">
+          <rolatech-onboarding-timeline [items]="items()" />
+        </div>
+      </aside>
+    </div>
+  `,
+                }]
+        }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], zIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "zIndex", required: false }] }], closeRequested: [{ type: i0.Output, args: ["closeRequested"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ADMIN_ONBOARDING_ROUTES, AGENT_APPLY_ROUTES, AGENT_ONBOARDING_ROUTES, AdminOnboardingDetailFacade, AdminOnboardingListFacade, AdminOnboardingReviewFacade, AgentApplyFacade, AgentOnboardingFacade, OnboardingDocumentUploader, OnboardingIssueList, OnboardingPageShell, OnboardingStatusBadge, OnboardingStepNav, OnboardingSummaryCard, OnboardingTimeline, OnboardingTimelineDrawer, applicationIdGuard, applyStepGuard };
+//# sourceMappingURL=rolatech-angular-onboarding.mjs.map