@veloceapps/sdk 8.0.0-132 → 8.0.0-134

package/fesm2020/veloceapps-sdk-core.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Injectable, InjectionToken, Optional, Inject, NgModule, inject, Directive, Input, LOCALE_ID, Pipe } from '@angular/core';
 import { UUID, ConfigurationContextMode, ConfigurationContext, UITemplateType, isDefined, ConfigurationProcessorTypes, EntityUtil, DEFAULT_CURRENCY_ISO_CODE, DEFAULT_CURRENCY_SYMBOL, validateDateFormat, DEFAULT_DATE_FORMAT, DEFAULT_DECIMALS_COUNT, getSupportedDateFormats, DEFAULT_DECIMAL_SEPARATOR, DEFAULT_THOUSANDS_SEPARATOR, DEFAULT_ACTION_CODE_LABELS, parseJsonSafely, ConfigurationMode, ConfigurationTranslatorUtils, ChargeGroupUtils, RuntimeModel, isNotLegacyUIDefinition, SalesforceIdUtils, DEFAULT_TIME_FORMAT, formatNumber } from '@veloceapps/core';
 import * as i1 from '@veloceapps/api';
-import { PriceApiService, ContextApiService, ProductModelApiService, ConfigurationApiService } from '@veloceapps/api';
+import { ApiModule } from '@veloceapps/api';
 import { BehaviorSubject, switchMap, map as map$1, tap as tap$1, noop, catchError, throwError, of, forkJoin, Subject, filter as filter$1, zip, combineLatest, shareReplay as shareReplay$1, finalize, takeUntil, take as take$1, distinctUntilChanged } from 'rxjs';
 import { map, filter, tap, switchMap as switchMap$1, skip, take, shareReplay, catchError as catchError$1, finalize as finalize$1, first } from 'rxjs/operators';
 import { merge, isEmpty, flatten, sortBy, map as map$2, omit, isEqual, cloneDeep, assign, uniqBy, transform, uniq } from 'lodash';
@@ -165,10 +165,9 @@ class ContextService {
     }
 }
 ContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ContextService, deps: [{ token: i1.ContextApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-ContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ContextService, providedIn: 'root' });
+ContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ContextService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ContextService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
+            type: Injectable
         }], ctorParameters: function () { return [{ type: i1.ContextApiService }]; } });
 
 const FLOW_CUSTOMIZATION = new InjectionToken('FLOW_CUSTOMIZATION');
@@ -200,6 +199,9 @@ class FlowInfoService {
     set flow(value) {
         this.flowSubj$.next(value);
     }
+    get isLegacy() {
+        return !!this.flow && this.flow?.properties.stateful == null;
+    }
     constructor(flowsApiService, templatesApiService, customizationService) {
         this.flowsApiService = flowsApiService;
         this.templatesApiService = templatesApiService;
@@ -268,10 +270,9 @@ class FlowInfoService {
     }
 }
 FlowInfoService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowInfoService, deps: [{ token: i1.FlowsApiService }, { token: i1.UITemplatesApiService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-FlowInfoService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowInfoService, providedIn: 'root' });
+FlowInfoService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowInfoService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowInfoService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
+            type: Injectable
         }], ctorParameters: function () { return [{ type: i1.FlowsApiService }, { type: i1.UITemplatesApiService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -541,10 +542,9 @@ class IntegrationState {
     }
 }
 IntegrationState.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IntegrationState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-IntegrationState.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IntegrationState, providedIn: 'root' });
+IntegrationState.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IntegrationState });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IntegrationState, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
+            type: Injectable
         }] });
 
 class QuoteDraftService {
@@ -785,10 +785,9 @@ class QuoteDraftService {
     }
 }
 QuoteDraftService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService, deps: [{ token: ContextService }, { token: i1.QuoteApiService }, { token: i1.PriceApiService }, { token: IntegrationState }], target: i0.ɵɵFactoryTarget.Injectable });
-QuoteDraftService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService, providedIn: 'root' });
+QuoteDraftService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: QuoteDraftService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
+            type: Injectable
         }], ctorParameters: function () { return [{ type: ContextService }, { type: i1.QuoteApiService }, { type: i1.PriceApiService }, { type: IntegrationState }]; } });
 
 class FlowStateService {
@@ -1059,8 +1058,7 @@ class FlowStateService {
     }
     initStateless$() {
         const { headerId } = this.contextService.resolve();
-        const stateInit$ = this.quoteDraftService.init(headerId, this.flowInfoService.params ?? {}).pipe(switchMap(() => this.executeRequest$(this.getDefaultExecutionRequestDTO())), switchMap(() => this.calculate$()));
-        return stateInit$.pipe(tap$1(() => this.quoteDraftService.finalizeInit()), map$1(noop));
+        return this.quoteDraftService.init(headerId, this.flowInfoService.params ?? {}).pipe(switchMap(() => this.executeRequest$(this.getDefaultExecutionRequestDTO())), switchMap(() => this.calculate$()), tap$1(() => this.quoteDraftService.finalizeInit()), map$1(noop));
     }
     calculate$() {
         const flowState = this.quoteDraftService.quoteDraft;
@@ -1198,18 +1196,27 @@ class FlowStateService {
         }
         const ownerId = this.getOwnerIdByScope(UITemplateType.FLOW_ENGINE);
         request.actions?.push({
-            apiName: 'INITIALIZE_STATE',
+            apiName: 'UPDATE_PRICE_LIST',
             ownerId,
             inputData: {},
         });
+        request.actions?.push({
+            apiName: 'UPDATE_ASSET_IDS',
+            ownerId,
+            inputData: {},
+        });
+        request.actions?.push({
+            apiName: 'UPDATE_CONTEXT_PROPERTIES',
+            ownerId,
+            inputData: this.contextService.resolve().properties,
+        });
         return request;
     }
 }
 FlowStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateService, deps: [{ token: ContextService }, { token: QuoteDraftService }, { token: FlowInfoService }, { token: FlowConfigurationService }, { token: i1.ConfigurationProcessorsApiService }, { token: i1.FlowStateApiService }, { token: i1.QuoteApiService }, { token: i6.ToastService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-FlowStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateService, providedIn: 'root' });
+FlowStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
+            type: Injectable
         }], ctorParameters: function () { return [{ type: ContextService }, { type: QuoteDraftService }, { type: FlowInfoService }, { type: FlowConfigurationService }, { type: i1.ConfigurationProcessorsApiService }, { type: i1.FlowStateApiService }, { type: i1.QuoteApiService }, { type: i6.ToastService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -1314,10 +1321,9 @@ class RuntimeSettingsService {
     }
 }
 RuntimeSettingsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeSettingsService, deps: [{ token: i1.ConfigurationSettingsApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-RuntimeSettingsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeSettingsService, providedIn: 'root' });
+RuntimeSettingsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeSettingsService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: RuntimeSettingsService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
+            type: Injectable
         }], ctorParameters: function () { return [{ type: i1.ConfigurationSettingsApiService }]; } });
 
 class ConfigurationService {
@@ -1468,10 +1474,26 @@ class ConfigurationService {
             throw error;
         }));
     }
-    generateRequest() {
+    generateRequest(lightMode = true) {
+        const lineItem = this.generateLineItem();
+        let request = {
+            lineItem,
+            mode: this.mode,
+            step: !this.lineItem.value ? RuntimeStep.START : RuntimeStep.UPDATE,
+            attributeDomainMode: 'ALL',
+            context: this.contextService.resolve(),
+            lineItems: this.quoteDraftService.quoteDraft?.currentState || [],
+            asset: this.getAsset(),
+        };
+        if (lightMode) {
+            request = ConfigurationTranslatorUtils.lightenConfigurationRequest(request);
+        }
+        return request;
+    }
+    generateLineItem() {
         const runtimeContext = this.getRuntimeContext();
         const uiDefinitionProperties = this.getUIDefinitionProperties();
-        let lineItem = this.configurableRamp;
+        let lineItem = cloneDeep(this.configurableRamp);
         if (!lineItem) {
             const { initializationProps } = this.runtimeService ?? {};
             lineItem = getDefaultLineItem(runtimeContext, uiDefinitionProperties, initializationProps?.defaultQty);
@@ -1481,17 +1503,7 @@ class ConfigurationService {
                 lineItem = new LineItemWorker(lineItem).patchAttribute(attributes).li;
             }
         }
-        let request = {
-            lineItem,
-            mode: this.mode,
-            step: !this.lineItem.value ? RuntimeStep.START : RuntimeStep.UPDATE,
-            attributeDomainMode: 'ALL',
-            context: this.contextService.resolve(),
-            lineItems: this.quoteDraftService.quoteDraft?.currentState || [],
-            asset: this.getAsset(),
-        };
-        request = ConfigurationTranslatorUtils.lightenConfigurationRequest(request);
-        return request;
+        return lineItem;
     }
     getUIDefinitionProperties() {
         return {
@@ -1802,63 +1814,64 @@ class FlowConfigurationService {
     }
 }
 FlowConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationService, deps: [{ token: i1.ProceduresApiService }, { token: ContextService }, { token: QuoteDraftService }, { token: FlowUpdateService }, { token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Injectable });
-FlowConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationService, providedIn: 'root' });
+FlowConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
+            type: Injectable
         }], ctorParameters: function () { return [{ type: i1.ProceduresApiService }, { type: ContextService }, { type: QuoteDraftService }, { type: FlowUpdateService }, { type: ConfigurationService }]; } });
 
 class FlowConfigurationModule {
 }
 FlowConfigurationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FlowConfigurationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule });
-FlowConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, providers: [FlowConfigurationService, FlowUpdateService, PriceApiService] });
+FlowConfigurationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, imports: [ApiModule] });
+FlowConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, providers: [FlowConfigurationService, FlowUpdateService], imports: [ApiModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowConfigurationModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [],
-                    providers: [FlowConfigurationService, FlowUpdateService, PriceApiService],
+                    imports: [ApiModule],
+                    providers: [FlowConfigurationService, FlowUpdateService],
                 }]
         }] });
 
 class FlowStateConfigurationService {
-    constructor(flowStateService, flowInfoService, configurationService, flowConfigurationService, flowStateApiService) {
-        this.flowStateService = flowStateService;
+    constructor(flowInfoService, flowConfigurationService, flowStateApiService, flowStateService) {
         this.flowInfoService = flowInfoService;
-        this.configurationService = configurationService;
         this.flowConfigurationService = flowConfigurationService;
         this.flowStateApiService = flowStateApiService;
+        this.flowStateService = flowStateService;
         this.configurationStateId$ = new BehaviorSubject(null);
     }
     get configurationStateId() {
         return this.configurationStateId$.value;
     }
     addToCart$(props) {
+        let request$;
         const stateful = this.flowInfoService.flow?.properties.stateful;
         if (stateful) {
             const stateId = this.flowStateService.stateId;
             if (!stateId) {
-                return of();
+                request$ = of();
+            }
+            else {
+                const lineItem = generateConfigurationLineItem(props, props.qty);
+                request$ = this.flowStateApiService.newConfiguration(stateId, { lineItem }).pipe(tap$1(r => this.configurationStateId$.next(r.stateId)), switchMap(() => {
+                    if (!this.configurationStateId) {
+                        return of();
+                    }
+                    return this.flowStateApiService.saveConfiguration(stateId, this.configurationStateId).pipe(tap$1(() => this.configurationStateId$.next(null)), map$1(noop));
+                }));
             }
-            const lineItem = generateConfigurationLineItem(props, props.qty);
-            return this.flowStateApiService.newConfiguration(stateId, { lineItem }).pipe(tap$1(r => this.configurationStateId$.next(r.stateId)), switchMap(() => {
-                if (!this.configurationStateId) {
-                    return of();
-                }
-                return this.flowStateApiService.saveConfiguration(stateId, this.configurationStateId).pipe(switchMap(() => this.flowStateService.executeRequest$({}, true)), tap$1(() => this.configurationStateId$.next(null)), map$1(noop));
-            }));
         }
         else {
-            return this.flowConfigurationService.addToCart$(props).pipe(map$1(noop));
+            request$ = this.flowConfigurationService.addToCart$(props).pipe(map$1(noop));
         }
+        return request$.pipe(switchMap(() => this.flowStateService.executeRequest$({}, true)), map$1(noop));
     }
 }
-FlowStateConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateConfigurationService, deps: [{ token: FlowStateService }, { token: FlowInfoService }, { token: ConfigurationService }, { token: FlowConfigurationService }, { token: i1.FlowStateApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-FlowStateConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateConfigurationService, providedIn: 'root' });
+FlowStateConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateConfigurationService, deps: [{ token: FlowInfoService }, { token: FlowConfigurationService }, { token: i1.FlowStateApiService }, { token: FlowStateService }], target: i0.ɵɵFactoryTarget.Injectable });
+FlowStateConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateConfigurationService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FlowStateConfigurationService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: FlowStateService }, { type: FlowInfoService }, { type: ConfigurationService }, { type: FlowConfigurationService }, { type: i1.FlowStateApiService }]; } });
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: FlowInfoService }, { type: FlowConfigurationService }, { type: i1.FlowStateApiService }, { type: FlowStateService }]; } });
 
 function calculateMetricByMethod(lineItems, metric, method) {
     const items = getLineItemsByMethod(lineItems, method);
@@ -1970,10 +1983,9 @@ class MetricsCalculationService {
     }
 }
 MetricsCalculationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MetricsCalculationService, deps: [{ token: QuoteDraftService }, { token: FlowConfigurationService }, { token: i1.ConfigurationSettingsApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-MetricsCalculationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MetricsCalculationService, providedIn: 'root' });
+MetricsCalculationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MetricsCalculationService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MetricsCalculationService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
+            type: Injectable
         }], ctorParameters: function () { return [{ type: QuoteDraftService }, { type: FlowConfigurationService }, { type: i1.ConfigurationSettingsApiService }]; } });
 
 class ProductImagesService {
@@ -1996,10 +2008,9 @@ class ProductImagesService {
     }
 }
 ProductImagesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductImagesService, deps: [{ token: i1.ProductApiService }], target: i0.ɵɵFactoryTarget.Injectable });
-ProductImagesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductImagesService, providedIn: 'root' });
+ProductImagesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductImagesService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProductImagesService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
+            type: Injectable
         }], ctorParameters: function () { return [{ type: i1.ProductApiService }]; } });
 
 class RuntimeContextService {
@@ -2138,58 +2149,185 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.ConfigurationApiService }, { type: ContextService }, { type: RuntimeContextService }]; } });
 
-class ConfigurationState {
-    constructor(statefulConfigurationApiService, runtimeService, configurationService, toastService) {
-        this.statefulConfigurationApiService = statefulConfigurationApiService;
-        this.runtimeService = runtimeService;
+class ConfigurationStateService {
+    constructor(configurationRuntimeService, configurationService, quoteDraftService, toastService, flowStateService, flowInfoService, flowConfigurationService, flowStateApiService, quoteApiService) {
+        this.configurationRuntimeService = configurationRuntimeService;
         this.configurationService = configurationService;
+        this.quoteDraftService = quoteDraftService;
         this.toastService = toastService;
-        this.stateSubj$ = new BehaviorSubject({});
-        this.state$ = this.stateSubj$.asObservable();
+        this.flowStateService = flowStateService;
+        this.flowInfoService = flowInfoService;
+        this.flowConfigurationService = flowConfigurationService;
+        this.flowStateApiService = flowStateApiService;
+        this.quoteApiService = quoteApiService;
+        this.NOT_INITIALIZED = Symbol();
         this.stateId = null;
+        this.ownerId = '';
+        this.subscriptions = {};
+        this.isInitialized$ = new BehaviorSubject(false);
     }
     init$() {
-        return this.configurationService.configure().pipe(switchMap(() => {
-            if (!this.isStatefulConfiguration) {
-                return of(undefined);
-            }
-            const { actions, selectors } = this.runtimeService.runtimeContext?.uiDefinitionContainer ?? {};
-            return this.statefulConfigurationApiService.init({
-                item: this.configurationService.generateRequest(),
-                actions: actions?.map(action => ({ name: action.apiName, script: action.script })),
-                selectors: selectors?.map(selector => ({ name: selector.apiName, script: selector.script })),
-            });
-        }), tap$1(stateId => (this.stateId = stateId || null)), map$1(() => undefined));
+        let request$;
+        if (this.flowStateService.stateId && this.isStatefulConfiguration) {
+            request$ = this.initStateful$();
+        }
+        else {
+            request$ = this.initStateless$();
+        }
+        return request$.pipe(finalize(() => this.isInitialized$.next(true)));
     }
     cleanup() {
         this.stateId = null;
         this.configurationService.reset();
-        this.stateSubj$.next({});
     }
-    execute$(req) {
+    execute$(req, forceSubscriptions) {
+        const fullRequest = cloneDeep(req);
+        if (fullRequest.actions?.length || forceSubscriptions) {
+            for (const subscription of Object.values(this.subscriptions)) {
+                fullRequest.selectors = assign(fullRequest.selectors, subscription.request.selectors);
+            }
+        }
+        let execution$;
         if (this.isStatefulConfiguration) {
-            return this.executeStateful$(req);
+            execution$ = this.executeStateful$(fullRequest);
         }
         else {
-            return this.executeStateless$(req);
+            execution$ = this.executeStateless$(fullRequest);
         }
+        return execution$.pipe(tap$1(result => this.handleSelectorsResponse(result.selectors)));
+    }
+    handleSelectorsResponse(selectors) {
+        Object.entries(selectors).forEach(([requestId, selectorResult]) => {
+            if (!selectorResult.success) {
+                this.toastService.add({ severity: ToastType.error, summary: selectorResult.errorMessage });
+            }
+            const subscription$ = this.subscriptions[requestId]?.data$;
+            if (subscription$) {
+                subscription$.next(selectorResult);
+            }
+        });
     }
-    dispatch$(actionName, inputData) {
-        return this.execute$({ actions: [{ name: actionName, inputData }] });
+    dispatch$(actionName, inputData = {}) {
+        return this.execute$({ actions: [{ apiName: actionName, inputData, ownerId: this.ownerId }] });
     }
-    select$(selectorName, inputData) {
+    select$(selectorName, inputData = {}) {
         const requestId = UUID.UUID();
         return this.execute$({
             selectors: {
                 [requestId]: {
-                    name: selectorName,
+                    apiName: selectorName,
                     inputData,
+                    ownerId: this.ownerId,
                 },
             },
-        }).pipe(map$1(() => this.stateSubj$.value[requestId]), tap$1(() => this.stateSubj$.next(omit(this.stateSubj$.value, requestId))));
+        }).pipe(map$1(response => response.selectors[requestId]));
+    }
+    subscribe$(selectorName, inputData = {}, options) {
+        const requestId = UUID.UUID();
+        if (!this.subscriptions[requestId]) {
+            const request = {
+                selectors: {
+                    [requestId]: {
+                        apiName: selectorName,
+                        inputData,
+                        ownerId: this.ownerId,
+                    },
+                },
+            };
+            this.subscriptions[requestId] = {
+                request,
+                data$: new BehaviorSubject(this.NOT_INITIALIZED),
+            };
+            if (!options?.cold) {
+                this.execute$(request).subscribe();
+            }
+        }
+        return this.subscriptions[requestId].data$.pipe(filter$1(data => data != this.NOT_INITIALIZED), map$1(data => data), finalize(() => {
+            if (!this.subscriptions[requestId].data$.observed) {
+                delete this.subscriptions[requestId];
+            }
+        }));
+    }
+    saveConfiguration(quoteId, flow) {
+        if (this.isStatefulConfiguration) {
+            return this.flowStateApiService
+                .saveConfiguration(this.flowStateService.stateId ?? '', this.stateId ?? '')
+                .pipe(switchMap(r => this.flowStateService.executeRequest$({}, true).pipe(map$1(() => r))));
+        }
+        else {
+            if (!flow) {
+                if (!quoteId) {
+                    return of({ quoteId: '' });
+                }
+                const rootLineItem = this.configurationService.getSnapshot();
+                const currentState = rootLineItem ? [rootLineItem] : [];
+                return this.quoteApiService
+                    .getQuoteDraft(quoteId)
+                    .pipe(switchMap(quoteDraft => this.quoteApiService.upsertQuote({ ...quoteDraft, currentState })));
+            }
+            else {
+                const quoteDraft = this.quoteDraftService.quoteDraft;
+                const lineItem = this.configurationService.getSnapshot();
+                if (!quoteDraft || !lineItem) {
+                    return of({ quoteId: '' });
+                }
+                const isNewLineItem = quoteDraft.currentState.every(li => li.id !== lineItem.id);
+                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(map$1(() => ({ quoteId: '' })));
+            }
+        }
+    }
+    cancelConfiguration() {
+        if (!this.isInitialized$.value) {
+            return of(undefined);
+        }
+        this.isInitialized$.next(false);
+        if (!this.isInitialized$.value || !this.isStatefulConfiguration) {
+            return of(undefined);
+        }
+        return this.flowStateApiService.cancelConfiguration(this.flowStateService.stateId ?? '', this.stateId ?? '');
     }
     get isStatefulConfiguration() {
-        return this.runtimeService.uiDefinitionProperties.statefulConfigurationEnabled ?? false;
+        return this.flowInfoService.flow?.properties.stateful ?? false;
+    }
+    initStateful$() {
+        this.ownerId = this.configurationRuntimeService.runtimeContext?.uiDefinitionContainer?.id ?? '';
+        const lineItemId = this.configurationRuntimeService.runtimeContext?.properties?.lineItemId;
+        if (!this.flowStateService.stateId) {
+            return of(undefined);
+        }
+        const container = this.configurationRuntimeService.runtimeContext?.uiDefinitionContainer;
+        const lineItem = this.configurationService.generateLineItem();
+        let request$;
+        if (!lineItemId) {
+            request$ = this.flowStateApiService.newConfiguration(this.flowStateService.stateId, {
+                lineItem,
+                actionsOverride: container?.actions?.map(processor => ({ ...processor, ownerId: this.ownerId })),
+                selectorsOverride: container?.selectors?.map(processor => ({ ...processor, ownerId: this.ownerId })),
+            });
+        }
+        else {
+            request$ = this.flowStateApiService.startConfiguration(this.flowStateService.stateId, {
+                lineItemId,
+                actionsOverride: container?.actions?.map(processor => ({ ...processor, ownerId: this.ownerId })),
+                selectorsOverride: container?.selectors?.map(processor => ({ ...processor, ownerId: this.ownerId })),
+            });
+        }
+        return request$.pipe(map$1(r => {
+            this.stateId = r.stateId;
+            return undefined;
+        }));
+    }
+    initStateless$() {
+        return this.configurationService.configure().pipe(map$1(() => undefined));
     }
     executeStateless$(request) {
         return of(undefined).pipe(switchMap(() => {
@@ -2203,52 +2341,46 @@ class ConfigurationState {
                 configurationRequest = this.executeActionScript(configurationRequest, action) ?? configurationRequest;
             });
             return this.configurationService.configureRequest$(configurationRequest);
-        }), tap$1(() => {
-            if (!request.selectors) {
-                return;
-            }
+        }), map$1(() => {
             // Run selectors and apply them to the state
-            const finalConfigurationRequest = this.configurationService.generateRequest();
-            const selectorsResult = EntityUtil.entries(request.selectors).reduce((trunk, [key, selector]) => {
-                trunk[key] = this.executeSelectorScript(finalConfigurationRequest, selector);
-                return trunk;
-            }, {});
-            this.stateSubj$.next({
-                ...this.stateSubj$.value,
-                ...selectorsResult,
-            });
-        }), map$1(() => undefined));
+            const finalConfigurationRequest = this.configurationService.generateRequest(false);
+            const selectorsResult = EntityUtil.entries(request.selectors ?? {}).reduce((result, [key, selector]) => {
+                try {
+                    result.selectors[key] = {
+                        success: true,
+                        result: this.executeSelectorScript(finalConfigurationRequest, selector),
+                    };
+                }
+                catch (e) {
+                    result.selectors[key] = {
+                        success: false,
+                        errorMessage: String(e),
+                    };
+                }
+                return result;
+            }, { stateId: '', selectors: {} });
+            return selectorsResult;
+        }));
     }
     executeStateful$(request) {
-        if (!this.stateId) {
-            return of(undefined);
+        if (!this.flowStateService.stateId || !this.stateId) {
+            return of();
         }
-        return this.statefulConfigurationApiService.execute(this.stateId, request).pipe(tap$1(response => {
+        return this.flowStateApiService.executeConfiguration(this.flowStateService.stateId, this.stateId, request).pipe(tap$1(response => {
             this.stateId = response.stateId;
-            const updatedState = this.stateSubj$.value;
-            EntityUtil.entries(response.selectors).forEach(([key, value]) => {
-                if (!value.success) {
-                    if (!this.runtimeService.uiDefinitionProperties.suppressToastMessages) {
-                        this.toastService.add({ summary: value.errorMessage, severity: ToastType.error });
-                    }
-                    return;
-                }
-                updatedState[key] = value.result;
-            });
-            this.stateSubj$.next(updatedState);
-        }), map$1(() => undefined));
+        }));
     }
     executeActionScript(request, processor) {
-        const { actions } = this.runtimeService.runtimeContext?.uiDefinitionContainer ?? {};
-        const script = actions?.find(action => action.apiName === processor.name)?.script;
+        const { actions } = this.configurationRuntimeService.runtimeContext?.uiDefinitionContainer ?? {};
+        const script = actions?.find(action => action.apiName === processor.apiName)?.script;
         if (!script) {
-            return null;
+            return request;
         }
         return this.executeProcessorScript(request, script, processor.inputData);
     }
     executeSelectorScript(request, processor) {
-        const { selectors } = this.runtimeService.runtimeContext?.uiDefinitionContainer ?? {};
-        const script = selectors?.find(selector => selector.apiName === processor.name)?.script;
+        const { selectors } = this.configurationRuntimeService.runtimeContext?.uiDefinitionContainer ?? {};
+        const script = selectors?.find(selector => selector.apiName === processor.apiName)?.script;
         if (!script) {
             return null;
         }
@@ -2261,38 +2393,22 @@ class ConfigurationState {
         });
     }
 }
-ConfigurationState.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationState, deps: [{ token: i1.StatefulConfigurationApiService }, { token: ConfigurationRuntimeService }, { token: ConfigurationService }, { token: i6.ToastService }], target: i0.ɵɵFactoryTarget.Injectable });
-ConfigurationState.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationState });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationState, decorators: [{
+ConfigurationStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationStateService, deps: [{ token: ConfigurationRuntimeService }, { token: ConfigurationService }, { token: QuoteDraftService }, { token: i6.ToastService }, { token: FlowStateService }, { token: FlowInfoService }, { token: FlowConfigurationService }, { token: i1.FlowStateApiService }, { token: i1.QuoteApiService }], target: i0.ɵɵFactoryTarget.Injectable });
+ConfigurationStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationStateService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationStateService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.StatefulConfigurationApiService }, { type: ConfigurationRuntimeService }, { type: ConfigurationService }, { type: i6.ToastService }]; } });
+        }], ctorParameters: function () { return [{ type: ConfigurationRuntimeService }, { type: ConfigurationService }, { type: QuoteDraftService }, { type: i6.ToastService }, { type: FlowStateService }, { type: FlowInfoService }, { type: FlowConfigurationService }, { type: i1.FlowStateApiService }, { type: i1.QuoteApiService }]; } });
 
 class ConfigurationModule {
 }
 ConfigurationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ConfigurationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationModule, imports: [ConfirmationDialogModule] });
-ConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationModule, providers: [
-        ContextApiService,
-        ProductModelApiService,
-        ConfigurationApiService,
-        ConfigurationRuntimeService,
-        RuntimeContextService,
-        ConfigurationService,
-        ConfigurationState,
-    ], imports: [ConfirmationDialogModule] });
+ConfigurationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationModule, imports: [ConfirmationDialogModule, ApiModule] });
+ConfigurationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationModule, providers: [ConfigurationRuntimeService, RuntimeContextService, ConfigurationService, ConfigurationStateService], imports: [ConfirmationDialogModule, ApiModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ConfigurationModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [ConfirmationDialogModule],
-                    providers: [
-                        ContextApiService,
-                        ProductModelApiService,
-                        ConfigurationApiService,
-                        ConfigurationRuntimeService,
-                        RuntimeContextService,
-                        ConfigurationService,
-                        ConfigurationState,
-                    ],
+                    imports: [ConfirmationDialogModule, ApiModule],
+                    providers: [ConfigurationRuntimeService, RuntimeContextService, ConfigurationService, ConfigurationStateService],
                 }]
         }] });
 
@@ -2309,8 +2425,15 @@ class SdkCoreModule {
 SdkCoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SdkCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 SdkCoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SdkCoreModule, imports: [ConfigurationModule, FlowConfigurationModule] });
 SdkCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SdkCoreModule, providers: [
+        ContextService,
+        FlowInfoService,
+        QuoteDraftService,
+        ProductImagesService,
         IntegrationState,
         FlowStateService,
+        FlowStateConfigurationService,
+        MetricsCalculationService,
+        RuntimeSettingsService,
         {
             provide: FORMATTING_SETTINGS_TOKEN,
             useExisting: RuntimeSettingsService,
@@ -2321,8 +2444,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             args: [{
                     imports: [ConfigurationModule, FlowConfigurationModule],
                     providers: [
+                        ContextService,
+                        FlowInfoService,
+                        QuoteDraftService,
+                        ProductImagesService,
                         IntegrationState,
                         FlowStateService,
+                        FlowStateConfigurationService,
+                        MetricsCalculationService,
+                        RuntimeSettingsService,
                         {
                             provide: FORMATTING_SETTINGS_TOKEN,
                             useExisting: RuntimeSettingsService,
@@ -2497,5 +2627,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ActionCodePipe, CalendarDirective, ConfigurationRuntimeService, ConfigurationService, ConfigurationState, ContextService, DEFAULT_FORMATTING_SETTINGS, DatePipe, FLOW_CUSTOMIZATION, FORMATTING_SETTINGS_TOKEN, FlowConfigurationModule, FlowConfigurationService, FlowInfoService, FlowStateConfigurationService, FlowStateService, FlowUpdateService, IntegrationState, LineItemWorker, MetricsCalculationService, NumberPipe, PricePipe, ProductImagesService, QuoteDraftService, RuntimeMode, RuntimeOperation, RuntimeSettingsService, RuntimeStep, SdkCoreModule, SdkDirectivesModule, SdkPipesModule, UI_DEFINITION_VERSION, calculateCardinalityVariables, extractMetadata, filterOutTechnicalAttributes, findLineItem, findLineItemWithComparator, generateConfigurationLineItem, generateLineItem, generateModifiedAssetsMap, getAttributeValue, getAttributes, getDefaultLineItem, getGuidedSellingConfigurationRequest, getOriginParent, getRecommendedPrices, insertLineItem, isLineItemModified, isTechnicalAttribute, lineItem_utils as lineItemUtils, mapAttributes, multiplyLineItems, patchAttributes, recalculateCardinalityVariables, removeLineItem, replaceLineItem, upsertAttributes };
+export { ActionCodePipe, CalendarDirective, ConfigurationRuntimeService, ConfigurationService, ConfigurationStateService, ContextService, DEFAULT_FORMATTING_SETTINGS, DatePipe, FLOW_CUSTOMIZATION, FORMATTING_SETTINGS_TOKEN, FlowConfigurationModule, FlowConfigurationService, FlowInfoService, FlowStateConfigurationService, FlowStateService, FlowUpdateService, IntegrationState, LineItemWorker, MetricsCalculationService, NumberPipe, PricePipe, ProductImagesService, QuoteDraftService, RuntimeMode, RuntimeOperation, RuntimeSettingsService, RuntimeStep, SdkCoreModule, SdkDirectivesModule, SdkPipesModule, UI_DEFINITION_VERSION, calculateCardinalityVariables, extractMetadata, filterOutTechnicalAttributes, findLineItem, findLineItemWithComparator, generateConfigurationLineItem, generateLineItem, generateModifiedAssetsMap, getAttributeValue, getAttributes, getDefaultLineItem, getGuidedSellingConfigurationRequest, getOriginParent, getRecommendedPrices, insertLineItem, isLineItemModified, isTechnicalAttribute, lineItem_utils as lineItemUtils, mapAttributes, multiplyLineItems, patchAttributes, recalculateCardinalityVariables, removeLineItem, replaceLineItem, upsertAttributes };
 //# sourceMappingURL=veloceapps-sdk-core.mjs.map