@colijnit/product 258.1.4 → 258.1.5

package/bundles/colijnit-product.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@angular/common/http'), require('@colijnit/ioneconnector/build/utils/string-utils'), require('@colijnit/ioneconnector/build/model/options'), require('@colijnit/articleapi/build/model/article-full-object'), require('@colijnit/articleapi/build/model/super-article'), require('@colijnit/articleapi/build/articles'), require('@colijnit/articleapi/build/model/delivery-prognosis'), require('@colijnit/articleapi/build/model/document-content'), require('@colijnit/ioneconnector/build/service/business-object-factory'), require('@colijnit/transactionapi/build/transaction'), require('@colijnit/mainapi'), require('@colijnit/transactionapi/build/model/transaction-info-response.bo'), require('@colijnit/articleapi/build/model/article-list-object-extended.bo'), require('@angular/common'), require('@angular/animations'), require('@angular/platform-browser'), require('@colijnit/corecomponents'), require('@colijnit/mainapi/build/model/co-document'), require('@colijnit/articleapi/build/model/configurator-statistics-environment'), require('@colijnit/corecomponents_v12')) :
-    typeof define === 'function' && define.amd ? define('@colijnit/product', ['exports', '@angular/core', 'rxjs', '@angular/common/http', '@colijnit/ioneconnector/build/utils/string-utils', '@colijnit/ioneconnector/build/model/options', '@colijnit/articleapi/build/model/article-full-object', '@colijnit/articleapi/build/model/super-article', '@colijnit/articleapi/build/articles', '@colijnit/articleapi/build/model/delivery-prognosis', '@colijnit/articleapi/build/model/document-content', '@colijnit/ioneconnector/build/service/business-object-factory', '@colijnit/transactionapi/build/transaction', '@colijnit/mainapi', '@colijnit/transactionapi/build/model/transaction-info-response.bo', '@colijnit/articleapi/build/model/article-list-object-extended.bo', '@angular/common', '@angular/animations', '@angular/platform-browser', '@colijnit/corecomponents', '@colijnit/mainapi/build/model/co-document', '@colijnit/articleapi/build/model/configurator-statistics-environment', '@colijnit/corecomponents_v12'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.product = {}), global.ng.core, global.rxjs, global.ng.common.http, global.stringUtils, global.options, global.articleFullObject, global.superArticle, global.articles, global.deliveryPrognosis, global.documentContent, global.businessObjectFactory, global.transaction, global.mainapi, global.transactionInfoResponse_bo, global.articleListObjectExtended_bo, global.ng.common, global.ng.animations, global.ng.platformBrowser, global.corecomponents, global.coDocument, global.configuratorStatisticsEnvironment, global.corecomponents_v12));
-})(this, (function (exports, i0, rxjs, i1, stringUtils, options, articleFullObject, superArticle, articles, deliveryPrognosis, documentContent, businessObjectFactory, transaction, mainapi, transactionInfoResponse_bo, articleListObjectExtended_bo, common, animations, i1$1, corecomponents, coDocument, configuratorStatisticsEnvironment, corecomponents_v12) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@colijnit/ioneconnector/build/model/options'), require('@colijnit/articleapi/build/model/article-full-object'), require('@colijnit/articleapi/build/model/super-article'), require('@colijnit/articleapi/build/articles'), require('@colijnit/articleapi/build/model/delivery-prognosis'), require('@colijnit/articleapi/build/model/document-content'), require('@colijnit/ioneconnector/build/service/business-object-factory'), require('@colijnit/transactionapi/build/transaction'), require('@colijnit/mainapi'), require('@colijnit/transactionapi/build/model/transaction-info-response.bo'), require('@colijnit/articleapi/build/model/article-list-object-extended.bo'), require('@angular/common/http'), require('@colijnit/ioneconnector/build/utils/string-utils'), require('@angular/common'), require('@angular/animations'), require('@angular/platform-browser'), require('@colijnit/corecomponents'), require('@colijnit/mainapi/build/model/co-document'), require('@colijnit/articleapi/build/model/configurator-statistics-environment'), require('@colijnit/corecomponents_v12')) :
+    typeof define === 'function' && define.amd ? define('@colijnit/product', ['exports', '@angular/core', 'rxjs', '@colijnit/ioneconnector/build/model/options', '@colijnit/articleapi/build/model/article-full-object', '@colijnit/articleapi/build/model/super-article', '@colijnit/articleapi/build/articles', '@colijnit/articleapi/build/model/delivery-prognosis', '@colijnit/articleapi/build/model/document-content', '@colijnit/ioneconnector/build/service/business-object-factory', '@colijnit/transactionapi/build/transaction', '@colijnit/mainapi', '@colijnit/transactionapi/build/model/transaction-info-response.bo', '@colijnit/articleapi/build/model/article-list-object-extended.bo', '@angular/common/http', '@colijnit/ioneconnector/build/utils/string-utils', '@angular/common', '@angular/animations', '@angular/platform-browser', '@colijnit/corecomponents', '@colijnit/mainapi/build/model/co-document', '@colijnit/articleapi/build/model/configurator-statistics-environment', '@colijnit/corecomponents_v12'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.product = {}), global.ng.core, global.rxjs, global.options, global.articleFullObject, global.superArticle, global.articles, global.deliveryPrognosis, global.documentContent, global.businessObjectFactory, global.transaction, global.mainapi, global.transactionInfoResponse_bo, global.articleListObjectExtended_bo, global.ng.common.http, global.stringUtils, global.ng.common, global.ng.animations, global.ng.platformBrowser, global.corecomponents, global.coDocument, global.configuratorStatisticsEnvironment, global.corecomponents_v12));
+})(this, (function (exports, i0, rxjs, options, articleFullObject, superArticle, articles, deliveryPrognosis, documentContent, businessObjectFactory, transaction, mainapi, transactionInfoResponse_bo, articleListObjectExtended_bo, i1, stringUtils, common, animations, i1$1, corecomponents, coDocument, configuratorStatisticsEnvironment, corecomponents_v12) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -31,8 +31,8 @@
         function Version() {
             this.name = "@colijnit/product";
             this.description = "Product detail page project for iOne";
-            this.symVer = "258.1.4";
-            this.publishDate = "23-6-2025 16:38:29";
+            this.symVer = "258.1.5";
+            this.publishDate = "9-7-2025 14:07:55";
         }
         return Version;
     }());
@@ -514,265 +514,6 @@
         __disposeResources: __disposeResources,
     };
 
-    var ProductEventService = /** @class */ (function () {
-        function ProductEventService() {
-            this.onAddToCart = new rxjs.Subject();
-            this.onAlternativeClick = new rxjs.Subject();
-            this.onAddToQuote = new rxjs.Subject();
-            this.onForceRenderImage = new rxjs.Subject();
-            this.onArticleReceived = new rxjs.Subject();
-            this.onSelectionsReceived = new rxjs.Subject();
-            this.onImageReceived = new rxjs.Subject();
-            this.onRenderStarted = new rxjs.Subject();
-            this.onRenderImageReceived = new rxjs.Subject();
-            this.onDraftRenderImageReceived = new rxjs.Subject();
-            this.onArticleInfoReceived = new rxjs.Subject();
-            this.onAnswersAvailable = new rxjs.Subject();
-            this.onReadyToRender = new rxjs.Subject();
-            this.onUpdateProductInfoTab = new rxjs.Subject();
-            this.errorMessage = new rxjs.Subject();
-            this.onGetRenderForRenderCarousel = new rxjs.Subject();
-        }
-        return ProductEventService;
-    }());
-    ProductEventService.decorators = [
-        { type: i0.Directive },
-        { type: i0.Injectable }
-    ];
-
-    var JsonUtilsService = /** @class */ (function () {
-        function JsonUtilsService() {
-        }
-        JsonUtilsService.prototype.readJsonFile = function (filePath) {
-            return __awaiter(this, void 0, void 0, function () {
-                var response, e_1;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            _a.trys.push([0, 2, , 3]);
-                            return [4 /*yield*/, fetch(filePath)];
-                        case 1:
-                            response = _a.sent();
-                            if (!response.ok) {
-                                return [2 /*return*/, null];
-                            }
-                            else {
-                                return [2 /*return*/, response.json()];
-                            }
-                            return [3 /*break*/, 3];
-                        case 2:
-                            e_1 = _a.sent();
-                            console.error('Error getting file:', e_1.message);
-                            return [2 /*return*/, ''];
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        return JsonUtilsService;
-    }());
-    JsonUtilsService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function JsonUtilsService_Factory() { return new JsonUtilsService(); }, token: JsonUtilsService, providedIn: "root" });
-    JsonUtilsService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-
-    var LanguageCode;
-    (function (LanguageCode) {
-        LanguageCode["Dutch"] = "nl-NL";
-        LanguageCode["English"] = "en-GB";
-        LanguageCode["German"] = "de-DE";
-        LanguageCode["French"] = "fr-FR";
-    })(LanguageCode || (LanguageCode = {}));
-
-    var Dictionary = /** @class */ (function () {
-        function Dictionary() {
-            this.strings = {
-                "en": {
-                    "ADDITIONAL_DATA": "Additional information",
-                    "ALTERNATIVE_PRODUCTS": "Alternative products",
-                    "ARTICLE_NUMBER": "Productnumber",
-                    "AS_CONFIGURED": "As configured",
-                    "CATEGORY": "Category",
-                    "CATEGORY_TYPE": "Category type",
-                    "CONFIGURE": "Configure",
-                    "DELIVERY_TIME_PERIOD": "Delivery time",
-                    "DESCRIPTION": "Description",
-                    "DOCUMENTS": "Documents",
-                    "DOWNLOADS": "Downloads",
-                    "FEATURES": "Features",
-                    "HEIGHT": "Height",
-                    "MATERIAL": "Material",
-                    "PRODUCT_IN_STOCK": "In stock",
-                    "PRODUCT_LIMITED_STOCK": "Limited stock",
-                    "PRODUCT_NOT_IN_STOCK": "Not in stock",
-                    "PROPERTIES": "Characteristics",
-                    "QUOTATION": "Quotation",
-                    "READ_MORE": "Read more",
-                    "RELATED_PRODUCTS": "Related products",
-                    "SHOPPING_CART_IN": "In Shopping Cart",
-                    "SHOW_IN": "Show in",
-                    "STOCK": "Stock",
-                    "SYMBOLS": "Symbols",
-                    "TITLE": "Title",
-                    "TURNOVERGROUP": "Turnover group",
-                    "VARIANTS": "Variations",
-                    "WIDTH": "Width",
-                    "SUGGESTION": "Suggestion",
-                },
-                "nl": {
-                    "ADDITIONAL_DATA": "Extra informatie",
-                    "ALTERNATIVE_PRODUCTS": "Alternatieve producten",
-                    "ARTICLE_NUMBER": "Artikel nummer",
-                    "AS_CONFIGURED": "Zoals samengesteld",
-                    "CATEGORY": "Categorie",
-                    "CATEGORY_TYPE": "Categorie type",
-                    "CONFIGURE": "Configureren",
-                    "DELIVERY_TIME_PERIOD": "Levertijd",
-                    "DESCRIPTION": "Omschrijving",
-                    "DOCUMENTS": "Documenten",
-                    "DOWNLOADS": "Downloads",
-                    "FEATURES": "Kenmerken",
-                    "HEIGHT": "Hoogte",
-                    "MATERIAL": "Materiaal",
-                    "PRODUCT_IN_STOCK": "Op voorraad",
-                    "PRODUCT_LIMITED_STOCK": "Beperkt op voorraad",
-                    "PRODUCT_NOT_IN_STOCK": "Niet op voorraad",
-                    "PROPERTIES": "Eigenschappen",
-                    "QUOTATION": "Quotatie",
-                    "READ_MORE": "Lees meer",
-                    "RELATED_PRODUCTS": "Gerelateerde producten",
-                    "SHOPPING_CART_IN": "In winkelwagen",
-                    "SHOW_IN": "Laat zien",
-                    "STOCK": "Voorraad",
-                    "SYMBOLS": "Symbolen",
-                    "TITLE": "Titel",
-                    "TURNOVERGROUP": "Omzetgroep",
-                    "VARIANTS": "Varianten",
-                    "WIDTH": "Breedte",
-                    "SUGGESTION": "Suggesties bij",
-                },
-                "de": {
-                    "ADDITIONAL_DATA": "Extra informatie",
-                    "ALTERNATIVE_PRODUCTS": "Alternative Produkte",
-                    "ARTICLE_NUMBER": "Artikelnummer",
-                    "CATEGORY": "Kategorie",
-                    "CATEGORY_TYPE": "Kategorietype",
-                    "CONFIGURE": "Konfigurieren",
-                    "DELIVERY_TIME_PERIOD": "Lieferzeit",
-                    "DESCRIPTION": "Beschreibung",
-                    "DOCUMENTS": "Dateien",
-                    "DOWNLOADS": "Downloads",
-                    "FEATURES": "Eigenschaften",
-                    "HEIGHT": "Höhe",
-                    "MATERIAL": "Material",
-                    "PRODUCT_IN_STOCK": "Auf lager",
-                    "PRODUCT_LIMITED_STOCK": "Begrentzt auf lager",
-                    "PRODUCT_NOT_IN_STOCK": "Nicht auf lager",
-                    "PROPERTIES": "Eigenschaften",
-                    "QUOTATION": "Angebot",
-                    "READ_MORE": "Lesen Sie mehr",
-                    "RELATED_PRODUCTS": "Verwandte Produkte",
-                    "SHOPPING_CART_IN": "Im Einkaufswagen",
-                    "SHOW_IN": "Zeigen",
-                    "STOCK": "Vorrat",
-                    "SYMBOLS": "Symbole",
-                    "TITLE": "Titulatur",
-                    "TURNOVERGROUP": "Umsatzgruppe",
-                    "VARIANTS": "Varianten",
-                    "WIDTH": "Breite",
-                    "SUGGESTION": "Suggesties bij",
-                }
-            };
-        }
-        return Dictionary;
-    }());
-
-    // The localization service, providing peers with text translation functionality.
-    var DictionaryService = /** @class */ (function () {
-        function DictionaryService(_http, _jsonUtils) {
-            this._http = _http;
-            this._jsonUtils = _jsonUtils;
-            this.dictionaryUrl = 'js/browser/res/dictionary/';
-            // private _dictionaryPromise: Map<LanguageCode, Promise<{ [key: string]: string }>> = new Map<LanguageCode, Promise<{ [key: string]: string }>>();
-            this._dictionaries = new Map();
-            // Some dictionary values have one or more '|~' texts in them, meant to be replaced with client-side given texts.
-            this._placeholder = '|~';
-        }
-        Object.defineProperty(DictionaryService.prototype, "language", {
-            get: function () {
-                return this._language;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DictionaryService.prototype, "rootUrl", {
-            set: function (value) {
-                this._rootUrl = value;
-                this._dictBasePath = this._rootUrl + '/' + this.dictionaryUrl;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        // Loads the dictionary for given language in memory.
-        DictionaryService.prototype.setDictionary = function (language) {
-            return __awaiter(this, void 0, void 0, function () {
-                var dictionary;
-                return __generator(this, function (_a) {
-                    this._language = language || LanguageCode.Dutch;
-                    if (!this._dictionaries.has(this._language)) {
-                        dictionary = new Dictionary();
-                        if (dictionary.strings[this._language.substr(0, 2).toLowerCase()] !== undefined) {
-                            this._dictionaries.set(this._language, dictionary.strings[this._language.substr(0, 2).toLowerCase()]);
-                        }
-                    }
-                    return [2 /*return*/];
-                });
-            });
-        };
-        /**
-         * Returns the localized text for the given dictionary key.
-         * @param {string} key
-         * @param {boolean} [upperCaseFirst = true] False for first letter lowercase, true for first letter uppercase for returned dict val
-         * @param {string[]} replacementTexts Rest params for replacement of '|~' in returned dict value
-         * @returns {string} The translated text for given dictionary key
-         */
-        DictionaryService.prototype.get = function (key, upperCaseFirst) {
-            if (upperCaseFirst === void 0) { upperCaseFirst = true; }
-            var replacementTexts = [];
-            for (var _i = 2; _i < arguments.length; _i++) {
-                replacementTexts[_i - 2] = arguments[_i];
-            }
-            if (!stringUtils.StringUtils.IsStringWithLength(key)) {
-                return key || '';
-            }
-            var text = this._dictionaries.get(this.language)[key];
-            text = stringUtils.StringUtils.IsStringWithLength(text) ? text : key;
-            if (upperCaseFirst) {
-                text = text.charAt(0).toUpperCase() + text.slice(1);
-            }
-            else {
-                text = text.charAt(0).toLowerCase() + text.slice(1);
-            }
-            if (replacementTexts.length > 0) {
-                text = stringUtils.StringUtils.ReplaceOccurrencesIn.apply(stringUtils.StringUtils, __spreadArray([text, this._placeholder], __read(replacementTexts)));
-            }
-            return text;
-        };
-        return DictionaryService;
-    }());
-    DictionaryService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DictionaryService_Factory() { return new DictionaryService(i0__namespace.ɵɵinject(i1__namespace.HttpClient), i0__namespace.ɵɵinject(JsonUtilsService)); }, token: DictionaryService, providedIn: "root" });
-    DictionaryService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    DictionaryService.ctorParameters = function () { return [
-        { type: i1.HttpClient },
-        { type: JsonUtilsService }
-    ]; };
-
     var SettingsOptions = /** @class */ (function () {
         function SettingsOptions() {
             this.showStockStatus = false;
@@ -818,109 +559,31 @@
         return ProductSettings;
     }(options.Options));
 
-    var ProductSettingsService = /** @class */ (function () {
-        function ProductSettingsService(_jsonUtilsService, _dictionaryService) {
-            this._jsonUtilsService = _jsonUtilsService;
-            this._dictionaryService = _dictionaryService;
-            this.settingsLoaded = new rxjs.BehaviorSubject(false);
+    var ProductEventService = /** @class */ (function () {
+        function ProductEventService() {
+            this.onAddToCart = new rxjs.Subject();
+            this.onAlternativeClick = new rxjs.Subject();
+            this.onAddToQuote = new rxjs.Subject();
+            this.onForceRenderImage = new rxjs.Subject();
+            this.onArticleReceived = new rxjs.Subject();
+            this.onSelectionsReceived = new rxjs.Subject();
+            this.onImageReceived = new rxjs.Subject();
+            this.onRenderStarted = new rxjs.Subject();
+            this.onRenderImageReceived = new rxjs.Subject();
+            this.onDraftRenderImageReceived = new rxjs.Subject();
+            this.onArticleInfoReceived = new rxjs.Subject();
+            this.onAnswersAvailable = new rxjs.Subject();
+            this.onReadyToRender = new rxjs.Subject();
+            this.onUpdateProductInfoTab = new rxjs.Subject();
+            this.errorMessage = new rxjs.Subject();
+            this.onGetRenderForRenderCarousel = new rxjs.Subject();
         }
-        Object.defineProperty(ProductSettingsService.prototype, "settings", {
-            get: function () {
-                return this._settings;
-            },
-            set: function (value) {
-                this._settings = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ProductSettingsService.prototype.initializeSettings = function (finish) {
-            if (finish === void 0) { finish = true; }
-            return __awaiter(this, void 0, void 0, function () {
-                var jsonSettings;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            if (!(typeof settings === 'undefined')) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this._jsonUtilsService.readJsonFile('product-settings.json')];
-                        case 1:
-                            jsonSettings = _a.sent();
-                            if (jsonSettings) {
-                                this.settings = Object.assign(new ProductSettings(), jsonSettings);
-                                this.settings.options = Object.assign(new SettingsOptions(), this.settings.options);
-                                if (finish) {
-                                    this.settingsFinished();
-                                }
-                            }
-                            return [3 /*break*/, 3];
-                        case 2:
-                            this.settings = Object.assign(new ProductSettings(), settings);
-                            this.settings.options = Object.assign(new SettingsOptions(), this.settings.options);
-                            if (finish) {
-                                this.settingsFinished();
-                            }
-                            _a.label = 3;
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ProductSettingsService.prototype.createSettingsFromObject = function (obj) {
-            return __awaiter(this, void 0, void 0, function () {
-                var ownOptions, ownRenderParameters;
-                return __generator(this, function (_a) {
-                    if (!this.settings) {
-                        this.settings = new ProductSettings();
-                    }
-                    ownOptions = Object.assign({}, this.settings.options);
-                    ownRenderParameters = Object.assign({}, this.settings.renderParameters);
-                    this.settings = Object.assign({}, this.settings, obj);
-                    if (obj.renderParameters) {
-                        this.settings.renderParameters = Object.assign({}, ownRenderParameters, obj.renderParameters);
-                    }
-                    if (obj.options) {
-                        this.settings.options = Object.assign({}, ownOptions, obj.options);
-                    }
-                    if (obj.hasOwnProperty('assetPath')) {
-                        this.settings.assetPath = obj['assetPath'];
-                        if (this.settings.assetPath[this.settings.assetPath.length - 1] !== '/') {
-                            this.settings.assetPath += '/';
-                        }
-                        this.settings.threeDAssetPath = this.settings.assetPath;
-                    }
-                    if (obj.hasOwnProperty('threeDAssetPath')) {
-                        this.settings.threeDAssetPath = obj['threeDAssetPath'];
-                        if (this.settings.threeDAssetPath[this.settings.threeDAssetPath.length - 1] !== '/') {
-                            this.settings.threeDAssetPath += '/';
-                        }
-                    }
-                    this.settingsFinished();
-                    return [2 /*return*/];
-                });
-            });
-        };
-        ProductSettingsService.prototype.settingsFinished = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._dictionaryService.setDictionary(this.settings.languageCode)];
-                        case 1:
-                            _a.sent();
-                            this.settingsLoaded.next(true);
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        return ProductSettingsService;
+        return ProductEventService;
     }());
-    ProductSettingsService.decorators = [
+    ProductEventService.decorators = [
+        { type: i0.Directive },
         { type: i0.Injectable }
-    ];
-    ProductSettingsService.ctorParameters = function () { return [
-        { type: JsonUtilsService },
-        { type: DictionaryService }
-    ]; };
+    ];
 
     // 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.
@@ -982,32 +645,121 @@
                 return this._boFactory.makeWithRawBackendData(articleListObjectExtended_bo.ArticleListObjectExtended, article);
             }
         };
-        ProductConnectorAdapterService.prototype.getDeliveryPrognosis = function (goodId, branchNr) {
+        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];
+                    }
+                });
+            });
+        };
+        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.DeliveryPrognosis, response.resultObject)];
+                            }
+                            else {
+                                return [2 /*return*/, null];
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        ProductConnectorAdapterService.prototype.getArtStockStatus = 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.getArtStockStatus(goodId)];
+                        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*/];
+                    }
+                });
+            });
+        };
+        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.DeliveryPrognosis, response.resultObject)];
+                            }
+                            else {
+                                return [2 /*return*/, null];
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        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*/];
+                    }
+                });
+            });
+        };
+        ProductConnectorAdapterService.prototype.getJsonArticleFlatTree = function (goodId, goodType, quantity, externalSource, showLoader, instanceId, configuratorStatistics) {
+            if (externalSource === void 0) { externalSource = false; }
+            if (showLoader === void 0) { showLoader = true; }
             return __awaiter(this, void 0, void 0, function () {
-                var deliveryPrognosis;
+                var _this = this;
                 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];
-                    }
+                    return [2 /*return*/, this.articleConnector.getJsonArticleFlatTree(goodId, goodType, quantity, externalSource, showLoader, instanceId, configuratorStatistics).catch(function (messages) {
+                            _this._eventService.errorMessage.next(messages);
+                            return null;
+                        })];
                 });
             });
         };
-        ProductConnectorAdapterService.prototype.getSelectorDeliveryDate = function () {
+        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.getSelectorDeliveryDate()];
+                        case 0: return [4 /*yield*/, this.articleConnector.getGoodIdFromArticleNr(sku)];
                         case 1:
                             response = _a.sent();
                             if (response && response.validationResult && response.validationResult.success) {
-                                return [2 /*return*/, this._boFactory.makeWithRawBackendData(deliveryPrognosis.DeliveryPrognosis, response.resultObject)];
+                                return [2 /*return*/, response.resultObject];
                             }
                             else {
                                 return [2 /*return*/, null];
@@ -1017,16 +769,17 @@
                 });
             });
         };
-        ProductConnectorAdapterService.prototype.getArtStockStatus = function (goodId) {
+        ProductConnectorAdapterService.prototype.getArticleFullObject = function (goodId, showLoader) {
+            if (showLoader === void 0) { showLoader = true; }
             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.getArtStockStatus(goodId)];
+                        case 0: return [4 /*yield*/, this.articleConnector.getArticleFullObject(goodId, showLoader)];
                         case 1:
                             response = _a.sent();
                             if (response && response.validationResult && response.validationResult.success) {
-                                return [2 /*return*/, response.resultObject];
+                                return [2 /*return*/, this._boFactory.makeWithRawBackendData(articleFullObject.ArticleFullObject, response.resultObject)];
                             }
                             else {
                                 return [2 /*return*/, null];
@@ -1036,16 +789,16 @@
                 });
             });
         };
-        ProductConnectorAdapterService.prototype.getDeliveryDate2 = function (goodId) {
+        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.getDeliveryDate2(goodId)];
+                        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(deliveryPrognosis.DeliveryPrognosis, response.resultObject)];
+                                return [2 /*return*/, this._boFactory.makeWithRawBackendData(superArticle.SuperArticle, response.resultObject)];
                             }
                             else {
                                 return [2 /*return*/, null];
@@ -1055,151 +808,387 @@
                 });
             });
         };
-        ProductConnectorAdapterService.prototype.getJsonConfiguredArticles = function (configuratorStatistics) {
+        ProductConnectorAdapterService.prototype.getDocumentContent = function (docId, thumbnail) {
+            if (thumbnail === void 0) { thumbnail = true; }
             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 0: return [4 /*yield*/, this.articleConnector.getDocumentContent(docId, thumbnail)];
                         case 1:
                             response = _a.sent();
                             if (response && response.validationResult && response.validationResult.success) {
-                                return [2 /*return*/, response.resultObject];
+                                return [2 /*return*/, this._boFactory.makeWithRawBackendData(documentContent.DocumentContent, response.resultObject)];
                             }
                             else {
-                                return [2 /*return*/, ''];
+                                return [2 /*return*/, null];
                             }
                             return [2 /*return*/];
                     }
                 });
             });
         };
-        ProductConnectorAdapterService.prototype.getJsonArticleFlatTree = function (goodId, goodType, quantity, externalSource, showLoader, instanceId, configuratorStatistics) {
-            if (externalSource === void 0) { externalSource = false; }
-            if (showLoader === void 0) { showLoader = true; }
+        ProductConnectorAdapterService.prototype.addWebSessionTransactionLine = function (transactionUuid, sku, quantity) {
             return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
+                var response, infoResponse;
                 return __generator(this, function (_a) {
-                    return [2 /*return*/, this.articleConnector.getJsonArticleFlatTree(goodId, goodType, quantity, externalSource, showLoader, instanceId, configuratorStatistics).catch(function (messages) {
-                            _this._eventService.errorMessage.next(messages);
-                            return null;
-                        })];
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.transactionConnector.addWebSessionTransactionLine(transactionUuid, sku, quantity)];
+                        case 1:
+                            response = _a.sent();
+                            if (response && response.validationResult && response.validationResult.success) {
+                                infoResponse = this._boFactory.makeWithRawBackendData(transactionInfoResponse_bo.TransactionInfoResponse, response.resultObject);
+                                return [2 /*return*/, infoResponse.transactionInfo.uuid];
+                            }
+                            return [2 /*return*/, ""];
+                    }
                 });
             });
         };
-        ProductConnectorAdapterService.prototype.getGeneratedArtDirectly = function (goodId, showLoader) {
+        return ProductConnectorAdapterService;
+    }());
+    ProductConnectorAdapterService.decorators = [
+        { type: i0.Injectable }
+    ];
+    ProductConnectorAdapterService.ctorParameters = function () { return [
+        { type: ProductEventService }
+    ]; };
+
+    var JsonUtilsService = /** @class */ (function () {
+        function JsonUtilsService() {
+        }
+        JsonUtilsService.prototype.readJsonFile = function (filePath) {
             return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
+                var response, e_1;
                 return __generator(this, function (_a) {
-                    return [2 /*return*/, this.articleConnector.getGeneratedArtDirectly(goodId, showLoader).catch(function (messages) {
-                            _this._eventService.errorMessage.next(messages);
-                            return null;
-                        })];
+                    switch (_a.label) {
+                        case 0:
+                            _a.trys.push([0, 2, , 3]);
+                            return [4 /*yield*/, fetch(filePath)];
+                        case 1:
+                            response = _a.sent();
+                            if (!response.ok) {
+                                return [2 /*return*/, null];
+                            }
+                            else {
+                                return [2 /*return*/, response.json()];
+                            }
+                            return [3 /*break*/, 3];
+                        case 2:
+                            e_1 = _a.sent();
+                            console.error('Error getting file:', e_1.message);
+                            return [2 /*return*/, ''];
+                        case 3: return [2 /*return*/];
+                    }
                 });
             });
         };
-        ProductConnectorAdapterService.prototype.getGoodIdFromArticleNr = function (sku) {
+        return JsonUtilsService;
+    }());
+    JsonUtilsService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function JsonUtilsService_Factory() { return new JsonUtilsService(); }, token: JsonUtilsService, providedIn: "root" });
+    JsonUtilsService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+
+    var LanguageCode;
+    (function (LanguageCode) {
+        LanguageCode["Dutch"] = "nl-NL";
+        LanguageCode["English"] = "en-GB";
+        LanguageCode["German"] = "de-DE";
+        LanguageCode["French"] = "fr-FR";
+    })(LanguageCode || (LanguageCode = {}));
+
+    var Dictionary = /** @class */ (function () {
+        function Dictionary() {
+            this.strings = {
+                "en": {
+                    "ADDITIONAL_DATA": "Additional information",
+                    "ALTERNATIVE_PRODUCTS": "Alternative products",
+                    "ARTICLE_NUMBER": "Productnumber",
+                    "AS_CONFIGURED": "As configured",
+                    "CATEGORY": "Category",
+                    "CATEGORY_TYPE": "Category type",
+                    "CONFIGURE": "Configure",
+                    "DELIVERY_TIME_PERIOD": "Delivery time",
+                    "DESCRIPTION": "Description",
+                    "DOCUMENTS": "Documents",
+                    "DOWNLOADS": "Downloads",
+                    "FEATURES": "Features",
+                    "HEIGHT": "Height",
+                    "MATERIAL": "Material",
+                    "PRODUCT_IN_STOCK": "In stock",
+                    "PRODUCT_LIMITED_STOCK": "Limited stock",
+                    "PRODUCT_NOT_IN_STOCK": "Not in stock",
+                    "PROPERTIES": "Characteristics",
+                    "QUOTATION": "Quotation",
+                    "READ_MORE": "Read more",
+                    "RELATED_PRODUCTS": "Related products",
+                    "SHOPPING_CART_IN": "In Shopping Cart",
+                    "SHOW_IN": "Show in",
+                    "STOCK": "Stock",
+                    "SYMBOLS": "Symbols",
+                    "TITLE": "Title",
+                    "TURNOVERGROUP": "Turnover group",
+                    "VARIANTS": "Variations",
+                    "WIDTH": "Width",
+                    "SUGGESTION": "Suggestion",
+                },
+                "nl": {
+                    "ADDITIONAL_DATA": "Extra informatie",
+                    "ALTERNATIVE_PRODUCTS": "Alternatieve producten",
+                    "ARTICLE_NUMBER": "Artikel nummer",
+                    "AS_CONFIGURED": "Zoals samengesteld",
+                    "CATEGORY": "Categorie",
+                    "CATEGORY_TYPE": "Categorie type",
+                    "CONFIGURE": "Configureren",
+                    "DELIVERY_TIME_PERIOD": "Levertijd",
+                    "DESCRIPTION": "Omschrijving",
+                    "DOCUMENTS": "Documenten",
+                    "DOWNLOADS": "Downloads",
+                    "FEATURES": "Kenmerken",
+                    "HEIGHT": "Hoogte",
+                    "MATERIAL": "Materiaal",
+                    "PRODUCT_IN_STOCK": "Op voorraad",
+                    "PRODUCT_LIMITED_STOCK": "Beperkt op voorraad",
+                    "PRODUCT_NOT_IN_STOCK": "Niet op voorraad",
+                    "PROPERTIES": "Eigenschappen",
+                    "QUOTATION": "Quotatie",
+                    "READ_MORE": "Lees meer",
+                    "RELATED_PRODUCTS": "Gerelateerde producten",
+                    "SHOPPING_CART_IN": "In winkelwagen",
+                    "SHOW_IN": "Laat zien",
+                    "STOCK": "Voorraad",
+                    "SYMBOLS": "Symbolen",
+                    "TITLE": "Titel",
+                    "TURNOVERGROUP": "Omzetgroep",
+                    "VARIANTS": "Varianten",
+                    "WIDTH": "Breedte",
+                    "SUGGESTION": "Suggesties bij",
+                },
+                "de": {
+                    "ADDITIONAL_DATA": "Extra informatie",
+                    "ALTERNATIVE_PRODUCTS": "Alternative Produkte",
+                    "ARTICLE_NUMBER": "Artikelnummer",
+                    "CATEGORY": "Kategorie",
+                    "CATEGORY_TYPE": "Kategorietype",
+                    "CONFIGURE": "Konfigurieren",
+                    "DELIVERY_TIME_PERIOD": "Lieferzeit",
+                    "DESCRIPTION": "Beschreibung",
+                    "DOCUMENTS": "Dateien",
+                    "DOWNLOADS": "Downloads",
+                    "FEATURES": "Eigenschaften",
+                    "HEIGHT": "Höhe",
+                    "MATERIAL": "Material",
+                    "PRODUCT_IN_STOCK": "Auf lager",
+                    "PRODUCT_LIMITED_STOCK": "Begrentzt auf lager",
+                    "PRODUCT_NOT_IN_STOCK": "Nicht auf lager",
+                    "PROPERTIES": "Eigenschaften",
+                    "QUOTATION": "Angebot",
+                    "READ_MORE": "Lesen Sie mehr",
+                    "RELATED_PRODUCTS": "Verwandte Produkte",
+                    "SHOPPING_CART_IN": "Im Einkaufswagen",
+                    "SHOW_IN": "Zeigen",
+                    "STOCK": "Vorrat",
+                    "SYMBOLS": "Symbole",
+                    "TITLE": "Titulatur",
+                    "TURNOVERGROUP": "Umsatzgruppe",
+                    "VARIANTS": "Varianten",
+                    "WIDTH": "Breite",
+                    "SUGGESTION": "Suggesties bij",
+                }
+            };
+        }
+        return Dictionary;
+    }());
+
+    // The localization service, providing peers with text translation functionality.
+    var DictionaryService = /** @class */ (function () {
+        function DictionaryService(_http, _jsonUtils) {
+            this._http = _http;
+            this._jsonUtils = _jsonUtils;
+            this.dictionaryUrl = 'js/browser/res/dictionary/';
+            // private _dictionaryPromise: Map<LanguageCode, Promise<{ [key: string]: string }>> = new Map<LanguageCode, Promise<{ [key: string]: string }>>();
+            this._dictionaries = new Map();
+            // Some dictionary values have one or more '|~' texts in them, meant to be replaced with client-side given texts.
+            this._placeholder = '|~';
+        }
+        Object.defineProperty(DictionaryService.prototype, "language", {
+            get: function () {
+                return this._language;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(DictionaryService.prototype, "rootUrl", {
+            set: function (value) {
+                this._rootUrl = value;
+                this._dictBasePath = this._rootUrl + '/' + this.dictionaryUrl;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        // Loads the dictionary for given language in memory.
+        DictionaryService.prototype.setDictionary = function (language) {
             return __awaiter(this, void 0, void 0, function () {
-                var response;
+                var dictionary;
                 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*/];
+                    this._language = language || LanguageCode.Dutch;
+                    if (!this._dictionaries.has(this._language)) {
+                        dictionary = new Dictionary();
+                        if (dictionary.strings[this._language.substr(0, 2).toLowerCase()] !== undefined) {
+                            this._dictionaries.set(this._language, dictionary.strings[this._language.substr(0, 2).toLowerCase()]);
+                        }
                     }
+                    return [2 /*return*/];
                 });
             });
         };
-        ProductConnectorAdapterService.prototype.getArticleFullObject = function (goodId, showLoader) {
-            if (showLoader === void 0) { showLoader = true; }
-            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, showLoader)];
-                        case 1:
-                            response = _a.sent();
-                            if (response && response.validationResult && response.validationResult.success) {
-                                return [2 /*return*/, this._boFactory.makeWithRawBackendData(articleFullObject.ArticleFullObject, response.resultObject)];
-                            }
-                            else {
-                                return [2 /*return*/, null];
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            });
+        /**
+         * Returns the localized text for the given dictionary key.
+         * @param {string} key
+         * @param {boolean} [upperCaseFirst = true] False for first letter lowercase, true for first letter uppercase for returned dict val
+         * @param {string[]} replacementTexts Rest params for replacement of '|~' in returned dict value
+         * @returns {string} The translated text for given dictionary key
+         */
+        DictionaryService.prototype.get = function (key, upperCaseFirst) {
+            if (upperCaseFirst === void 0) { upperCaseFirst = true; }
+            var replacementTexts = [];
+            for (var _i = 2; _i < arguments.length; _i++) {
+                replacementTexts[_i - 2] = arguments[_i];
+            }
+            if (!stringUtils.StringUtils.IsStringWithLength(key)) {
+                return key || '';
+            }
+            var text = this._dictionaries.get(this.language)[key];
+            text = stringUtils.StringUtils.IsStringWithLength(text) ? text : key;
+            if (upperCaseFirst) {
+                text = text.charAt(0).toUpperCase() + text.slice(1);
+            }
+            else {
+                text = text.charAt(0).toLowerCase() + text.slice(1);
+            }
+            if (replacementTexts.length > 0) {
+                text = stringUtils.StringUtils.ReplaceOccurrencesIn.apply(stringUtils.StringUtils, __spreadArray([text, this._placeholder], __read(replacementTexts)));
+            }
+            return text;
         };
-        ProductConnectorAdapterService.prototype.getSuperArticle = function (id, branch) {
+        return DictionaryService;
+    }());
+    DictionaryService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DictionaryService_Factory() { return new DictionaryService(i0__namespace.ɵɵinject(i1__namespace.HttpClient), i0__namespace.ɵɵinject(JsonUtilsService)); }, token: DictionaryService, providedIn: "root" });
+    DictionaryService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    DictionaryService.ctorParameters = function () { return [
+        { type: i1.HttpClient },
+        { type: JsonUtilsService }
+    ]; };
+
+    var ProductSettingsService = /** @class */ (function () {
+        function ProductSettingsService(_jsonUtilsService, _dictionaryService) {
+            this._jsonUtilsService = _jsonUtilsService;
+            this._dictionaryService = _dictionaryService;
+            this.settingsLoaded = new rxjs.BehaviorSubject(false);
+        }
+        Object.defineProperty(ProductSettingsService.prototype, "settings", {
+            get: function () {
+                return this._settings;
+            },
+            set: function (value) {
+                this._settings = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ProductSettingsService.prototype.initializeSettings = function (finish) {
+            if (finish === void 0) { finish = true; }
             return __awaiter(this, void 0, void 0, function () {
-                var response;
+                var jsonSettings;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.articleConnector.getSuperArticleQuickSel(id, branch)];
+                        case 0:
+                            if (!(typeof settings === 'undefined')) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this._jsonUtilsService.readJsonFile('product-settings.json')];
                         case 1:
-                            response = _a.sent();
-                            if (response && response.validationResult && response.validationResult.success) {
-                                return [2 /*return*/, this._boFactory.makeWithRawBackendData(superArticle.SuperArticle, response.resultObject)];
+                            jsonSettings = _a.sent();
+                            if (jsonSettings) {
+                                this.settings = Object.assign(new ProductSettings(), jsonSettings);
+                                this.settings.options = Object.assign(new SettingsOptions(), this.settings.options);
+                                if (finish) {
+                                    this.settingsFinished();
+                                }
                             }
-                            else {
-                                return [2 /*return*/, null];
+                            return [3 /*break*/, 3];
+                        case 2:
+                            this.settings = Object.assign(new ProductSettings(), settings);
+                            this.settings.options = Object.assign(new SettingsOptions(), this.settings.options);
+                            if (finish) {
+                                this.settingsFinished();
                             }
-                            return [2 /*return*/];
+                            _a.label = 3;
+                        case 3: return [2 /*return*/];
                     }
                 });
             });
         };
-        ProductConnectorAdapterService.prototype.getDocumentContent = function (docId, thumbnail) {
-            if (thumbnail === void 0) { thumbnail = true; }
+        ProductSettingsService.prototype.createSettingsFromObject = function (obj) {
             return __awaiter(this, void 0, void 0, function () {
-                var response;
+                var ownOptions, ownRenderParameters;
                 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.DocumentContent, response.resultObject)];
-                            }
-                            else {
-                                return [2 /*return*/, null];
-                            }
-                            return [2 /*return*/];
+                    if (!this.settings) {
+                        this.settings = new ProductSettings();
+                    }
+                    ownOptions = Object.assign({}, this.settings.options);
+                    ownRenderParameters = Object.assign({}, this.settings.renderParameters);
+                    this.settings = Object.assign({}, this.settings, obj);
+                    if (obj.renderParameters) {
+                        this.settings.renderParameters = Object.assign({}, ownRenderParameters, obj.renderParameters);
+                    }
+                    if (obj.options) {
+                        this.settings.options = Object.assign({}, ownOptions, obj.options);
+                    }
+                    if (obj.hasOwnProperty('assetPath')) {
+                        this.settings.assetPath = obj['assetPath'];
+                        if (this.settings.assetPath[this.settings.assetPath.length - 1] !== '/') {
+                            this.settings.assetPath += '/';
+                        }
+                        this.settings.threeDAssetPath = this.settings.assetPath;
+                    }
+                    if (obj.hasOwnProperty('threeDAssetPath')) {
+                        this.settings.threeDAssetPath = obj['threeDAssetPath'];
+                        if (this.settings.threeDAssetPath[this.settings.threeDAssetPath.length - 1] !== '/') {
+                            this.settings.threeDAssetPath += '/';
+                        }
                     }
+                    this.settingsFinished();
+                    return [2 /*return*/];
                 });
             });
         };
-        ProductConnectorAdapterService.prototype.addWebSessionTransactionLine = function (transactionUuid, sku, quantity) {
+        ProductSettingsService.prototype.settingsFinished = function () {
             return __awaiter(this, void 0, void 0, function () {
-                var response, infoResponse;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.transactionConnector.addWebSessionTransactionLine(transactionUuid, sku, quantity)];
+                        case 0: return [4 /*yield*/, this._dictionaryService.setDictionary(this.settings.languageCode)];
                         case 1:
-                            response = _a.sent();
-                            if (response && response.validationResult && response.validationResult.success) {
-                                infoResponse = this._boFactory.makeWithRawBackendData(transactionInfoResponse_bo.TransactionInfoResponse, response.resultObject);
-                                return [2 /*return*/, infoResponse.transactionInfo.uuid];
-                            }
-                            return [2 /*return*/, ""];
+                            _a.sent();
+                            this.settingsLoaded.next(true);
+                            return [2 /*return*/];
                     }
                 });
             });
         };
-        return ProductConnectorAdapterService;
+        return ProductSettingsService;
     }());
-    ProductConnectorAdapterService.decorators = [
+    ProductSettingsService.decorators = [
         { type: i0.Injectable }
     ];
-    ProductConnectorAdapterService.ctorParameters = function () { return [
-        { type: ProductEventService }
+    ProductSettingsService.ctorParameters = function () { return [
+        { type: JsonUtilsService },
+        { type: DictionaryService }
     ]; };
 
     // Holds all iONE backend related state and methods for a running HomeDecorator. To be used anywhere internally.
@@ -1315,10 +1304,6 @@
             if (showLoader === void 0) { showLoader = true; }
             return this._adapterService.getJsonArticleFlatTree(goodId, goodType, quantity, externalSource, showLoader, this._instanceId, configuratorStatistics);
         };
-        ProductConnectorService.prototype.getGeneratedArtDirectly = function (goodId, showLoader) {
-            if (showLoader === void 0) { showLoader = true; }
-            return this._adapterService.getGeneratedArtDirectly(goodId, showLoader);
-        };
         ProductConnectorService.prototype.addWebSessionTransactionLine = function (transactionUuid, sku, quantity) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -1342,8 +1327,51 @@
         { type: ProductSettingsService }
     ]; };
 
+    var RootStorageObject = /** @class */ (function () {
+        function RootStorageObject() {
+        }
+        return RootStorageObject;
+    }());
+    var LocalStorageService = /** @class */ (function () {
+        function LocalStorageService() {
+            this.storage = localStorage;
+            this._appRoot = "web-order";
+            this._storageObj = new RootStorageObject();
+            this._initLocalStorageObj();
+        }
+        LocalStorageService.prototype.save = function () {
+            this.storage.setItem(this._appRoot, JSON.stringify(this._storageObj));
+        };
+        LocalStorageService.prototype.clear = function () {
+            this.storage.clear();
+        };
+        Object.defineProperty(LocalStorageService.prototype, "id", {
+            get: function () {
+                return this._storageObj ? this._storageObj.id : "";
+            },
+            set: function (id) {
+                this._storageObj.id = id;
+                this.save();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        LocalStorageService.prototype._initLocalStorageObj = function () {
+            this._storageObj = JSON.parse(this.storage.getItem(this._appRoot)) || this._storageObj;
+            this.save();
+        };
+        return LocalStorageService;
+    }());
+    LocalStorageService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function LocalStorageService_Factory() { return new LocalStorageService(); }, token: LocalStorageService, providedIn: "root" });
+    LocalStorageService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    LocalStorageService.ctorParameters = function () { return []; };
+
     var IoneProductComponent = /** @class */ (function () {
-        function IoneProductComponent(_appEventService, _settingsService) {
+        function IoneProductComponent(_appEventService, _settingsService, _productConnectorService, _localStorageService) {
             var _this = this;
             // this.sku = 'CF-HILL';
             // this.sku = 'CF-ALMADA';
@@ -1362,8 +1390,11 @@
             // this.sku = "1000612725";
             this._appEventService = _appEventService;
             this._settingsService = _settingsService;
+            this._productConnectorService = _productConnectorService;
+            this._localStorageService = _localStorageService;
             this.enableRenderCarousel = false;
             this.handleAddArticleInternally = true;
+            this.handleAddToCartInternally = false;
             this.onAddToCart = new i0.EventEmitter();
             this.forceRenderImage = new i0.EventEmitter();
             this.getRenderForRenderCarousel = new i0.EventEmitter();
@@ -1426,9 +1457,41 @@
         };
         IoneProductComponent.prototype._handleAddToCart = function (data) {
             return __awaiter(this, void 0, void 0, function () {
+                var article, transactionId, transactionId;
                 return __generator(this, function (_a) {
-                    this.onAddToCart.emit(data);
-                    return [2 /*return*/];
+                    switch (_a.label) {
+                        case 0:
+                            if (!this.handleAddToCartInternally) return [3 /*break*/, 7];
+                            if (!(data && data.article)) return [3 /*break*/, 6];
+                            if (!(typeof data.article === 'string')) return [3 /*break*/, 3];
+                            article = JSON.parse(data.article);
+                            if (!(article.selectorData && article.selectorData.compositions)) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this._productConnectorService.addWebSessionTransactionLine(this._localStorageService.id, article.selectorData.compositions[0].compositionArticleNo, data.quantity)];
+                        case 1:
+                            transactionId = _a.sent();
+                            if (transactionId) {
+                                this._localStorageService.id = transactionId;
+                            }
+                            _a.label = 2;
+                        case 2: return [3 /*break*/, 5];
+                        case 3:
+                            if (!data.article.hasOwnProperty('articleNr')) return [3 /*break*/, 5];
+                            return [4 /*yield*/, this._productConnectorService.addWebSessionTransactionLine(this._localStorageService.id, data.article['articleNr'], data.quantity)];
+                        case 4:
+                            transactionId = _a.sent();
+                            if (transactionId) {
+                                this._localStorageService.id = transactionId;
+                            }
+                            _a.label = 5;
+                        case 5:
+                            this.onAddToCart.next(data);
+                            _a.label = 6;
+                        case 6: return [3 /*break*/, 8];
+                        case 7:
+                            this.onAddToCart.emit(data);
+                            _a.label = 8;
+                        case 8: return [2 /*return*/];
+                    }
                 });
             });
         };
@@ -1453,7 +1516,9 @@
     ];
     IoneProductComponent.ctorParameters = function () { return [
         { type: ProductEventService },
-        { type: ProductSettingsService }
+        { type: ProductSettingsService },
+        { type: ProductConnectorService },
+        { type: LocalStorageService }
     ]; };
     IoneProductComponent.propDecorators = {
         sku: [{ type: i0.Input }],
@@ -1462,6 +1527,7 @@
         enableRenderCarousel: [{ type: i0.Input }],
         settings: [{ type: i0.Input }],
         handleAddArticleInternally: [{ type: i0.Input }],
+        handleAddToCartInternally: [{ type: i0.Input }],
         onAddToCart: [{ type: i0.Output }],
         forceRenderImage: [{ type: i0.Output }],
         getRenderForRenderCarousel: [{ type: i0.Output }],
@@ -1742,8 +1808,7 @@
                                 this._ione.getFullArticle(this._sku).then(function (article) {
                                     _this.article = article;
                                     if (_this.article) {
-                                        _this.configurable = _this.article.goodType === 'B' && (_this.article.isConfigurable || _this.article.isConfigurable === undefined);
-                                        // this.configurable = this.article.goodType === 'B';
+                                        _this.configurable = _this.article.goodType === 'B';
                                         if (_this.configurable) {
                                             _this.showAddToCart = false;
                                             _this.currentView = SelectorType.TwoD;
@@ -1781,7 +1846,7 @@
     ProductPageComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-product-page',
-                    template: "<ng-container *ngIf=\"settingsLoaded\">\r\n  <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\r\n            <app-image-carousel\r\n              *ngIf=\"!enableRenderCarousel\"\r\n              [@toggleVisibilityByState]=\"show2D ? 'show' : 'hide'\"\r\n              [images]=\"article?.images\"\r\n              [showRefresh]=\"configurable && threeD\">\r\n            </app-image-carousel>\r\n\r\n            <app-render-carousel\r\n              *ngIf=\"enableRenderCarousel\"\r\n              [@toggleVisibilityByState]=\"show2D ? 'show' : 'hide'\"\r\n              [article]=\"article\">\r\n            </app-render-carousel>\r\n\r\n            <ng-container *ngIf=\"settingsLoaded && this.configurable\">\r\n              <threed-configurator\r\n                #configurator\r\n                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\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\"\r\n                                 [class.show-selections]=\"configuring\"\r\n                                 [@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]=\"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                                 (onAnswersAvailable)=\"appEventService.onAnswersAvailable.next($event.detail)\"\r\n                                 (onReadyToRender)=\"appEventService.onReadyToRender.next($event.detail)\"\r\n                                 (onRenderImageReceived)=\"appEventService.onRenderImageReceived.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              [createFrozenArticle]=\"createFrozenArticle\"\r\n              [configuring]=\"configuring\"\r\n              [showAddToCart]=\"showAddToCart\"\r\n              [article]=\"article\"\r\n              [externalSource]=\"externalSource\"\r\n              [isReturn]=\"isReturn\"\r\n              (startConfiguration)=\"handleStartConfiguration()\"\r\n              (showRelatedPopup)=\"handlePopUpChange($event)\"\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                                   [showAddToCart]=\"showAddToCart\"\r\n                                   [configuring]=\"configuring\"\r\n                                   [article]=\"article\"\r\n                                   [externalSource]=\"externalSource\"\r\n                                   [isReturn]=\"isReturn\"\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                                 [externalSource]=\"externalSource\"\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\" [goodId]=\"article?.goodId\" (openStockEvent)=\"openStock()\"></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\r\n            *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n            [externalSource]=\"externalSource\"\r\n            [articles]=\"article?.relatedArticles\"\r\n            [refType]=\"1\"\r\n            [label]=\"'RELATED_PRODUCTS' | localize\">\r\n          </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\r\n            *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n            [externalSource]=\"externalSource\"\r\n            [articles]=\"article?.relatedArticles\"\r\n            [refType]=\"4\"\r\n            [isSmallModus]=\"false\"\r\n            [label]=\"'ALTERNATIVE_PRODUCTS' | localize\">\r\n          </app-product-related>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n\r\n    <div *ngIf=\"showRelatedProductsPopup\">\r\n      <co-product-dialog\r\n        [mainArticle]=\"article\"\r\n        [articles]=\"article?.relatedArticles\"\r\n        [refType]=\"1\"\r\n        (closeRelatedPopup)=\"handlePopUpChange($event)\"\r\n      >\r\n      </co-product-dialog>\r\n\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\r\n\r\n  </div>\r\n</ng-container>\r\n",
+                    template: "<ng-container *ngIf=\"settingsLoaded\">\r\n  <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\r\n            <app-image-carousel\r\n              *ngIf=\"!enableRenderCarousel\"\r\n              [@toggleVisibilityByState]=\"show2D ? 'show' : 'hide'\"\r\n              [images]=\"article?.images\"\r\n              [showRefresh]=\"configurable && threeD\">\r\n            </app-image-carousel>\r\n\r\n            <app-render-carousel\r\n              *ngIf=\"enableRenderCarousel\"\r\n              [@toggleVisibilityByState]=\"show2D ? 'show' : 'hide'\"\r\n              [article]=\"article\">\r\n            </app-render-carousel>\r\n\r\n            <ng-container *ngIf=\"settingsLoaded\">\r\n              <threed-configurator\r\n                #configurator\r\n                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\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\"\r\n                                 [class.show-selections]=\"configuring\"\r\n                                 [@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]=\"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                                 (onAnswersAvailable)=\"appEventService.onAnswersAvailable.next($event.detail)\"\r\n                                 (onReadyToRender)=\"appEventService.onReadyToRender.next($event.detail)\"\r\n                                 (onRenderImageReceived)=\"appEventService.onRenderImageReceived.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              [createFrozenArticle]=\"createFrozenArticle\"\r\n              [configuring]=\"configuring\"\r\n              [showAddToCart]=\"showAddToCart\"\r\n              [article]=\"article\"\r\n              [externalSource]=\"externalSource\"\r\n              [isReturn]=\"isReturn\"\r\n              (startConfiguration)=\"handleStartConfiguration()\"\r\n              (showRelatedPopup)=\"handlePopUpChange($event)\"\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                                   [showAddToCart]=\"showAddToCart\"\r\n                                   [configuring]=\"configuring\"\r\n                                   [article]=\"article\"\r\n                                   [externalSource]=\"externalSource\"\r\n                                   [isReturn]=\"isReturn\"\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                                 [externalSource]=\"externalSource\"\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\" [goodId]=\"article?.goodId\" (openStockEvent)=\"openStock()\"></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\r\n            *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n            [externalSource]=\"externalSource\"\r\n            [articles]=\"article?.relatedArticles\"\r\n            [refType]=\"1\"\r\n            [label]=\"'RELATED_PRODUCTS' | localize\">\r\n          </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\r\n            *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n            [externalSource]=\"externalSource\"\r\n            [articles]=\"article?.relatedArticles\"\r\n            [refType]=\"4\"\r\n            [isSmallModus]=\"false\"\r\n            [label]=\"'ALTERNATIVE_PRODUCTS' | localize\">\r\n          </app-product-related>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n\r\n    <div *ngIf=\"showRelatedProductsPopup\">\r\n      <co-product-dialog\r\n        [mainArticle]=\"article\"\r\n        [articles]=\"article?.relatedArticles\"\r\n        [refType]=\"1\"\r\n        (closeRelatedPopup)=\"handlePopUpChange($event)\"\r\n      >\r\n      </co-product-dialog>\r\n\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\r\n\r\n  </div>\r\n</ng-container>\r\n",
                     animations: [
                         animations.trigger('toggleFullScreen', [
                             animations.state('fullscreen', animations.style({ 'position': 'fixed', 'top': '0', 'left': '0', 'width': '100%', 'height': '100%' })),
@@ -2422,12 +2487,11 @@
     ];
 
     var ProductAddtocartComponent = /** @class */ (function () {
-        function ProductAddtocartComponent(iconCache, _ioneControllerService, _appEventService, _settingsService, _productConnectorAdapterService) {
+        function ProductAddtocartComponent(iconCache, _ioneControllerService, _appEventService, _settingsService) {
             this.iconCache = iconCache;
             this._ioneControllerService = _ioneControllerService;
             this._appEventService = _appEventService;
             this._settingsService = _settingsService;
-            this._productConnectorAdapterService = _productConnectorAdapterService;
             this.icon = IconEnum;
             this.createFrozenArticle = true;
             this.configurable = false;
@@ -2469,52 +2533,40 @@
         };
         ProductAddtocartComponent.prototype.handleAddToCartClick = function (quantity) {
             return __awaiter(this, void 0, void 0, function () {
-                var article, generatedGoodId, articleFull, article, article, article;
+                var article, article, article;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
-                            if (!this.createFrozenArticle) return [3 /*break*/, 11];
-                            if (!(this.article.goodType === 'B')) return [3 /*break*/, 6];
-                            if (!this.article.isConfigurable) return [3 /*break*/, 2];
+                            if (!this.createFrozenArticle) return [3 /*break*/, 7];
+                            if (!(this.article.goodType === 'B')) return [3 /*break*/, 2];
                             return [4 /*yield*/, this._getJSONFromArticleObject({ article: this.article, quantity: quantity })];
                         case 1:
                             article = _a.sent();
                             if (article) {
                                 this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
                             }
-                            return [3 /*break*/, 5];
-                        case 2: return [4 /*yield*/, this._getGeneratedArtDirectly(this.article.goodId)];
-                        case 3:
-                            generatedGoodId = _a.sent();
-                            if (!generatedGoodId) return [3 /*break*/, 5];
-                            return [4 /*yield*/, this._productConnectorAdapterService.getArticleFullObject(generatedGoodId, true)];
-                        case 4:
-                            articleFull = _a.sent();
-                            article = this._ioneControllerService.convertArticleFullObjectToArticleExtended(articleFull);
-                            this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
-                            _a.label = 5;
-                        case 5: return [3 /*break*/, 10];
-                        case 6:
+                            return [3 /*break*/, 6];
+                        case 2:
                             article = void 0;
-                            if (!!!this.externalSource) return [3 /*break*/, 8];
+                            if (!!!this.externalSource) return [3 /*break*/, 4];
                             return [4 /*yield*/, this._getJSONFromArticleObject({ article: this.article, quantity: quantity })];
-                        case 7:
+                        case 3:
                             article = _a.sent();
-                            return [3 /*break*/, 9];
-                        case 8:
+                            return [3 /*break*/, 5];
+                        case 4:
                             article = this._ioneControllerService.convertArticleFullObjectToArticleExtended(this.article);
-                            _a.label = 9;
-                        case 9:
+                            _a.label = 5;
+                        case 5:
                             if (article) {
                                 this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
                             }
-                            _a.label = 10;
-                        case 10: return [3 /*break*/, 12];
-                        case 11:
+                            _a.label = 6;
+                        case 6: return [3 /*break*/, 8];
+                        case 7:
                             article = this._ioneControllerService.convertArticleFullObjectToArticleExtended(this.article);
                             this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
-                            _a.label = 12;
-                        case 12: return [2 /*return*/];
+                            _a.label = 8;
+                        case 8: return [2 /*return*/];
                     }
                 });
             });
@@ -2553,16 +2605,6 @@
                 });
             });
         };
-        ProductAddtocartComponent.prototype._getGeneratedArtDirectly = function (goodId) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._ioneControllerService.getGeneratedArtDirectly(goodId, true)];
-                        case 1: return [2 /*return*/, _a.sent()];
-                    }
-                });
-            });
-        };
         return ProductAddtocartComponent;
     }());
     ProductAddtocartComponent.decorators = [
@@ -2576,8 +2618,7 @@
         { type: IconCacheService },
         { type: ProductConnectorService },
         { type: ProductEventService },
-        { type: ProductSettingsService },
-        { type: ProductConnectorAdapterService }
+        { type: ProductSettingsService }
     ]; };
     ProductAddtocartComponent.propDecorators = {
         addToCartButton: [{ type: i0.ViewChild, args: ['addtocartbutton', { read: i0.ElementRef },] }],
@@ -4106,6 +4147,7 @@
     exports["ɵbp"] = ProductHdModule;
     exports["ɵbq"] = ProductHdComponent;
     exports["ɵbr"] = ProductScriptLoaderService;
+    exports["ɵbs"] = LocalStorageService;
     exports["ɵc"] = PipeModule;
     exports["ɵd"] = LocalizePipe;
     exports["ɵe"] = DictionaryService;