@veloceapps/sdk 8.0.0-132 → 8.0.0-134

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, SalesforceIdUtils, ConfigurationContextMode, UUID } from '@veloceapps/core';
+import { mapShoppingCartSettings, getMaxRenewalTermsValue, UITemplateType, SalesforceIdUtils, ConfigurationContextMode, 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';
@@ -552,11 +552,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
         }], ctorParameters: function () { return [{ type: i1.DialogService }, { type: i2.ContextService }, { type: i2.RuntimeSettingsService }]; } });
 
 class FlowRouterService {
-    constructor(router, route, contextService, integrationState) {
+    constructor(router, route, contextService, integrationState, flowInfoService, flowStateService) {
         this.router = router;
         this.route = route;
         this.contextService = contextService;
         this.integrationState = integrationState;
+        this.flowInfoService = flowInfoService;
+        this.flowStateService = flowStateService;
         this.urlHistory = [];
         this.getLastChildRoute = (route) => {
             return route.firstChild ? this.getLastChildRoute(route.firstChild) : route;
@@ -665,12 +667,27 @@ class FlowRouterService {
         }
     }
     navigateToProductConfiguration(productId, lineItemId) {
-        this.contextService.update({ properties: { productId, lineItemId } });
-        const routeSnapshot = this.getLastChildRouteSnapshot(this.route.snapshot);
-        const flowRouteUrl = this.getFlowRootPath(routeSnapshot);
-        this.router.navigate([flowRouteUrl, 'product'], {
-            queryParams: { ...routeSnapshot.queryParams, productId },
-        });
+        let updateContext$;
+        if (this.flowInfoService.isLegacy) {
+            updateContext$ = of(undefined).pipe(tap(() => {
+                this.contextService.update({ properties: { productId, lineItemId } });
+            }));
+        }
+        else {
+            updateContext$ = this.flowStateService.dispatch$(UITemplateType.FLOW_ENGINE, 'UPDATE_CONTEXT_PROPERTIES', {
+                productId,
+                lineItemId,
+            });
+        }
+        updateContext$
+            .pipe(tap(() => {
+            const routeSnapshot = this.getLastChildRouteSnapshot(this.route.snapshot);
+            const flowRouteUrl = this.getFlowRootPath(routeSnapshot);
+            this.router.navigate([flowRouteUrl, 'product'], {
+                queryParams: { ...routeSnapshot.queryParams, productId },
+            });
+        }))
+            .subscribe();
     }
     navigateToShoppingCart() {
         const routeSnapshot = this.getLastChildRouteSnapshot(this.route.snapshot);
@@ -704,21 +721,24 @@ class FlowRouterService {
         this.router.navigate([], { relativeTo: route, queryParams: { ...routeSnapshot.queryParams, ...queryParams } });
     }
 }
-FlowRouterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowRouterService, deps: [{ token: i1$2.Router }, { token: i1$2.ActivatedRoute }, { token: i2.ContextService }, { token: i2.IntegrationState }], target: i0.ɵɵFactoryTarget.Injectable });
+FlowRouterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowRouterService, deps: [{ token: i1$2.Router }, { token: i1$2.ActivatedRoute }, { token: i2.ContextService }, { token: i2.IntegrationState }, { token: i2.FlowInfoService }, { token: i2.FlowStateService }], target: i0.ɵɵFactoryTarget.Injectable });
 FlowRouterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowRouterService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowRouterService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1$2.Router }, { type: i1$2.ActivatedRoute }, { type: i2.ContextService }, { type: i2.IntegrationState }]; } });
+        }], ctorParameters: function () { return [{ type: i1$2.Router }, { type: i1$2.ActivatedRoute }, { type: i2.ContextService }, { type: i2.IntegrationState }, { type: i2.FlowInfoService }, { type: i2.FlowStateService }]; } });
 
 class FlowService {
-    constructor(integrationState, flowRouterService, quoteDraftService, configurationService, flowConfigurationService, flowDialogService) {
+    constructor(integrationState, flowRouterService, quoteDraftService, configurationService, configurationStateService, flowDialogService, flowConfigurationService, flowInfoService, flowStateService) {
         this.integrationState = integrationState;
         this.flowRouterService = flowRouterService;
         this.quoteDraftService = quoteDraftService;
         this.configurationService = configurationService;
-        this.flowConfigurationService = flowConfigurationService;
+        this.configurationStateService = configurationStateService;
         this.flowDialogService = flowDialogService;
+        this.flowConfigurationService = flowConfigurationService;
+        this.flowInfoService = flowInfoService;
+        this.flowStateService = flowStateService;
         this.cleanup$ = new Subject();
     }
     cleanup() {
@@ -746,11 +766,18 @@ class FlowService {
             .subscribe();
         this.integrationState
             .listen$(FlowAction.FLOW_NAVIGATE_BACK)
-            .pipe(tap(() => this.flowRouterService.navigateBack()), takeUntil(this.cleanup$))
+            .pipe(switchMap(() => this.configurationStateService.cancelConfiguration()), tap(() => this.flowRouterService.navigateBack()), takeUntil(this.cleanup$))
             .subscribe();
         this.integrationState
             .listen$(FlowAction.FLOW_NAVIGATE_TO)
-            .pipe(tap(payload => this.flowRouterService.navigateTo(payload.path, payload.productId, payload.lineItemId)), takeUntil(this.cleanup$))
+            .pipe(switchMap(payload => this.configurationStateService.cancelConfiguration().pipe(map(() => payload))), tap(payload => {
+            if (payload.path === 'product') {
+                this.integrationState.dispatch(FlowAction.ConfigureProductAction(payload));
+            }
+            else {
+                this.flowRouterService.navigateTo(payload.path, payload.productId, payload.lineItemId);
+            }
+        }), takeUntil(this.cleanup$))
             .subscribe();
         this.integrationState
             .listen$(FlowAction.OPEN_DIALOG)
@@ -769,28 +796,14 @@ class FlowService {
         this.integrationState
             .listen$(FlowAction.FLOW_APPLY_PRODUCT_CONFIGURATION)
             .pipe(switchMap(() => {
-            const quoteDraft = this.quoteDraftService.quoteDraft;
-            const lineItem = this.configurationService.getSnapshot();
-            if (!quoteDraft || !lineItem) {
-                return of(undefined);
-            }
-            const isNewLineItem = quoteDraft.currentState.every(li => li.id !== lineItem.id);
-            const assetId = lineItem.assetId || lineItem.openOrderLineItemId;
-            let updatedState;
-            if (isNewLineItem) {
-                updatedState = [...quoteDraft.currentState, lineItem];
+            if (this.flowInfoService.isLegacy) {
+                return this.legacyApplyConfiguration();
             }
             else {
-                updatedState = quoteDraft.currentState.map(li => (li.id === lineItem.id ? lineItem : li));
+                return this.configurationStateService
+                    .saveConfiguration('', true)
+                    .pipe(switchMap(() => this.flowStateService.dispatch$(UITemplateType.FLOW_ENGINE, 'UPDATE_ASSET_IDS')));
             }
-            return this.flowConfigurationService.calculate$({ ...quoteDraft, currentState: updatedState }).pipe(tap(() => {
-                if (assetId) {
-                    const modifiedAssets = this.integrationState.state.modifiedAssets ?? {};
-                    this.integrationState.patchState({
-                        modifiedAssets: { ...modifiedAssets, [assetId]: true },
-                    });
-                }
-            }));
         }), tap(() => {
             this.configurationService.hasUnsavedChanges = false;
             this.flowRouterService.navigateToShoppingCart();
@@ -804,12 +817,36 @@ class FlowService {
             .pipe(map(path => path.split('/')?.[0]), takeUntil(this.cleanup$))
             .subscribe(flowPath => this.integrationState.patchState({ flowPath }));
     }
+    legacyApplyConfiguration() {
+        const quoteDraft = this.quoteDraftService.quoteDraft;
+        const lineItem = this.configurationService.getSnapshot();
+        if (!quoteDraft || !lineItem) {
+            return of(undefined);
+        }
+        const isNewLineItem = quoteDraft.currentState.every(li => li.id !== lineItem.id);
+        const assetId = lineItem.assetId || lineItem.openOrderLineItemId;
+        let updatedState;
+        if (isNewLineItem) {
+            updatedState = [...quoteDraft.currentState, lineItem];
+        }
+        else {
+            updatedState = quoteDraft.currentState.map(li => (li.id === lineItem.id ? lineItem : li));
+        }
+        return this.flowConfigurationService.calculate$({ ...quoteDraft, currentState: updatedState }).pipe(tap(() => {
+            if (assetId) {
+                const modifiedAssets = this.integrationState.state.modifiedAssets ?? {};
+                this.integrationState.patchState({
+                    modifiedAssets: { ...modifiedAssets, [assetId]: true },
+                });
+            }
+        }));
+    }
 }
-FlowService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowService, deps: [{ token: i5.IntegrationState }, { token: FlowRouterService }, { token: i2.QuoteDraftService }, { token: i2.ConfigurationService }, { token: i2.FlowConfigurationService }, { token: FlowDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
+FlowService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowService, deps: [{ token: i5.IntegrationState }, { token: FlowRouterService }, { token: i2.QuoteDraftService }, { token: i2.ConfigurationService }, { token: i2.ConfigurationStateService }, { token: FlowDialogService }, { token: i2.FlowConfigurationService }, { token: i2.FlowInfoService }, { token: i2.FlowStateService }], target: i0.ɵɵFactoryTarget.Injectable });
 FlowService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i5.IntegrationState }, { type: FlowRouterService }, { type: i2.QuoteDraftService }, { type: i2.ConfigurationService }, { type: i2.FlowConfigurationService }, { type: FlowDialogService }]; } });
+        }], ctorParameters: function () { return [{ type: i5.IntegrationState }, { type: FlowRouterService }, { type: i2.QuoteDraftService }, { type: i2.ConfigurationService }, { type: i2.ConfigurationStateService }, { type: FlowDialogService }, { type: i2.FlowConfigurationService }, { type: i2.FlowInfoService }, { type: i2.FlowStateService }]; } });
 
 class FlowGuidedSellingService {
     constructor(integrationState) {
@@ -909,7 +946,6 @@ class ContextGuard {
         }
         // Initialize context and runtime settings
         return forkJoin([this.contextService.create(headerId, mode), this.runtimeSettingsService.create()]).pipe(tap(([context]) => {
-            // Update context with queryParams
             this.contextService.update({
                 ...context,
                 properties: {
@@ -1387,12 +1423,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
         }] });
 
 class ProductComponent {
-    constructor(contextService, configurationRuntimeService, configurationService, configurationState, quoteDraftService, integrationState, customizationService) {
+    constructor(contextService, configurationRuntimeService, configurationService, configurationStateService, quoteDraftService, flowInfoService, flowStateService, integrationState, customizationService) {
         this.contextService = contextService;
         this.configurationRuntimeService = configurationRuntimeService;
         this.configurationService = configurationService;
-        this.configurationState = configurationState;
+        this.configurationStateService = configurationStateService;
         this.quoteDraftService = quoteDraftService;
+        this.flowInfoService = flowInfoService;
+        this.flowStateService = flowStateService;
         this.integrationState = integrationState;
         this.customizationService = customizationService;
         this.uiDefinition$ = new BehaviorSubject(undefined);
@@ -1412,12 +1450,23 @@ class ProductComponent {
         }));
     }
     init$() {
-        return this.quoteDraftService.quoteDraft$.pipe(first(), switchMap(quote => {
+        let quoteDraft$;
+        if (this.flowInfoService.isLegacy) {
+            quoteDraft$ = this.quoteDraftService.quoteDraft$;
+        }
+        else {
+            quoteDraft$ = of(undefined);
+        }
+        return quoteDraft$.pipe(first(), switchMap(quote => {
             const contextProperties = this.contextService.resolve().properties;
             const productId = contextProperties.productId;
             if (!productId) {
                 throw new Error(`Unable to start configuration for 'productId == null'`);
             }
+            if (!quote) {
+                const offeringId = contextProperties.offeringId;
+                return this.configurationRuntimeService.init({ productId, offeringId });
+            }
             const lineItemId = this.getLineItemId(quote, productId, contextProperties.lineItemId);
             const currentStateItem = quote.currentState.find(({ id }) => id === lineItemId);
             if (currentStateItem) {
@@ -1438,7 +1487,7 @@ class ProductComponent {
                 this.configurationRuntimeService.initializationProps.attributesMap =
                     this.integrationState.state.guidedSelling;
             }
-        }), switchMap(() => this.configurationState.init$()));
+        }), switchMap(() => this.configurationStateService.init$()));
     }
     getLineItemId(quote, productId, lineItemId) {
         // search by lineItemId first
@@ -1449,12 +1498,12 @@ class ProductComponent {
         return id;
     }
 }
-ProductComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductComponent, deps: [{ token: i2.ContextService }, { token: i2.ConfigurationRuntimeService }, { token: i2.ConfigurationService }, { token: i2.ConfigurationState }, { token: i2.QuoteDraftService }, { token: i2.IntegrationState }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+ProductComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductComponent, deps: [{ token: i2.ContextService }, { token: i2.ConfigurationRuntimeService }, { token: i2.ConfigurationService }, { token: i2.ConfigurationStateService }, { token: i2.QuoteDraftService }, { token: i2.FlowInfoService }, { token: i2.FlowStateService }, { token: i2.IntegrationState }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 ProductComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ProductComponent, selector: "vl-flow-product", ngImport: i0, template: "<vl-cms-preview [uiDefinition]=\"$any(uiDefinition$ | async)\" [config]=\"config\"></vl-cms-preview>\n", styles: [""], dependencies: [{ kind: "component", type: i5.PreviewComponent, selector: "vl-cms-preview", inputs: ["uiDefinition", "config"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vl-flow-product', changeDetection: ChangeDetectionStrategy.OnPush, template: "<vl-cms-preview [uiDefinition]=\"$any(uiDefinition$ | async)\" [config]=\"config\"></vl-cms-preview>\n" }]
-        }], ctorParameters: function () { return [{ type: i2.ContextService }, { type: i2.ConfigurationRuntimeService }, { type: i2.ConfigurationService }, { type: i2.ConfigurationState }, { type: i2.QuoteDraftService }, { type: i2.IntegrationState }, { type: undefined, decorators: [{
+        }], ctorParameters: function () { return [{ type: i2.ContextService }, { type: i2.ConfigurationRuntimeService }, { type: i2.ConfigurationService }, { type: i2.ConfigurationStateService }, { type: i2.QuoteDraftService }, { type: i2.FlowInfoService }, { type: i2.FlowStateService }, { type: i2.IntegrationState }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -1830,12 +1879,12 @@ class RemoteComponent {
         return optionConfigurations;
     }
 }
-RemoteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RemoteComponent, deps: [{ token: i2.ContextService }, { token: i2.QuoteDraftService }, { token: i2.ConfigurationRuntimeService }, { token: i2.ConfigurationService }, { token: i2.ConfigurationState }, { token: i2$2.MessageService }, { token: i2.IntegrationState }, { token: i4.Location }], target: i0.ɵɵFactoryTarget.Component });
+RemoteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RemoteComponent, deps: [{ token: i2.ContextService }, { token: i2.QuoteDraftService }, { token: i2.ConfigurationRuntimeService }, { token: i2.ConfigurationService }, { token: i2.ConfigurationStateService }, { token: i2$2.MessageService }, { token: i2.IntegrationState }, { token: i4.Location }], target: i0.ɵɵFactoryTarget.Component });
 RemoteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: RemoteComponent, selector: "vl-flow-remote", ngImport: i0, template: "<ng-container *ngIf=\"state$ | async as state\">\n  <vl-loader *ngIf=\"state.loading; else content\" [label]=\"'Loading UI'\"></vl-loader>\n\n  <ng-template #content>\n    <ng-container *ngIf=\"!state.failure\">\n      <vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n    </ng-container>\n  </ng-template>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.PreviewComponent, selector: "vl-cms-preview", inputs: ["uiDefinition", "config"] }, { kind: "component", type: i2$1.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RemoteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'vl-flow-remote', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"state$ | async as state\">\n  <vl-loader *ngIf=\"state.loading; else content\" [label]=\"'Loading UI'\"></vl-loader>\n\n  <ng-template #content>\n    <ng-container *ngIf=\"!state.failure\">\n      <vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n    </ng-container>\n  </ng-template>\n</ng-container>\n" }]
-        }], ctorParameters: function () { return [{ type: i2.ContextService }, { type: i2.QuoteDraftService }, { type: i2.ConfigurationRuntimeService }, { type: i2.ConfigurationService }, { type: i2.ConfigurationState }, { type: i2$2.MessageService }, { type: i2.IntegrationState }, { type: i4.Location }]; } });
+        }], ctorParameters: function () { return [{ type: i2.ContextService }, { type: i2.QuoteDraftService }, { type: i2.ConfigurationRuntimeService }, { type: i2.ConfigurationService }, { type: i2.ConfigurationStateService }, { type: i2$2.MessageService }, { type: i2.IntegrationState }, { type: i4.Location }]; } });
 
 class RemoteModule {
 }