@veloceapps/sdk 8.0.0-144 → 8.0.0-146

package/fesm2020/veloceapps-sdk.mjs

@@ -16,7 +16,7 @@ import * as i1 from 'primeng/dynamicdialog';
 import { BehaviorSubject, Subject, filter, first, tap, takeUntil, catchError, of, map, switchMap, shareReplay, startWith, distinctUntilChanged, from, take, combineLatest, forkJoin, throwError } from 'rxjs';
 import * as i1$2 from '@angular/router';
 import { NavigationEnd, NavigationStart, NavigationCancel, NavigationError, RouterModule } from '@angular/router';
-import { mapShoppingCartSettings, getMaxRenewalTermsValue, UITemplateType, SalesforceIdUtils, ConfigurationContextMode, UUID } from '@veloceapps/core';
+import { mapShoppingCartSettings, getMaxRenewalTermsValue, UITemplateType, SalesforceIdUtils, ConfigurationContextMode, isVeloceError, extractErrorDetails, UUID } from '@veloceapps/core';
 import { HttpErrorResponse, HttpParams } from '@angular/common/http';
 import * as i5$1 from '@angular/forms';
 import { FormGroup, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
@@ -704,10 +704,13 @@ class FlowRouterService {
         const flowRouteUrl = this.getFlowRootPath(routeSnapshot);
         this.router.navigate([flowRouteUrl, 'assets'], { queryParams: routeSnapshot.queryParams });
     }
-    showErrorPage$(message) {
+    showErrorPage$(message, details) {
         const routeSnapshot = this.getLastChildRouteSnapshot(this.route.snapshot);
         const flowRouteUrl = this.getFlowRootPath(routeSnapshot);
-        return from(this.router.navigate([flowRouteUrl, '404'], { state: { message }, replaceUrl: true })).pipe(map(() => false));
+        return from(this.router.navigate([flowRouteUrl, '404'], {
+            state: { message, type: 'error', ...(details && { details }) },
+            replaceUrl: true,
+        })).pipe(map(() => false));
     }
     switchObject(id) {
         const routeSnapshot = this.getLastChildRouteSnapshot(this.route.snapshot);
@@ -959,7 +962,8 @@ class ContextGuard {
             this.runtimeSettingsService.initCurrency(context.properties['CurrencyIsoCode']);
         }), map(() => true), catchError(e => {
             const message = e instanceof HttpErrorResponse ? e.error.message : e;
-            return this.routerService.showErrorPage$(message);
+            const errorDetails = isVeloceError(e.error) ? extractErrorDetails(e.error) : [];
+            return this.routerService.showErrorPage$(message, errorDetails);
         }));
     }
     canActivate(route) {
@@ -1023,7 +1027,11 @@ const keepFlowInitialized = (route) => {
         return true;
     }
     const params = { ...route.queryParams, ...flow?.properties.queryParams };
-    return flowInfoService.init$(flowId, params).pipe(map(() => true), catchError(e => routerService.showErrorPage$(e)));
+    return flowInfoService.init$(flowId, params).pipe(map(() => true), catchError(e => {
+        const message = e instanceof HttpErrorResponse ? e.error.message : e;
+        const errorDetails = isVeloceError(e.error) ? extractErrorDetails(e.error) : [];
+        return routerService.showErrorPage$(message, errorDetails);
+    }));
 };
 
 class ProductUnloadGuard {
@@ -1530,19 +1538,22 @@ class RecordNotFoundComponent {
         this.router = router;
         this.route = route;
         this.subMessage = '';
+        this.type = '';
         const navigation = this.router.getCurrentNavigation();
         const { state } = navigation?.extras || {};
         this.message = state?.['message'];
+        this.type = state?.['type'] || '';
+        this.details = state?.['details'];
         if (typeof this.message === 'string') {
             this.subMessage = this.message.includes('/describe') ? 'A potential problem with permissions' : '';
         }
     }
 }
 RecordNotFoundComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RecordNotFoundComponent, deps: [{ token: i1$2.Router }, { token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-RecordNotFoundComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: RecordNotFoundComponent, selector: "vl-flow-record-not-found", ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-md-12\">\n    <div class=\"message-wrapper\">\n      <div class=\"msg\">\n        <div *ngIf=\"message; else defaultMessage\" class=\"message-title\">\n          <p>{{ message }}</p>\n\n          <p *ngIf=\"subMessage\" class=\"message-title\">{{ subMessage }}</p>\n        </div>\n\n        <ng-template #defaultMessage>Record not found</ng-template>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;padding:24px 54px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+RecordNotFoundComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: RecordNotFoundComponent, selector: "vl-flow-record-not-found", ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-md-12\">\n    <div class=\"message-wrapper\">\n      <div *ngIf=\"message; else defaultMessage\">\n        <p class=\"text message-text\" [class]=\"type\">{{ message }}</p>\n\n        <p *ngIf=\"subMessage\" class=\"text\">{{ subMessage }}</p>\n\n        <div *ngIf=\"details && details.length > 0\">\n          <div *ngFor=\"let detail of details\" class=\"text\">{{ detail }}</div>\n        </div>\n      </div>\n\n      <ng-template #defaultMessage>Record not found</ng-template>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;padding:24px 54px}:host .text{white-space:pre-line;word-break:break-word}:host .message-text.error{color:var(--vl-error-text-color)}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RecordNotFoundComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vl-flow-record-not-found', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"row\">\n  <div class=\"col-md-12\">\n    <div class=\"message-wrapper\">\n      <div class=\"msg\">\n        <div *ngIf=\"message; else defaultMessage\" class=\"message-title\">\n          <p>{{ message }}</p>\n\n          <p *ngIf=\"subMessage\" class=\"message-title\">{{ subMessage }}</p>\n        </div>\n\n        <ng-template #defaultMessage>Record not found</ng-template>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;padding:24px 54px}\n"] }]
+            args: [{ selector: 'vl-flow-record-not-found', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"row\">\n  <div class=\"col-md-12\">\n    <div class=\"message-wrapper\">\n      <div *ngIf=\"message; else defaultMessage\">\n        <p class=\"text message-text\" [class]=\"type\">{{ message }}</p>\n\n        <p *ngIf=\"subMessage\" class=\"text\">{{ subMessage }}</p>\n\n        <div *ngIf=\"details && details.length > 0\">\n          <div *ngFor=\"let detail of details\" class=\"text\">{{ detail }}</div>\n        </div>\n      </div>\n\n      <ng-template #defaultMessage>Record not found</ng-template>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;padding:24px 54px}:host .text{white-space:pre-line;word-break:break-word}:host .message-text.error{color:var(--vl-error-text-color)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$2.Router }, { type: i1$2.ActivatedRoute }]; } });
 
 const routes = [{ path: '', component: RecordNotFoundComponent }];
@@ -2044,7 +2055,8 @@ class FlowResolver {
             replaceUrl: true,
         })).pipe(catchError$1(e => {
             const message = e instanceof HttpErrorResponse ? e.error.message : e;
-            return this.routerService.showErrorPage$(message);
+            const errorDetails = isVeloceError(e.error) ? extractErrorDetails(e.error) : [];
+            return this.routerService.showErrorPage$(message, errorDetails);
         }));
     }
 }
@@ -2073,7 +2085,8 @@ class QuoteResolver {
         }
         return this.flowStateService.init$().pipe(switchMap(() => this.checkDynamicNavigation$(route)), catchError(e => {
             const message = e instanceof HttpErrorResponse ? e.error.message : e;
-            return this.routerService.showErrorPage$(message);
+            const errorDetails = isVeloceError(e.error) ? extractErrorDetails(e.error) : [];
+            return this.routerService.showErrorPage$(message, errorDetails);
         }));
     }
     checkDynamicNavigation$(route) {