@veloceapps/sdk 2.0.5 → 2.0.7

package/fesm2015/veloce-sdk-cms.js

@@ -1,6 +1,6 @@
 import { __decorate, __param, __awaiter, __rest } from 'tslib';
 import * as i0 from '@angular/core';
-import { InjectionToken, Component, ChangeDetectionStrategy, Inject, Injector, Injectable, ViewContainerRef, SkipSelf, ViewChild, Input, Directive, EventEmitter, TemplateRef, Output, NgModule } from '@angular/core';
+import { InjectionToken, Component, ChangeDetectionStrategy, Inject, Injector, Injectable, Directive, ViewContainerRef, SkipSelf, ViewChild, Input, EventEmitter, TemplateRef, Output, NgModule } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { BehaviorSubject, combineLatest, of, shareReplay, throwError, Subject, takeUntil, map as map$1, from, tap as tap$1, switchMap, forkJoin, catchError as catchError$1 } from 'rxjs';
 import * as i7 from '@angular/common';
@@ -220,6 +220,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             type: Injectable
         }] });
 
+class IOPlugin {
+    constructor(host) {
+        var _a, _b;
+        this.host = host;
+        const elementMetadata = this.host.injector.get(ELEMENT_METADATA);
+        const inputProvider = this.host.injector.get(IOProviderService);
+        const inputs = Object.entries((_a = elementMetadata.inputs) !== null && _a !== void 0 ? _a : {});
+        const outputs = Object.entries((_b = elementMetadata.outputs) !== null && _b !== void 0 ? _b : {});
+        inputs.forEach(([key, path]) => {
+            var _a;
+            if (path && typeof path !== 'string') {
+                console.error(`The value of '${key}' input should be a string`);
+            }
+            if (((_a = elementMetadata.outputs) === null || _a === void 0 ? void 0 : _a[key]) !== undefined) {
+                console.warn(`'${key}' appears both in inputs and outputs. To prevent inconsistent behavior please keep them unique `);
+            }
+            this.host[key] = inputProvider.connect(elementMetadata, key, path);
+        });
+        outputs.forEach(([key, path]) => {
+            if (path && typeof path !== 'string') {
+                console.error(`The value of '${key}' output should be a string`);
+            }
+            this.host[key] = inputProvider.provide(elementMetadata, key, path);
+        });
+    }
+}
+IOPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IOPlugin, deps: [{ token: ElementComponent }], target: i0.ɵɵFactoryTarget.Directive });
+IOPlugin.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: IOPlugin, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IOPlugin, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: ElementComponent }]; } });
+
+const CONFIG = {
+    CUSTOM: {
+        component: ElementComponent,
+        plugins: [IOPlugin],
+    },
+    CONTAINER: {
+        component: ElementComponent,
+        defaultTemplate: '<element-children></element-children>',
+        plugins: [],
+    },
+    SERVICE: {
+        component: ElementComponent,
+        plugins: [IOPlugin],
+        suppressTemplate: true,
+        suppressStyles: true,
+    },
+    REFERENCE: {
+        component: ElementComponent,
+        plugins: [IOPlugin],
+    },
+};
+
 const EXPORTED_CLASS_REGEX = /export class (\S+)/;
 const METADATA_DECORATOR_REGEX = /@ElementDefinition\(([\s\S]+)\)(\n|.)*export class/g;
 const elementToMetadata = (el, parentPath) => {
@@ -276,6 +330,13 @@ const extendElementMetadata = (script, extend) => {
     const updated = Object.assign(Object.assign({}, eval(`(${metadataString})`)), extend);
     return script.replace(metadataString, JSON.stringify(updated));
 };
+const getElementConfig = (type) => {
+    return CONFIG[type];
+};
+const doesElementSupportIO = (type) => {
+    var _a, _b;
+    return (_b = (_a = getElementConfig(type).plugins) === null || _a === void 0 ? void 0 : _a.includes(IOPlugin)) !== null && _b !== void 0 ? _b : false;
+};
 
 class ElementContextService {
 }
@@ -470,7 +531,13 @@ class ConfigurationRuntimeService {
         this.apiService = apiService;
         this.contextService = contextService;
         this.runtimeContextService = runtimeContextService;
-        this._isInitialized = new BehaviorSubject(false);
+        this._isInitialized = false;
+        this.uiDefinitionProperties = {};
+    }
+    reset() {
+        this._isInitialized = false;
+        this._runtimeContext = undefined;
+        this._assets = undefined;
         this.uiDefinitionProperties = {};
     }
     initTestMode(modelId, uiDefinitionProperties) {
@@ -486,7 +553,7 @@ class ConfigurationRuntimeService {
                 runtimeMode: RuntimeMode.TEST,
             };
             this._runtimeContext = runtimeContext;
-            this._isInitialized.next(true);
+            this._isInitialized = true;
         }));
     }
     init(props) {
@@ -506,7 +573,7 @@ class ConfigurationRuntimeService {
                 });
             }
             this._runtimeContext = mergeContext;
-            this._isInitialized.next(true);
+            this._isInitialized = true;
         }));
     }
     patchContext(context, patch) {
@@ -515,11 +582,8 @@ class ConfigurationRuntimeService {
     getAsset(lineItem) {
         return this._assets && this._assets.find(a => a.id === lineItem.openOrderLineItemId || a.id === lineItem.assetId);
     }
-    get isInitialized$() {
-        return this._isInitialized.asObservable();
-    }
     get isInitialized() {
-        return this._isInitialized.getValue();
+        return this._isInitialized;
     }
     get runtimeModel() {
         var _a;
@@ -546,6 +610,12 @@ class ConfigurationService {
         this.lineItem = new BehaviorSubject(undefined);
         this.charges = new BehaviorSubject({});
     }
+    reset() {
+        this.runtimeService.reset();
+        this.states = {};
+        this.lineItem.next(undefined);
+        this.charges.next({});
+    }
     patch(lineItem) {
         if (!this.lineItem.value) {
             return;
@@ -926,6 +996,8 @@ var vlCmsUtils = /*#__PURE__*/Object.freeze({
     metadataToElement: metadataToElement,
     extractElementMetadata: extractElementMetadata,
     extendElementMetadata: extendElementMetadata,
+    getElementConfig: getElementConfig,
+    doesElementSupportIO: doesElementSupportIO,
     parseBoundPath: parseBoundPath,
     findLineItem: findLineItem,
     insertLineItem: insertLineItem,
@@ -1003,58 +1075,6 @@ const DEFAULT_PLUGINS = {
     DEFAULT: [ScriptPlugin],
 };
 
-class IOPlugin {
-    constructor(host) {
-        var _a, _b;
-        this.host = host;
-        const elementMetadata = this.host.injector.get(ELEMENT_METADATA);
-        const inputProvider = this.host.injector.get(IOProviderService);
-        const inputs = Object.entries((_a = elementMetadata.inputs) !== null && _a !== void 0 ? _a : {});
-        const outputs = Object.entries((_b = elementMetadata.outputs) !== null && _b !== void 0 ? _b : {});
-        inputs.forEach(([key, path]) => {
-            var _a;
-            if (path && typeof path !== 'string') {
-                console.error(`The value of '${key}' input should be a string`);
-            }
-            if (((_a = elementMetadata.outputs) === null || _a === void 0 ? void 0 : _a[key]) !== undefined) {
-                console.warn(`'${key}' appears both in inputs and outputs. To prevent inconsistent behavior please keep them unique `);
-            }
-            this.host[key] = inputProvider.connect(elementMetadata, key, path);
-        });
-        outputs.forEach(([key, path]) => {
-            if (path && typeof path !== 'string') {
-                console.error(`The value of '${key}' output should be a string`);
-            }
-            this.host[key] = inputProvider.provide(elementMetadata, key, path);
-        });
-    }
-}
-IOPlugin.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IOPlugin, deps: [{ token: ElementComponent }], target: i0.ɵɵFactoryTarget.Directive });
-IOPlugin.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: IOPlugin, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IOPlugin, decorators: [{
-            type: Directive
-        }], ctorParameters: function () { return [{ type: ElementComponent }]; } });
-
-const CONFIG = {
-    CUSTOM: {
-        component: ElementComponent,
-        plugins: [IOPlugin],
-    },
-    CONTAINER: {
-        component: ElementComponent,
-        template: '<element-children></element-children>',
-        plugins: [IOPlugin],
-    },
-    SERVICE: {
-        component: ElementComponent,
-        plugins: [IOPlugin],
-    },
-    REFERENCE: {
-        component: ElementComponent,
-        plugins: [IOPlugin],
-    },
-};
-
 class ElementsResolver {
     constructor(uiDef, elements) {
         this.uiDef = uiDef;
@@ -1096,21 +1116,38 @@ class ElementsResolver {
         if (element.type !== 'REFERENCE') {
             return;
         }
-        return this.sharedElements.find(el => element.reference === el.name);
+        return this.sharedElements.find(el => element.reference === el.reference);
+    }
+    resolveElementTemplate(element) {
+        const config = CONFIG[element.type];
+        const template = !config.suppressTemplate ? element.template : '';
+        return template || config.defaultTemplate || '';
+    }
+    resolveElementStyles(element) {
+        var _a;
+        const config = CONFIG[element.type];
+        return !config.suppressStyles ? (_a = element.styles) !== null && _a !== void 0 ? _a : '' : '';
     }
-    processElementMetadata(element, sharedElement) {
-        if (element.type === 'REFERENCE') {
+    processElementMetadata(sourceElement) {
+        var _a, _b;
+        const sharedElement = this.getSharedElement(sourceElement);
+        let finalElement;
+        if (sourceElement.type === 'REFERENCE') {
             if (!sharedElement) {
-                console.warn(`Shared element "${element.reference}" not found`);
+                console.warn(`Shared element "${sourceElement.reference}" not found`);
                 return;
             }
-            return Object.assign(Object.assign({}, element), { type: sharedElement.type, template: sharedElement.template, styles: sharedElement.styles, inputs: Object.assign(Object.assign({}, sharedElement.inputs), element.inputs), outputs: Object.assign(Object.assign({}, sharedElement.outputs), element.outputs) });
+            finalElement = Object.assign(Object.assign({}, sourceElement), { type: sharedElement.type, template: sharedElement.template, styles: ((_a = sharedElement.styles) !== null && _a !== void 0 ? _a : '') + '\n' + ((_b = sourceElement.styles) !== null && _b !== void 0 ? _b : ''), inputs: Object.assign(Object.assign({}, sharedElement.inputs), sourceElement.inputs), outputs: Object.assign(Object.assign({}, sharedElement.outputs), sourceElement.outputs) });
         }
-        return element;
+        else {
+            finalElement = sourceElement;
+        }
+        finalElement.template = this.resolveElementTemplate(finalElement);
+        finalElement.styles = this.resolveElementStyles(finalElement);
+        return finalElement;
     }
     resolveElement(sourceElement) {
-        const sharedElement = this.getSharedElement(sourceElement);
-        const element = this.processElementMetadata(sourceElement, sharedElement);
+        const element = this.processElementMetadata(sourceElement);
         if (!element) {
             return;
         }
@@ -1120,11 +1157,11 @@ class ElementsResolver {
             console.warn(`Unknown element type "${element.type}"`);
             return;
         }
-        const component = Object.assign(Object.assign({ selector: 'vl-element', template: element.template || config.template || '' }, (element.styles ? { styles: [element.styles] } : {})), { providers: [
+        const component = Object.assign(Object.assign({ selector: 'vl-element', template: element.template }, (element.styles ? { styles: [element.styles] } : {})), { providers: [
                 { provide: DEFAULT_PLUGINS_TOKEN, useValue: defaultPlugins },
                 { provide: UI_DEFINITION_METADATA, useValue: this.uiDef },
                 { provide: ELEMENT_METADATA, useValue: element },
-                { provide: SHARED_ELEMENT_METADATA, useValue: sharedElement },
+                { provide: SHARED_ELEMENT_METADATA, useValue: this.getSharedElement(sourceElement) },
                 { provide: ELEMENT_CONFIG, useValue: config },
             ] });
         const cmp = Component(component)(class C extends config.component {
@@ -1324,6 +1361,7 @@ class PreviewComponent {
     ngOnDestroy() {
         this.destroy$.next();
         this.destroy$.complete();
+        this.configurationService.reset();
     }
     initializeConfiguration$() {
         var _a;
@@ -1469,5 +1507,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ConfigurationRuntimeService, ConfigurationService, DEFAULT_PLUGINS_TOKEN, ELEMENT_CONFIG, ELEMENT_METADATA, ElementComponent, ElementDefinition, LauncherModule, LauncherService, LineItemWorker, PreviewComponent, PreviewModule, SHARED_ELEMENT_METADATA, TemplatesService, UI_DEFINITION_METADATA, elementToMetadata, extendElementMetadata, extractElementMetadata, findLineItem, generateLineItem, getAttributeValue, getAttributes, getDefaultLineItem, getRecommendedPrices, insertLineItem, mapAttributes, metadataToElement, parseBoundPath, patchAttributes, removeLineItem, replaceLineItem, upsertAttributes };
+export { ConfigurationRuntimeService, ConfigurationService, DEFAULT_PLUGINS_TOKEN, ELEMENT_CONFIG, ELEMENT_METADATA, ElementComponent, ElementDefinition, LauncherModule, LauncherService, LineItemWorker, PreviewComponent, PreviewModule, SHARED_ELEMENT_METADATA, TemplatesService, UI_DEFINITION_METADATA, doesElementSupportIO, elementToMetadata, extendElementMetadata, extractElementMetadata, findLineItem, generateLineItem, getAttributeValue, getAttributes, getDefaultLineItem, getElementConfig, getRecommendedPrices, insertLineItem, mapAttributes, metadataToElement, parseBoundPath, patchAttributes, removeLineItem, replaceLineItem, upsertAttributes };
 //# sourceMappingURL=veloce-sdk-cms.js.map