@rolatech/angular-onboarding 20.3.0-beta.2

package/fesm2022/rolatech-angular-onboarding-agent-apply-financial-page-Ck3Rowke.mjs

@@ -0,0 +1,132 @@
+import * as i0 from '@angular/core';
+import { inject, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { Router, ActivatedRoute } from '@angular/router';
+import { AgentApplyFacade } from './rolatech-angular-onboarding.mjs';
+
+class AgentApplyFinancialPage {
+    facade = inject(AgentApplyFacade);
+    router = inject(Router);
+    route = inject(ActivatedRoute);
+    requiresVatNumber() {
+        return this.facade.financialForm.controls.vatMode.value === 'VAT_REGISTERED';
+    }
+    async saveAndContinue() {
+        const saved = await this.facade.saveFinancial();
+        if (!saved) {
+            return;
+        }
+        await this.router.navigate(['../banking'], {
+            relativeTo: this.route,
+        });
+    }
+    async back() {
+        await this.router.navigate(['../qualification'], {
+            relativeTo: this.route,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AgentApplyFinancialPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: AgentApplyFinancialPage, isStandalone: true, selector: "rolatech-agent-apply-financial-page", host: { classAttribute: "block" }, ngImport: i0, template: `
+    <form [formGroup]="facade.financialForm" class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-6 shadow-sm">
+      <h2 class="text-lg font-semibold text-(--rt-text-primary)">Financial Details</h2>
+
+      <div class="mt-4 grid gap-4 md:grid-cols-2">
+        <label class="grid gap-2">
+          <span class="text-sm font-medium text-(--rt-text-secondary)">VAT mode</span>
+          <select formControlName="vatMode" class="h-11 rounded-xl border border-(--rt-border-color) px-3">
+            <option value="NON_VAT_REGISTERED">Non-VAT registered</option>
+            <option value="VAT_REGISTERED">VAT registered</option>
+            <option value="MANUAL_REVIEW_REQUIRED">Manual review required</option>
+          </select>
+        </label>
+
+        <label class="grid gap-2">
+          <span class="text-sm font-medium text-(--rt-text-secondary)">VAT number</span>
+          <input formControlName="vatNumber" class="h-11 rounded-xl border border-(--rt-border-color) px-3" />
+        </label>
+      </div>
+
+      @if (requiresVatNumber()) {
+        <p class="mt-3 text-xs text-(--rt-text-secondary)">VAT number is required when VAT mode is set to VAT registered.</p>
+      }
+
+      <div class="mt-6 flex justify-between gap-3">
+        <button
+          type="button"
+          class="rounded-xl border border-(--rt-border-color) px-4 py-2.5 text-sm font-medium text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)"
+          (click)="back()"
+        >
+          Back
+        </button>
+
+        <button
+          type="button"
+          class="rounded-xl bg-(--rt-brand-color) px-5 py-2.5 text-sm font-semibold text-(--rt-text-primary-inverse) transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60"
+          [disabled]="facade.saving()"
+          (click)="saveAndContinue()"
+        >
+          Save and Continue
+        </button>
+      </div>
+    </form>
+  `, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AgentApplyFinancialPage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rolatech-agent-apply-financial-page',
+                    standalone: true,
+                    imports: [ReactiveFormsModule],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'block' },
+                    template: `
+    <form [formGroup]="facade.financialForm" class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-6 shadow-sm">
+      <h2 class="text-lg font-semibold text-(--rt-text-primary)">Financial Details</h2>
+
+      <div class="mt-4 grid gap-4 md:grid-cols-2">
+        <label class="grid gap-2">
+          <span class="text-sm font-medium text-(--rt-text-secondary)">VAT mode</span>
+          <select formControlName="vatMode" class="h-11 rounded-xl border border-(--rt-border-color) px-3">
+            <option value="NON_VAT_REGISTERED">Non-VAT registered</option>
+            <option value="VAT_REGISTERED">VAT registered</option>
+            <option value="MANUAL_REVIEW_REQUIRED">Manual review required</option>
+          </select>
+        </label>
+
+        <label class="grid gap-2">
+          <span class="text-sm font-medium text-(--rt-text-secondary)">VAT number</span>
+          <input formControlName="vatNumber" class="h-11 rounded-xl border border-(--rt-border-color) px-3" />
+        </label>
+      </div>
+
+      @if (requiresVatNumber()) {
+        <p class="mt-3 text-xs text-(--rt-text-secondary)">VAT number is required when VAT mode is set to VAT registered.</p>
+      }
+
+      <div class="mt-6 flex justify-between gap-3">
+        <button
+          type="button"
+          class="rounded-xl border border-(--rt-border-color) px-4 py-2.5 text-sm font-medium text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)"
+          (click)="back()"
+        >
+          Back
+        </button>
+
+        <button
+          type="button"
+          class="rounded-xl bg-(--rt-brand-color) px-5 py-2.5 text-sm font-semibold text-(--rt-text-primary-inverse) transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60"
+          [disabled]="facade.saving()"
+          (click)="saveAndContinue()"
+        >
+          Save and Continue
+        </button>
+      </div>
+    </form>
+  `,
+                }]
+        }] });
+
+export { AgentApplyFinancialPage };
+//# sourceMappingURL=rolatech-angular-onboarding-agent-apply-financial-page-Ck3Rowke.mjs.map

package/fesm2022/rolatech-angular-onboarding-agent-apply-financial-page-Ck3Rowke.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-onboarding-agent-apply-financial-page-Ck3Rowke.mjs","sources":["../../../../packages/angular-onboarding/src/lib/pages/agent-apply/agent-apply-financial-page.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { AgentApplyFacade } from '../../store/agent-apply.facade';\n\n@Component({\n  selector: 'rolatech-agent-apply-financial-page',\n  standalone: true,\n  imports: [ReactiveFormsModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'block' },\n  template: `\n    <form [formGroup]=\"facade.financialForm\" class=\"rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-6 shadow-sm\">\n      <h2 class=\"text-lg font-semibold text-(--rt-text-primary)\">Financial Details</h2>\n\n      <div class=\"mt-4 grid gap-4 md:grid-cols-2\">\n        <label class=\"grid gap-2\">\n          <span class=\"text-sm font-medium text-(--rt-text-secondary)\">VAT mode</span>\n          <select formControlName=\"vatMode\" class=\"h-11 rounded-xl border border-(--rt-border-color) px-3\">\n            <option value=\"NON_VAT_REGISTERED\">Non-VAT registered</option>\n            <option value=\"VAT_REGISTERED\">VAT registered</option>\n            <option value=\"MANUAL_REVIEW_REQUIRED\">Manual review required</option>\n          </select>\n        </label>\n\n        <label class=\"grid gap-2\">\n          <span class=\"text-sm font-medium text-(--rt-text-secondary)\">VAT number</span>\n          <input formControlName=\"vatNumber\" class=\"h-11 rounded-xl border border-(--rt-border-color) px-3\" />\n        </label>\n      </div>\n\n      @if (requiresVatNumber()) {\n        <p class=\"mt-3 text-xs text-(--rt-text-secondary)\">VAT number is required when VAT mode is set to VAT registered.</p>\n      }\n\n      <div class=\"mt-6 flex justify-between gap-3\">\n        <button\n          type=\"button\"\n          class=\"rounded-xl border border-(--rt-border-color) px-4 py-2.5 text-sm font-medium text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)\"\n          (click)=\"back()\"\n        >\n          Back\n        </button>\n\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)=\"saveAndContinue()\"\n        >\n          Save and Continue\n        </button>\n      </div>\n    </form>\n  `,\n})\nexport class AgentApplyFinancialPage {\n  readonly facade = inject(AgentApplyFacade);\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n\n  requiresVatNumber(): boolean {\n    return this.facade.financialForm.controls.vatMode.value === 'VAT_REGISTERED';\n  }\n\n  async saveAndContinue(): Promise<void> {\n    const saved = await this.facade.saveFinancial();\n\n    if (!saved) {\n      return;\n    }\n\n    await this.router.navigate(['../banking'], {\n      relativeTo: this.route,\n    });\n  }\n\n  async back(): Promise<void> {\n    await this.router.navigate(['../qualification'], {\n      relativeTo: this.route,\n    });\n  }\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/rolatech-angular-onboarding-agent-apply-profile-page-DNepDxHu.mjs

@@ -0,0 +1,122 @@
+import * as i0 from '@angular/core';
+import { inject, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { Router, ActivatedRoute } from '@angular/router';
+import { AgentApplyFacade } from './rolatech-angular-onboarding.mjs';
+
+class AgentApplyProfilePage {
+    facade = inject(AgentApplyFacade);
+    router = inject(Router);
+    route = inject(ActivatedRoute);
+    async saveAndContinue() {
+        const saved = await this.facade.saveProfile();
+        if (!saved) {
+            return;
+        }
+        await this.router.navigate(['../qualification'], {
+            relativeTo: this.route,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AgentApplyProfilePage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.1", type: AgentApplyProfilePage, isStandalone: true, selector: "rolatech-agent-apply-profile-page", host: { classAttribute: "block" }, ngImport: i0, template: `
+    <form [formGroup]="facade.profileForm" class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-6 shadow-sm">
+      <h2 class="text-lg font-semibold text-(--rt-text-primary)">Organization Profile</h2>
+
+      <div class="mt-4 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)">Organization name</span>
+          <input formControlName="organizationName" class="h-11 rounded-xl border border-(--rt-border-color) px-3" />
+        </label>
+
+        <label class="grid gap-2">
+          <span class="text-sm font-medium text-(--rt-text-secondary)">Contact name</span>
+          <input formControlName="contactName" class="h-11 rounded-xl border border-(--rt-border-color) px-3" />
+        </label>
+
+        <label class="grid gap-2">
+          <span class="text-sm font-medium text-(--rt-text-secondary)">Contact phone</span>
+          <input formControlName="contactPhone" class="h-11 rounded-xl border border-(--rt-border-color) px-3" />
+        </label>
+
+        <label class="grid gap-2">
+          <span class="text-sm font-medium text-(--rt-text-secondary)">Contact email</span>
+          <input formControlName="contactEmail" class="h-11 rounded-xl border border-(--rt-border-color) px-3" />
+        </label>
+
+        <label class="grid gap-2">
+          <span class="text-sm font-medium text-(--rt-text-secondary)">Country code</span>
+          <input formControlName="countryCode" class="h-11 rounded-xl border border-(--rt-border-color) px-3" />
+        </label>
+      </div>
+
+      <div class="mt-6 flex justify-end">
+        <button
+          type="button"
+          class="rounded-xl bg-(--rt-brand-color) px-5 py-2.5 text-sm font-semibold text-(--rt-text-primary-inverse) transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60"
+          [disabled]="facade.saving()"
+          (click)="saveAndContinue()"
+        >
+          Save and Continue
+        </button>
+      </div>
+    </form>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AgentApplyProfilePage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rolatech-agent-apply-profile-page',
+                    standalone: true,
+                    imports: [ReactiveFormsModule],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'block' },
+                    template: `
+    <form [formGroup]="facade.profileForm" class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-6 shadow-sm">
+      <h2 class="text-lg font-semibold text-(--rt-text-primary)">Organization Profile</h2>
+
+      <div class="mt-4 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)">Organization name</span>
+          <input formControlName="organizationName" class="h-11 rounded-xl border border-(--rt-border-color) px-3" />
+        </label>
+
+        <label class="grid gap-2">
+          <span class="text-sm font-medium text-(--rt-text-secondary)">Contact name</span>
+          <input formControlName="contactName" class="h-11 rounded-xl border border-(--rt-border-color) px-3" />
+        </label>
+
+        <label class="grid gap-2">
+          <span class="text-sm font-medium text-(--rt-text-secondary)">Contact phone</span>
+          <input formControlName="contactPhone" class="h-11 rounded-xl border border-(--rt-border-color) px-3" />
+        </label>
+
+        <label class="grid gap-2">
+          <span class="text-sm font-medium text-(--rt-text-secondary)">Contact email</span>
+          <input formControlName="contactEmail" class="h-11 rounded-xl border border-(--rt-border-color) px-3" />
+        </label>
+
+        <label class="grid gap-2">
+          <span class="text-sm font-medium text-(--rt-text-secondary)">Country code</span>
+          <input formControlName="countryCode" class="h-11 rounded-xl border border-(--rt-border-color) px-3" />
+        </label>
+      </div>
+
+      <div class="mt-6 flex justify-end">
+        <button
+          type="button"
+          class="rounded-xl bg-(--rt-brand-color) px-5 py-2.5 text-sm font-semibold text-(--rt-text-primary-inverse) transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60"
+          [disabled]="facade.saving()"
+          (click)="saveAndContinue()"
+        >
+          Save and Continue
+        </button>
+      </div>
+    </form>
+  `,
+                }]
+        }] });
+
+export { AgentApplyProfilePage };
+//# sourceMappingURL=rolatech-angular-onboarding-agent-apply-profile-page-DNepDxHu.mjs.map

package/fesm2022/rolatech-angular-onboarding-agent-apply-profile-page-DNepDxHu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-onboarding-agent-apply-profile-page-DNepDxHu.mjs","sources":["../../../../packages/angular-onboarding/src/lib/pages/agent-apply/agent-apply-profile-page.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { AgentApplyFacade } from '../../store/agent-apply.facade';\n\n@Component({\n  selector: 'rolatech-agent-apply-profile-page',\n  standalone: true,\n  imports: [ReactiveFormsModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'block' },\n  template: `\n    <form [formGroup]=\"facade.profileForm\" class=\"rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-6 shadow-sm\">\n      <h2 class=\"text-lg font-semibold text-(--rt-text-primary)\">Organization Profile</h2>\n\n      <div class=\"mt-4 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)\">Organization name</span>\n          <input formControlName=\"organizationName\" class=\"h-11 rounded-xl border border-(--rt-border-color) px-3\" />\n        </label>\n\n        <label class=\"grid gap-2\">\n          <span class=\"text-sm font-medium text-(--rt-text-secondary)\">Contact name</span>\n          <input formControlName=\"contactName\" class=\"h-11 rounded-xl border border-(--rt-border-color) px-3\" />\n        </label>\n\n        <label class=\"grid gap-2\">\n          <span class=\"text-sm font-medium text-(--rt-text-secondary)\">Contact phone</span>\n          <input formControlName=\"contactPhone\" class=\"h-11 rounded-xl border border-(--rt-border-color) px-3\" />\n        </label>\n\n        <label class=\"grid gap-2\">\n          <span class=\"text-sm font-medium text-(--rt-text-secondary)\">Contact email</span>\n          <input formControlName=\"contactEmail\" class=\"h-11 rounded-xl border border-(--rt-border-color) px-3\" />\n        </label>\n\n        <label class=\"grid gap-2\">\n          <span class=\"text-sm font-medium text-(--rt-text-secondary)\">Country code</span>\n          <input formControlName=\"countryCode\" class=\"h-11 rounded-xl border border-(--rt-border-color) px-3\" />\n        </label>\n      </div>\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]=\"facade.saving()\"\n          (click)=\"saveAndContinue()\"\n        >\n          Save and Continue\n        </button>\n      </div>\n    </form>\n  `,\n})\nexport class AgentApplyProfilePage {\n  readonly facade = inject(AgentApplyFacade);\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n\n  async saveAndContinue(): Promise<void> {\n    const saved = await this.facade.saveProfile();\n\n    if (!saved) {\n      return;\n    }\n\n    await this.router.navigate(['../qualification'], {\n      relativeTo: this.route,\n    });\n  }\n}\n"],"names":[],"mappings":";;;;;;;MAwDa,qBAAqB,CAAA;AACvB,IAAA,MAAM,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzB,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAE/C,IAAA,MAAM,eAAe,GAAA;QACnB,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE;QAE7C,IAAI,CAAC,KAAK,EAAE;YACV;QACF;QAEA,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,kBAAkB,CAAC,EAAE;YAC/C,UAAU,EAAE,IAAI,CAAC,KAAK;AACvB,SAAA,CAAC;IACJ;uGAfW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mCAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA5CtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EA9CS,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,sGAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAgDlB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAnDjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mCAAmC;AAC7C,oBAAA,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,mBAAmB,CAAC;oBAC9B,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CT,EAAA,CAAA;AACF,iBAAA;;;;;"}

package/fesm2022/rolatech-angular-onboarding-agent-apply-qualification-page-CSwupuKt.mjs

@@ -0,0 +1,108 @@
+import * as i0 from '@angular/core';
+import { inject, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { AgentApplyFacade, OnboardingDocumentUploader } from './rolatech-angular-onboarding.mjs';
+
+class AgentApplyQualificationPage {
+    facade = inject(AgentApplyFacade);
+    router = inject(Router);
+    route = inject(ActivatedRoute);
+    async onUpload(documentType, file, replacedDocumentId) {
+        await this.facade.uploadDocument(documentType, file, replacedDocumentId);
+    }
+    async back() {
+        await this.router.navigate(['../profile'], {
+            relativeTo: this.route,
+        });
+    }
+    async next() {
+        await this.router.navigate(['../financial'], {
+            relativeTo: this.route,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AgentApplyQualificationPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: AgentApplyQualificationPage, isStandalone: true, selector: "rolatech-agent-apply-qualification-page", host: { classAttribute: "block" }, ngImport: i0, template: `
+    <section class="space-y-4 rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-6 shadow-sm">
+      <h2 class="text-lg font-semibold text-(--rt-text-primary)">Qualification Documents</h2>
+      <p class="text-sm text-(--rt-text-secondary)">Upload all required documents before moving to the next step.</p>
+
+      @for (documentSpec of facade.requiredDocuments(); track documentSpec.type) {
+        <rolatech-onboarding-document-uploader
+          [label]="documentSpec.label"
+          [documentType]="documentSpec.type"
+          [document]="facade.getDocument(documentSpec.type)"
+          [comment]="facade.getIssueComment(documentSpec.type)"
+          [busy]="facade.saving()"
+          (fileSelected)="onUpload($event.documentType, $event.file, $event.replacedDocumentId)"
+        />
+      }
+
+      <div class="flex justify-between gap-3 pt-2">
+        <button
+          type="button"
+          class="rounded-xl border border-(--rt-border-color) px-4 py-2.5 text-sm font-medium text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)"
+          (click)="back()"
+        >
+          Back
+        </button>
+
+        <button
+          type="button"
+          class="rounded-xl bg-(--rt-brand-color) px-5 py-2.5 text-sm font-semibold text-(--rt-text-primary-inverse) transition hover:opacity-90"
+          (click)="next()"
+        >
+          Continue
+        </button>
+      </div>
+    </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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AgentApplyQualificationPage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rolatech-agent-apply-qualification-page',
+                    standalone: true,
+                    imports: [OnboardingDocumentUploader],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'block' },
+                    template: `
+    <section class="space-y-4 rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-6 shadow-sm">
+      <h2 class="text-lg font-semibold text-(--rt-text-primary)">Qualification Documents</h2>
+      <p class="text-sm text-(--rt-text-secondary)">Upload all required documents before moving to the next step.</p>
+
+      @for (documentSpec of facade.requiredDocuments(); track documentSpec.type) {
+        <rolatech-onboarding-document-uploader
+          [label]="documentSpec.label"
+          [documentType]="documentSpec.type"
+          [document]="facade.getDocument(documentSpec.type)"
+          [comment]="facade.getIssueComment(documentSpec.type)"
+          [busy]="facade.saving()"
+          (fileSelected)="onUpload($event.documentType, $event.file, $event.replacedDocumentId)"
+        />
+      }
+
+      <div class="flex justify-between gap-3 pt-2">
+        <button
+          type="button"
+          class="rounded-xl border border-(--rt-border-color) px-4 py-2.5 text-sm font-medium text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)"
+          (click)="back()"
+        >
+          Back
+        </button>
+
+        <button
+          type="button"
+          class="rounded-xl bg-(--rt-brand-color) px-5 py-2.5 text-sm font-semibold text-(--rt-text-primary-inverse) transition hover:opacity-90"
+          (click)="next()"
+        >
+          Continue
+        </button>
+      </div>
+    </section>
+  `,
+                }]
+        }] });
+
+export { AgentApplyQualificationPage };
+//# sourceMappingURL=rolatech-angular-onboarding-agent-apply-qualification-page-CSwupuKt.mjs.map

package/fesm2022/rolatech-angular-onboarding-agent-apply-qualification-page-CSwupuKt.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-onboarding-agent-apply-qualification-page-CSwupuKt.mjs","sources":["../../../../packages/angular-onboarding/src/lib/pages/agent-apply/agent-apply-qualification-page.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { OnboardingDocumentType } from '@rolatech/angular-services';\nimport { OnboardingDocumentUploader } from '../../components/onboarding/onboarding-document-uploader';\nimport { AgentApplyFacade } from '../../store/agent-apply.facade';\n\n@Component({\n  selector: 'rolatech-agent-apply-qualification-page',\n  standalone: true,\n  imports: [OnboardingDocumentUploader],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'block' },\n  template: `\n    <section class=\"space-y-4 rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-6 shadow-sm\">\n      <h2 class=\"text-lg font-semibold text-(--rt-text-primary)\">Qualification Documents</h2>\n      <p class=\"text-sm text-(--rt-text-secondary)\">Upload all required documents before moving to the next step.</p>\n\n      @for (documentSpec of facade.requiredDocuments(); track documentSpec.type) {\n        <rolatech-onboarding-document-uploader\n          [label]=\"documentSpec.label\"\n          [documentType]=\"documentSpec.type\"\n          [document]=\"facade.getDocument(documentSpec.type)\"\n          [comment]=\"facade.getIssueComment(documentSpec.type)\"\n          [busy]=\"facade.saving()\"\n          (fileSelected)=\"onUpload($event.documentType, $event.file, $event.replacedDocumentId)\"\n        />\n      }\n\n      <div class=\"flex justify-between gap-3 pt-2\">\n        <button\n          type=\"button\"\n          class=\"rounded-xl border border-(--rt-border-color) px-4 py-2.5 text-sm font-medium text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)\"\n          (click)=\"back()\"\n        >\n          Back\n        </button>\n\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\"\n          (click)=\"next()\"\n        >\n          Continue\n        </button>\n      </div>\n    </section>\n  `,\n})\nexport class AgentApplyQualificationPage {\n  readonly facade = inject(AgentApplyFacade);\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n\n  async onUpload(documentType: OnboardingDocumentType, file: File, replacedDocumentId?: string): Promise<void> {\n    await this.facade.uploadDocument(documentType, file, replacedDocumentId);\n  }\n\n  async back(): Promise<void> {\n    await this.router.navigate(['../profile'], {\n      relativeTo: this.route,\n    });\n  }\n\n  async next(): Promise<void> {\n    await this.router.navigate(['../financial'], {\n      relativeTo: this.route,\n    });\n  }\n}\n"],"names":[],"mappings":";;;;;MAiDa,2BAA2B,CAAA;AAC7B,IAAA,MAAM,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzB,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAE/C,IAAA,MAAM,QAAQ,CAAC,YAAoC,EAAE,IAAU,EAAE,kBAA2B,EAAA;AAC1F,QAAA,MAAM,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,YAAY,EAAE,IAAI,EAAE,kBAAkB,CAAC;IAC1E;AAEA,IAAA,MAAM,IAAI,GAAA;QACR,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,EAAE;YACzC,UAAU,EAAE,IAAI,CAAC,KAAK;AACvB,SAAA,CAAC;IACJ;AAEA,IAAA,MAAM,IAAI,GAAA;QACR,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,cAAc,CAAC,EAAE;YAC3C,UAAU,EAAE,IAAI,CAAC,KAAK;AACvB,SAAA,CAAC;IACJ;uGAnBW,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA3B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yCAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EApC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAtCS,0BAA0B,EAAA,QAAA,EAAA,uCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,SAAA,EAAA,MAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAwCzB,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBA3CvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yCAAyC;AACnD,oBAAA,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,0BAA0B,CAAC;oBACrC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCT,EAAA,CAAA;AACF,iBAAA;;;;;"}

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

@@ -0,0 +1,182 @@
+import * as i0 from '@angular/core';
+import { inject, signal, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { onboardingVatModeLabel } from '@rolatech/angular-services';
+import { AgentApplyFacade, OnboardingSummaryCard, OnboardingIssueList, OnboardingTimelineDrawer } from './rolatech-angular-onboarding.mjs';
+
+class AgentApplyReviewPage {
+    facade = inject(AgentApplyFacade);
+    timelineOpen = signal(false, ...(ngDevMode ? [{ debugName: "timelineOpen" }] : []));
+    router = inject(Router);
+    route = inject(ActivatedRoute);
+    profileItems = computed(() => {
+        const detail = this.facade.detail();
+        if (!detail) {
+            return [];
+        }
+        return [
+            { label: 'Organization', value: detail.organizationName },
+            { label: 'Contact name', value: detail.contactName },
+            { label: 'Contact email', value: detail.contactEmail },
+            { label: 'Contact phone', value: detail.contactPhone },
+            { label: 'Country code', value: detail.countryCode },
+        ];
+    }, ...(ngDevMode ? [{ debugName: "profileItems" }] : []));
+    financialItems = computed(() => {
+        const detail = this.facade.detail();
+        if (!detail) {
+            return [];
+        }
+        return [
+            { label: 'VAT mode', value: onboardingVatModeLabel(detail.vatMode ?? null) },
+            { label: 'VAT number', value: detail.vatNumber },
+        ];
+    }, ...(ngDevMode ? [{ debugName: "financialItems" }] : []));
+    bankingItems = computed(() => {
+        const detail = this.facade.detail();
+        if (!detail) {
+            return [];
+        }
+        return [
+            { label: 'Bank name', value: detail.bankName },
+            { label: 'Account holder', value: detail.accountHolderName },
+            { label: 'Sort code', value: detail.sortCode },
+            { label: 'Account number', value: detail.accountNumber },
+        ];
+    }, ...(ngDevMode ? [{ debugName: "bankingItems" }] : []));
+    async submit() {
+        const submitted = await this.facade.submit();
+        if (!submitted) {
+            return;
+        }
+        await this.router.navigate(['../submitted'], {
+            relativeTo: this.route,
+        });
+    }
+    async back() {
+        await this.router.navigate(['../banking'], {
+            relativeTo: this.route,
+        });
+    }
+    openTimeline() {
+        this.timelineOpen.set(true);
+    }
+    closeTimeline() {
+        this.timelineOpen.set(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AgentApplyReviewPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: AgentApplyReviewPage, isStandalone: true, selector: "rolatech-agent-apply-review-page", host: { classAttribute: "block" }, ngImport: i0, template: `
+    @if (facade.detail(); as detail) {
+      <div class="space-y-4">
+        <rolatech-onboarding-summary-card [title]="'Profile'" [items]="profileItems()" />
+        <rolatech-onboarding-summary-card [title]="'Financial'" [items]="financialItems()" />
+        <rolatech-onboarding-summary-card [title]="'Banking'" [items]="bankingItems()" />
+
+        <rolatech-onboarding-issue-list [issues]="detail.issues" />
+
+        <section class="flex justify-between gap-3 rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 shadow-sm">
+          <div class="flex items-center gap-2">
+            <button
+              type="button"
+              class="rounded-xl border border-(--rt-border-color) px-4 py-2.5 text-sm font-medium text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)"
+              (click)="back()"
+            >
+              Back
+            </button>
+
+            <button
+              type="button"
+              class="rounded-xl border border-(--rt-border-color) bg-(--rt-base-background) px-4 py-2.5 text-sm font-medium text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)"
+              (click)="openTimeline()"
+            >
+              Timeline
+            </button>
+          </div>
+
+          <button
+            type="button"
+            class="rounded-xl bg-(--rt-brand-color) px-5 py-2.5 text-sm font-semibold text-(--rt-text-primary-inverse) transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60"
+            [disabled]="facade.submitting()"
+            (click)="submit()"
+          >
+            Submit Application
+          </button>
+        </section>
+
+        <rolatech-onboarding-timeline-drawer
+          [open]="timelineOpen()"
+          [title]="'Application Timeline'"
+          [items]="detail.timeline"
+          [zIndex]="9100"
+          (closeRequested)="closeTimeline()"
+        />
+      </div>
+    } @else {
+      <div class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 text-sm text-(--rt-text-secondary) shadow-sm">Loading application summary...</div>
+    }
+  `, isInline: true, dependencies: [{ kind: "component", type: OnboardingSummaryCard, selector: "rolatech-onboarding-summary-card", inputs: ["title", "items"] }, { kind: "component", type: OnboardingIssueList, selector: "rolatech-onboarding-issue-list", inputs: ["issues"] }, { kind: "component", type: OnboardingTimelineDrawer, selector: "rolatech-onboarding-timeline-drawer", inputs: ["open", "title", "items", "zIndex"], outputs: ["closeRequested"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: AgentApplyReviewPage, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'rolatech-agent-apply-review-page',
+                    standalone: true,
+                    imports: [OnboardingSummaryCard, OnboardingIssueList, OnboardingTimelineDrawer],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'block' },
+                    template: `
+    @if (facade.detail(); as detail) {
+      <div class="space-y-4">
+        <rolatech-onboarding-summary-card [title]="'Profile'" [items]="profileItems()" />
+        <rolatech-onboarding-summary-card [title]="'Financial'" [items]="financialItems()" />
+        <rolatech-onboarding-summary-card [title]="'Banking'" [items]="bankingItems()" />
+
+        <rolatech-onboarding-issue-list [issues]="detail.issues" />
+
+        <section class="flex justify-between gap-3 rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 shadow-sm">
+          <div class="flex items-center gap-2">
+            <button
+              type="button"
+              class="rounded-xl border border-(--rt-border-color) px-4 py-2.5 text-sm font-medium text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)"
+              (click)="back()"
+            >
+              Back
+            </button>
+
+            <button
+              type="button"
+              class="rounded-xl border border-(--rt-border-color) bg-(--rt-base-background) px-4 py-2.5 text-sm font-medium text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)"
+              (click)="openTimeline()"
+            >
+              Timeline
+            </button>
+          </div>
+
+          <button
+            type="button"
+            class="rounded-xl bg-(--rt-brand-color) px-5 py-2.5 text-sm font-semibold text-(--rt-text-primary-inverse) transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60"
+            [disabled]="facade.submitting()"
+            (click)="submit()"
+          >
+            Submit Application
+          </button>
+        </section>
+
+        <rolatech-onboarding-timeline-drawer
+          [open]="timelineOpen()"
+          [title]="'Application Timeline'"
+          [items]="detail.timeline"
+          [zIndex]="9100"
+          (closeRequested)="closeTimeline()"
+        />
+      </div>
+    } @else {
+      <div class="rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 text-sm text-(--rt-text-secondary) shadow-sm">Loading application summary...</div>
+    }
+  `,
+                }]
+        }] });
+
+export { AgentApplyReviewPage };
+//# sourceMappingURL=rolatech-angular-onboarding-agent-apply-review-page-DugCjfvK.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-onboarding-agent-apply-review-page-DugCjfvK.mjs","sources":["../../../../packages/angular-onboarding/src/lib/pages/agent-apply/agent-apply-review-page.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, signal, ViewEncapsulation } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { onboardingVatModeLabel } from '@rolatech/angular-services';\nimport { OnboardingIssueList } from '../../components/onboarding/onboarding-issue-list';\nimport { OnboardingSummaryCard } from '../../components/onboarding/onboarding-summary-card';\nimport { OnboardingTimelineDrawer } from '../../components/onboarding/onboarding-timeline-drawer';\nimport { AgentApplyFacade } from '../../store/agent-apply.facade';\n\n@Component({\n  selector: 'rolatech-agent-apply-review-page',\n  standalone: true,\n  imports: [OnboardingSummaryCard, OnboardingIssueList, OnboardingTimelineDrawer],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'block' },\n  template: `\n    @if (facade.detail(); as detail) {\n      <div class=\"space-y-4\">\n        <rolatech-onboarding-summary-card [title]=\"'Profile'\" [items]=\"profileItems()\" />\n        <rolatech-onboarding-summary-card [title]=\"'Financial'\" [items]=\"financialItems()\" />\n        <rolatech-onboarding-summary-card [title]=\"'Banking'\" [items]=\"bankingItems()\" />\n\n        <rolatech-onboarding-issue-list [issues]=\"detail.issues\" />\n\n        <section class=\"flex justify-between gap-3 rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 shadow-sm\">\n          <div class=\"flex items-center gap-2\">\n            <button\n              type=\"button\"\n              class=\"rounded-xl border border-(--rt-border-color) px-4 py-2.5 text-sm font-medium text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)\"\n              (click)=\"back()\"\n            >\n              Back\n            </button>\n\n            <button\n              type=\"button\"\n              class=\"rounded-xl border border-(--rt-border-color) bg-(--rt-base-background) px-4 py-2.5 text-sm font-medium text-(--rt-text-secondary) transition hover:bg-(--rt-raised-background)\"\n              (click)=\"openTimeline()\"\n            >\n              Timeline\n            </button>\n          </div>\n\n          <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.submitting()\"\n            (click)=\"submit()\"\n          >\n            Submit Application\n          </button>\n        </section>\n\n        <rolatech-onboarding-timeline-drawer\n          [open]=\"timelineOpen()\"\n          [title]=\"'Application Timeline'\"\n          [items]=\"detail.timeline\"\n          [zIndex]=\"9100\"\n          (closeRequested)=\"closeTimeline()\"\n        />\n      </div>\n    } @else {\n      <div class=\"rounded-2xl border border-(--rt-border-color) bg-(--rt-base-background) p-5 text-sm text-(--rt-text-secondary) shadow-sm\">Loading application summary...</div>\n    }\n  `,\n})\nexport class AgentApplyReviewPage {\n  readonly facade = inject(AgentApplyFacade);\n  readonly timelineOpen = signal(false);\n  private readonly router = inject(Router);\n  private readonly route = inject(ActivatedRoute);\n\n  readonly profileItems = computed(() => {\n    const detail = this.facade.detail();\n\n    if (!detail) {\n      return [];\n    }\n\n    return [\n      { label: 'Organization', value: detail.organizationName },\n      { label: 'Contact name', value: detail.contactName },\n      { label: 'Contact email', value: detail.contactEmail },\n      { label: 'Contact phone', value: detail.contactPhone },\n      { label: 'Country code', value: detail.countryCode },\n    ];\n  });\n\n  readonly financialItems = computed(() => {\n    const detail = this.facade.detail();\n\n    if (!detail) {\n      return [];\n    }\n\n    return [\n      { label: 'VAT mode', value: onboardingVatModeLabel(detail.vatMode ?? null) },\n      { label: 'VAT number', value: detail.vatNumber },\n    ];\n  });\n\n  readonly bankingItems = computed(() => {\n    const detail = this.facade.detail();\n\n    if (!detail) {\n      return [];\n    }\n\n    return [\n      { label: 'Bank name', value: detail.bankName },\n      { label: 'Account holder', value: detail.accountHolderName },\n      { label: 'Sort code', value: detail.sortCode },\n      { label: 'Account number', value: detail.accountNumber },\n    ];\n  });\n\n  async submit(): Promise<void> {\n    const submitted = await this.facade.submit();\n\n    if (!submitted) {\n      return;\n    }\n\n    await this.router.navigate(['../submitted'], {\n      relativeTo: this.route,\n    });\n  }\n\n  async back(): Promise<void> {\n    await this.router.navigate(['../banking'], {\n      relativeTo: this.route,\n    });\n  }\n\n  openTimeline(): void {\n    this.timelineOpen.set(true);\n  }\n\n  closeTimeline(): void {\n    this.timelineOpen.set(false);\n  }\n}\n"],"names":[],"mappings":"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"}