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

package/fesm2022/rolatech-angular-onboarding-agent-apply-shell-page-CaTvnFzk.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-onboarding-agent-apply-shell-page-CaTvnFzk.mjs","sources":["../../../../packages/angular-onboarding/src/lib/pages/agent-apply/agent-apply-shell-page.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, effect, inject, ViewEncapsulation } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { ActivatedRoute, Router, RouterOutlet } from '@angular/router';\nimport { map, startWith } from 'rxjs';\nimport { OnboardingPageShell } from '../../components/onboarding/onboarding-page-shell';\nimport { OnboardingStatusBadge } from '../../components/onboarding/onboarding-status-badge';\nimport { OnboardingStepNav } from '../../components/onboarding/onboarding-step-nav';\nimport { ApplyStepNavItem } from '../../models/onboarding-ui.models';\nimport { AgentApplyFacade } from '../../store/agent-apply.facade';\n\n@Component({\n  selector: 'rolatech-agent-apply-shell-page',\n  standalone: true,\n  imports: [RouterOutlet, OnboardingPageShell, OnboardingStatusBadge, OnboardingStepNav],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'block' },\n  template: `\n    <rolatech-onboarding-page-shell\n      title=\"PrimeCasa Agent Application\"\n      subtitle=\"Complete the onboarding form, review the submission package, and then send it for manual approval.\"\n      kicker=\"Public Apply\"\n    >\n      <div header-actions>\n        <rolatech-onboarding-status-badge [status]=\"facade.status()\" />\n      </div>\n\n      <rolatech-onboarding-step-nav [steps]=\"steps()\" [activeStep]=\"activeStep()\" />\n\n      @if (facade.error()) {\n        <div class=\"rounded-2xl border border-(--rt-border-color) bg-(--rt-raised-background) px-4 py-3 text-sm text-rose-700\">\n          {{ facade.error() }}\n        </div>\n      }\n\n      @if (!facade.detail() && facade.loading()) {\n        <div class=\"rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) px-4 py-6 text-sm text-(--rt-text-secondary) shadow-sm\">Loading application...</div>\n      }\n\n      <router-outlet />\n    </rolatech-onboarding-page-shell>\n  `,\n})\nexport class AgentApplyShellPage {\n  readonly facade = inject(AgentApplyFacade);\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n\n  private readonly paramMap = toSignal(this.route.paramMap, {\n    initialValue: this.route.snapshot.paramMap,\n  });\n\n  private readonly currentUrl = toSignal(\n    this.router.events.pipe(\n      startWith(null),\n      map(() => this.router.url),\n    ),\n    {\n      initialValue: this.router.url,\n    },\n  );\n\n  readonly activeStep = computed(() => {\n    const parts = this.currentUrl().split('/').filter(Boolean);\n    const maybeStep = parts[parts.length - 1] ?? '';\n    switch (maybeStep) {\n      case 'form':\n      case 'review':\n      case 'result':\n        return maybeStep;\n      case 'profile':\n      case 'qualification':\n      case 'financial':\n      case 'banking':\n        return 'form';\n      case 'submitted':\n        return 'result';\n      default:\n        return 'form';\n    }\n  });\n\n  readonly steps = computed<ApplyStepNavItem[]>(() => {\n    const completion = this.facade.completion();\n\n    return [\n      {\n        label: 'Application',\n        step: 'form',\n        link: ['form'],\n        completed: completion.form,\n        accessible: this.facade.canAccessStep('form'),\n      },\n      {\n        label: 'Review',\n        step: 'review',\n        link: ['review'],\n        completed: completion.form,\n        accessible: this.facade.canAccessStep('review'),\n      },\n      {\n        label: 'Result',\n        step: 'result',\n        link: ['result'],\n        completed: this.facade.canAccessStep('result'),\n        accessible: this.facade.canAccessStep('result'),\n      },\n    ];\n  });\n\n  constructor() {\n    effect(() => {\n      const applicationId = this.paramMap().get('applicationId');\n\n      if (!applicationId) {\n        return;\n      }\n\n      void this.facade.ensureLoaded(applicationId);\n    });\n  }\n}\n"],"names":[],"mappings":";;;;;;;MA2Ca,mBAAmB,CAAA;AACrB,IAAA,MAAM,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzB,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAC9B,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAEvB,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;AACxD,QAAA,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ;AAC3C,KAAA,CAAC;AAEe,IAAA,UAAU,GAAG,QAAQ,CACpC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CACrB,SAAS,CAAC,IAAI,CAAC,EACf,GAAG,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAC3B,EACD;AACE,QAAA,YAAY,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG;AAC9B,KAAA,CACF;AAEQ,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AAClC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;AAC1D,QAAA,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE;QAC/C,QAAQ,SAAS;AACf,YAAA,KAAK,MAAM;AACX,YAAA,KAAK,QAAQ;AACb,YAAA,KAAK,QAAQ;AACX,gBAAA,OAAO,SAAS;AAClB,YAAA,KAAK,SAAS;AACd,YAAA,KAAK,eAAe;AACpB,YAAA,KAAK,WAAW;AAChB,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,MAAM;AACf,YAAA,KAAK,WAAW;AACd,gBAAA,OAAO,QAAQ;AACjB,YAAA;AACE,gBAAA,OAAO,MAAM;;AAEnB,IAAA,CAAC,sDAAC;AAEO,IAAA,KAAK,GAAG,QAAQ,CAAqB,MAAK;QACjD,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE;QAE3C,OAAO;AACL,YAAA;AACE,gBAAA,KAAK,EAAE,aAAa;AACpB,gBAAA,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,CAAC,MAAM,CAAC;gBACd,SAAS,EAAE,UAAU,CAAC,IAAI;gBAC1B,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC;AAC9C,aAAA;AACD,YAAA;AACE,gBAAA,KAAK,EAAE,QAAQ;AACf,gBAAA,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,QAAQ,CAAC;gBAChB,SAAS,EAAE,UAAU,CAAC,IAAI;gBAC1B,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC;AAChD,aAAA;AACD,YAAA;AACE,gBAAA,KAAK,EAAE,QAAQ;AACf,gBAAA,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,QAAQ,CAAC;gBAChB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC;gBAC9C,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC;AAChD,aAAA;SACF;AACH,IAAA,CAAC,iDAAC;AAEF,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;YACV,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC;YAE1D,IAAI,CAAC,aAAa,EAAE;gBAClB;YACF;YAEA,KAAK,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,aAAa,CAAC;AAC9C,QAAA,CAAC,CAAC;IACJ;uGA7EW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iCAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA1BpB;;;;;;;;;;;;;;;;;;;;;;;;AAwBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EA5BS,YAAY,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,mBAAmB,EAAA,QAAA,EAAA,gCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,qBAAqB,iGAAE,iBAAiB,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FA8B1E,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAjC/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iCAAiC;AAC3C,oBAAA,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,YAAY,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,iBAAiB,CAAC;oBACtF,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACrC,oBAAA,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;AACxB,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;AAwBT,EAAA,CAAA;AACF,iBAAA;;;;;"}

package/fesm2022/{rolatech-angular-onboarding-agent-apply-start-page-DC7gyOnS.mjs → rolatech-angular-onboarding-agent-apply-start-page-BfqO2YWB.mjs}

@@ -25,7 +25,7 @@ class AgentApplyStartPage {
         if (!response) {
             return;
         }
-        await this.router.navigate([response.id, 'profile'], {
+        await this.router.navigate([response.id, 'form'], {
             relativeTo: this.route,
         });
     }
@@ -33,27 +33,26 @@ class AgentApplyStartPage {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: AgentApplyStartPage, isStandalone: true, selector: "rolatech-agent-apply-start-page", host: { classAttribute: "block" }, providers: [AgentApplyFacade], ngImport: i0, template: `
     <rolatech-onboarding-page-shell
       title="Apply to Join PrimeCasa"
-      subtitle="Tell us who you are and create your onboarding application in one step."
+      subtitle="Choose the applicant profile you are applying under. The onboarding form will adapt to the rules for your identity type and operating region."
       kicker="Public Apply"
     >
-      <form [formGroup]="form" class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-6 shadow-sm">
-        <div class="grid gap-4 md:grid-cols-2">
-          <label class="grid gap-2">
-            <span class="text-sm font-medium text-(--rt-text-secondary)">Application ID</span>
-            <input formControlName="applicationId" class="h-11 rounded-xl border border-(--rt-border-color) px-3" />
-          </label>
+      <form [formGroup]="form" class="space-y-6 rounded-3xl border border-(--rt-border-color) bg-(--rt-base-background) p-6 shadow-sm">
+        <div class="rounded-2xl border border-(--rt-border-color) bg-(--rt-raised-background) px-4 py-3 text-sm text-(--rt-text-primary)">
+          You can complete the application as a draft, leave the page, and continue later. Required document and VAT rules will change based on the choices below.
+        </div>
 
-          <label class="grid gap-2">
+        <div class="grid gap-4 md:grid-cols-2">
+          <label class="grid gap-2 md:col-span-2">
             <span class="text-sm font-medium text-(--rt-text-secondary)">Applicant Type</span>
-            <select formControlName="applicantType" class="h-11 rounded-xl border border-(--rt-border-color) px-3">
+            <select formControlName="applicantType" class="h-11 rounded-xl border border-(--rt-border-color) bg-(--rt-raised-background) px-3 text-(--rt-text-primary)">
               <option value="INDIVIDUAL">Individual</option>
-              <option value="COMPANY">Company</option>
+              <option value="COMPANY">Corporate Partner</option>
             </select>
           </label>
 
           <label class="grid gap-2 md:col-span-2">
             <span class="text-sm font-medium text-(--rt-text-secondary)">Company Country</span>
-            <select formControlName="companyCountry" class="h-11 rounded-xl border border-(--rt-border-color) px-3">
+            <select formControlName="companyCountry" class="h-11 rounded-xl border border-(--rt-border-color) bg-(--rt-raised-background) px-3 text-(--rt-text-primary)">
               <option value="UK">United Kingdom</option>
               <option value="CN">China</option>
               <option value="OTHER">Other</option>
@@ -62,7 +61,9 @@ class AgentApplyStartPage {
         </div>
 
         @if (facade.error()) {
-          <p class="mt-4 rounded-xl border border-rose-200 bg-rose-50 px-3 py-2 text-sm text-rose-700">{{ facade.error() }}</p>
+          <p class="mt-4 rounded-xl border border-(--rt-border-color) bg-(--rt-raised-background) px-3 py-2 text-sm text-rose-700">
+            {{ facade.error() }}
+          </p>
         }
 
         <div class="mt-6 flex justify-end">
@@ -72,12 +73,12 @@ class AgentApplyStartPage {
             [disabled]="form.invalid || facade.loading()"
             (click)="onStart()"
           >
-            Create Application
+            Create Application Draft
           </button>
         </div>
       </form>
     </rolatech-onboarding-page-shell>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: OnboardingPageShell, selector: "rolatech-onboarding-page-shell", inputs: ["title", "subtitle", "kicker"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: OnboardingPageShell, selector: "rolatech-onboarding-page-shell", inputs: ["title", "subtitle", "kicker"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AgentApplyStartPage, decorators: [{
             type: Component,
@@ -92,27 +93,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
                     template: `
     <rolatech-onboarding-page-shell
       title="Apply to Join PrimeCasa"
-      subtitle="Tell us who you are and create your onboarding application in one step."
+      subtitle="Choose the applicant profile you are applying under. The onboarding form will adapt to the rules for your identity type and operating region."
       kicker="Public Apply"
     >
-      <form [formGroup]="form" class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-6 shadow-sm">
-        <div class="grid gap-4 md:grid-cols-2">
-          <label class="grid gap-2">
-            <span class="text-sm font-medium text-(--rt-text-secondary)">Application ID</span>
-            <input formControlName="applicationId" class="h-11 rounded-xl border border-(--rt-border-color) px-3" />
-          </label>
+      <form [formGroup]="form" class="space-y-6 rounded-3xl border border-(--rt-border-color) bg-(--rt-base-background) p-6 shadow-sm">
+        <div class="rounded-2xl border border-(--rt-border-color) bg-(--rt-raised-background) px-4 py-3 text-sm text-(--rt-text-primary)">
+          You can complete the application as a draft, leave the page, and continue later. Required document and VAT rules will change based on the choices below.
+        </div>
 
-          <label class="grid gap-2">
+        <div class="grid gap-4 md:grid-cols-2">
+          <label class="grid gap-2 md:col-span-2">
             <span class="text-sm font-medium text-(--rt-text-secondary)">Applicant Type</span>
-            <select formControlName="applicantType" class="h-11 rounded-xl border border-(--rt-border-color) px-3">
+            <select formControlName="applicantType" class="h-11 rounded-xl border border-(--rt-border-color) bg-(--rt-raised-background) px-3 text-(--rt-text-primary)">
               <option value="INDIVIDUAL">Individual</option>
-              <option value="COMPANY">Company</option>
+              <option value="COMPANY">Corporate Partner</option>
             </select>
           </label>
 
           <label class="grid gap-2 md:col-span-2">
             <span class="text-sm font-medium text-(--rt-text-secondary)">Company Country</span>
-            <select formControlName="companyCountry" class="h-11 rounded-xl border border-(--rt-border-color) px-3">
+            <select formControlName="companyCountry" class="h-11 rounded-xl border border-(--rt-border-color) bg-(--rt-raised-background) px-3 text-(--rt-text-primary)">
               <option value="UK">United Kingdom</option>
               <option value="CN">China</option>
               <option value="OTHER">Other</option>
@@ -121,7 +121,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
         </div>
 
         @if (facade.error()) {
-          <p class="mt-4 rounded-xl border border-rose-200 bg-rose-50 px-3 py-2 text-sm text-rose-700">{{ facade.error() }}</p>
+          <p class="mt-4 rounded-xl border border-(--rt-border-color) bg-(--rt-raised-background) px-3 py-2 text-sm text-rose-700">
+            {{ facade.error() }}
+          </p>
         }
 
         <div class="mt-6 flex justify-end">
@@ -131,7 +133,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
             [disabled]="form.invalid || facade.loading()"
             (click)="onStart()"
           >
-            Create Application
+            Create Application Draft
           </button>
         </div>
       </form>
@@ -141,4 +143,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
         }] });
 
 export { AgentApplyStartPage };
-//# sourceMappingURL=rolatech-angular-onboarding-agent-apply-start-page-DC7gyOnS.mjs.map
+//# sourceMappingURL=rolatech-angular-onboarding-agent-apply-start-page-BfqO2YWB.mjs.map

package/fesm2022/rolatech-angular-onboarding-agent-apply-start-page-BfqO2YWB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-onboarding-agent-apply-start-page-BfqO2YWB.mjs","sources":["../../../../packages/angular-onboarding/src/lib/pages/agent-apply/agent-apply-start-page.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';\nimport { FormBuilder, ReactiveFormsModule, Validators } from '@angular/forms';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { CreateOnboardingApplicationRequest } from '@rolatech/angular-services';\nimport { OnboardingPageShell } from '../../components/onboarding/onboarding-page-shell';\nimport { AgentApplyFacade } from '../../store/agent-apply.facade';\n\n@Component({\n  selector: 'rolatech-agent-apply-start-page',\n  standalone: true,\n  imports: [ReactiveFormsModule, OnboardingPageShell],\n  providers: [AgentApplyFacade],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'block' },\n  template: `\n    <rolatech-onboarding-page-shell\n      title=\"Apply to Join PrimeCasa\"\n      subtitle=\"Choose the applicant profile you are applying under. The onboarding form will adapt to the rules for your identity type and operating region.\"\n      kicker=\"Public Apply\"\n    >\n      <form [formGroup]=\"form\" class=\"space-y-6 rounded-3xl border border-(--rt-border-color) bg-(--rt-base-background) p-6 shadow-sm\">\n        <div class=\"rounded-2xl border border-(--rt-border-color) bg-(--rt-raised-background) px-4 py-3 text-sm text-(--rt-text-primary)\">\n          You can complete the application as a draft, leave the page, and continue later. Required document and VAT rules will change based on the choices below.\n        </div>\n\n        <div class=\"grid gap-4 md:grid-cols-2\">\n          <label class=\"grid gap-2 md:col-span-2\">\n            <span class=\"text-sm font-medium text-(--rt-text-secondary)\">Applicant Type</span>\n            <select formControlName=\"applicantType\" class=\"h-11 rounded-xl border border-(--rt-border-color) bg-(--rt-raised-background) px-3 text-(--rt-text-primary)\">\n              <option value=\"INDIVIDUAL\">Individual</option>\n              <option value=\"COMPANY\">Corporate Partner</option>\n            </select>\n          </label>\n\n          <label class=\"grid gap-2 md:col-span-2\">\n            <span class=\"text-sm font-medium text-(--rt-text-secondary)\">Company Country</span>\n            <select formControlName=\"companyCountry\" class=\"h-11 rounded-xl border border-(--rt-border-color) bg-(--rt-raised-background) px-3 text-(--rt-text-primary)\">\n              <option value=\"UK\">United Kingdom</option>\n              <option value=\"CN\">China</option>\n              <option value=\"OTHER\">Other</option>\n            </select>\n          </label>\n        </div>\n\n        @if (facade.error()) {\n          <p class=\"mt-4 rounded-xl border border-(--rt-border-color) bg-(--rt-raised-background) px-3 py-2 text-sm text-rose-700\">\n            {{ facade.error() }}\n          </p>\n        }\n\n        <div class=\"mt-6 flex justify-end\">\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]=\"form.invalid || facade.loading()\"\n            (click)=\"onStart()\"\n          >\n            Create Application Draft\n          </button>\n        </div>\n      </form>\n    </rolatech-onboarding-page-shell>\n  `,\n})\nexport class AgentApplyStartPage {\n  readonly facade = inject(AgentApplyFacade);\n  private readonly fb = inject(FormBuilder);\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n\n  readonly form = this.fb.nonNullable.group({\n    applicationId: ['primecasa', [Validators.required]],\n    applicantType: ['INDIVIDUAL', [Validators.required]],\n    companyCountry: ['UK', [Validators.required]],\n  });\n\n  async onStart(): Promise<void> {\n    if (this.form.invalid) {\n      this.form.markAllAsTouched();\n      return;\n    }\n\n    const payload = this.form.getRawValue() as CreateOnboardingApplicationRequest;\n    const response = await this.facade.start(payload);\n\n    if (!response) {\n      return;\n    }\n\n    await this.router.navigate([response.id, 'form'], {\n      relativeTo: this.route,\n    });\n  }\n}\n"],"names":[],"mappings":";;;;;;;MAiEa,mBAAmB,CAAA;AACrB,IAAA,MAAM,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzB,IAAA,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC;AACxB,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;IAEtC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC;QACxC,aAAa,EAAE,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QACnD,aAAa,EAAE,CAAC,YAAY,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QACpD,cAAc,EAAE,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;AAC9C,KAAA,CAAC;AAEF,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACrB,YAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAC5B;QACF;QAEA,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAwC;QAC7E,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC;QAEjD,IAAI,CAAC,QAAQ,EAAE;YACb;QACF;AAEA,QAAA,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE;YAChD,UAAU,EAAE,IAAI,CAAC,KAAK;AACvB,SAAA,CAAC;IACJ;uGA5BW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iCAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAtDnB,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAInB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDT,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EArDS,mBAAmB,omCAAE,mBAAmB,EAAA,QAAA,EAAA,gCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAuDvC,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBA1D/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iCAAiC;AAC3C,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,OAAO,EAAE,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;oBACnD,SAAS,EAAE,CAAC,gBAAgB,CAAC;oBAC7B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACrC,oBAAA,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;AACxB,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDT,EAAA,CAAA;AACF,iBAAA;;;;;"}

package/fesm2022/{rolatech-angular-onboarding-agent-onboarding-documents-page-DWBGTj5J.mjs → rolatech-angular-onboarding-agent-onboarding-documents-page-BKDYZE0e.mjs}

@@ -1,11 +1,20 @@
 import * as i0 from '@angular/core';
-import { inject, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { onboardingDocumentTypeLabel } from '@rolatech/angular-services';
-import { AgentOnboardingFacade, OnboardingDocumentUploader } from './rolatech-angular-onboarding.mjs';
+import { inject, signal, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { OnboardingDocumentService, onboardingDocumentTypeLabel } from '@rolatech/angular-services';
+import { firstValueFrom } from 'rxjs';
+import { AgentOnboardingFacade, OnboardingDocumentUploader, OnboardingDocumentPreviewDialog } from './rolatech-angular-onboarding.mjs';
 
 class AgentOnboardingDocumentsPage {
     facade = inject(AgentOnboardingFacade);
+    onboardingDocumentService = inject(OnboardingDocumentService);
     documentTypeLabel = onboardingDocumentTypeLabel;
+    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" }] : []));
     async onUpload(documentType, file, replacedDocumentId) {
         if (!replacedDocumentId) {
             return;
@@ -15,6 +24,44 @@ class AgentOnboardingDocumentsPage {
     async resubmit() {
         await this.facade.resubmit();
     }
+    previewBusy(documentId) {
+        return this.previewLoading() && this.previewDocumentId() === documentId;
+    }
+    async openDocumentPreview(documentId, label, filename) {
+        this.previewOpen.set(true);
+        this.previewLoading.set(true);
+        this.previewError.set(null);
+        this.previewUrl.set(null);
+        this.previewTitle.set(label);
+        this.previewSubtitle.set(filename || null);
+        this.previewDocumentId.set(documentId);
+        try {
+            const response = await firstValueFrom(this.onboardingDocumentService.getPreviewUrl(documentId));
+            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);
+    }
+    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: AgentOnboardingDocumentsPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: AgentOnboardingDocumentsPage, isStandalone: true, selector: "rolatech-agent-onboarding-documents-page", host: { classAttribute: "block" }, ngImport: i0, template: `
     @if (facade.documents().length === 0) {
@@ -30,7 +77,10 @@ class AgentOnboardingDocumentsPage {
             [document]="documentItem"
             [comment]="documentItem.reviewerComment || null"
             [busy]="facade.saving()"
+            [canPreview]="true"
+            [previewBusy]="previewBusy(documentItem.id)"
             (fileSelected)="onUpload($event.documentType, $event.file, $event.replacedDocumentId)"
+            (previewRequested)="openDocumentPreview(documentItem.id, documentTypeLabel(documentItem.documentType), documentItem.originalFilename)"
           />
         }
 
@@ -48,14 +98,24 @@ class AgentOnboardingDocumentsPage {
         }
       </section>
     }
-  `, isInline: true, dependencies: [{ kind: "component", type: OnboardingDocumentUploader, selector: "rolatech-onboarding-document-uploader", inputs: ["label", "helperText", "documentType", "document", "comment", "busy", "acceptedTypes"], outputs: ["fileSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+
+    <rolatech-onboarding-document-preview-dialog
+      [open]="previewOpen()"
+      [title]="previewTitle()"
+      [subtitle]="previewSubtitle()"
+      [url]="previewUrl()"
+      [loading]="previewLoading()"
+      [error]="previewError()"
+      (closeRequested)="closeDocumentPreview()"
+    />
+  `, isInline: true, dependencies: [{ kind: "component", type: OnboardingDocumentUploader, selector: "rolatech-onboarding-document-uploader", inputs: ["label", "helperText", "documentType", "document", "warning", "comment", "busy", "locked", "uploading", "progress", "pendingFilename", "uploadError", "acceptedTypes", "canPreview", "previewBusy"], outputs: ["fileSelected", "previewRequested"] }, { 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: AgentOnboardingDocumentsPage, decorators: [{
             type: Component,
             args: [{
                     selector: 'rolatech-agent-onboarding-documents-page',
                     standalone: true,
-                    imports: [OnboardingDocumentUploader],
+                    imports: [OnboardingDocumentUploader, OnboardingDocumentPreviewDialog],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
                     host: { class: 'block' },
@@ -73,7 +133,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
             [document]="documentItem"
             [comment]="documentItem.reviewerComment || null"
             [busy]="facade.saving()"
+            [canPreview]="true"
+            [previewBusy]="previewBusy(documentItem.id)"
             (fileSelected)="onUpload($event.documentType, $event.file, $event.replacedDocumentId)"
+            (previewRequested)="openDocumentPreview(documentItem.id, documentTypeLabel(documentItem.documentType), documentItem.originalFilename)"
           />
         }
 
@@ -91,9 +154,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
         }
       </section>
     }
+
+    <rolatech-onboarding-document-preview-dialog
+      [open]="previewOpen()"
+      [title]="previewTitle()"
+      [subtitle]="previewSubtitle()"
+      [url]="previewUrl()"
+      [loading]="previewLoading()"
+      [error]="previewError()"
+      (closeRequested)="closeDocumentPreview()"
+    />
   `,
                 }]
         }] });
 
 export { AgentOnboardingDocumentsPage };
-//# sourceMappingURL=rolatech-angular-onboarding-agent-onboarding-documents-page-DWBGTj5J.mjs.map
+//# sourceMappingURL=rolatech-angular-onboarding-agent-onboarding-documents-page-BKDYZE0e.mjs.map

package/fesm2022/rolatech-angular-onboarding-agent-onboarding-documents-page-BKDYZE0e.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-onboarding-agent-onboarding-documents-page-BKDYZE0e.mjs","sources":["../../../../packages/angular-onboarding/src/lib/pages/agent-onboarding/agent-onboarding-documents-page.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject, signal, ViewEncapsulation } from '@angular/core';\nimport { onboardingDocumentTypeLabel, OnboardingDocumentService, OnboardingDocumentType } from '@rolatech/angular-services';\nimport { firstValueFrom } from 'rxjs';\nimport { OnboardingDocumentPreviewDialog } from '../../components/onboarding/onboarding-document-preview-dialog';\nimport { OnboardingDocumentUploader } from '../../components/onboarding/onboarding-document-uploader';\nimport { AgentOnboardingFacade } from '../../store/agent-onboarding.facade';\n\n@Component({\n  selector: 'rolatech-agent-onboarding-documents-page',\n  standalone: true,\n  imports: [OnboardingDocumentUploader, OnboardingDocumentPreviewDialog],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'block' },\n  template: `\n    @if (facade.documents().length === 0) {\n      <div class=\"rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 text-sm text-(--rt-text-secondary) shadow-sm\">\n        No documents uploaded yet for this onboarding application.\n      </div>\n    } @else {\n      <section class=\"space-y-4\">\n        @for (documentItem of facade.documents(); track documentItem.id) {\n          <rolatech-onboarding-document-uploader\n            [label]=\"documentTypeLabel(documentItem.documentType)\"\n            [documentType]=\"documentItem.documentType\"\n            [document]=\"documentItem\"\n            [comment]=\"documentItem.reviewerComment || null\"\n            [busy]=\"facade.saving()\"\n            [canPreview]=\"true\"\n            [previewBusy]=\"previewBusy(documentItem.id)\"\n            (fileSelected)=\"onUpload($event.documentType, $event.file, $event.replacedDocumentId)\"\n            (previewRequested)=\"openDocumentPreview(documentItem.id, documentTypeLabel(documentItem.documentType), documentItem.originalFilename)\"\n          />\n        }\n\n        @if (facade.status() === 'NEED_MORE_INFO') {\n          <div class=\"flex justify-end\">\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.saving()\"\n              (click)=\"resubmit()\"\n            >\n              Resubmit for Review\n            </button>\n          </div>\n        }\n      </section>\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  `,\n})\nexport class AgentOnboardingDocumentsPage {\n  readonly facade = inject(AgentOnboardingFacade);\n  private readonly onboardingDocumentService = inject(OnboardingDocumentService);\n  readonly documentTypeLabel = onboardingDocumentTypeLabel;\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\n  async onUpload(documentType: OnboardingDocumentType, file: File, replacedDocumentId?: string): Promise<void> {\n    if (!replacedDocumentId) {\n      return;\n    }\n\n    await this.facade.reuploadDocument(documentType, file, replacedDocumentId);\n  }\n\n  async resubmit(): Promise<void> {\n    await this.facade.resubmit();\n  }\n\n  previewBusy(documentId: string): boolean {\n    return this.previewLoading() && this.previewDocumentId() === documentId;\n  }\n\n  async openDocumentPreview(documentId: string, label: string, filename: string): Promise<void> {\n    this.previewOpen.set(true);\n    this.previewLoading.set(true);\n    this.previewError.set(null);\n    this.previewUrl.set(null);\n    this.previewTitle.set(label);\n    this.previewSubtitle.set(filename || null);\n    this.previewDocumentId.set(documentId);\n\n    try {\n      const response = await firstValueFrom(this.onboardingDocumentService.getPreviewUrl(documentId));\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 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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"}