@veloceapps/sdk 2.0.6 → 2.0.8

package/bundles/veloce-sdk-cms.umd.js

@@ -577,6 +577,65 @@
                 type: i0.Injectable
             }] });
 
+    var IOPlugin = /** @class */ (function () {
+        function IOPlugin(host) {
+            var _this = this;
+            var _a, _b;
+            this.host = host;
+            var elementMetadata = this.host.injector.get(ELEMENT_METADATA);
+            var inputProvider = this.host.injector.get(IOProviderService);
+            var inputs = Object.entries((_a = elementMetadata.inputs) !== null && _a !== void 0 ? _a : {});
+            var outputs = Object.entries((_b = elementMetadata.outputs) !== null && _b !== void 0 ? _b : {});
+            inputs.forEach(function (_c) {
+                var _d = __read(_c, 2), key = _d[0], path = _d[1];
+                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(function (_c) {
+                var _d = __read(_c, 2), key = _d[0], path = _d[1];
+                if (path && typeof path !== 'string') {
+                    console.error("The value of '" + key + "' output should be a string");
+                }
+                _this.host[key] = inputProvider.provide(elementMetadata, key, path);
+            });
+        }
+        return IOPlugin;
+    }());
+    IOPlugin.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IOPlugin, deps: [{ token: exports.ElementComponent }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    IOPlugin.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: IOPlugin, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IOPlugin, decorators: [{
+                type: i0.Directive
+            }], ctorParameters: function () { return [{ type: exports.ElementComponent }]; } });
+
+    var CONFIG = {
+        CUSTOM: {
+            component: exports.ElementComponent,
+            plugins: [IOPlugin],
+        },
+        CONTAINER: {
+            component: exports.ElementComponent,
+            defaultTemplate: '<element-children></element-children>',
+            plugins: [],
+        },
+        SERVICE: {
+            component: exports.ElementComponent,
+            plugins: [IOPlugin],
+            suppressTemplate: true,
+            suppressStyles: true,
+        },
+        REFERENCE: {
+            component: exports.ElementComponent,
+            plugins: [IOPlugin],
+            suppressTemplate: true,
+        },
+    };
+
     var EXPORTED_CLASS_REGEX = /export class (\S+)/;
     var METADATA_DECORATOR_REGEX = /@ElementDefinition\(([\s\S]+)\)(\n|.)*export class/g;
     var elementToMetadata = function (el, parentPath) {
@@ -586,7 +645,7 @@
         var styles = el.styles && window.atob(el.styles);
         var exportedClassName = script && ((_a = EXPORTED_CLASS_REGEX.exec(script)) !== null && _a !== void 0 ? _a : [])[1];
         if (!exportedClassName) {
-            console.error("Script doesn't have exported class");
+            throw new Error("Script doesn't have exported class");
         }
         var elementMetadata = extractElementMetadata(script || '');
         var path = (parentPath ? parentPath + '/' : '') + elementMetadata.name;
@@ -595,17 +654,21 @@
     var metadataToElement = function (metadata) {
         var elMetadata = {
             name: metadata.name,
+            isShared: metadata.isShared,
             type: metadata.type,
             model: metadata.model,
             module: metadata.module,
             reference: metadata.reference,
             inputs: metadata.inputs,
             outputs: metadata.outputs,
-            children: metadata.children.map(function (_b) {
-                var name = _b.name;
+            children: metadata.children.map(function (_c) {
+                var name = _c.name;
                 return name;
             }),
         };
+        if (!metadata.script || !EXPORTED_CLASS_REGEX.test(metadata.script)) {
+            throw new Error("'" + metadata.name + "' element script doesn't have exported class");
+        }
         var script = metadata.script &&
             window.btoa(metadata.script.replace(EXPORTED_CLASS_REGEX, "@ElementDefinition(" + JSON.stringify(elMetadata) + ") export class Script"));
         var template = metadata.template && window.btoa(metadata.template);
@@ -635,6 +698,13 @@
         var updated = Object.assign(Object.assign({}, eval("(" + metadataString + ")")), extend);
         return script.replace(metadataString, JSON.stringify(updated));
     };
+    var getElementConfig = function (type) {
+        return CONFIG[type];
+    };
+    var doesElementSupportIO = function (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;
+    };
 
     var ElementContextService = /** @class */ (function () {
         function ElementContextService() {
@@ -854,11 +924,14 @@
             this.apiService = apiService;
             this.contextService = contextService;
             this.runtimeContextService = runtimeContextService;
-            this._isInitialized = new rxjs.BehaviorSubject(false);
+            this._isInitialized = false;
             this.uiDefinitionProperties = {};
         }
         ConfigurationRuntimeService.prototype.reset = function () {
-            this._isInitialized.next(false);
+            this._isInitialized = false;
+            this._runtimeContext = undefined;
+            this._assets = undefined;
+            this.uiDefinitionProperties = {};
         };
         ConfigurationRuntimeService.prototype.initTestMode = function (modelId, uiDefinitionProperties) {
             var _this = this;
@@ -875,7 +948,7 @@
                     runtimeMode: i2.RuntimeMode.TEST,
                 };
                 _this._runtimeContext = runtimeContext;
-                _this._isInitialized.next(true);
+                _this._isInitialized = true;
             }));
         };
         ConfigurationRuntimeService.prototype.init = function (props) {
@@ -896,7 +969,7 @@
                     });
                 }
                 _this._runtimeContext = mergeContext;
-                _this._isInitialized.next(true);
+                _this._isInitialized = true;
             }));
         };
         ConfigurationRuntimeService.prototype.patchContext = function (context, patch) {
@@ -905,16 +978,9 @@
         ConfigurationRuntimeService.prototype.getAsset = function (lineItem) {
             return this._assets && this._assets.find(function (a) { return a.id === lineItem.openOrderLineItemId || a.id === lineItem.assetId; });
         };
-        Object.defineProperty(ConfigurationRuntimeService.prototype, "isInitialized$", {
-            get: function () {
-                return this._isInitialized.asObservable();
-            },
-            enumerable: false,
-            configurable: true
-        });
         Object.defineProperty(ConfigurationRuntimeService.prototype, "isInitialized", {
             get: function () {
-                return this._isInitialized.getValue();
+                return this._isInitialized;
             },
             enumerable: false,
             configurable: true
@@ -953,6 +1019,12 @@
             this.lineItem = new rxjs.BehaviorSubject(undefined);
             this.charges = new rxjs.BehaviorSubject({});
         }
+        ConfigurationService.prototype.reset = function () {
+            this.runtimeService.reset();
+            this.states = {};
+            this.lineItem.next(undefined);
+            this.charges.next({});
+        };
         ConfigurationService.prototype.patch = function (lineItem) {
             var _this = this;
             if (!this.lineItem.value) {
@@ -1376,6 +1448,8 @@
         metadataToElement: metadataToElement,
         extractElementMetadata: extractElementMetadata,
         extendElementMetadata: extendElementMetadata,
+        getElementConfig: getElementConfig,
+        doesElementSupportIO: doesElementSupportIO,
         parseBoundPath: parseBoundPath,
         findLineItem: findLineItem,
         insertLineItem: insertLineItem,
@@ -1453,65 +1527,9 @@
         DEFAULT: [ScriptPlugin],
     };
 
-    var IOPlugin = /** @class */ (function () {
-        function IOPlugin(host) {
-            var _this = this;
-            var _a, _b;
-            this.host = host;
-            var elementMetadata = this.host.injector.get(ELEMENT_METADATA);
-            var inputProvider = this.host.injector.get(IOProviderService);
-            var inputs = Object.entries((_a = elementMetadata.inputs) !== null && _a !== void 0 ? _a : {});
-            var outputs = Object.entries((_b = elementMetadata.outputs) !== null && _b !== void 0 ? _b : {});
-            inputs.forEach(function (_c) {
-                var _d = __read(_c, 2), key = _d[0], path = _d[1];
-                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(function (_c) {
-                var _d = __read(_c, 2), key = _d[0], path = _d[1];
-                if (path && typeof path !== 'string') {
-                    console.error("The value of '" + key + "' output should be a string");
-                }
-                _this.host[key] = inputProvider.provide(elementMetadata, key, path);
-            });
-        }
-        return IOPlugin;
-    }());
-    IOPlugin.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IOPlugin, deps: [{ token: exports.ElementComponent }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    IOPlugin.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: IOPlugin, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IOPlugin, decorators: [{
-                type: i0.Directive
-            }], ctorParameters: function () { return [{ type: exports.ElementComponent }]; } });
-
-    var CONFIG = {
-        CUSTOM: {
-            component: exports.ElementComponent,
-            plugins: [IOPlugin],
-        },
-        CONTAINER: {
-            component: exports.ElementComponent,
-            template: '<element-children></element-children>',
-            plugins: [IOPlugin],
-        },
-        SERVICE: {
-            component: exports.ElementComponent,
-            plugins: [IOPlugin],
-        },
-        REFERENCE: {
-            component: exports.ElementComponent,
-            plugins: [IOPlugin],
-        },
-    };
-
     var ElementsResolver = /** @class */ (function () {
         function ElementsResolver(uiDef, elements) {
-            var e_1, _b;
+            var e_1, _c;
             this.uiDef = uiDef;
             this.renderableElements = [];
             this.sharedElements = [];
@@ -1531,7 +1549,7 @@
             catch (e_1_1) { e_1 = { error: e_1_1 }; }
             finally {
                 try {
-                    if (flatElements_1_1 && !flatElements_1_1.done && (_b = flatElements_1.return)) _b.call(flatElements_1);
+                    if (flatElements_1_1 && !flatElements_1_1.done && (_c = flatElements_1.return)) _c.call(flatElements_1);
                 }
                 finally { if (e_1) throw e_1.error; }
             }
@@ -1557,7 +1575,7 @@
             return lodash.flatten(elements.map(function (el) { return __spreadArray([el], __read(_this.flattenElements(el.children))); }));
         };
         ElementsResolver.prototype.isSharedElement = function (el) {
-            return Boolean(el.reference) && el.type !== 'REFERENCE';
+            return Boolean(el.isShared) && el.type !== 'REFERENCE';
         };
         ElementsResolver.prototype.getSharedElement = function (element) {
             if (element.type !== 'REFERENCE') {
@@ -1565,19 +1583,36 @@
             }
             return this.sharedElements.find(function (el) { return element.reference === el.name; });
         };
-        ElementsResolver.prototype.processElementMetadata = function (element, sharedElement) {
-            if (element.type === 'REFERENCE') {
+        ElementsResolver.prototype.resolveElementTemplate = function (element) {
+            var config = CONFIG[element.type];
+            var template = !config.suppressTemplate ? element.template : '';
+            return template || config.defaultTemplate || '';
+        };
+        ElementsResolver.prototype.resolveElementStyles = function (element) {
+            var _a;
+            var config = CONFIG[element.type];
+            return !config.suppressStyles ? (_a = element.styles) !== null && _a !== void 0 ? _a : '' : '';
+        };
+        ElementsResolver.prototype.processElementMetadata = function (sourceElement) {
+            var _a, _b;
+            var sharedElement = this.getSharedElement(sourceElement);
+            var 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;
         };
         ElementsResolver.prototype.resolveElement = function (sourceElement) {
-            var sharedElement = this.getSharedElement(sourceElement);
-            var element = this.processElementMetadata(sourceElement, sharedElement);
+            var element = this.processElementMetadata(sourceElement);
             if (!element) {
                 return;
             }
@@ -1587,11 +1622,11 @@
                 console.warn("Unknown element type \"" + element.type + "\"");
                 return;
             }
-            var component = Object.assign(Object.assign({ selector: 'vl-element', template: element.template || config.template || '' }, (element.styles ? { styles: [element.styles] } : {})), { providers: [
+            var 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 },
                 ] });
             var cmp = i0.Component(component)(/** @class */ (function (_super) {
@@ -1829,7 +1864,7 @@
         PreviewComponent.prototype.ngOnDestroy = function () {
             this.destroy$.next();
             this.destroy$.complete();
-            this.runtimeService.reset();
+            this.configurationService.reset();
         };
         PreviewComponent.prototype.initializeConfiguration$ = function () {
             var _this = this;
@@ -1848,13 +1883,23 @@
                 .initTestMode(this.modelId, uiDefinitionProps)
                 .pipe(rxjs.switchMap(function () { return _this.configurationService.configure(); }));
         };
+        PreviewComponent.prototype.elementToMetadataSafe = function (elements) {
+            try {
+                return elements.map(function (element) { return elementToMetadata(element); });
+            }
+            catch (e) {
+                console.error(e);
+                this.messageService.add({ severity: 'error', summary: String(e) });
+                return [];
+            }
+        };
         PreviewComponent.prototype.startPreview = function () {
             var _this = this;
             if (!this.uiDefinition) {
                 return;
             }
             var _a = this.uiDefinition, children = _a.children, uiDefinitionMeta = __rest(_a, ["children"]);
-            this.elements = children.map(function (child) { return elementToMetadata(child); });
+            this.elements = this.elementToMetadataSafe(children);
             var compilation$ = this.launcherService.compileModule(this.elements, uiDefinitionMeta);
             rxjs.forkJoin([compilation$, this.initializeConfiguration$()])
                 .pipe(rxjs.tap(function () { return _this.state$.next({ loading: false, failure: false }); }), rxjs.catchError(function (error) {
@@ -2007,6 +2052,7 @@
     exports.SHARED_ELEMENT_METADATA = SHARED_ELEMENT_METADATA;
     exports.TemplatesService = TemplatesService;
     exports.UI_DEFINITION_METADATA = UI_DEFINITION_METADATA;
+    exports.doesElementSupportIO = doesElementSupportIO;
     exports.elementToMetadata = elementToMetadata;
     exports.extendElementMetadata = extendElementMetadata;
     exports.extractElementMetadata = extractElementMetadata;
@@ -2015,6 +2061,7 @@
     exports.getAttributeValue = getAttributeValue;
     exports.getAttributes = getAttributes;
     exports.getDefaultLineItem = getDefaultLineItem;
+    exports.getElementConfig = getElementConfig;
     exports.getRecommendedPrices = getRecommendedPrices;
     exports.insertLineItem = insertLineItem;
     exports.mapAttributes = mapAttributes;