@colijnit/product 258.1.4 → 259.1.0

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 = "259.1.0";
+            this.publishDate = "7/9/2025, 9:58:59 AM";
         }
         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,196 +559,238 @@
         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 ProductEventService;
+    }());
+    ProductEventService.decorators = [
+        { type: i0.Directive },
+        { type: i0.Injectable }
+    ];
+
+    // Sole responsibility is simply to wrap around a colijn.Connector to create a stable inner interface to the library in a 1:1 method way.
+    // Only to be used by the IOneControllerService.
+    var ProductConnectorAdapterService = /** @class */ (function () {
+        function ProductConnectorAdapterService(_eventService) {
+            this._eventService = _eventService;
+            this.showLoader = new rxjs.Subject();
+            this._boFactory = new businessObjectFactory.BusinessObjectFactory();
+            this._subs = [];
+        }
+        ProductConnectorAdapterService.prototype.ngOnDestroy = function () {
+            this._subs.forEach(function (s) { return s.unsubscribe(); });
+        };
+        ProductConnectorAdapterService.prototype.initConnector = function (options) {
             return __awaiter(this, void 0, void 0, function () {
-                var jsonSettings;
+                var _this = this;
                 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')];
+                            this.articleConnector = new articles.Articles(options);
+                            return [4 /*yield*/, this.articleConnector.connect()];
                         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*/];
+                            _a.sent();
+                            this.transactionConnector = new transaction.Transaction(options);
+                            this._subs.push(
+                            // @ts-ignore
+                            this.articleConnector.showLoader.subscribe(function (value) { return _this.showLoader.next(value); }));
+                            return [2 /*return*/];
                     }
                 });
             });
         };
-        ProductSettingsService.prototype.createSettingsFromObject = function (obj) {
+        ProductConnectorAdapterService.prototype.setInstance = function (instanceId) {
+            // this.articleConnector.setInstanceToConfigure(instanceId, false);
+        };
+        ProductConnectorAdapterService.prototype.getProductBundleSettings = function (url, upId) {
             return __awaiter(this, void 0, void 0, function () {
-                var ownOptions, ownRenderParameters;
+                var tempSettings, tempMainConnector, response;
                 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);
+                    switch (_a.label) {
+                        case 0:
+                            tempSettings = new ProductSettings();
+                            tempSettings.url = url;
+                            tempSettings.schema = upId.toString();
+                            tempMainConnector = new mainapi.MainApi(tempSettings);
+                            return [4 /*yield*/, tempMainConnector.getPublicParams(upId)];
+                        case 1:
+                            response = _a.sent();
+                            if (response) {
+                                return [2 /*return*/, response.productSettings];
+                            }
+                            return [2 /*return*/, ""];
                     }
-                    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;
+                });
+            });
+        };
+        ProductConnectorAdapterService.prototype.convertArticleFullObjectToArticleExtended = function (article) {
+            if (article) {
+                return this._boFactory.makeWithRawBackendData(articleListObjectExtended_bo.ArticleListObjectExtended, article);
+            }
+        };
+        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];
                     }
-                    if (obj.hasOwnProperty('threeDAssetPath')) {
-                        this.settings.threeDAssetPath = obj['threeDAssetPath'];
-                        if (this.settings.threeDAssetPath[this.settings.threeDAssetPath.length - 1] !== '/') {
-                            this.settings.threeDAssetPath += '/';
-                        }
+                });
+            });
+        };
+        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*/];
                     }
-                    this.settingsFinished();
-                    return [2 /*return*/];
                 });
             });
         };
-        ProductSettingsService.prototype.settingsFinished = function () {
+        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._dictionaryService.setDictionary(this.settings.languageCode)];
+                        case 0: return [4 /*yield*/, this.articleConnector.getArtStockStatus(goodId)];
                         case 1:
-                            _a.sent();
-                            this.settingsLoaded.next(true);
+                            response = _a.sent();
+                            if (response && response.validationResult && response.validationResult.success) {
+                                return [2 /*return*/, response.resultObject];
+                            }
+                            else {
+                                return [2 /*return*/, null];
+                            }
                             return [2 /*return*/];
                     }
                 });
             });
         };
-        return ProductSettingsService;
-    }());
-    ProductSettingsService.decorators = [
-        { 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.
-    var ProductConnectorAdapterService = /** @class */ (function () {
-        function ProductConnectorAdapterService(_eventService) {
-            this._eventService = _eventService;
-            this.showLoader = new rxjs.Subject();
-            this._boFactory = new businessObjectFactory.BusinessObjectFactory();
-            this._subs = [];
-        }
-        ProductConnectorAdapterService.prototype.ngOnDestroy = function () {
-            this._subs.forEach(function (s) { return s.unsubscribe(); });
+        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.initConnector = function (options) {
+        ProductConnectorAdapterService.prototype.getJsonConfiguredArticles = function (configuratorStatistics) {
             return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
+                var response;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0:
-                            this.articleConnector = new articles.Articles(options);
-                            return [4 /*yield*/, this.articleConnector.connect()];
+                        case 0: return [4 /*yield*/, this.articleConnector.getJsonConfiguredArticles(configuratorStatistics)];
                         case 1:
-                            _a.sent();
-                            this.transactionConnector = new transaction.Transaction(options);
-                            this._subs.push(
-                            // @ts-ignore
-                            this.articleConnector.showLoader.subscribe(function (value) { return _this.showLoader.next(value); }));
+                            response = _a.sent();
+                            if (response && response.validationResult && response.validationResult.success) {
+                                return [2 /*return*/, response.resultObject];
+                            }
+                            else {
+                                return [2 /*return*/, ''];
+                            }
                             return [2 /*return*/];
                     }
                 });
             });
         };
-        ProductConnectorAdapterService.prototype.setInstance = function (instanceId) {
-            // this.articleConnector.setInstanceToConfigure(instanceId, false);
-        };
-        ProductConnectorAdapterService.prototype.getProductBundleSettings = function (url, upId) {
+        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 _this = this;
+                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;
+                        })];
+                });
+            });
+        };
+        ProductConnectorAdapterService.prototype.getGeneratedArtDirectly = function (goodId, showLoader) {
             return __awaiter(this, void 0, void 0, function () {
-                var tempSettings, tempMainConnector, response;
+                var _this = this;
                 return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            tempSettings = new ProductSettings();
-                            tempSettings.url = url;
-                            tempSettings.schema = upId.toString();
-                            tempMainConnector = new mainapi.MainApi(tempSettings);
-                            return [4 /*yield*/, tempMainConnector.getPublicParams(upId)];
-                        case 1:
-                            response = _a.sent();
-                            if (response) {
-                                return [2 /*return*/, response.productSettings];
-                            }
-                            return [2 /*return*/, ""];
-                    }
+                    return [2 /*return*/, this.articleConnector.getGeneratedArtDirectly(goodId, showLoader).catch(function (messages) {
+                            _this._eventService.errorMessage.next(messages);
+                            return null;
+                        })];
                 });
             });
         };
-        ProductConnectorAdapterService.prototype.convertArticleFullObjectToArticleExtended = function (article) {
-            if (article) {
-                return this._boFactory.makeWithRawBackendData(articleListObjectExtended_bo.ArticleListObjectExtended, article);
-            }
-        };
-        ProductConnectorAdapterService.prototype.getDeliveryPrognosis = function (goodId, branchNr) {
+        ProductConnectorAdapterService.prototype.getGoodIdFromArticleNr = function (sku) {
             return __awaiter(this, void 0, void 0, function () {
-                var deliveryPrognosis;
+                var response;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.getSelectorDeliveryDate()];
+                        case 0: return [4 /*yield*/, this.articleConnector.getGoodIdFromArticleNr(sku)];
                         case 1:
-                            deliveryPrognosis = _a.sent();
-                            if (!deliveryPrognosis || !deliveryPrognosis.returnValue) {
-                                return [2 /*return*/, this.getDeliveryDate2(goodId)];
+                            response = _a.sent();
+                            if (response && response.validationResult && response.validationResult.success) {
+                                return [2 /*return*/, response.resultObject];
                             }
-                            return [2 /*return*/, deliveryPrognosis];
+                            else {
+                                return [2 /*return*/, null];
+                            }
+                            return [2 /*return*/];
                     }
                 });
             });
         };
-        ProductConnectorAdapterService.prototype.getSelectorDeliveryDate = function () {
+        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.getSelectorDeliveryDate()];
+                        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(deliveryPrognosis.DeliveryPrognosis, response.resultObject)];
+                                return [2 /*return*/, this._boFactory.makeWithRawBackendData(articleFullObject.ArticleFullObject, response.resultObject)];
                             }
                             else {
                                 return [2 /*return*/, null];
@@ -1017,16 +800,16 @@
                 });
             });
         };
-        ProductConnectorAdapterService.prototype.getArtStockStatus = 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.getArtStockStatus(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*/, response.resultObject];
+                                return [2 /*return*/, this._boFactory.makeWithRawBackendData(superArticle.SuperArticle, response.resultObject)];
                             }
                             else {
                                 return [2 /*return*/, null];
@@ -1036,16 +819,17 @@
                 });
             });
         };
-        ProductConnectorAdapterService.prototype.getDeliveryDate2 = function (goodId) {
+        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.getDeliveryDate2(goodId)];
+                        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(deliveryPrognosis.DeliveryPrognosis, response.resultObject)];
+                                return [2 /*return*/, this._boFactory.makeWithRawBackendData(documentContent.DocumentContent, response.resultObject)];
                             }
                             else {
                                 return [2 /*return*/, null];
@@ -1055,151 +839,367 @@
                 });
             });
         };
-        ProductConnectorAdapterService.prototype.getJsonConfiguredArticles = function (configuratorStatistics) {
+        ProductConnectorAdapterService.prototype.addWebSessionTransactionLine = function (transactionUuid, sku, quantity) {
             return __awaiter(this, void 0, void 0, function () {
-                var response;
+                var response, infoResponse;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.articleConnector.getJsonConfiguredArticles(configuratorStatistics)];
+                        case 0: return [4 /*yield*/, this.transactionConnector.addWebSessionTransactionLine(transactionUuid, sku, quantity)];
                         case 1:
                             response = _a.sent();
                             if (response && response.validationResult && response.validationResult.success) {
-                                return [2 /*return*/, response.resultObject];
+                                infoResponse = this._boFactory.makeWithRawBackendData(transactionInfoResponse_bo.TransactionInfoResponse, response.resultObject);
+                                return [2 /*return*/, infoResponse.transactionInfo.uuid];
+                            }
+                            return [2 /*return*/, ""];
+                    }
+                });
+            });
+        };
+        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 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*/, ''];
+                                return [2 /*return*/, response.json()];
                             }
-                            return [2 /*return*/];
+                            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.getJsonArticleFlatTree = function (goodId, goodType, quantity, externalSource, showLoader, instanceId, configuratorStatistics) {
-            if (externalSource === void 0) { externalSource = false; }
-            if (showLoader === void 0) { showLoader = true; }
+        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 _this = this;
+                var dictionary;
                 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;
-                        })];
+                    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.getGeneratedArtDirectly = function (goodId, showLoader) {
-            return __awaiter(this, void 0, void 0, function () {
-                var _this = this;
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, this.articleConnector.getGeneratedArtDirectly(goodId, showLoader).catch(function (messages) {
-                            _this._eventService.errorMessage.next(messages);
-                            return null;
-                        })];
-                });
-            });
+        /**
+         * 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.getGoodIdFromArticleNr = function (sku) {
+        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.getGoodIdFromArticleNr(sku)];
+                        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*/, 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.getArticleFullObject = function (goodId, showLoader) {
-            if (showLoader === void 0) { showLoader = 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.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*/];
+                    if (!this.settings) {
+                        this.settings = new ProductSettings();
                     }
-                });
-            });
-        };
-        ProductConnectorAdapterService.prototype.getSuperArticle = function (id, branch) {
-            return __awaiter(this, void 0, void 0, function () {
-                var response;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.articleConnector.getSuperArticleQuickSel(id, branch)];
-                        case 1:
-                            response = _a.sent();
-                            if (response && response.validationResult && response.validationResult.success) {
-                                return [2 /*return*/, this._boFactory.makeWithRawBackendData(superArticle.SuperArticle, response.resultObject)];
-                            }
-                            else {
-                                return [2 /*return*/, null];
-                            }
-                            return [2 /*return*/];
+                    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);
                     }
-                });
-            });
-        };
-        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.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 (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.
@@ -1342,8 +1342,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 +1405,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 +1472,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 +1531,9 @@
     ];
     IoneProductComponent.ctorParameters = function () { return [
         { type: ProductEventService },
-        { type: ProductSettingsService }
+        { type: ProductSettingsService },
+        { type: ProductConnectorService },
+        { type: LocalStorageService }
     ]; };
     IoneProductComponent.propDecorators = {
         sku: [{ type: i0.Input }],
@@ -1462,6 +1542,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 }],
@@ -4106,6 +4187,7 @@
     exports["ɵbp"] = ProductHdModule;
     exports["ɵbq"] = ProductHdComponent;
     exports["ɵbr"] = ProductScriptLoaderService;
+    exports["ɵbs"] = LocalStorageService;
     exports["ɵc"] = PipeModule;
     exports["ɵd"] = LocalizePipe;
     exports["ɵe"] = DictionaryService;