@veloceapps/sdk 8.0.0-107 → 8.0.0-109

package/fesm2015/veloceapps-sdk-cms.mjs

@@ -1,11 +1,11 @@
 import * as i2 from '@veloceapps/sdk/core';
 import { IntegrationState, ConfigurationService, ConfigurationState, QuoteDraftService, FlowConfigurationService, FlowStateService, LineItemWorker, ProductImagesService, ContextService, RuntimeSettingsService, MetricsCalculationService, ActionCodePipe, DatePipe, NumberPipe, PricePipe, lineItemUtils, generateLineItem, getAttributeValue, SdkPipesModule, SdkCoreModule, UI_DEFINITION_VERSION } from '@veloceapps/sdk/core';
 export { IntegrationState } from '@veloceapps/sdk/core';
-import { __decorate, __param, __metadata, __rest } from 'tslib';
+import { __decorate, __param, __metadata, __awaiter, __rest } from 'tslib';
 import * as i0 from '@angular/core';
 import { InjectionToken, Component, ChangeDetectionStrategy, Inject, Injector, Injectable, ViewContainerRef, SkipSelf, ViewChild, Input, ViewEncapsulation, NgModule, inject, ElementRef, Directive, ApplicationRef, createComponent, EventEmitter, createNgModule } from '@angular/core';
 import * as rxjs from 'rxjs';
-import { BehaviorSubject, Subject, map, distinctUntilChanged, of, tap, switchMap, startWith, takeUntil, combineLatest, catchError, ReplaySubject, noop, filter, take, Observable } from 'rxjs';
+import { BehaviorSubject, Subject, map, distinctUntilChanged, of, tap, switchMap, startWith, takeUntil, combineLatest, catchError, ReplaySubject, noop, filter, take, Observable, from } from 'rxjs';
 import * as i3 from '@veloceapps/components';
 import { ToastType, LetDirectiveModule, LoaderModule, ToastService, HiddenTextTooltipModule, ErrorTooltipModule } from '@veloceapps/components';
 import lodash, { compact, cloneDeep, isArray, pull, merge, omit, flatten, kebabCase, set } from 'lodash';
@@ -22,8 +22,8 @@ import { ScrollingModule } from '@angular/cdk/scrolling';
 import * as angularForms from '@angular/forms';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as rxjsOperators from 'rxjs/operators';
-import { transform } from '@babel/standalone';
 import * as sass from 'sass';
+import { transform } from '@babel/standalone';
 import { loadRemoteModule } from '@angular-architects/module-federation';
 
 var FlowAction;
@@ -1022,9 +1022,12 @@ class PreviewComponent {
         this.startPreview();
     }
     ngOnDestroy() {
+        var _a;
         this.destroy$.next();
         this.destroy$.complete();
-        this.configurationState.cleanup();
+        if (!((_a = this.config) === null || _a === void 0 ? void 0 : _a.persistConfigurationState)) {
+            this.configurationState.cleanup();
+        }
         this.runtimeService.clear();
     }
     trackBy(_, el) {
@@ -1974,6 +1977,39 @@ function getElementAngularIOs(names) {
     }, []);
 }
 
+class ElementMetadataWorker {
+    constructor(elements) {
+        this.elements = elements;
+    }
+    get$() {
+        return from((() => __awaiter(this, void 0, void 0, function* () { return this.processAsync(this.elements); }))());
+    }
+    processAsync(elements) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const result = [];
+            yield this.processLevelAsync(elements, result);
+            return result;
+        });
+    }
+    processLevelAsync(elements, metadata, parentPath) {
+        return __awaiter(this, void 0, void 0, function* () {
+            for (const el of elements) {
+                const elMetadata = yield this.elementToMetadataAsync(el, parentPath);
+                metadata.push(elMetadata);
+                yield this.processLevelAsync(el.children, elMetadata.children, elMetadata.path);
+            }
+        });
+    }
+    elementToMetadataAsync(el, parentPath) {
+        return new Promise(resolve => {
+            setTimeout(() => {
+                const metadata = elementToMetadata({ script: el.script, template: el.template, styles: el.styles, children: [] }, parentPath);
+                resolve(metadata);
+            });
+        });
+    }
+}
+
 class ConfigurationPlugin {
     constructor(host) {
         var _a, _b;
@@ -2079,6 +2115,57 @@ const DEFAULT_PLUGINS = {
     DEFAULT: [],
 };
 
+class TranspilationWorker {
+    constructor(elements) {
+        this.elements = elements;
+    }
+    get$() {
+        return from((() => __awaiter(this, void 0, void 0, function* () { return this.transpileScriptsAsync(this.elements); }))());
+    }
+    get() {
+        return this.transpileScripts(this.elements);
+    }
+    transpileScripts(elements) {
+        return elements.map(el => (Object.assign(Object.assign({}, el), { script: this.transpile(el), children: this.transpileScripts(el.children) })));
+    }
+    transpileScriptsAsync(elements) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const result = [];
+            yield this.processLevelAsync(elements, result);
+            return result;
+        });
+    }
+    processLevelAsync(elements, result) {
+        return __awaiter(this, void 0, void 0, function* () {
+            for (const el of elements) {
+                const elMetadata = yield this.transpileMetadataAsync(el);
+                result.push(elMetadata);
+                yield this.processLevelAsync(el.children, elMetadata.children);
+            }
+        });
+    }
+    transpileMetadataAsync(el) {
+        return new Promise(resolve => {
+            setTimeout(() => {
+                const result = Object.assign(Object.assign({}, el), { script: this.transpile(el), children: [] });
+                resolve(result);
+            });
+        });
+    }
+    transpile(el) {
+        var _a;
+        if (!el.script) {
+            return;
+        }
+        const transformed = transform(el.script, {
+            filename: el.name + '.ts',
+            presets: ['typescript'],
+            sourceMaps: 'inline',
+        });
+        return (_a = transformed.code) !== null && _a !== void 0 ? _a : undefined;
+    }
+}
+
 class ElementsResolver {
     constructor(uiDef, elements, sharedElements = [], config) {
         var _a;
@@ -2086,12 +2173,10 @@ class ElementsResolver {
         this.config = config;
         this.renderableElements = [];
         this.sharedElements = [];
-        const transpiledElements = this.transpileScripts(elements);
-        const transpiledSharedElements = this.transpileScripts(sharedElements);
-        this.sharedElements = this.flattenElements(transpiledElements)
+        this.sharedElements = this.flattenElements(elements)
             .filter(el => this.isSharedElement(el))
-            .concat(transpiledSharedElements);
-        this.elements = transpiledElements.map(el => this.processElementMetadata(el)).filter(isDefined);
+            .concat(sharedElements);
+        this.elements = elements.map(el => this.processElementMetadata(el)).filter(isDefined);
         this.renderableElements = this.getRenderableElements(this.elements);
         this.uiDefMetadata = Object.assign(Object.assign({}, this.uiDef), { customization: (_a = this.uiDef.customization) !== null && _a !== void 0 ? _a : this.getDefaultCustomizationState() });
     }
@@ -2099,28 +2184,13 @@ class ElementsResolver {
         if (element.isShared) {
             return;
         }
-        const transpiledElements = this.transpileScripts([element]);
+        const transpiledElements = new TranspilationWorker([element]).get();
         this.elements = transpiledElements.map(el => this.processElementMetadata(el)).filter(isDefined);
         this.renderableElements = this.getRenderableElements(this.elements);
     }
     getNgComponents() {
         return [...this.renderableElements, ...this.sharedElements].filter(isDefined).reduce((trunk, el) => (Object.assign(Object.assign({}, trunk), { [el.path]: this.resolveElement(el) })), {});
     }
-    transpile(el) {
-        var _a;
-        if (!el.script) {
-            return;
-        }
-        const transformed = transform(el.script, {
-            filename: el.name + '.ts',
-            presets: ['typescript'],
-            sourceMaps: 'inline',
-        });
-        return (_a = transformed.code) !== null && _a !== void 0 ? _a : undefined;
-    }
-    transpileScripts(elements) {
-        return elements.map(el => (Object.assign(Object.assign({}, el), { script: this.transpile(el), children: this.transpileScripts(el.children) })));
-    }
     flattenElements(elements) {
         return flatten(elements.map(el => [el, ...this.flattenElements(el.children)]));
     }
@@ -2390,13 +2460,13 @@ class CompilationService {
     }
     compileUIDefinition$(uiDefinition, config) {
         return of([]).pipe(map(() => {
-            var _a, _b;
             const { children, pages, components } = uiDefinition, uiDefinitionMeta = __rest(uiDefinition, ["children", "pages", "components"]);
             this.uiDefinitionMeta = uiDefinitionMeta;
             const elements = [...(children !== null && children !== void 0 ? children : []), ...(pages !== null && pages !== void 0 ? pages : [])];
             const sharedElements = components !== null && components !== void 0 ? components : [];
-            const metadata = elements.map(element => elementToMetadata(element));
-            const sharedMetadata = sharedElements.map(element => elementToMetadata(element));
+            return [elements, sharedElements];
+        }), switchMap(elementsChunks => combineLatest(elementsChunks.map(chunk => new ElementMetadataWorker(chunk).get$()))), switchMap(dataChunks => combineLatest(dataChunks.map(chunk => new TranspilationWorker(chunk).get$()))), map(([metadata, sharedMetadata]) => {
+            var _a, _b;
             this.elementsResolver = new ElementsResolver(uiDefinition, metadata, sharedMetadata, config);
             const componentTypes = this.elementsResolver.getNgComponents();
             const module = this.getModule(componentTypes);
@@ -2566,5 +2636,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ApplyProductConfigurationAction, CloseDocGenAction, CmsAction, ConfigureProductAction, DEFAULT_ELEMENT, DEFAULT_PLUGINS_TOKEN, ELEMENT_CONFIG, ELEMENT_METADATA, ElementComponent, ElementDefinition, ElementsResolver, FlowAction, LAYOUT, LauncherModule, MigrationsModule, MigrationsService, NavigateBackAction, NavigateToCatalogAction, OpenDocGenAction, PreviewComponent, PreviewModule, RemoteApplyAction, RemoteCancelAction, ResourcesService, RuntimeEditorService, RuntimeModule, RuntimeService, SHARED_ELEMENT_METADATA, STARTING_PAGE_LAYOUT, STARTING_PAGE_NAME, STARTING_PAGE_STYLES, STARTING_PAGE_TYPE, SwitchObjectAction, TemplatesService, UI_DEFINITION_METADATA, UiBuildError, atobSafe, btoaSafe, constructPage, constructPageChildren, constructRegion, doesElementSupportIO, elementToMetadata, extendElementMetadata, extractElementMetadata, findElementByModule, findElementByPath, flattenElements, getAbsolutePath, getElementAngularIOs, getElementConfig, insertElement, isElementAngularIO, isSharedElement, isValidScript, metadataToElement, normalizeElementMetadata, parseBoundPath, parsePath, removeElement, stringifyElementMetadata, toElementAngularIO };
+export { ApplyProductConfigurationAction, CloseDocGenAction, CmsAction, ConfigureProductAction, DEFAULT_ELEMENT, DEFAULT_PLUGINS_TOKEN, ELEMENT_CONFIG, ELEMENT_METADATA, ElementComponent, ElementDefinition, ElementMetadataWorker, ElementsResolver, FlowAction, LAYOUT, LauncherModule, MigrationsModule, MigrationsService, NavigateBackAction, NavigateToCatalogAction, OpenDocGenAction, PreviewComponent, PreviewModule, RemoteApplyAction, RemoteCancelAction, ResourcesService, RuntimeEditorService, RuntimeModule, RuntimeService, SHARED_ELEMENT_METADATA, STARTING_PAGE_LAYOUT, STARTING_PAGE_NAME, STARTING_PAGE_STYLES, STARTING_PAGE_TYPE, SwitchObjectAction, TemplatesService, TranspilationWorker, UI_DEFINITION_METADATA, UiBuildError, atobSafe, btoaSafe, constructPage, constructPageChildren, constructRegion, doesElementSupportIO, elementToMetadata, extendElementMetadata, extractElementMetadata, findElementByModule, findElementByPath, flattenElements, getAbsolutePath, getElementAngularIOs, getElementConfig, insertElement, isElementAngularIO, isSharedElement, isValidScript, metadataToElement, normalizeElementMetadata, parseBoundPath, parsePath, removeElement, stringifyElementMetadata, toElementAngularIO };
 //# sourceMappingURL=veloceapps-sdk-cms.mjs.map