@veloceapps/sdk 8.0.0-107 → 8.0.0-109

package/fesm2020/veloceapps-sdk-core.mjs

@@ -1,11 +1,11 @@
 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, ConfigurationProcessorTypes, EntityUtil, isDefined, 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 { 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 { BehaviorSubject, tap as tap$1, switchMap, map as map$1, noop, catchError, throwError, of, forkJoin, Subject, filter as filter$1, zip, combineLatest, skip as skip$1, shareReplay as shareReplay$1, take as take$1, distinctUntilChanged } from 'rxjs';
-import { map, filter, tap, switchMap as switchMap$1, skip, take, shareReplay, catchError as catchError$1, finalize, first } from 'rxjs/operators';
-import { merge, isEmpty, flatten, sortBy, map as map$2, omit, isEqual, uniqBy, transform, cloneDeep, uniq } from 'lodash';
+import { BehaviorSubject, tap as tap$1, switchMap, map as map$1, noop, catchError, throwError, of, forkJoin, Subject, filter as filter$1, zip, combineLatest, skip as skip$1, finalize, takeUntil, shareReplay as shareReplay$1, 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';
 import * as i6 from '@veloceapps/components';
 import { ToastType, ConfirmationComponent, ConfirmationDialogModule } from '@veloceapps/components';
 import { HttpErrorResponse } from '@angular/common/http';
@@ -173,6 +173,9 @@ class FlowInfoService {
         this.templatesApiService = templatesApiService;
         this.customizationService = customizationService;
         this.templates = {};
+        this.defaultTemplates = {
+            flowEngine: 'Flow Engine',
+        };
         this.flowSubj$ = new BehaviorSubject(null);
         this.flow$ = this.flowSubj$.asObservable();
     }
@@ -196,7 +199,7 @@ class FlowInfoService {
             this.templatesApiService.fetchTemplates$(),
             this.customizationService?.getTemplates?.() ?? of([]),
         ]).pipe(map$1(([templates, localTemplates]) => {
-            Object.entries(flow.properties.templates).forEach(([key, name]) => {
+            Object.entries({ ...this.defaultTemplates, ...flow.properties.templates }).forEach(([key, name]) => {
                 const type = this.remapTemplateName(key);
                 if (type) {
                     this.templates[type] =
@@ -207,6 +210,12 @@ class FlowInfoService {
         }));
     }
     remapTemplateName(templateType) {
+        switch (templateType) {
+            case 'flowEngine':
+                return UITemplateType.FLOW_ENGINE;
+            default:
+                break;
+        }
         switch (templateType) {
             case 'assets':
             case 'shoppingCart':
@@ -221,8 +230,9 @@ class FlowInfoService {
             case 'flowHeader':
                 return UITemplateType.FLOW_HEADER;
             default:
-                return;
+                break;
         }
+        return undefined;
     }
 }
 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 });
@@ -764,6 +774,7 @@ class FlowStateService {
         this.stateId$ = new BehaviorSubject(null);
         this.processors = {};
         this.subscriptions = {};
+        this.cleanup$ = new Subject();
         /*
           In stateless mode watch QuoteDraft changes and call executeRequest so that
           all subscriptions get their updates according to updated QuoteDraft
@@ -773,12 +784,14 @@ class FlowStateService {
             .subscribe();
     }
     init$() {
-        if (this.getFlowSafe().properties.stateful) {
-            return this.initStateful$();
-        }
-        else {
-            return this.initStateless$();
-        }
+        return this.initProcessors$().pipe(switchMap(() => {
+            if (this.getFlowSafe().properties.stateful) {
+                return this.initStateful$();
+            }
+            else {
+                return this.initStateless$();
+            }
+        }));
     }
     cleanup() {
         Object.values(this.subscriptions).forEach(({ data$ }) => data$.complete());
@@ -788,6 +801,7 @@ class FlowStateService {
             this.stateId$.next(null);
         }
         this.processors = {};
+        this.cleanup$.next();
     }
     isInitialized$() {
         return combineLatest([this.stateId$, this.quoteDraftService.isInitialized$]).pipe(map$1(values => values.some(Boolean)));
@@ -827,7 +841,7 @@ class FlowStateService {
         });
         return this.executeRequest$(request).pipe(map$1(response => response.selectors[requestId]));
     }
-    subscribe$(scope, selectorName, inputData) {
+    subscribe$(scope, selectorName, inputData, options) {
         const inputDataHash = UUID.hex(JSON.stringify(inputData)).slice(0, 8);
         const requestId = `${scope}/${selectorName}/${inputDataHash}`;
         if (!this.subscriptions[requestId]) {
@@ -843,9 +857,15 @@ class FlowStateService {
                 request,
                 data$: new BehaviorSubject(this.NOT_INITIALIZED),
             };
-            this.executeRequest$({}).subscribe();
+            if (!options?.cold) {
+                this.executeRequest$(request).subscribe();
+            }
         }
-        return this.subscriptions[requestId].data$.pipe(filter$1(data => data != this.NOT_INITIALIZED), map$1(data => data));
+        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];
+            }
+        }));
     }
     save$() {
         if (this.getFlowSafe().properties.stateful) {
@@ -902,40 +922,53 @@ class FlowStateService {
         };
     }
     executeRequest$(request) {
-        const fullRequest = {
-            ...request,
-            selectors: {
-                ...request.selectors,
-                ...Object.values(this.subscriptions).reduce((trunk, subscription) => {
-                    return {
-                        ...trunk,
-                        ...subscription.request.selectors,
-                    };
-                }, {}),
-            },
-        };
+        const fullRequest = cloneDeep(request);
+        if (fullRequest.actions?.length) {
+            for (const subscription of Object.values(this.subscriptions)) {
+                fullRequest.selectors = assign(fullRequest.selectors, subscription.request.selectors);
+            }
+        }
         const execution$ = this.getFlowSafe().properties.stateful
             ? this.executeStateful$(fullRequest)
             : this.executeStateless$(fullRequest);
-        return execution$.pipe(tap$1(result => {
-            Object.entries(result.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);
-                }
-            });
-        }));
+        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);
+            }
+        });
     }
     initStateful$() {
-        return this.getLocalProcessors$().pipe(switchMap(processors => this.flowStateApiService.init({
+        // Subscriptions
+        this.subscribe$(UITemplateType.FLOW_ENGINE, 'GET_CONTEXT', null, { cold: true })
+            .pipe(tap$1(response => {
+            if (response.success) {
+                this.contextService.update(response.result);
+            }
+        }), takeUntil(this.cleanup$))
+            .subscribe();
+        const processorsList = flatten(Object.values(this.processors).map(ownerMap => Object.values(ownerMap ?? {})));
+        const processors = processorsList.length ? processorsList : undefined;
+        const selectors = Object.values(this.subscriptions)
+            .map(({ request }) => request.selectors)
+            .filter(isDefined)
+            .reduce((trunk, selectors) => ({ ...trunk, ...selectors }), {});
+        return this.flowStateApiService
+            .init({
             quoteId: this.contextService.resolve().headerId,
             params: this.flowInfoService.params ?? {},
             actionsOverride: processors?.filter(processor => processor.type === ConfigurationProcessorTypes.ACTION),
             selectorsOverride: processors?.filter(processor => processor.type === ConfigurationProcessorTypes.SELECTOR),
-        })), map$1(({ stateId }) => {
+            selectors,
+        })
+            .pipe(map$1(({ stateId, selectors }) => {
+            this.handleSelectorsResponse(selectors);
             this.stateId$.next(stateId);
         }));
     }
@@ -1011,6 +1044,12 @@ class FlowStateService {
         return this.flowInfoService.flow;
     }
     initProcessors$() {
+        const hasOverrides = Boolean(this.customizationService?.getTemplateConfigurationProcessors);
+        const flow = this.getFlowSafe();
+        if (flow.properties.stateful && !hasOverrides) {
+            // Skip initialization as backend will take processors from SF
+            return of(undefined);
+        }
         const owners$ = Object.values(this.flowInfoService.templates)
             .map(template => {
             if (!template) {
@@ -1028,18 +1067,6 @@ class FlowStateService {
             .filter(isDefined);
         return forkJoin(owners$).pipe(map$1(noop));
     }
-    getLocalProcessors$() {
-        const processorsPerTemplate$ = Object.values(this.flowInfoService.templates).map(template => this.customizationService?.getTemplateConfigurationProcessors?.(template.name) ?? of(null));
-        return forkJoin(processorsPerTemplate$).pipe(map$1(processors => {
-            const definedProcessors = processors.filter(isDefined);
-            if (definedProcessors.length) {
-                return flatten(definedProcessors);
-            }
-            else {
-                return null;
-            }
-        }));
-    }
     executeActionScript(request, executable) {
         const script = this.processors[executable.ownerId]?.[executable.apiName]?.script;
         if (!script) {
@@ -1306,7 +1333,7 @@ class ConfigurationService {
                 this.showInactiveProductsConfirmation();
             }
             this.configurableRamp = lineItem;
-        }), map(({ lineItem }) => lineItem), catchError$1(error => throwError(() => new Error(error.error?.message || error.message || JSON.stringify(error)))), finalize(() => this.isLoadingSubj$.next(false)));
+        }), map(({ lineItem }) => lineItem), catchError$1(error => throwError(() => new Error(error.error?.message || error.message || JSON.stringify(error)))), finalize$1(() => this.isLoadingSubj$.next(false)));
     }
     configureExternal$(props) {
         return this.runtimeService
@@ -1314,7 +1341,7 @@ class ConfigurationService {
             .pipe(switchMap$1(() => this.configure()), first(), catchError$1(error => {
             this.messageService.add({ severity: ToastType.error, summary: error });
             throw error;
-        }), finalize(() => this.reset()));
+        }), finalize$1(() => this.reset()));
     }
     configureGuidedSelling$(data) {
         return this.configurationApiService