@colijnit/product 1.9.3 → 1.9.5

package/fesm5/colijnit-product.js

@@ -1,16 +1,33 @@
 import { __decorate, __awaiter, __generator, __spread } from 'tslib';
 import { Input, Component, ɵɵdefineInjectable, Injectable, ɵɵinject, Output, Directive, ChangeDetectorRef, ViewChild, ElementRef, HostListener, HostBinding, Renderer2, SecurityContext, Pipe, EventEmitter, ViewEncapsulation, NgModule, CUSTOM_ELEMENTS_SCHEMA, APP_INITIALIZER } from '@angular/core';
 import { ButtonModule, IconModule, NumberPickerModule, InputTextModule, FilesUploadModule, LoaderModule, ScrollContainerModule, TileModule, LevelIndicatorModule, PriceDisplayPipeModule, ArticleTileModule } from '@colijnit/corecomponents';
-import { CoDocument } from '@colijnit//ioneconnector/build/model/co-document';
-import { Options } from '@colijnit//ioneconnector/build/model/options';
+import { CoDocument } from '@colijnit/mainapi/build/model/co-document';
 import { Subject, BehaviorSubject } from 'rxjs';
-import { Connector } from '@colijnit//ioneconnector';
+import { Options } from '@colijnit/ioneconnector/build/model/options';
+import { ArticleFullObject } from '@colijnit/articleapi/build/model/article-full-object';
+import { SuperArticle } from '@colijnit/articleapi/build/model/super-article';
+import { Articles } from '@colijnit/articleapi/build/articles';
+import { DeliveryPrognosis } from '@colijnit/articleapi/build/model/delivery-prognosis';
+import { DocumentContent } from '@colijnit/articleapi/build/model/document-content';
+import { BusinessObjectFactory } from '@colijnit/ioneconnector/build/service/business-object-factory';
 import { HttpClient } from '@angular/common/http';
-import { ConfiguratorStatisticsEnvironment } from '@colijnit/ioneconnector/build/model/configurator-statistics-environment';
+import { StringUtils } from '@colijnit/ioneconnector/build/utils/string-utils';
 import { DomSanitizer } from '@angular/platform-browser';
 import { trigger, state, style, transition, animate } from '@angular/animations';
+import { ConfiguratorStatisticsEnvironment } from '@colijnit/articleapi/build/model/configurator-statistics-environment';
 import { CommonModule } from '@angular/common';
 
+// this file is dynamically created, do not change this
+var Version = /** @class */ (function () {
+    function Version() {
+        this.name = "@colijnit/product";
+        this.description = "Product detail page project for iOne";
+        this.symVer = "1.9.5";
+        this.publishDate = "21-6-2023 11:47:53";
+    }
+    return Version;
+}());
+
 var ProductDescriptionComponent = /** @class */ (function () {
     function ProductDescriptionComponent() {
     }
@@ -31,57 +48,188 @@ var ProductDescriptionComponent = /** @class */ (function () {
 
 // Sole responsibility is simply to wrap around a colijn.Connector to create a stable inner interface to the library in a 1:1 method way.
 // Only to be used by the IOneControllerService.
-var IOneConnectorAdapterService = /** @class */ (function () {
-    function IOneConnectorAdapterService() {
+var ProductConnectorAdapterService = /** @class */ (function () {
+    function ProductConnectorAdapterService() {
         this.showLoader = new Subject();
+        this._boFactory = new BusinessObjectFactory();
     }
-    IOneConnectorAdapterService.prototype.ngOnDestroy = function () {
-        this.connector.showLoader.unsubscribe();
+    ProductConnectorAdapterService.prototype.ngOnDestroy = function () {
+        this.articleConnector.showLoader.unsubscribe();
     };
-    IOneConnectorAdapterService.prototype.initConnector = function (options) {
+    ProductConnectorAdapterService.prototype.initConnector = function (options) {
         var _this = this;
-        this.connector = new Connector(options);
-        options.session = this.connector.session;
-        this.connector.showLoader.subscribe(function (value) { return _this.showLoader.next(value); });
+        this.articleConnector = new Articles(options);
+        options.session = this.articleConnector.session;
+        this.articleConnector.showLoader.subscribe(function (value) { return _this.showLoader.next(value); });
     };
-    IOneConnectorAdapterService.prototype.setInstance = function (instanceId) {
-        this.connector.setInstanceToConfigure(instanceId, false);
+    ProductConnectorAdapterService.prototype.setInstance = function (instanceId) {
+        // this.articleConnector.setInstanceToConfigure(instanceId, false);
     };
-    IOneConnectorAdapterService.prototype.getDeliveryPrognosis = function (goodId) {
-        return this.connector.getDeliveryPrognosisForArticle(goodId);
+    ProductConnectorAdapterService.prototype.getDeliveryPrognosis = function (goodId, branchNr) {
+        return __awaiter(this, void 0, void 0, function () {
+            var deliveryPrognosis;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.getSelectorDeliveryDate()];
+                    case 1:
+                        deliveryPrognosis = _a.sent();
+                        if (!deliveryPrognosis || !deliveryPrognosis.returnValue) {
+                            return [2 /*return*/, this.getDeliveryDate2(goodId)];
+                        }
+                        return [2 /*return*/, deliveryPrognosis];
+                }
+            });
+        });
     };
-    IOneConnectorAdapterService.prototype.getArticleGroupImages = function () {
-        return this.connector.getArticleGroupImages();
+    ProductConnectorAdapterService.prototype.getSelectorDeliveryDate = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var response;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.articleConnector.getSelectorDeliveryDate()];
+                    case 1:
+                        response = _a.sent();
+                        if (response && response.validationResult && response.validationResult.success) {
+                            return [2 /*return*/, this._boFactory.makeWithRawBackendData(DeliveryPrognosis, response.resultObject)];
+                        }
+                        else {
+                            return [2 /*return*/, null];
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
     };
-    IOneConnectorAdapterService.prototype.getTurnoverGroupImages = function () {
-        return this.connector.getTurnoverGroupImages();
+    ProductConnectorAdapterService.prototype.getDeliveryDate2 = function (goodId) {
+        return __awaiter(this, void 0, void 0, function () {
+            var response;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.articleConnector.getDeliveryDate2(goodId)];
+                    case 1:
+                        response = _a.sent();
+                        if (response && response.validationResult && response.validationResult.success) {
+                            return [2 /*return*/, this._boFactory.makeWithRawBackendData(DeliveryPrognosis, response.resultObject)];
+                        }
+                        else {
+                            return [2 /*return*/, null];
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
     };
-    IOneConnectorAdapterService.prototype.getSuperArticleImages = function () {
-        return this.connector.getSuperArticleImages();
+    ProductConnectorAdapterService.prototype.getJsonConfiguredArticles = function (configuratorStatistics) {
+        return __awaiter(this, void 0, void 0, function () {
+            var response;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.articleConnector.getJsonConfiguredArticles(configuratorStatistics)];
+                    case 1:
+                        response = _a.sent();
+                        if (response && response.validationResult && response.validationResult.success) {
+                            return [2 /*return*/, response.resultObject];
+                        }
+                        else {
+                            return [2 /*return*/, ''];
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
     };
-    IOneConnectorAdapterService.prototype.getJsonConfiguredArticles = function (configuratorStatistics) {
-        return this.connector.getJsonConfiguredArticles(configuratorStatistics);
+    ProductConnectorAdapterService.prototype.getJsonArticleFlatTree = function (goodId, goodType, quantity, showLoader, instanceId, configuratorStatistics) {
+        if (showLoader === void 0) { showLoader = true; }
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, this.articleConnector.getJsonArticleFlatTree(goodId, goodType, quantity, showLoader, instanceId, configuratorStatistics)];
+            });
+        });
     };
-    IOneConnectorAdapterService.prototype.getJsonArticleFlatTree = function (goodId) {
-        return this.connector.getJsonArticleFlatTree(goodId);
+    ProductConnectorAdapterService.prototype.getGoodIdFromArticleNr = function (sku) {
+        return __awaiter(this, void 0, void 0, function () {
+            var response;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.articleConnector.getGoodIdFromArticleNr(sku)];
+                    case 1:
+                        response = _a.sent();
+                        if (response && response.validationResult && response.validationResult.success) {
+                            return [2 /*return*/, response.resultObject];
+                        }
+                        else {
+                            return [2 /*return*/, null];
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
     };
-    IOneConnectorAdapterService.prototype.getFullArticle = function (skuOrId) {
-        return this.connector.getFullArticle(skuOrId);
+    ProductConnectorAdapterService.prototype.getArticleFullObject = function (goodId) {
+        return __awaiter(this, void 0, void 0, function () {
+            var response;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.articleConnector.getArticleFullObject(goodId)];
+                    case 1:
+                        response = _a.sent();
+                        if (response && response.validationResult && response.validationResult.success) {
+                            return [2 /*return*/, this._boFactory.makeWithRawBackendData(ArticleFullObject, response.resultObject)];
+                        }
+                        else {
+                            return [2 /*return*/, null];
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
     };
-    IOneConnectorAdapterService.prototype.getSuperArticle = function (id) {
-        return this.connector.getSuperArticle(id);
+    ProductConnectorAdapterService.prototype.getSuperArticle = function (id, branch) {
+        return __awaiter(this, void 0, void 0, function () {
+            var response;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.articleConnector.getSuperArticleQuickSel(id, branch)];
+                    case 1:
+                        response = _a.sent();
+                        if (response && response.validationResult && response.validationResult.success) {
+                            return [2 /*return*/, this._boFactory.makeWithRawBackendData(SuperArticle, response.resultObject)];
+                        }
+                        else {
+                            return [2 /*return*/, null];
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
     };
-    IOneConnectorAdapterService.prototype.getDocumentContent = function (docId, thumbnail) {
+    ProductConnectorAdapterService.prototype.getDocumentContent = function (docId, thumbnail) {
         if (thumbnail === void 0) { thumbnail = true; }
-        return this.connector.getDocumentContent(docId, thumbnail);
+        return __awaiter(this, void 0, void 0, function () {
+            var response;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.articleConnector.getDocumentContent(docId, thumbnail)];
+                    case 1:
+                        response = _a.sent();
+                        if (response && response.validationResult && response.validationResult.success) {
+                            return [2 /*return*/, this._boFactory.makeWithRawBackendData(DocumentContent, response.resultObject)];
+                        }
+                        else {
+                            return [2 /*return*/, null];
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
     };
-    IOneConnectorAdapterService.ɵprov = ɵɵdefineInjectable({ factory: function IOneConnectorAdapterService_Factory() { return new IOneConnectorAdapterService(); }, token: IOneConnectorAdapterService, providedIn: "root" });
-    IOneConnectorAdapterService = __decorate([
+    ProductConnectorAdapterService.ɵprov = ɵɵdefineInjectable({ factory: function ProductConnectorAdapterService_Factory() { return new ProductConnectorAdapterService(); }, token: ProductConnectorAdapterService, providedIn: "root" });
+    ProductConnectorAdapterService = __decorate([
         Injectable({
             providedIn: 'root'
         })
-    ], IOneConnectorAdapterService);
-    return IOneConnectorAdapterService;
+    ], ProductConnectorAdapterService);
+    return ProductConnectorAdapterService;
 }());
 
 var JsonUtilsService = /** @class */ (function () {
@@ -130,64 +278,6 @@ var LanguageCode;
     LanguageCode["French"] = "fr-FR";
 })(LanguageCode || (LanguageCode = {}));
 
-var StringUtils = /** @class */ (function () {
-    function StringUtils() {
-    }
-    /**
-     * Returns a new string where given placeholder in given source string are replaced by given replacement texts.
-     *
-     * Example usage:
-     *
-     * source = "ABCDABCD"
-     * placeholder = "BC"
-     * replacementTexts = "Z", "Z" (REST arguments)
-     * OUTPUT = "AZDAZD"
-     *
-     * @param {string} source
-     * @param {string} placeholder
-     * @param {string} replacementTexts If only one is given, this function replaces all placeholders with that single replacementText.
-     * If more are given, placeholders without a corresponding replacementText will remain their original placeholder characters.
-     */
-    StringUtils.ReplaceOccurrencesIn = function (source, placeholder) {
-        var replacementTexts = [];
-        for (var _i = 2; _i < arguments.length; _i++) {
-            replacementTexts[_i - 2] = arguments[_i];
-        }
-        // parameter guards
-        if (!(source)) {
-            return undefined;
-        }
-        if (!placeholder || replacementTexts.length === 0) {
-            return source;
-        }
-        var outString = source;
-        // one replacementText means replace for all
-        if (replacementTexts.length === 1) {
-            // "g" is the g flag to replace globally
-            outString = outString.replace(new RegExp(this._escapeRegExp(placeholder), "g"), replacementTexts[0]);
-        }
-        else {
-            // replace occurence i by replacementTexts[i], one at a time in loop (there might be a faster way..)
-            for (var i = 0, len = replacementTexts.length; i < len; i++) {
-                outString = outString.replace(placeholder, replacementTexts[i]);
-            }
-        }
-        return outString;
-    };
-    StringUtils.IsString = function (str) {
-        return typeof str === 'string';
-    };
-    // Returns whether given str is a string and has a length > 0.
-    StringUtils.IsStringWithLength = function (str) {
-        return str && StringUtils.IsString(str) && str.length > 0;
-    };
-    // Returns given string, escaped for use as string literal in regular expressions.
-    StringUtils._escapeRegExp = function (str) {
-        return str; // .replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^$\|]/g, "\\$&");
-    };
-    return StringUtils;
-}());
-
 var Dictionary = /** @class */ (function () {
     function Dictionary() {
         this.strings = {
@@ -383,13 +473,13 @@ var Settings = /** @class */ (function () {
     return Settings;
 }());
 
-var SettingsService = /** @class */ (function () {
-    function SettingsService(_jsonUtilsService, _dictionaryService) {
+var ProductSettingsService = /** @class */ (function () {
+    function ProductSettingsService(_jsonUtilsService, _dictionaryService) {
         this._jsonUtilsService = _jsonUtilsService;
         this._dictionaryService = _dictionaryService;
         this.settingsLoaded = new BehaviorSubject(false);
     }
-    Object.defineProperty(SettingsService.prototype, "settings", {
+    Object.defineProperty(ProductSettingsService.prototype, "settings", {
         get: function () {
             return this._settings;
         },
@@ -399,7 +489,7 @@ var SettingsService = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
-    SettingsService.prototype.initializeSettings = function () {
+    ProductSettingsService.prototype.initializeSettings = function () {
         return __awaiter(this, void 0, void 0, function () {
             var jsonSettings;
             return __generator(this, function (_a) {
@@ -409,9 +499,11 @@ var SettingsService = /** @class */ (function () {
                         return [4 /*yield*/, this._jsonUtilsService.readJsonFile('product-settings.json')];
                     case 1:
                         jsonSettings = _a.sent();
-                        this.settings = Object.assign(new Settings(), jsonSettings);
-                        this.settings.options = Object.assign(new SettingsOptions(), this.settings.options);
-                        this.settingsFinished();
+                        if (jsonSettings) {
+                            this.settings = Object.assign(new Settings(), jsonSettings);
+                            this.settings.options = Object.assign(new SettingsOptions(), this.settings.options);
+                            this.settingsFinished();
+                        }
                         return [3 /*break*/, 3];
                     case 2:
                         this.settings = Object.assign(new Settings(), settings);
@@ -423,7 +515,7 @@ var SettingsService = /** @class */ (function () {
             });
         });
     };
-    SettingsService.prototype.createSettingsFromObject = function (obj) {
+    ProductSettingsService.prototype.createSettingsFromObject = function (obj) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 if (!this.settings) {
@@ -511,7 +603,7 @@ var SettingsService = /** @class */ (function () {
             });
         });
     };
-    SettingsService.prototype.settingsFinished = function () {
+    ProductSettingsService.prototype.settingsFinished = function () {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
@@ -524,45 +616,41 @@ var SettingsService = /** @class */ (function () {
             });
         });
     };
-    SettingsService.ctorParameters = function () { return [
+    ProductSettingsService.ctorParameters = function () { return [
         { type: JsonUtilsService },
         { type: DictionaryService }
     ]; };
-    SettingsService = __decorate([
-        Injectable()
-    ], SettingsService);
-    return SettingsService;
+    ProductSettingsService.ɵprov = ɵɵdefineInjectable({ factory: function ProductSettingsService_Factory() { return new ProductSettingsService(ɵɵinject(JsonUtilsService), ɵɵinject(DictionaryService)); }, token: ProductSettingsService, providedIn: "root" });
+    ProductSettingsService = __decorate([
+        Injectable({
+            providedIn: 'root'
+        })
+    ], ProductSettingsService);
+    return ProductSettingsService;
 }());
 
 // Holds all iONE backend related state and methods for a running HomeDecorator. To be used anywhere internally.
-var IOneControllerService = /** @class */ (function () {
-    function IOneControllerService(connector, _settingsService) {
+var ProductConnectorService = /** @class */ (function () {
+    function ProductConnectorService(connector, _settingsService) {
         this.connector = connector;
         this._settingsService = _settingsService;
         this.controllerInitialized = new BehaviorSubject(false);
         this._initializing = false;
         this._initialized = false;
-        this.defaultDevTestOptions = new Options();
+        this.connectorOptions = new Options();
         this.subs = [];
     }
-    Object.defineProperty(IOneControllerService.prototype, "article", {
-        get: function () {
-            return this._article;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IOneControllerService.prototype, "shouldShowLoader", {
+    Object.defineProperty(ProductConnectorService.prototype, "shouldShowLoader", {
         get: function () {
             return this._shouldShowLoader;
         },
         enumerable: true,
         configurable: true
     });
-    IOneControllerService.prototype.ngOnDestroy = function () {
+    ProductConnectorService.prototype.ngOnDestroy = function () {
         this.subs.forEach(function (sub) { return sub.unsubscribe(); });
     };
-    IOneControllerService.prototype.initDefaultDevelopTestConnection = function () {
+    ProductConnectorService.prototype.initDefaultDevelopTestConnection = function () {
         return __awaiter(this, void 0, void 0, function () {
             var settings;
             return __generator(this, function (_a) {
@@ -575,18 +663,20 @@ var IOneControllerService = /** @class */ (function () {
                     if (!settings) {
                         throw Error('Settings are not defined!');
                     }
-                    this.defaultDevTestOptions.url = settings.url;
-                    this.defaultDevTestOptions.schema = settings.schema;
-                    this.defaultDevTestOptions.version = settings.version;
-                    this.defaultDevTestOptions.branch = settings.branch;
-                    this.defaultDevTestOptions.username = settings.username;
-                    this.defaultDevTestOptions.password = settings.password;
-                    this.defaultDevTestOptions.currencyId = settings.currency;
-                    this.defaultDevTestOptions.useGroups = settings.useGroups;
-                    this.defaultDevTestOptions.useRenders = settings.useRenders;
-                    this.defaultDevTestOptions.useLoginEncryption = settings.useEncryption;
-                    this.connector.initConnector(this.defaultDevTestOptions);
-                    this._settingsService.settings.session = this.defaultDevTestOptions.session;
+                    this.connectorOptions.url = settings.url;
+                    this.connectorOptions.schema = settings.schema;
+                    this.connectorOptions.version = settings.version;
+                    this.connectorOptions.branch = settings.branch;
+                    this.connectorOptions.username = settings.username;
+                    this.connectorOptions.password = settings.password;
+                    this.connectorOptions.session = settings.session;
+                    this.connectorOptions.currencyId = settings.currency;
+                    this.connectorOptions.useGroups = settings.useGroups;
+                    this.connectorOptions.useRenders = settings.useRenders;
+                    this.connectorOptions.useLoginEncryption = settings.useEncryption;
+                    this.connectorOptions.languageCode = settings.languageCode;
+                    this.connector.initConnector(this.connectorOptions);
+                    this._settingsService.settings.session = this.connectorOptions.session;
                     this.controllerInitialized.next(true);
                     this._initialized = true;
                     this._initializing = false;
@@ -598,64 +688,67 @@ var IOneControllerService = /** @class */ (function () {
             });
         });
     };
-    IOneControllerService.prototype.setInstance = function (instanceId) {
+    ProductConnectorService.prototype.setInstance = function (instanceId) {
         this.connector.setInstance(instanceId);
     };
-    IOneControllerService.prototype.getFullArticle = function (skuOrId) {
-        return this.connector.getFullArticle(skuOrId);
+    ProductConnectorService.prototype.getFullArticle = function (sku) {
+        return __awaiter(this, void 0, void 0, function () {
+            var goodId;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.connector.getGoodIdFromArticleNr(sku)];
+                    case 1:
+                        goodId = _a.sent();
+                        if (goodId) {
+                            return [2 /*return*/, this.connector.getArticleFullObject(goodId)];
+                        }
+                        return [2 /*return*/, null];
+                }
+            });
+        });
     };
-    IOneControllerService.prototype.getDocumentContent = function (docId, thumbnail) {
+    ProductConnectorService.prototype.getDocumentContent = function (docId, thumbnail) {
         if (thumbnail === void 0) { thumbnail = true; }
         return this.connector.getDocumentContent(docId, thumbnail);
     };
-    IOneControllerService.prototype.getDeliveryPrognosis = function (goodId) {
+    ProductConnectorService.prototype.getDeliveryPrognosis = function (goodId) {
         return this.connector.getDeliveryPrognosis(goodId);
     };
-    // will be called in future
-    IOneControllerService.prototype.getArticleGroupImages = function () {
-        return this.connector.getArticleGroupImages();
-    };
-    IOneControllerService.prototype.getTurnoverGroupImages = function () {
-        return this.connector.getTurnoverGroupImages();
+    ProductConnectorService.prototype.getSelectorDeliveryDate = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, this.connector.getSelectorDeliveryDate()];
+            });
+        });
     };
-    // will be called in future
-    IOneControllerService.prototype.getSuperArticleImages = function () {
-        return this.connector.getSuperArticleImages();
+    ProductConnectorService.prototype.getDeliveryDate2 = function (goodId) {
+        return this.connector.getDeliveryDate2(goodId);
     };
-    IOneControllerService.prototype.getSuperArticle = function (id) {
+    ProductConnectorService.prototype.getSuperArticle = function (id) {
         return this.connector.getSuperArticle(id);
     };
-    IOneControllerService.prototype.getJsonConfiguredArticles = function () {
-        var configuratorStatistics = new ConfiguratorStatisticsEnvironment();
-        configuratorStatistics.userType = 'iOneProductPage';
-        configuratorStatistics.transactionType = 'Sales';
-        configuratorStatistics.actionDomain = 'bundle';
-        configuratorStatistics.sessionId = this._settingsService.settings.session ? this._settingsService.settings.session.sessionId : 'unknown';
-        configuratorStatistics.webHost = window.location.host;
-        configuratorStatistics.bundleHost = window.location.host;
-        return this.connector.getJsonConfiguredArticles(configuratorStatistics);
-    };
-    IOneControllerService.prototype.getJsonArticleFlatTree = function (goodId) {
-        return this.connector.getJsonArticleFlatTree(goodId);
+    ProductConnectorService.prototype.getJsonArticleFlatTree = function (goodId, goodType, quantity, showLoader, instanceId, configuratorStatistics) {
+        if (showLoader === void 0) { showLoader = true; }
+        return this.connector.getJsonArticleFlatTree(goodId, goodType, quantity, showLoader, instanceId, configuratorStatistics);
     };
-    IOneControllerService.prototype.onShowLoaderChange = function (showLoader) {
+    ProductConnectorService.prototype.onShowLoaderChange = function (showLoader) {
         this._shouldShowLoader = showLoader;
     };
-    IOneControllerService.ctorParameters = function () { return [
-        { type: IOneConnectorAdapterService },
-        { type: SettingsService }
+    ProductConnectorService.ctorParameters = function () { return [
+        { type: ProductConnectorAdapterService },
+        { type: ProductSettingsService }
     ]; };
-    IOneControllerService.ɵprov = ɵɵdefineInjectable({ factory: function IOneControllerService_Factory() { return new IOneControllerService(ɵɵinject(IOneConnectorAdapterService), ɵɵinject(SettingsService)); }, token: IOneControllerService, providedIn: "root" });
-    IOneControllerService = __decorate([
+    ProductConnectorService.ɵprov = ɵɵdefineInjectable({ factory: function ProductConnectorService_Factory() { return new ProductConnectorService(ɵɵinject(ProductConnectorAdapterService), ɵɵinject(ProductSettingsService)); }, token: ProductConnectorService, providedIn: "root" });
+    ProductConnectorService = __decorate([
         Injectable({
             providedIn: 'root'
         })
-    ], IOneControllerService);
-    return IOneControllerService;
+    ], ProductConnectorService);
+    return ProductConnectorService;
 }());
 
-var AppEventService = /** @class */ (function () {
-    function AppEventService() {
+var ProductEventService = /** @class */ (function () {
+    function ProductEventService() {
         this.onAddToCart = new Subject();
         this.onAlternativeClick = new Subject();
         this.onAddToQuote = new Subject();
@@ -669,26 +762,26 @@ var AppEventService = /** @class */ (function () {
         this.onArticleInfoReceived = new Subject();
         this.onUpdateProductInfoTab = new Subject();
     }
-    AppEventService.ɵprov = ɵɵdefineInjectable({ factory: function AppEventService_Factory() { return new AppEventService(); }, token: AppEventService, providedIn: "root" });
+    ProductEventService.ɵprov = ɵɵdefineInjectable({ factory: function ProductEventService_Factory() { return new ProductEventService(); }, token: ProductEventService, providedIn: "root" });
     __decorate([
         Output()
-    ], AppEventService.prototype, "onAddToCart", void 0);
+    ], ProductEventService.prototype, "onAddToCart", void 0);
     __decorate([
         Output()
-    ], AppEventService.prototype, "onAlternativeClick", void 0);
+    ], ProductEventService.prototype, "onAlternativeClick", void 0);
     __decorate([
         Output()
-    ], AppEventService.prototype, "onAddToQuote", void 0);
+    ], ProductEventService.prototype, "onAddToQuote", void 0);
     __decorate([
         Output()
-    ], AppEventService.prototype, "onForceRenderImage", void 0);
-    AppEventService = __decorate([
+    ], ProductEventService.prototype, "onForceRenderImage", void 0);
+    ProductEventService = __decorate([
         Directive(),
         Injectable({
             providedIn: 'root'
         })
-    ], AppEventService);
-    return AppEventService;
+    ], ProductEventService);
+    return ProductEventService;
 }());
 
 /** AUTO GENERATED FILE. DO NOT CHANGE.. **/
@@ -870,8 +963,10 @@ var ImageCarouselComponent = /** @class */ (function () {
         if (this._images) {
             this._images.forEach(function (i) {
                 if (!i.documentBody && !i.filePath) {
-                    _this._ione.getDocumentContent(i.documentId, false).then(function (body) {
-                        i.documentBody = body;
+                    _this._ione.getDocumentContent(i.documentId, false).then(function (content) {
+                        if (content) {
+                            i.documentBody = content.documentContent;
+                        }
                     });
                 }
             });
@@ -890,8 +985,8 @@ var ImageCarouselComponent = /** @class */ (function () {
         }
     };
     ImageCarouselComponent.ctorParameters = function () { return [
-        { type: IOneControllerService },
-        { type: AppEventService },
+        { type: ProductConnectorService },
+        { type: ProductEventService },
         { type: ChangeDetectorRef },
         { type: DomSanitizer },
         { type: IconCacheService }
@@ -959,12 +1054,15 @@ var ProductPageComponent = /** @class */ (function () {
         this.show3D = false;
         this.configuring = false;
         this.fullscreenAnimationEnd = false;
+        this.settingsLoaded = false;
         this._fullScreen = false;
         this._subs = [];
         this._subs.push(this.appEventService.onForceRenderImage.subscribe(function (x) {
             if (_this.selections.nativeElement) {
                 _this.selections.nativeElement.forceRenderImage();
             }
+        }), this.settingsService.settingsLoaded.subscribe(function (loaded) {
+            _this.settingsLoaded = loaded;
         }));
     }
     Object.defineProperty(ProductPageComponent.prototype, "sku", {
@@ -1063,11 +1161,11 @@ var ProductPageComponent = /** @class */ (function () {
                                 if (_this.configurable) {
                                     _this.currentView = SelectorType.TwoD;
                                 }
-                                _this.threeD = _this.article.homeBrandId !== undefined && _this.article.homeBrandId !== null;
+                                _this.threeD = _this.article.is3D;
                                 _this.selectorType = _this.article.selectorTypeCustomer;
                                 _this._ione.getDeliveryPrognosis(_this.article.goodId).then(function (stockInfo) {
                                     var stockAndDelivery = stockInfo;
-                                    _this.stockAndDelivery = new StockAndDelivery(stockAndDelivery.stock, stockAndDelivery.deliveryDescription);
+                                    _this.stockAndDelivery = new StockAndDelivery(0, stockAndDelivery.returnValue ? stockAndDelivery.returnValue : ' ');
                                     _this._changeDetector.detectChanges();
                                 });
                                 _this._changeDetector.detectChanges();
@@ -1081,12 +1179,12 @@ var ProductPageComponent = /** @class */ (function () {
         });
     };
     ProductPageComponent.ctorParameters = function () { return [
-        { type: IOneControllerService },
+        { type: ProductConnectorService },
         { type: Renderer2 },
         { type: ChangeDetectorRef },
         { type: IconCacheService },
-        { type: SettingsService },
-        { type: AppEventService }
+        { type: ProductSettingsService },
+        { type: ProductEventService }
     ]; };
     __decorate([
         ViewChild('configurator', { read: ElementRef })
@@ -1103,7 +1201,7 @@ var ProductPageComponent = /** @class */ (function () {
     ProductPageComponent = __decorate([
         Component({
             selector: 'app-product-page',
-            template: "<div class=\"page-wrapper\">\r\n  <div class=\"page-wrapper-content\">\r\n    <div class=\"page-wrapper-left\">\r\n      <div class=\"product-image-container\">\r\n        <div class=\"product-page-block-selector-type\">\r\n          <app-product-selector-type class=\"default-padding\"\r\n            [(currentType)]=\"currentView\"\r\n            [show2D]=\"configurable\"\r\n            [show3D]=\"threeD\"\r\n          ></app-product-selector-type>\r\n        </div>\r\n        <div class=\"product-page-block-image default-padding\" [class.full]=\"fullScreen\">\r\n          <app-image-carousel [@toggleVisibilityByState]=\"show2D ? 'show' : 'hide'\" [images]=\"article?.images\" [showRefresh]=\"configurable && threeD\"></app-image-carousel>\r\n          <threed-configurator #configurator class=\"threed-configurator\"\r\n                               [class.configurator-full-screen]=\"fullScreen\"\r\n                               [@toggleVisibilityByState]=\"show3D ? 'show' : 'hide'\"\r\n                               [@toggleFullScreen]=\"fullScreen ? 'fullscreen' : 'halfscreen'\"\r\n          ></threed-configurator>\r\n          <co-icon #fullscreenbutton class=\"fullscreen-button\" *ngIf=\"show3D\"\r\n                   [@toggleTopLeft]=\"fullScreen ? 'fullscreen' : 'halfscreen'\"\r\n                   [iconData]=\"iconCache.getIcon(fullScreenIcon)\"\r\n                   (click)=\"showFullScreen()\"></co-icon>\r\n          <co-icon class=\"threed-watermark\" *ngIf=\"show3D && fullScreen\"\r\n                   [iconData]=\"iconCache.getIcon(icon.Logo)\"></co-icon>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"page-wrapper-right\">\r\n      <div class=\"product-page-block-description\">\r\n        <app-product-description class=\"default-padding\" [article]=\"article\"></app-product-description>\r\n      </div>\r\n      <div class=\"product-page-block-additional\">\r\n        <div class=\"product-page-block-additional-description\">\r\n          <app-product-additional-description class=\"default-padding\" [article]=\"article\"></app-product-additional-description>\r\n        </div>\r\n        <div class=\"product-page-block-price\" [class.full]=\"configuring\">\r\n          <app-product-price class=\"s-padding\" *ngIf=\"!configuring\"\r\n                             [pricing]=\"article?.pricing\"\r\n                             [configurable]=\"configurable\"\r\n          ></app-product-price>\r\n          <threed-selections #selections class=\"threed-selections\" [class.show-selections]=\"configuring\" [@toggleFullScreenRight]=\"fullScreen ? 'fullscreen' : 'halfscreen'\"\r\n                             [class.default-padding]=\"!fullScreen\"\r\n                             [class.show-full-screen]=\"fullScreen\"\r\n                             [class.mini-scrollbar]=\"fullScreen\"\r\n                             [sku]=\"sku\"\r\n                             [settings]=\"settingsService.settings\"\r\n                             (onUserActionFromThreeD)=\"configuring = true\"\r\n                             (instanceSet)=\"setInstance($event)\"\r\n                             (onImageReceived)=\"appEventService.onImageReceived.next($event)\"\r\n                             (onRenderStarted)=\"appEventService.onRenderStarted.next()\"\r\n                             (onDraftRenderImageReceived)=\"appEventService.onDraftRenderImageReceived.next($event)\"\r\n                             (onArticleReceived)=\"appEventService.onArticleReceived.next($event.detail)\"\r\n                             (onSelectionsReceived)=\"appEventService.onSelectionsReceived.next($event.detail)\"\r\n                             (onArticleInfoReceived)=\"appEventService.onArticleInfoReceived.next($event.detail)\"\r\n          ></threed-selections>\r\n        </div>\r\n        <div class=\"product-page-block-addtocart no-padding product-action-buttons\" *ngIf=\"!configuring\" [@toggleTopRight]=\"fullScreen ? 'fullscreen' : 'halfscreen'\">\r\n          <app-product-addtocart\r\n                                 [configurable]=\"configurable\"\r\n                                 [configuring]=\"configuring\"\r\n                                 [article]=\"article\"\r\n                                 (startConfiguration)=\"handleStartConfiguration()\"\r\n          ></app-product-addtocart>\r\n        </div>\r\n        <div class=\"addtocart-reserved product-action-buttons\" *ngIf=\"configuring\" [class.full-screen]=\"fullScreen\">\r\n          <app-product-addtocart class=\"default-padding\"\r\n                                 [configurable]=\"false\"\r\n                                 [fullscreen]=\"fullScreen\"\r\n                                 [configuring]=\"configuring\"\r\n                                 [article]=\"article\"\r\n                                 (startConfiguration)=\"handleStartConfiguration()\"\r\n          ></app-product-addtocart>\r\n        </div>\r\n        <div class=\"product-page-block-variants\">\r\n          <app-product-related class=\"no-padding\" *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n                               [articles]=\"article?.relatedArticles\" [refType]=\"64\" [label]=\"'VARIANTS' | localize\"></app-product-related>\r\n        </div>\r\n        <div class=\"product-page-block-stock\">\r\n          <app-product-stock class=\"no-padding\" [stockAndDelivery]=\"stockAndDelivery\"></app-product-stock>\r\n        </div>\r\n        <div class=\"product-page-block-delivery\">\r\n          <app-product-delivery class=\"no-padding\" [stockAndDelivery]=\"stockAndDelivery\"></app-product-delivery>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"page-wrapper-content\">\r\n    <div class=\"page-wrapper-left\">\r\n      <app-product-info-tabs class=\"no-padding\" [article]=\"article\"></app-product-info-tabs>\r\n    </div>\r\n    <div class=\"page-wrapper-right\">\r\n      <div class=\"product-page-block-related s-padding\">\r\n          <app-product-related *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n                               [articles]=\"article?.relatedArticles\" [refType]=\"1\" [label]=\"'RELATED_PRODUCTS' | localize\"></app-product-related>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"page-wrapper-content no-top-margin\">\r\n    <div class=\"page-wrapper-full\">\r\n      <div class=\"product-page-block-alternatives s-padding\">\r\n        <app-product-related *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n                             [articles]=\"article?.relatedArticles\" [refType]=\"4\" [isSmallModus]=\"false\" [label]=\"'ALTERNATIVE_PRODUCTS' | localize\"></app-product-related>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+            template: "<div class=\"page-wrapper\">\r\n  <div class=\"page-wrapper-content\">\r\n    <div class=\"page-wrapper-left\">\r\n      <div class=\"product-image-container\">\r\n        <div class=\"product-page-block-selector-type\">\r\n          <app-product-selector-type class=\"default-padding\"\r\n            [(currentType)]=\"currentView\"\r\n            [show2D]=\"configurable\"\r\n            [show3D]=\"threeD\"\r\n          ></app-product-selector-type>\r\n        </div>\r\n        <div class=\"product-page-block-image default-padding\" [class.full]=\"fullScreen\">\r\n          <app-image-carousel [@toggleVisibilityByState]=\"show2D ? 'show' : 'hide'\" [images]=\"article?.images\" [showRefresh]=\"configurable && threeD\"></app-image-carousel>\r\n          <ng-container *ngIf=\"settingsLoaded\">\r\n            <threed-configurator #configurator class=\"threed-configurator\"\r\n                                 [class.configurator-full-screen]=\"fullScreen\"\r\n                                 [@toggleVisibilityByState]=\"show3D ? 'show' : 'hide'\"\r\n                                 [@toggleFullScreen]=\"fullScreen ? 'fullscreen' : 'halfscreen'\"\r\n            ></threed-configurator>\r\n          </ng-container>\r\n          <co-icon #fullscreenbutton class=\"fullscreen-button\" *ngIf=\"show3D\"\r\n                   [@toggleTopLeft]=\"fullScreen ? 'fullscreen' : 'halfscreen'\"\r\n                   [iconData]=\"iconCache.getIcon(fullScreenIcon)\"\r\n                   (click)=\"showFullScreen()\"></co-icon>\r\n          <co-icon class=\"threed-watermark\" *ngIf=\"show3D && fullScreen\"\r\n                   [iconData]=\"iconCache.getIcon(icon.Logo)\"></co-icon>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"page-wrapper-right\">\r\n      <div class=\"product-page-block-description\">\r\n        <app-product-description class=\"default-padding\" [article]=\"article\"></app-product-description>\r\n      </div>\r\n      <div class=\"product-page-block-additional\">\r\n        <div class=\"product-page-block-additional-description\">\r\n          <app-product-additional-description class=\"default-padding\" [article]=\"article\"></app-product-additional-description>\r\n        </div>\r\n        <div class=\"product-page-block-price\" [class.full]=\"configuring\">\r\n          <app-product-price class=\"s-padding\" *ngIf=\"!configuring\"\r\n                             [pricing]=\"article?.pricing\"\r\n                             [configurable]=\"configurable\"\r\n          ></app-product-price>\r\n          <ng-container *ngIf=\"settingsLoaded\">\r\n            <threed-selections #selections class=\"threed-selections\" [class.show-selections]=\"configuring\" [@toggleFullScreenRight]=\"fullScreen ? 'fullscreen' : 'halfscreen'\"\r\n                               [class.default-padding]=\"!fullScreen\"\r\n                               [class.show-full-screen]=\"fullScreen\"\r\n                               [class.mini-scrollbar]=\"fullScreen\"\r\n                               [sku]=\"sku\"\r\n                               [settings]=\"settingsService.settings\"\r\n                               (onUserActionFromThreeD)=\"configuring = true\"\r\n                               (instanceSet)=\"setInstance($event)\"\r\n                               (onImageReceived)=\"appEventService.onImageReceived.next($event)\"\r\n                               (onRenderStarted)=\"appEventService.onRenderStarted.next()\"\r\n                               (onDraftRenderImageReceived)=\"appEventService.onDraftRenderImageReceived.next($event)\"\r\n                               (onArticleReceived)=\"appEventService.onArticleReceived.next($event.detail)\"\r\n                               (onSelectionsReceived)=\"appEventService.onSelectionsReceived.next($event.detail)\"\r\n                               (onArticleInfoReceived)=\"appEventService.onArticleInfoReceived.next($event.detail)\"\r\n            ></threed-selections>\r\n          </ng-container>\r\n        </div>\r\n        <div class=\"product-page-block-addtocart no-padding product-action-buttons\" *ngIf=\"!configuring\" [@toggleTopRight]=\"fullScreen ? 'fullscreen' : 'halfscreen'\">\r\n          <app-product-addtocart\r\n                                 [configurable]=\"configurable\"\r\n                                 [configuring]=\"configuring\"\r\n                                 [article]=\"article\"\r\n                                 (startConfiguration)=\"handleStartConfiguration()\"\r\n          ></app-product-addtocart>\r\n        </div>\r\n        <div class=\"addtocart-reserved product-action-buttons\" *ngIf=\"configuring\" [class.full-screen]=\"fullScreen\">\r\n          <app-product-addtocart class=\"default-padding\"\r\n                                 [configurable]=\"false\"\r\n                                 [fullscreen]=\"fullScreen\"\r\n                                 [configuring]=\"configuring\"\r\n                                 [article]=\"article\"\r\n                                 (startConfiguration)=\"handleStartConfiguration()\"\r\n          ></app-product-addtocart>\r\n        </div>\r\n        <div class=\"product-page-block-variants\">\r\n          <app-product-related class=\"no-padding\" *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n                               [articles]=\"article?.relatedArticles\" [refType]=\"64\" [label]=\"'VARIANTS' | localize\"></app-product-related>\r\n        </div>\r\n        <div class=\"product-page-block-stock\">\r\n          <app-product-stock class=\"no-padding\" [stockAndDelivery]=\"stockAndDelivery\"></app-product-stock>\r\n        </div>\r\n        <div class=\"product-page-block-delivery\">\r\n          <app-product-delivery class=\"no-padding\" [stockAndDelivery]=\"stockAndDelivery\"></app-product-delivery>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"page-wrapper-content\">\r\n    <div class=\"page-wrapper-left\">\r\n      <app-product-info-tabs class=\"no-padding\" [article]=\"article\"></app-product-info-tabs>\r\n    </div>\r\n    <div class=\"page-wrapper-right\">\r\n      <div class=\"product-page-block-related s-padding\">\r\n          <app-product-related *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n                               [articles]=\"article?.relatedArticles\" [refType]=\"1\" [label]=\"'RELATED_PRODUCTS' | localize\"></app-product-related>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"page-wrapper-content no-top-margin\">\r\n    <div class=\"page-wrapper-full\">\r\n      <div class=\"product-page-block-alternatives s-padding\">\r\n        <app-product-related *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n                             [articles]=\"article?.relatedArticles\" [refType]=\"4\" [isSmallModus]=\"false\" [label]=\"'ALTERNATIVE_PRODUCTS' | localize\"></app-product-related>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
             animations: [
                 trigger('toggleFullScreen', [
                     state('fullscreen', style({ 'position': 'fixed', 'top': '0', 'left': '0', 'width': '100%', 'height': '100%' })),
@@ -1207,13 +1305,17 @@ var ProductRelatedComponent = /** @class */ (function () {
         var _this = this;
         this._articles.forEach(function (a) {
             if (!a.image.documentBody) {
-                _this._iOne.getDocumentContent(a.image.documentId).then(function (d) { return a.image.documentBody = d; });
+                _this._iOne.getDocumentContent(a.image.documentId).then(function (content) {
+                    if (content) {
+                        a.image.documentBody = content.documentContent;
+                    }
+                });
             }
         });
     };
     ProductRelatedComponent.ctorParameters = function () { return [
-        { type: IOneControllerService },
-        { type: AppEventService }
+        { type: ProductConnectorService },
+        { type: ProductEventService }
     ]; };
     __decorate([
         Input()
@@ -1293,12 +1395,12 @@ var ProductInfoComponent = /** @class */ (function () {
     return ProductInfoComponent;
 }());
 
-var ModuleService = /** @class */ (function () {
-    function ModuleService(_iOneConnectorService) {
+var ProductModuleService = /** @class */ (function () {
+    function ProductModuleService(_iOneConnectorService) {
         this._iOneConnectorService = _iOneConnectorService;
         this._superArticles = new Map();
     }
-    ModuleService.prototype.getArticle = function (id) {
+    ProductModuleService.prototype.getArticle = function (id) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
@@ -1308,7 +1410,7 @@ var ModuleService = /** @class */ (function () {
             });
         });
     };
-    ModuleService.prototype._getArticle = function (id) {
+    ProductModuleService.prototype._getArticle = function (id) {
         return __awaiter(this, void 0, void 0, function () {
             var mainArticle;
             return __generator(this, function (_a) {
@@ -1325,16 +1427,16 @@ var ModuleService = /** @class */ (function () {
             });
         });
     };
-    ModuleService.ctorParameters = function () { return [
-        { type: IOneControllerService }
+    ProductModuleService.ctorParameters = function () { return [
+        { type: ProductConnectorService }
     ]; };
-    ModuleService.ɵprov = ɵɵdefineInjectable({ factory: function ModuleService_Factory() { return new ModuleService(ɵɵinject(IOneControllerService)); }, token: ModuleService, providedIn: "root" });
-    ModuleService = __decorate([
+    ProductModuleService.ɵprov = ɵɵdefineInjectable({ factory: function ProductModuleService_Factory() { return new ProductModuleService(ɵɵinject(ProductConnectorService)); }, token: ProductModuleService, providedIn: "root" });
+    ProductModuleService = __decorate([
         Injectable({
             providedIn: 'root'
         })
-    ], ModuleService);
-    return ModuleService;
+    ], ProductModuleService);
+    return ProductModuleService;
 }());
 
 var BitUtils = /** @class */ (function () {
@@ -1456,7 +1558,7 @@ var ProductAdditionalInfoComponent = /** @class */ (function () {
     };
     ProductAdditionalInfoComponent.ctorParameters = function () { return [
         { type: DomSanitizer },
-        { type: ModuleService },
+        { type: ProductModuleService },
         { type: ChangeDetectorRef }
     ]; };
     __decorate([
@@ -1585,7 +1687,7 @@ var ProductDeliveryComponent = /** @class */ (function () {
     };
     ProductDeliveryComponent.ctorParameters = function () { return [
         { type: LocalizePipe },
-        { type: IOneControllerService },
+        { type: ProductConnectorService },
         { type: IconCacheService }
     ]; };
     __decorate([
@@ -1594,7 +1696,7 @@ var ProductDeliveryComponent = /** @class */ (function () {
     ProductDeliveryComponent = __decorate([
         Component({
             selector: 'app-product-delivery',
-            template: "<!--<app-header [label]=\"'DELIVERY_TIME_PERIOD' | localize\"></app-header>-->\n<div class=\"product-delivery-wrapper\">\n  <co-icon class=\"delivery-icon\" [iconData]=\"iconData\"></co-icon>\n  <div class=\"product-delivery-fields\">\n    <div class=\"pp-default-label\" [textContent]=\"'DELIVERY_TIME_PERIOD' | localize\"></div>\n    <div class=\"pp-default-description\" [textContent]=\"deliveryDescription\"></div>\n  </div>\n</div>\n",
+            template: "<!--<app-header [label]=\"'DELIVERY_TIME_PERIOD' | localize\"></app-header>-->\n<div class=\"product-delivery-wrapper\">\n  <co-icon class=\"delivery-icon\" [iconData]=\"iconData\"></co-icon>\n  <div class=\"product-delivery-fields\">\n    <div class=\"pp-default-label\" [textContent]=\"'DELIVERY_TIME_PERIOD' | localize\"></div>\n    <div class=\"pp-default-description\" [textContent]=\"deliveryDescription | date:'dd MMMM yyyy'\"></div>\n  </div>\n</div>\n",
             providers: [LocalizePipe],
             styles: [":host{display:block}.product-delivery-wrapper{display:flex;flex-direction:row;align-items:center;border-bottom:1px solid #f6f5f4;padding:20px 15px}.product-delivery-wrapper .delivery-icon{margin:0 15px 0 0;width:40px;height:37px}.product-delivery-wrapper .product-delivery-fields{display:flex;flex-direction:column}.product-delivery-wrapper .product-delivery-fields .pp-default-label{font-size:14px;margin:0}@media screen and (max-width:400px){.product-delivery-wrapper{padding:15px 0 15px 10px}.product-delivery-wrapper .delivery-icon{margin:0 15px 0 0;width:32px;height:28px}.product-delivery-wrapper .product-delivery-fields .pp-default-label{font-size:13px}}"]
         })
@@ -1621,7 +1723,7 @@ var ProductStockComponent = /** @class */ (function () {
     ProductStockComponent.prototype.ngOnInit = function () {
     };
     ProductStockComponent.ctorParameters = function () { return [
-        { type: IOneControllerService },
+        { type: ProductConnectorService },
         { type: IconCacheService }
     ]; };
     __decorate([
@@ -1749,10 +1851,11 @@ var ProductPriceComponent = /** @class */ (function () {
 }());
 
 var ProductAddtocartComponent = /** @class */ (function () {
-    function ProductAddtocartComponent(iconCache, _ioneControllerService, _appEventService) {
+    function ProductAddtocartComponent(iconCache, _ioneControllerService, _appEventService, _settingsService) {
         this.iconCache = iconCache;
         this._ioneControllerService = _ioneControllerService;
         this._appEventService = _appEventService;
+        this._settingsService = _settingsService;
         this.icon = IconEnum;
         this.configurable = false;
         this.configuring = false;
@@ -1810,46 +1913,28 @@ var ProductAddtocartComponent = /** @class */ (function () {
     };
     ProductAddtocartComponent.prototype._getJSONFromArticleObject = function (article) {
         return __awaiter(this, void 0, void 0, function () {
-            var returnObject, selectorDataJson, selectorDataObject, articleFlatTreeJson, articleFlatTreeJson;
+            var configuratorStatistics;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        returnObject = { goodId: 0, baseGoodId: 0, selectorData: {}, quantity: 0, articleTree: {} };
-                        returnObject.baseGoodId = article.article.goodId;
-                        returnObject.selectorData = {};
-                        returnObject.quantity = article.quantity;
-                        if (!(article.article.goodType === 'B')) return [3 /*break*/, 3];
-                        return [4 /*yield*/, this._ioneControllerService.getJsonConfiguredArticles()];
-                    case 1:
-                        selectorDataJson = _a.sent();
-                        selectorDataObject = JSON.parse(selectorDataJson);
-                        returnObject.goodId = selectorDataObject.hasOwnProperty('compositionGoodId') ? selectorDataObject['compositionGoodId'] : selectorDataObject['goodId'];
-                        returnObject.selectorData = selectorDataObject;
-                        return [4 /*yield*/, this._ioneControllerService.getJsonArticleFlatTree(returnObject.goodId)];
-                    case 2:
-                        articleFlatTreeJson = _a.sent();
-                        if (articleFlatTreeJson) {
-                            returnObject.articleTree = JSON.parse(articleFlatTreeJson);
-                        }
-                        return [3 /*break*/, 5];
-                    case 3:
-                        returnObject.goodId = article.article.goodId;
-                        return [4 /*yield*/, this._ioneControllerService.getJsonArticleFlatTree(returnObject.goodId)];
-                    case 4:
-                        articleFlatTreeJson = _a.sent();
-                        if (articleFlatTreeJson) {
-                            returnObject.articleTree = JSON.parse(articleFlatTreeJson);
-                        }
-                        _a.label = 5;
-                    case 5: return [2 /*return*/, JSON.stringify(returnObject)];
+                        configuratorStatistics = new ConfiguratorStatisticsEnvironment();
+                        configuratorStatistics.userType = 'iOneProductPage';
+                        configuratorStatistics.transactionType = 'Sales';
+                        configuratorStatistics.actionDomain = 'bundle';
+                        configuratorStatistics.sessionId = this._settingsService.settings.session ? this._settingsService.settings.session.sessionId : 'unknown';
+                        configuratorStatistics.webHost = window.location.host;
+                        configuratorStatistics.bundleHost = window.location.host;
+                        return [4 /*yield*/, this._ioneControllerService.getJsonArticleFlatTree(article.article.goodId, article.article.goodType, article.quantity, true, undefined, configuratorStatistics)];
+                    case 1: return [2 /*return*/, _a.sent()];
                 }
             });
         });
     };
     ProductAddtocartComponent.ctorParameters = function () { return [
         { type: IconCacheService },
-        { type: IOneControllerService },
-        { type: AppEventService }
+        { type: ProductConnectorService },
+        { type: ProductEventService },
+        { type: ProductSettingsService }
     ]; };
     __decorate([
         ViewChild('addtocartbutton', { read: ElementRef })
@@ -1944,6 +2029,10 @@ var IoneProductComponent = /** @class */ (function () {
         // this.sku = 'CF-39904ANT';
         // this.sku = 'CF-22346001';
         // this.sku = '104';
+        // this.sku = '1000561986';
+        // this.sku = '1000234793';
+        // this.sku = '1066';
+        // this.sku = '104';
         var _this = this;
         this._dictionary = _dictionary;
         this._jsonUtils = _jsonUtils;
@@ -2016,10 +2105,10 @@ var IoneProductComponent = /** @class */ (function () {
     IoneProductComponent.ctorParameters = function () { return [
         { type: DictionaryService },
         { type: JsonUtilsService },
-        { type: IOneControllerService },
+        { type: ProductConnectorService },
         { type: ChangeDetectorRef },
-        { type: AppEventService },
-        { type: SettingsService }
+        { type: ProductEventService },
+        { type: ProductSettingsService }
     ]; };
     __decorate([
         Input()
@@ -2098,7 +2187,7 @@ var ProductAdditionalDescriptionComponent = /** @class */ (function () {
         }
     };
     ProductAdditionalDescriptionComponent.ctorParameters = function () { return [
-        { type: AppEventService }
+        { type: ProductEventService }
     ]; };
     __decorate([
         Input()
@@ -2161,7 +2250,7 @@ var ProductInfoTabsComponent = /** @class */ (function () {
         }
     };
     ProductInfoTabsComponent.ctorParameters = function () { return [
-        { type: AppEventService }
+        { type: ProductEventService }
     ]; };
     __decorate([
         ViewChild('tabContent')
@@ -2179,27 +2268,27 @@ var ProductInfoTabsComponent = /** @class */ (function () {
     return ProductInfoTabsComponent;
 }());
 
-var AppInitializerService = /** @class */ (function () {
-    function AppInitializerService(_settingsService) {
+var ProductInitializerService = /** @class */ (function () {
+    function ProductInitializerService(_settingsService) {
         this._settingsService = _settingsService;
     }
-    AppInitializerService.prototype.initializeApp = function () {
+    ProductInitializerService.prototype.initializeApp = function () {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 return [2 /*return*/, this._settingsService.initializeSettings()];
             });
         });
     };
-    AppInitializerService.ctorParameters = function () { return [
-        { type: SettingsService }
+    ProductInitializerService.ctorParameters = function () { return [
+        { type: ProductSettingsService }
     ]; };
-    AppInitializerService.ɵprov = ɵɵdefineInjectable({ factory: function AppInitializerService_Factory() { return new AppInitializerService(ɵɵinject(SettingsService)); }, token: AppInitializerService, providedIn: "root" });
-    AppInitializerService = __decorate([
+    ProductInitializerService.ɵprov = ɵɵdefineInjectable({ factory: function ProductInitializerService_Factory() { return new ProductInitializerService(ɵɵinject(ProductSettingsService)); }, token: ProductInitializerService, providedIn: "root" });
+    ProductInitializerService = __decorate([
         Injectable({
             providedIn: 'root',
         })
-    ], AppInitializerService);
-    return AppInitializerService;
+    ], ProductInitializerService);
+    return ProductInitializerService;
 }());
 
 function initializeApp(context) {
@@ -2252,14 +2341,14 @@ var IoneProductModule = /** @class */ (function () {
                 IoneProductComponent
             ],
             providers: [
-                SettingsService,
-                IOneControllerService,
-                IOneConnectorAdapterService,
+                ProductSettingsService,
+                ProductConnectorService,
+                ProductConnectorAdapterService,
                 IconCacheService,
                 {
                     provide: APP_INITIALIZER,
                     useFactory: initializeApp,
-                    deps: [AppInitializerService],
+                    deps: [ProductInitializerService],
                     multi: true
                 }
             ],
@@ -2276,5 +2365,5 @@ var IoneProductModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { IoneProductModule, initializeApp, IoneProductComponent as ɵa, DictionaryService as ɵb, ProductAdditionalDescriptionComponent as ɵba, AppInitializerService as ɵbb, JsonUtilsService as ɵc, IOneControllerService as ɵd, IOneConnectorAdapterService as ɵe, SettingsService as ɵf, AppEventService as ɵg, ProductPageComponent as ɵh, IconCacheService as ɵi, ImageCarouselComponent as ɵj, ProductDescriptionComponent as ɵk, ProductDocumentsComponent as ɵl, ProductRelatedComponent as ɵm, HeaderComponent as ɵn, ProductInfoComponent as ɵo, ProductAdditionalInfoComponent as ɵp, ModuleService as ɵq, ProductPropertiesComponent as ɵr, ProductDeliveryComponent as ɵs, LocalizePipe as ɵt, ProductStockComponent as ɵu, ProductSymbolsComponent as ɵv, ProductPriceComponent as ɵw, ProductAddtocartComponent as ɵx, ProductInfoTabsComponent as ɵy, ProductSelectorTypeComponent as ɵz };
+export { IoneProductModule, Version, initializeApp, IoneProductComponent as ɵa, DictionaryService as ɵb, ProductAdditionalDescriptionComponent as ɵba, ProductInitializerService as ɵbb, JsonUtilsService as ɵc, ProductConnectorService as ɵd, ProductConnectorAdapterService as ɵe, ProductSettingsService as ɵf, ProductEventService as ɵg, ProductPageComponent as ɵh, IconCacheService as ɵi, ImageCarouselComponent as ɵj, ProductDescriptionComponent as ɵk, ProductDocumentsComponent as ɵl, ProductRelatedComponent as ɵm, HeaderComponent as ɵn, ProductInfoComponent as ɵo, ProductAdditionalInfoComponent as ɵp, ProductModuleService as ɵq, ProductPropertiesComponent as ɵr, ProductDeliveryComponent as ɵs, LocalizePipe as ɵt, ProductStockComponent as ɵu, ProductSymbolsComponent as ɵv, ProductPriceComponent as ɵw, ProductAddtocartComponent as ɵx, ProductInfoTabsComponent as ɵy, ProductSelectorTypeComponent as ɵz };
 //# sourceMappingURL=colijnit-product.js.map