@colijnit/transaction 12.1.0 → 12.1.4

package/bundles/colijnit-transaction.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@colijnit/ioneconnector/build/model/options'), require('@colijnit/transactionapi/build/model/customer-full-object.bo'), require('@colijnit/transactionapi/build/model/transaction-info-response.bo'), require('@colijnit/transactionapi/build/model/relation-privacy-setting.bo'), require('@colijnit/transactionapi/build/model/get-postal-code-retrieval-output-params'), require('@colijnit/transactionapi/build/model/relation-list-object.bo'), require('@colijnit/transactionapi/build/model/article-full-object'), require('@colijnit/transactionapi/build/model/line-operation-response.bo'), require('@colijnit/transactionapi/build/transaction'), require('@colijnit/transactionapi/build/utils/function/not-nill.function'), require('@colijnit/transactionapi/build/utils/object-utils'), require('@colijnit/transactionapi/build/enum/yes-no-db-type.enum'), require('@colijnit/transactionapi/build/enum/true-false-db-type.enum'), require('@colijnit/transactionapi/build/enum/one-zero-bool-db-type.enum'), require('@colijnit/transactionapi/build/enum/db-boolean-value-type.enum'), require('@colijnit/transactionapi/build/utils/date-utils'), require('@colijnit/transactionapi/build/utils/number-utils'), require('@colijnit/transactionapi/build/utils/function/is-nill.function'), require('@colijnit/transactionapi/build/factory/decorators/map-property.decorator'), require('@colijnit/transactionapi/build/factory/decorators/boolean.decorator'), require('@colijnit/transactionapi/build/factory/decorators/json.decorator'), require('@colijnit/transactionapi/build/factory/decorators/complex-array.decorator'), require('@colijnit/transactionapi/build/utils/image-utils'), require('@colijnit/transactionapi/build/model/nul-relation-object'), require('@colijnit/transactionapi/build/enum/transaction-kind.enum'), require('@colijnit/transactionapi/build/enum/sequence-name.enum'), require('@colijnit/transactionapi/build/utils/array-utils'), require('@colijnit/transactionapi/build/model/set-transaction-delivery-options-request.bo'), require('@colijnit/transactionapi/build/model/transaction-total.bo'), require('@colijnit/transactionapi/build/enum/transaction-line-type.enum'), require('@colijnit/transactionapi/build/model/line-operation-status.bo'), require('@colijnit/transactionapi/build/model/transaction-info.bo'), require('@colijnit/transactionapi/build/enum/pending-reason-type.enum'), require('@colijnit/transactionapi/build/enum/communication-type.enum'), require('@colijnit/transactionapi/build/model/contact-option.bo'), require('@colijnit/transactionapi/build/enum/relation-name-kind.enum'), require('@colijnit/transactionapi/build/enum/address-type.enum'), require('@colijnit/transactionapi/build/enum/gender-type.enum'), require('@colijnit/transactionapi/build/utils/business-object-utils'), require('@colijnit/corecomponents_v12'), require('@colijnit/transactionapi/build/utils/function-utils'), require('@colijnit/transactionapi/build/model/address.bo'), require('@angular/platform-browser/animations'), require('@angular/flex-layout'), require('@angular/material/stepper'), require('@angular/common'), require('@angular/platform-browser'), require('@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo'), require('@colijnit/transactionapi/build/enum/sort-direction'), require('@colijnit/transactionapi/build/enum/sort-type.enum'), require('@colijnit/transactionapi/build/enum/refcode/stock-status.enum'), require('@angular/animations'), require('@colijnit/transactionapi/build/model/relation-request'), require('@syncfusion/ej2-angular-splitbuttons'), require('@syncfusion/ej2-angular-buttons'), require('@syncfusion/ej2-angular-dropdowns'), require('@syncfusion/ej2-navigations'), require('@syncfusion/ej2-angular-navigations'), require('@colijnit/transactionapi/build/model/transaction-line-info.bo')) :
-    typeof define === 'function' && define.amd ? define('@colijnit/transaction', ['exports', '@angular/core', 'rxjs', '@colijnit/ioneconnector/build/model/options', '@colijnit/transactionapi/build/model/customer-full-object.bo', '@colijnit/transactionapi/build/model/transaction-info-response.bo', '@colijnit/transactionapi/build/model/relation-privacy-setting.bo', '@colijnit/transactionapi/build/model/get-postal-code-retrieval-output-params', '@colijnit/transactionapi/build/model/relation-list-object.bo', '@colijnit/transactionapi/build/model/article-full-object', '@colijnit/transactionapi/build/model/line-operation-response.bo', '@colijnit/transactionapi/build/transaction', '@colijnit/transactionapi/build/utils/function/not-nill.function', '@colijnit/transactionapi/build/utils/object-utils', '@colijnit/transactionapi/build/enum/yes-no-db-type.enum', '@colijnit/transactionapi/build/enum/true-false-db-type.enum', '@colijnit/transactionapi/build/enum/one-zero-bool-db-type.enum', '@colijnit/transactionapi/build/enum/db-boolean-value-type.enum', '@colijnit/transactionapi/build/utils/date-utils', '@colijnit/transactionapi/build/utils/number-utils', '@colijnit/transactionapi/build/utils/function/is-nill.function', '@colijnit/transactionapi/build/factory/decorators/map-property.decorator', '@colijnit/transactionapi/build/factory/decorators/boolean.decorator', '@colijnit/transactionapi/build/factory/decorators/json.decorator', '@colijnit/transactionapi/build/factory/decorators/complex-array.decorator', '@colijnit/transactionapi/build/utils/image-utils', '@colijnit/transactionapi/build/model/nul-relation-object', '@colijnit/transactionapi/build/enum/transaction-kind.enum', '@colijnit/transactionapi/build/enum/sequence-name.enum', '@colijnit/transactionapi/build/utils/array-utils', '@colijnit/transactionapi/build/model/set-transaction-delivery-options-request.bo', '@colijnit/transactionapi/build/model/transaction-total.bo', '@colijnit/transactionapi/build/enum/transaction-line-type.enum', '@colijnit/transactionapi/build/model/line-operation-status.bo', '@colijnit/transactionapi/build/model/transaction-info.bo', '@colijnit/transactionapi/build/enum/pending-reason-type.enum', '@colijnit/transactionapi/build/enum/communication-type.enum', '@colijnit/transactionapi/build/model/contact-option.bo', '@colijnit/transactionapi/build/enum/relation-name-kind.enum', '@colijnit/transactionapi/build/enum/address-type.enum', '@colijnit/transactionapi/build/enum/gender-type.enum', '@colijnit/transactionapi/build/utils/business-object-utils', '@colijnit/corecomponents_v12', '@colijnit/transactionapi/build/utils/function-utils', '@colijnit/transactionapi/build/model/address.bo', '@angular/platform-browser/animations', '@angular/flex-layout', '@angular/material/stepper', '@angular/common', '@angular/platform-browser', '@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo', '@colijnit/transactionapi/build/enum/sort-direction', '@colijnit/transactionapi/build/enum/sort-type.enum', '@colijnit/transactionapi/build/enum/refcode/stock-status.enum', '@angular/animations', '@colijnit/transactionapi/build/model/relation-request', '@syncfusion/ej2-angular-splitbuttons', '@syncfusion/ej2-angular-buttons', '@syncfusion/ej2-angular-dropdowns', '@syncfusion/ej2-navigations', '@syncfusion/ej2-angular-navigations', '@colijnit/transactionapi/build/model/transaction-line-info.bo'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.transaction = {}), global.ng.core, global.rxjs, global.options, global.customerFullObject_bo, global.transactionInfoResponse_bo, global.relationPrivacySetting_bo, global.getPostalCodeRetrievalOutputParams, global.relationListObject_bo, global.articleFullObject, global.lineOperationResponse_bo, global.transaction, global.notNill_function, global.objectUtils, global.yesNoDbType_enum, global.trueFalseDbType_enum, global.oneZeroBoolDbType_enum, global.dbBooleanValueType_enum, global.dateUtils, global.numberUtils, global.isNill_function, global.mapProperty_decorator, global.boolean_decorator, global.json_decorator, global.complexArray_decorator, global.imageUtils, global.nulRelationObject, global.transactionKind_enum, global.sequenceName_enum, global.arrayUtils, global.setTransactionDeliveryOptionsRequest_bo, global.transactionTotal_bo, global.transactionLineType_enum, global.lineOperationStatus_bo, global.transactionInfo_bo, global.pendingReasonType_enum, global.communicationType_enum, global.contactOption_bo, global.relationNameKind_enum, global.addressType_enum, global.genderType_enum, global.businessObjectUtils, global.corecomponents_v12, global.functionUtils, global.address_bo, global.ng.platformBrowser.animations, global.ng.flexLayout, global.ng.material.stepper, global.ng.common, global.ng.platformBrowser, global.resolvePendingReasonRequest_bo, global.sortDirection, global.sortType_enum, global.stockStatus_enum, global.ng.animations, global.relationRequest, global.ej2AngularSplitbuttons, global.ej2AngularButtons, global.ej2AngularDropdowns, global.ej2Navigations, global.ej2AngularNavigations, global.transactionLineInfo_bo));
-})(this, (function (exports, i0, rxjs, options, customerFullObject_bo, transactionInfoResponse_bo, relationPrivacySetting_bo, getPostalCodeRetrievalOutputParams, relationListObject_bo, articleFullObject, lineOperationResponse_bo, transaction, notNill_function, objectUtils, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, isNill_function, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, imageUtils, nulRelationObject, transactionKind_enum, sequenceName_enum, arrayUtils, setTransactionDeliveryOptionsRequest_bo, transactionTotal_bo, transactionLineType_enum, lineOperationStatus_bo, transactionInfo_bo, pendingReasonType_enum, communicationType_enum, contactOption_bo, relationNameKind_enum, addressType_enum, genderType_enum, businessObjectUtils, corecomponents_v12, functionUtils, address_bo, animations, flexLayout, stepper, common, platformBrowser, resolvePendingReasonRequest_bo, sortDirection, sortType_enum, stockStatus_enum, animations$1, relationRequest, ej2AngularSplitbuttons, ej2AngularButtons, ej2AngularDropdowns, ej2Navigations, ej2AngularNavigations, transactionLineInfo_bo) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@colijnit/ioneconnector/build/model/options'), require('@colijnit/transactionapi/build/model/customer-full-object.bo'), require('@colijnit/transactionapi/build/model/transaction-info-response.bo'), require('@colijnit/transactionapi/build/model/relation-privacy-setting.bo'), require('@colijnit/transactionapi/build/model/get-postal-code-retrieval-output-params'), require('@colijnit/transactionapi/build/model/relation-list-object.bo'), require('@colijnit/transactionapi/build/model/article-full-object'), require('@colijnit/transactionapi/build/model/line-operation-response.bo'), require('@colijnit/transactionapi/build/transaction'), require('@colijnit/transactionapi/build/utils/function/not-nill.function'), require('@colijnit/transactionapi/build/utils/object-utils'), require('@colijnit/transactionapi/build/enum/yes-no-db-type.enum'), require('@colijnit/transactionapi/build/enum/true-false-db-type.enum'), require('@colijnit/transactionapi/build/enum/one-zero-bool-db-type.enum'), require('@colijnit/transactionapi/build/enum/db-boolean-value-type.enum'), require('@colijnit/transactionapi/build/utils/date-utils'), require('@colijnit/transactionapi/build/utils/number-utils'), require('@colijnit/transactionapi/build/utils/function/is-nill.function'), require('@colijnit/transactionapi/build/factory/decorators/map-property.decorator'), require('@colijnit/transactionapi/build/factory/decorators/boolean.decorator'), require('@colijnit/transactionapi/build/factory/decorators/json.decorator'), require('@colijnit/transactionapi/build/factory/decorators/complex-array.decorator'), require('@colijnit/transactionapi/build/utils/image-utils'), require('@colijnit/transactionapi/build/model/nul-relation-object'), require('@colijnit/transactionapi/build/enum/transaction-kind.enum'), require('@colijnit/transactionapi/build/enum/sequence-name.enum'), require('@colijnit/transactionapi/build/utils/array-utils'), require('@colijnit/transactionapi/build/model/set-transaction-delivery-options-request.bo'), require('@colijnit/transactionapi/build/model/transaction-total.bo'), require('@colijnit/transactionapi/build/enum/transaction-line-type.enum'), require('@colijnit/transactionapi/build/model/line-operation-status.bo'), require('@colijnit/transactionapi/build/model/transaction-info.bo'), require('@colijnit/transactionapi/build/enum/pending-reason-type.enum'), require('@colijnit/corecomponents_v12'), require('@colijnit/transactionapi/build/enum/communication-type.enum'), require('@colijnit/transactionapi/build/model/contact-option.bo'), require('@colijnit/transactionapi/build/enum/relation-name-kind.enum'), require('@colijnit/transactionapi/build/enum/address-type.enum'), require('@colijnit/transactionapi/build/enum/gender-type.enum'), require('@colijnit/transactionapi/build/utils/business-object-utils'), require('@colijnit/transactionapi/build/utils/function-utils'), require('@colijnit/transactionapi/build/model/address.bo'), require('@angular/flex-layout'), require('@angular/material/stepper'), require('@angular/common'), require('@angular/platform-browser'), require('@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo'), require('@colijnit/transactionapi/build/enum/sort-direction'), require('@colijnit/transactionapi/build/enum/sort-type.enum'), require('@colijnit/transactionapi/build/enum/refcode/stock-status.enum'), require('@angular/animations'), require('@colijnit/transactionapi/build/model/relation-request'), require('@syncfusion/ej2-angular-splitbuttons'), require('@syncfusion/ej2-angular-buttons'), require('@syncfusion/ej2-angular-dropdowns'), require('@syncfusion/ej2-navigations'), require('@syncfusion/ej2-angular-navigations'), require('@colijnit/transactionapi/build/model/transaction-line-info.bo')) :
+    typeof define === 'function' && define.amd ? define('@colijnit/transaction', ['exports', '@angular/core', 'rxjs', '@colijnit/ioneconnector/build/model/options', '@colijnit/transactionapi/build/model/customer-full-object.bo', '@colijnit/transactionapi/build/model/transaction-info-response.bo', '@colijnit/transactionapi/build/model/relation-privacy-setting.bo', '@colijnit/transactionapi/build/model/get-postal-code-retrieval-output-params', '@colijnit/transactionapi/build/model/relation-list-object.bo', '@colijnit/transactionapi/build/model/article-full-object', '@colijnit/transactionapi/build/model/line-operation-response.bo', '@colijnit/transactionapi/build/transaction', '@colijnit/transactionapi/build/utils/function/not-nill.function', '@colijnit/transactionapi/build/utils/object-utils', '@colijnit/transactionapi/build/enum/yes-no-db-type.enum', '@colijnit/transactionapi/build/enum/true-false-db-type.enum', '@colijnit/transactionapi/build/enum/one-zero-bool-db-type.enum', '@colijnit/transactionapi/build/enum/db-boolean-value-type.enum', '@colijnit/transactionapi/build/utils/date-utils', '@colijnit/transactionapi/build/utils/number-utils', '@colijnit/transactionapi/build/utils/function/is-nill.function', '@colijnit/transactionapi/build/factory/decorators/map-property.decorator', '@colijnit/transactionapi/build/factory/decorators/boolean.decorator', '@colijnit/transactionapi/build/factory/decorators/json.decorator', '@colijnit/transactionapi/build/factory/decorators/complex-array.decorator', '@colijnit/transactionapi/build/utils/image-utils', '@colijnit/transactionapi/build/model/nul-relation-object', '@colijnit/transactionapi/build/enum/transaction-kind.enum', '@colijnit/transactionapi/build/enum/sequence-name.enum', '@colijnit/transactionapi/build/utils/array-utils', '@colijnit/transactionapi/build/model/set-transaction-delivery-options-request.bo', '@colijnit/transactionapi/build/model/transaction-total.bo', '@colijnit/transactionapi/build/enum/transaction-line-type.enum', '@colijnit/transactionapi/build/model/line-operation-status.bo', '@colijnit/transactionapi/build/model/transaction-info.bo', '@colijnit/transactionapi/build/enum/pending-reason-type.enum', '@colijnit/corecomponents_v12', '@colijnit/transactionapi/build/enum/communication-type.enum', '@colijnit/transactionapi/build/model/contact-option.bo', '@colijnit/transactionapi/build/enum/relation-name-kind.enum', '@colijnit/transactionapi/build/enum/address-type.enum', '@colijnit/transactionapi/build/enum/gender-type.enum', '@colijnit/transactionapi/build/utils/business-object-utils', '@colijnit/transactionapi/build/utils/function-utils', '@colijnit/transactionapi/build/model/address.bo', '@angular/flex-layout', '@angular/material/stepper', '@angular/common', '@angular/platform-browser', '@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo', '@colijnit/transactionapi/build/enum/sort-direction', '@colijnit/transactionapi/build/enum/sort-type.enum', '@colijnit/transactionapi/build/enum/refcode/stock-status.enum', '@angular/animations', '@colijnit/transactionapi/build/model/relation-request', '@syncfusion/ej2-angular-splitbuttons', '@syncfusion/ej2-angular-buttons', '@syncfusion/ej2-angular-dropdowns', '@syncfusion/ej2-navigations', '@syncfusion/ej2-angular-navigations', '@colijnit/transactionapi/build/model/transaction-line-info.bo'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.transaction = {}), global.ng.core, global.rxjs, global.options, global.customerFullObject_bo, global.transactionInfoResponse_bo, global.relationPrivacySetting_bo, global.getPostalCodeRetrievalOutputParams, global.relationListObject_bo, global.articleFullObject, global.lineOperationResponse_bo, global.transaction, global.notNill_function, global.objectUtils, global.yesNoDbType_enum, global.trueFalseDbType_enum, global.oneZeroBoolDbType_enum, global.dbBooleanValueType_enum, global.dateUtils, global.numberUtils, global.isNill_function, global.mapProperty_decorator, global.boolean_decorator, global.json_decorator, global.complexArray_decorator, global.imageUtils, global.nulRelationObject, global.transactionKind_enum, global.sequenceName_enum, global.arrayUtils, global.setTransactionDeliveryOptionsRequest_bo, global.transactionTotal_bo, global.transactionLineType_enum, global.lineOperationStatus_bo, global.transactionInfo_bo, global.pendingReasonType_enum, global.corecomponents_v12, global.communicationType_enum, global.contactOption_bo, global.relationNameKind_enum, global.addressType_enum, global.genderType_enum, global.businessObjectUtils, global.functionUtils, global.address_bo, global.ng.flexLayout, global.ng.material.stepper, global.ng.common, global.ng.platformBrowser, global.resolvePendingReasonRequest_bo, global.sortDirection, global.sortType_enum, global.stockStatus_enum, global.ng.animations, global.relationRequest, global.ej2AngularSplitbuttons, global.ej2AngularButtons, global.ej2AngularDropdowns, global.ej2Navigations, global.ej2AngularNavigations, global.transactionLineInfo_bo));
+})(this, (function (exports, i0, rxjs, options, customerFullObject_bo, transactionInfoResponse_bo, relationPrivacySetting_bo, getPostalCodeRetrievalOutputParams, relationListObject_bo, articleFullObject, lineOperationResponse_bo, transaction, notNill_function, objectUtils, yesNoDbType_enum, trueFalseDbType_enum, oneZeroBoolDbType_enum, dbBooleanValueType_enum, dateUtils, numberUtils, isNill_function, mapProperty_decorator, boolean_decorator, json_decorator, complexArray_decorator, imageUtils, nulRelationObject, transactionKind_enum, sequenceName_enum, arrayUtils, setTransactionDeliveryOptionsRequest_bo, transactionTotal_bo, transactionLineType_enum, lineOperationStatus_bo, transactionInfo_bo, pendingReasonType_enum, corecomponents_v12, communicationType_enum, contactOption_bo, relationNameKind_enum, addressType_enum, genderType_enum, businessObjectUtils, functionUtils, address_bo, flexLayout, stepper, common, platformBrowser, resolvePendingReasonRequest_bo, sortDirection, sortType_enum, stockStatus_enum, animations, relationRequest, ej2AngularSplitbuttons, ej2AngularButtons, ej2AngularDropdowns, ej2Navigations, ej2AngularNavigations, transactionLineInfo_bo) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -1187,14 +1187,19 @@
             return new Promise(function (resolve, reject) {
                 return _this.connector.getSingleImage(nodeId, publication, includeMimetype, thumb).then(function (result) {
                     if (result.validationResult && result.validationResult.success) {
-                        if (result.resultObject.filePath !== null && result.resultObject.filePath !== "") {
+                        if (result.resultObject && result.resultObject.filePath !== null && result.resultObject.filePath !== "") {
                             return resolve(imageUtils.ImageUtils.getFixedImageFilepathUrl(result.resultObject.filePath));
                         }
                         else {
-                            if (includeMimetype) {
-                                return resolve(imageUtils.ImageUtils.getDocBodyWithMimeTypeDefinition(result.resultObject.fileName, thumb ? result.resultObject.thumbnailBody : result.resultObject.documentBody));
+                            if (result.resultObject) {
+                                if (includeMimetype) {
+                                    return resolve(imageUtils.ImageUtils.getDocBodyWithMimeTypeDefinition(result.resultObject.fileName, thumb ? result.resultObject.thumbnailBody : result.resultObject.documentBody));
+                                }
+                                return resolve(thumb ? result.resultObject.thumbnailBody : result.resultObject.documentBody);
+                            }
+                            else {
+                                reject(result.validationMessagesAsString);
                             }
-                            return resolve(thumb ? result.resultObject.thumbnailBody : result.resultObject.documentBody);
                         }
                     }
                     else {
@@ -1724,8 +1729,9 @@
     IOneConnectorAdapterService.ctorParameters = function () { return []; };
 
     var TransactionService = /** @class */ (function () {
-        function TransactionService(_connector) {
+        function TransactionService(_connector, _prompt) {
             this._connector = _connector;
+            this._prompt = _prompt;
             this.transactionUpdated = new i0.EventEmitter();
             this.transactionLoaded = new i0.EventEmitter();
             this.applicationUser = false;
@@ -1795,6 +1801,11 @@
             enumerable: false,
             configurable: true
         });
+        TransactionService.prototype.pendingLineOperationStatus = function (lineOperationStatuses) {
+            var status = lineOperationStatuses.find(function (line) { return line.pendingReasonType !== pendingReasonType_enum.PendingReasonType.NONE
+                && line.pendingReasonType !== pendingReasonType_enum.PendingReasonType.NON_CRITICAL_DISCONTINUATION; });
+            return status;
+        };
         TransactionService.prototype.getArticleFullObject = function (goodId) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -1968,13 +1979,13 @@
                 });
             });
         };
-        TransactionService.prototype.resolvePendingLineReason = function (pendingLineValues) {
+        TransactionService.prototype.resolvePendingLineReason = function (pendingLineValues, remember) {
             var _this = this;
+            if (remember === void 0) { remember = true; }
             return new Promise(function (resolve) {
                 _this._connector.resolvePendingLineReason(pendingLineValues).then(function (response) { return __awaiter(_this, void 0, void 0, function () {
                     return __generator(this, function (_a) {
-                        this._rememberCurrentTransaction(response);
-                        this._rememberCurrentTransactionLineStatus(response);
+                        this._rememberResponse(remember, response);
                         resolve(response);
                         return [2 /*return*/];
                     });
@@ -2052,6 +2063,34 @@
                 });
             });
         };
+        TransactionService.prototype.saveTransactionByUuid = function (transactionUuid) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            _this._connector.saveTransaction(transactionUuid)
+                                .then(function (response) { return __awaiter(_this, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    if (response.isSuccess) {
+                                        this.transactionLoaded.emit(response);
+                                        resolve(true);
+                                    }
+                                    else {
+                                        reject(false);
+                                    }
+                                    return [2 /*return*/];
+                                });
+                            }); })
+                                .catch(function (reason) {
+                                if (reason) {
+                                    _this._prompt.showError(reason.getFullErrorString());
+                                }
+                                reject(false);
+                            });
+                        })];
+                });
+            });
+        };
         TransactionService.prototype.addRelationToTransaction = function (relationId) {
             return __awaiter(this, void 0, void 0, function () {
                 var success;
@@ -2254,7 +2293,37 @@
                 });
             });
         };
-        TransactionService.prototype.addTransactionLine = function (lineType, articleNo, amount, warehouseNo, commissionCode, isReturn, aboveLineNr, belowLineNr) {
+        TransactionService.prototype.addArticleToTransaction = function (transactionUuid, articleNo, amount, warehouseNo, commissionCode, isReturn, aboveLineNr, belowLineNr) {
+            if (amount === void 0) { amount = 1; }
+            if (warehouseNo === void 0) { warehouseNo = 1; }
+            if (commissionCode === void 0) { commissionCode = "2"; }
+            if (isReturn === void 0) { isReturn = false; }
+            if (aboveLineNr === void 0) { aboveLineNr = 0; }
+            if (belowLineNr === void 0) { belowLineNr = 0; }
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise(function (resolve, reject) {
+                            _this._connector.addTransactionLine(transactionUuid, transactionLineType_enum.TransactionLineType.ArticleLine, articleNo, amount, warehouseNo, commissionCode, isReturn, aboveLineNr, belowLineNr)
+                                .then(function (response) { return __awaiter(_this, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    resolve(response);
+                                    return [2 /*return*/];
+                                });
+                            }); }, function (error) {
+                                _this._prompt.showError(error);
+                                reject(error);
+                            })
+                                .catch(function (reason) {
+                                _this._prompt.showError(reason.getFullErrorString());
+                                resolve(null);
+                            });
+                        })];
+                });
+            });
+        };
+        TransactionService.prototype.addTransactionLine = function (lineType, articleNo, amount, warehouseNo, commissionCode, isReturn, aboveLineNr, belowLineNr, remember) {
+            if (remember === void 0) { remember = true; }
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
@@ -2262,8 +2331,7 @@
                             _this._connector.addTransactionLine(_this.currentTransaction.uuid, lineType, articleNo, amount, warehouseNo, commissionCode, isReturn, aboveLineNr, belowLineNr)
                                 .then(function (response) { return __awaiter(_this, void 0, void 0, function () {
                                 return __generator(this, function (_a) {
-                                    this._rememberCurrentTransaction(response);
-                                    this._rememberCurrentTransactionLineStatus(response);
+                                    this._rememberResponse(remember, response);
                                     resolve(response);
                                     return [2 /*return*/];
                                 });
@@ -2277,7 +2345,8 @@
                 });
             });
         };
-        TransactionService.prototype.addTextLineToTransaction = function (showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr) {
+        TransactionService.prototype.addTextLineToTransaction = function (showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr, remember) {
+            if (remember === void 0) { remember = true; }
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
@@ -2285,8 +2354,7 @@
                             _this._connector.addTextLineToTransaction(_this.currentTransaction.uuid, showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr)
                                 .then(function (response) { return __awaiter(_this, void 0, void 0, function () {
                                 return __generator(this, function (_a) {
-                                    this._rememberCurrentTransaction(response);
-                                    this._rememberCurrentTransactionLineStatus(response);
+                                    this._rememberResponse(remember, response);
                                     resolve(response);
                                     return [2 /*return*/];
                                 });
@@ -2300,14 +2368,14 @@
                 });
             });
         };
-        TransactionService.prototype.changeLineSequence = function (lineUuid, aboveLineNr, belowLineNr) {
+        TransactionService.prototype.changeLineSequence = function (lineUuid, aboveLineNr, belowLineNr, remember) {
             var _this = this;
+            if (remember === void 0) { remember = true; }
             return new Promise(function (resolve, reject) {
                 _this._connector.changeLineSequence(_this.currentTransaction.uuid, lineUuid, aboveLineNr, belowLineNr)
                     .then(function (response) { return __awaiter(_this, void 0, void 0, function () {
                     return __generator(this, function (_a) {
-                        this._rememberCurrentTransaction(response);
-                        this._rememberCurrentTransactionLineStatus(response);
+                        this._rememberResponse(remember, response);
                         resolve(response);
                         return [2 /*return*/];
                     });
@@ -2319,7 +2387,8 @@
                 });
             });
         };
-        TransactionService.prototype.cancelAddTransactionLine = function (lineUuid) {
+        TransactionService.prototype.cancelAddTransactionLine = function (lineUuid, remember) {
+            if (remember === void 0) { remember = true; }
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
@@ -2327,7 +2396,9 @@
                             _this._connector.cancelAddTransactionLine(lineUuid)
                                 .then(function (response) { return __awaiter(_this, void 0, void 0, function () {
                                 return __generator(this, function (_a) {
-                                    this._rememberCurrentTransaction(response);
+                                    if (remember) {
+                                        this._rememberCurrentTransaction(response);
+                                    }
                                     if (response.isSuccess) {
                                         resolve(response);
                                     }
@@ -2344,7 +2415,8 @@
                 });
             });
         };
-        TransactionService.prototype.deleteTransactionLine = function (transactionUuid, TransactionLineUuid) {
+        TransactionService.prototype.deleteTransactionLine = function (transactionUuid, TransactionLineUuid, remember) {
+            if (remember === void 0) { remember = true; }
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
@@ -2352,8 +2424,7 @@
                             _this._connector.deleteTransactionLine(transactionUuid, TransactionLineUuid)
                                 .then(function (response) { return __awaiter(_this, void 0, void 0, function () {
                                 return __generator(this, function (_a) {
-                                    this._rememberCurrentTransaction(response);
-                                    this._rememberCurrentTransactionLineStatus(response);
+                                    this._rememberResponse(remember, response);
                                     if (response.isSuccess) {
                                         resolve(response);
                                     }
@@ -2370,7 +2441,8 @@
                 });
             });
         };
-        TransactionService.prototype.changeTransactionLineQuantity = function (lineUuid, newQuantity) {
+        TransactionService.prototype.changeTransactionLineQuantity = function (lineUuid, newQuantity, remember) {
+            if (remember === void 0) { remember = true; }
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
@@ -2379,8 +2451,7 @@
                                 .then(function (response) { return __awaiter(_this, void 0, void 0, function () {
                                 return __generator(this, function (_a) {
                                     if (response.isSuccess) {
-                                        this._rememberCurrentTransaction(response);
-                                        this._rememberCurrentTransactionLineStatus(response);
+                                        this._rememberResponse(remember, response);
                                     }
                                     resolve(response);
                                     return [2 /*return*/];
@@ -2494,13 +2565,20 @@
             transactionDeliveryOptionsRequest.invoiceAddress = this._currentTransaction.invoiceAddress.nawNr;
             return transactionDeliveryOptionsRequest;
         };
+        TransactionService.prototype._rememberResponse = function (remember, response) {
+            if (remember) {
+                this._rememberCurrentTransaction(response);
+                this._rememberCurrentTransactionLineStatus(response);
+            }
+        };
         return TransactionService;
     }());
     TransactionService.decorators = [
         { type: i0.Injectable }
     ];
     TransactionService.ctorParameters = function () { return [
-        { type: IOneConnectorAdapterService }
+        { type: IOneConnectorAdapterService },
+        { type: corecomponents_v12.PromptService }
     ]; };
 
     var LanguageCode;
@@ -2604,6 +2682,7 @@
                     "ARTICLE_DESCRIPTION": "Artikelomschrijving",
                     "ARTICLE_IN_OUT_COLLECTION": "Status van artikel is '|~'. Weet u zeker dat u door wilt gaan?",
                     "ARTICLE_NR": "Artikelnummer",
+                    "ARTICLE_UNKNOWN": "Onbekend artikel",
                     "ASSEMBLY_COSTS": "Montagekosten",
                     "ASSEMBLY_DATE": "Montagedatum",
                     "AMOUNT": "Aantal",
@@ -2743,6 +2822,7 @@
                     "VAT": "Btw",
                     "VAT_AMOUNT": "BTW-bedrag",
                     "VALUE": "Waarde",
+                    "WHERE_ARE_YOU_LOOKING_FOR": "Waar ben je naar op zoek?",
                     "WAREHOUSE": "Magazijn",
                     "YOUR_DATA": "Uw gegevens",
                 },
@@ -2765,6 +2845,7 @@
                     "ARTICLE_DESCRIPTION": "Article description",
                     "ARTICLE_IN_OUT_COLLECTION": "Status of article is '|~'. Are you sure to proceed?",
                     "ARTICLE_NR": "Article number",
+                    "ARTICLE_UNKNOWN": "Article unknown",
                     "ASSEMBLY_COSTS": "Assembly costs",
                     "ASSEMBLY_DATE": "Assembly date",
                     "AMOUNT": "Amount",
@@ -2897,6 +2978,7 @@
                     "VAT": "VAT",
                     "VAT_AMOUNT": "VAT amount",
                     "WAREHOUSE": "Warehouse",
+                    "WHERE_ARE_YOU_LOOKING_FOR": "Where are you looking for?",
                     "YOUR_DATA": "Your data",
                 },
             };
@@ -2931,21 +3013,23 @@
         // 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();
-                        // eslint-disable-next-line no-magic-numbers
-                        if (dictionary.strings[this._language.substr(0, 2).toLowerCase()] !== undefined) {
-                            // eslint-disable-next-line no-magic-numbers
-                            this._dictionaries.set(this._language, dictionary.strings[this._language.substr(0, 2).toLowerCase()]);
-                        }
-                    }
+                    this._loadDictionary();
                     return [2 /*return*/];
                 });
             });
         };
+        DictionaryService.prototype._loadDictionary = function () {
+            if (!this._dictionaries.has(this._language)) {
+                var dictionary = new Dictionary();
+                // eslint-disable-next-line no-magic-numbers
+                if (dictionary.strings[this._language.substr(0, 2).toLowerCase()] !== undefined) {
+                    // eslint-disable-next-line no-magic-numbers
+                    this._dictionaries.set(this._language, dictionary.strings[this._language.substr(0, 2).toLowerCase()]);
+                }
+            }
+        };
         /**
          * Returns the localized text for the given dictionary key.
          * @param {string} key
@@ -2962,6 +3046,10 @@
             if (!StringUtils.IsStringWithLength(key)) {
                 return key || "";
             }
+            if (this.language === undefined) {
+                this._language = LanguageCode.Dutch;
+                this._loadDictionary();
+            }
             var text = this._dictionaries.get(this.language)[key];
             text = StringUtils.IsStringWithLength(text) ? text : key;
             if (upperCaseFirst) {
@@ -2977,8 +3065,11 @@
         };
         return DictionaryService;
     }());
+    DictionaryService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DictionaryService_Factory() { return new DictionaryService(); }, token: DictionaryService, providedIn: "root" });
     DictionaryService.decorators = [
-        { type: i0.Injectable }
+        { type: i0.Injectable, args: [{
+                    providedIn: "root"
+                },] }
     ];
     DictionaryService.ctorParameters = function () { return []; };
 
@@ -3743,7 +3834,7 @@
     CheckoutOverviewComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "checkout-overview",
-                    template: "\n        <checkout-overview-block  #relationBlock sequenceNr=\"2\" label=\"YOUR_DATA\"\n                                 *ngIf=\"currentStep === steps.Relation\"\n                                 (editModeChange)=\"handleEditChangeRelation($event)\">\n            <ng-container edit-mode-content>\n                <checkout-overview-relation-edit #relationForm\n                                                 *ngIf=\"currentStep == steps.Relation && editMode\"\n                                                 [relation]=\"relation\"\n                                                 [transaction]=\"transaction\"\n                                                 (validSubmit)=\"onRelationValid()\"\n                                                 (invalidSubmit)=\"onRelationInvalid()\"\n                ></checkout-overview-relation-edit>\n            </ng-container>\n        </checkout-overview-block>\n\n        <checkout-overview-block #deliveryBlock sequenceNr=\"3\" label=\"DELIVERY\"\n                                 [hidden]=\"currentStep !== steps.Delivery\"\n                                 (editModeChange)=\"handleEditChangeDelivery($event)\">\n          <ng-container edit-mode-content>\n            <checkout-overview-delivery-edit #deliveryForm\n                                             [hidden]=\"currentStep !== steps.Delivery\"\n                                             [relation]=\"relation\"\n                                             [transaction]=\"transaction\"\n                                             (validSubmit)=\"onDeliveryValid()\"\n            ></checkout-overview-delivery-edit>\n          </ng-container>\n        </checkout-overview-block>\n   ",
+                    template: "\n        <checkout-overview-block  #relationBlock sequenceNr=\"2\" label=\"YOUR_DATA\"\n                                 *ngIf=\"currentStep === steps.Relation\"\n                                 (editModeChange)=\"handleEditChangeRelation($event)\">\n            <ng-container edit-mode-content>\n                <checkout-overview-relation-edit #relationForm\n                                                 *ngIf=\"currentStep === steps.Relation && editMode\"\n                                                 [relation]=\"relation\"\n                                                 [transaction]=\"transaction\"\n                                                 (validSubmit)=\"onRelationValid()\"\n                                                 (invalidSubmit)=\"onRelationInvalid()\"\n                ></checkout-overview-relation-edit>\n            </ng-container>\n        </checkout-overview-block>\n\n        <checkout-overview-block #deliveryBlock sequenceNr=\"3\" label=\"DELIVERY\"\n                                 [hidden]=\"currentStep !== steps.Delivery\"\n                                 (editModeChange)=\"handleEditChangeDelivery($event)\">\n          <ng-container edit-mode-content>\n            <checkout-overview-delivery-edit #deliveryForm\n                                             [hidden]=\"currentStep !== steps.Delivery\"\n                                             [relation]=\"relation\"\n                                             [transaction]=\"transaction\"\n                                             (validSubmit)=\"onDeliveryValid()\"\n            ></checkout-overview-delivery-edit>\n          </ng-container>\n        </checkout-overview-block>\n   ",
                     styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]
                 },] }
     ];
@@ -4739,7 +4830,6 @@
     IoneCheckoutModule.decorators = [
         { type: i0.NgModule, args: [{
                     imports: [
-                        animations.BrowserAnimationsModule,
                         corecomponents_v12.IconModule,
                         corecomponents_v12.InputTextModule,
                         corecomponents_v12.InputCheckboxModule,
@@ -4759,6 +4849,7 @@
                         corecomponents_v12.CoSidebarModule,
                         corecomponents_v12.CoGridModule,
                         CoreModule,
+                        common.CommonModule,
                     ],
                     declarations: [
                         CheckoutComponent,
@@ -5980,7 +6071,7 @@
         { type: i0.Component, args: [{
                     selector: "shopping-cart-line",
                     template: "\n    <div *ngIf=\"line.isArticle\" class=\"cart-line-r\" fxFlex>\n      <div fxLayout=\"row\" class=\"full-width\">\n        <div fxLayout=\"column\" class=\"cart-line-image\" *ngIf=\"!overviewMode\">\n        <co-button [iconData]=\"iconCacheService.getIcon(iconTrashBin)\"\n                   [title]=\"'DELETE_TRANSACTION_LINE_HINT' | localize\"\n                   (click)=\"deleteTransactionLineClick()\"\n                   class=\"triangle white\"\n                   iconClass=\"medium light\"></co-button>\n        </div>\n        <div fxLayout=\"column\" class=\"cart-line-image\" *ngIf=\"!overviewMode\">\n          <image-display [model]=\"image\" hideOnEmptyModel></image-display>\n        </div>\n        <div fxLayout=\"column\" class=\"cart-line-description\" fxLayoutGap=\"20px\">\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n            <span [textContent]=\"line.goodDescription\" class=\"cart-line-description-main\"></span>\n            <span *ngIf=\"line.goodDescription && line.articleNumber\">|</span>\n            <span [textContent]=\"line.articleNumber\" class=\"cart-line-description-artnr\"></span>\n          </div>\n          <span [innerHTML]=\"line.configurationReadable\"></span>\n        </div>\n      </div>\n      <div fxLayout=\"row\" class=\"cart-line-right\">\n        <div fxLayout=\"column\" class=\"cart-line-stock\" *ngIf=\"!overlayMode && !overviewMode\">\n          <span [textContent]=\"'STOCK' | localize\" class=\"small-font\"></span>\n          <stock-status-indicator [model]=\"stock\"></stock-status-indicator>\n          <span [textContent]=\"'DELIVERY_TIME_PERIOD' | localize\" class=\"small-font\"></span>\n          <span [textContent]=\"line.deliveryDate | deliveryTime\"></span>\n        </div>\n        <div class=\"cart-line-amount\">\n          <co-input-number-picker\n            class=\"horizontal\"\n            [(model)]=\"localAmount\" [min]=\"0\" [buttonShowMode]=\"'always'\"\n            [readonly]=\"true\"\n            (modelChange)=\"changeLineAmount($event)\"></co-input-number-picker>\n        </div>\n\n        <div class=\"cart-line-totals\">\n          <span [textContent]=\"line.displayNetLineTotal | coCurrency: true\"></span>\n        </div>\n      </div>\n    </div>\n    <div *ngIf=\"line.isText\" class=\"cart-line-t\" fxFlex\n         [class.article-text]=\"line.articleBound\"\n         [textContent]=\"line.text\">\n    </div>\n  ",
-                    styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.cart-line-r .cart-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}:host{padding-bottom:20px}:host{padding-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-bottom:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t,.cart-line-r .cart-line-right .cart-line-totals{margin-left:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:flex;flex-wrap:wrap;border-bottom:1px solid #DBE3E8;width:100%}:host.overlayed.is-text{display:none!important}:host.overlayed.is-selected{background-color:#add8e6}:host.overview.is-text{display:none!important}:host.overview.is-selected{background-color:#add8e6}.horizontal{display:flex;flex-direction:row-reverse}.cart-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.cart-line-r{flex-direction:column}}.cart-line-r co-button{border:0;padding:0}.cart-line-r .cart-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center}.cart-line-r .cart-line-image image-display{width:6em;height:6em}.cart-line-r .cart-line-description{display:flex;flex-direction:column;width:100%}.cart-line-r .cart-line-description .cart-line-description-main{font-weight:bold}.cart-line-r .cart-line-right{justify-content:flex-end}.cart-line-r .cart-line-right .cart-line-stock{width:10em}.cart-line-r .cart-line-right .cart-line-amount{width:10em}.cart-line-r .cart-line-right .cart-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.cart-line-r .cart-line-right .cart-line-totals span{text-align:right}.cart-line-t.article-text{padding-left:10em}\n"]
+                    styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.cart-line-r .cart-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}:host{padding-bottom:20px}:host{padding-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-bottom:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t,.cart-line-r .cart-line-right .cart-line-totals{margin-left:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:flex;flex-wrap:wrap;border-bottom:1px solid #DBE3E8;width:100%}:host.overlayed.is-text{display:none!important}:host.overlayed.is-selected{background-color:#add8e6}:host.overview.is-text{display:none!important}:host.overview.is-selected{background-color:#add8e6}.horizontal{display:flex;flex-direction:row}.cart-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.cart-line-r{flex-direction:column}}.cart-line-r co-button{border:0;padding:0}.cart-line-r .cart-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center}.cart-line-r .cart-line-image image-display{width:6em;height:6em}.cart-line-r .cart-line-description{display:flex;flex-direction:column;width:100%}.cart-line-r .cart-line-description .cart-line-description-main{font-weight:bold}.cart-line-r .cart-line-right{justify-content:flex-end}.cart-line-r .cart-line-right .cart-line-stock{width:10em}.cart-line-r .cart-line-right .cart-line-amount{width:10em}.cart-line-r .cart-line-right .cart-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.cart-line-r .cart-line-right .cart-line-totals span{text-align:right}.cart-line-t.article-text{padding-left:10em}\n"]
                 },] }
     ];
     ShoppingCartLineComponent.ctorParameters = function () { return [
@@ -6063,6 +6154,7 @@
     }());
     CharacteristicAnswerComponent.decorators = [
         { type: i0.Component, args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
                     selector: "characteristic-answer",
                     template: "\n    <co-dialog\n      #characteristic\n      [showCloseIcon]=\"false\"\n    >\n      <ng-container header>\n        <div>\n          <span class=\"characteristic-title\"\n              [textContent]=\"getTranslationWithColon('ARTICLE')\"\n          ></span>\n          <span [textContent]=\"title\"></span>\n        </div>\n      </ng-container>\n\n      <ng-container>\n        <div>\n          <div class=\"characteristic-header\">\n          <span  class=\"characteristic-title\"\n                 [textContent]=\"getTranslationWithColon('CHARACTERISTIC_QUESTION')\"\n          ></span>\n          </div>\n          <div class=\"characteristic-header\">\n            <span [textContent]=\"question | localize\"></span>\n          </div>\n          <div *ngIf=\"characteristicOptions\" class=\"npm characteristic-options\">\n            <co-input-combo-box [(model)]=\"value\"\n                                [source]=\"characteristics\"\n                                [fields]=\"characteristicsFields\"\n                                [placeholder]=\"'VALUE' | localize\"\n                                [required]=\"true\"\n            ></co-input-combo-box>\n          </div>\n          <div *ngIf=\"!characteristicOptions\" class=\"characteristic-value\">\n            <co-input-text\n              [(model)]=\"value\"\n              [placeholder]=\"'VALUE' | localize \"\n              required\n            ></co-input-text>\n          </div>\n        </div>\n      </ng-container>\n\n      <ng-container footer>\n        <div class=\"flex-center\">\n          <co-button [label]=\"'OK' | localize\" (click)=\"onCharacteristicOkClick()\"></co-button>\n        </div>\n      </ng-container>\n    </co-dialog>\n  ",
                     styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.characteristic-title{font-weight:bold;font-size:20px;margin-right:10px}.characteristic-value{font-weight:bold;font-size:20px}.characteristic-header{display:flex;justify-content:center}\n"]
@@ -6094,7 +6186,6 @@
                         CharacteristicAnswerComponent,
                     ],
                     imports: [
-                        animations.BrowserAnimationsModule,
                         common.CommonModule,
                         corecomponents_v12.IconModule,
                         corecomponents_v12.InputTextModule,
@@ -6124,7 +6215,7 @@
                     entryComponents: [
                         IoneShoppingCartComponent
                     ],
-                    exports: [IoneShoppingCartComponent, StockStatusIndicatorComponent],
+                    exports: [IoneShoppingCartComponent, StockStatusIndicatorComponent, CharacteristicAnswerComponent],
                     bootstrap: [IoneShoppingCartComponent]
                 },] }
     ];
@@ -6137,14 +6228,22 @@
             this._connector = _connector;
             this._dictionary = _dictionary;
             this._service = _service;
-            this.orderNr = 0;
-            this.orderId = 0;
             this.upAndLoaded = false;
             this._subscriptions = [];
             this._remoteOptions = true;
             this._publicOptions = true;
+            this._orderId = 0;
             this._subscriptions.push(this._optionsService.optionsLoaded.subscribe(function (loaded) { return _this._handleSettingsLoaded(loaded); }));
         }
+        Object.defineProperty(IoneServiceOrderComponent.prototype, "orderId", {
+            set: function (value) {
+                this._orderId = value;
+                this._getTransactionById(this._orderId);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ;
         Object.defineProperty(IoneServiceOrderComponent.prototype, "options", {
             set: function (value) {
                 if (value) {
@@ -6194,27 +6293,11 @@
                         case 0: return [4 /*yield*/, this._connector.connect(this._optionsService.options)];
                         case 1:
                             _a.sent();
-                            if (!this.orderNr) return [3 /*break*/, 3];
-                            return [4 /*yield*/, this._service.getTransaction(this.orderNr)];
-                        case 2:
-                            _a.sent();
-                            return [3 /*break*/, 7];
-                        case 3:
-                            if (!this.orderId) return [3 /*break*/, 5];
-                            return [4 /*yield*/, this._service.getTransactionById(this.orderId)];
-                        case 4:
-                            _a.sent();
-                            return [3 /*break*/, 7];
-                        case 5: return [4 /*yield*/, this._service.getTransaction(IoneServiceOrderComponent.TEST_ORDER_NR)];
-                        case 6:
-                            _a.sent();
-                            _a.label = 7;
-                        case 7:
                             if (this._optionsService.options.url) {
                                 this._dictionary.rootUrl = this._optionsService.options.url.replace("/ajaxservice", "");
                             }
                             return [4 /*yield*/, this._dictionary.setDictionary(this._optionsService.options.languageCode)];
-                        case 8:
+                        case 2:
                             _a.sent();
                             setTimeout(function () {
                                 _this._changeDetector.detectChanges();
@@ -6224,9 +6307,20 @@
                 });
             });
         };
+        IoneServiceOrderComponent.prototype._getTransactionById = function (orderId) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this._service.getTransactionById(orderId)];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         return IoneServiceOrderComponent;
     }());
-    IoneServiceOrderComponent.TEST_ORDER_NR = 18156;
     IoneServiceOrderComponent.decorators = [
         { type: i0.Component, args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
@@ -6242,7 +6336,6 @@
         { type: TransactionService }
     ]; };
     IoneServiceOrderComponent.propDecorators = {
-        orderNr: [{ type: i0.Input }],
         orderId: [{ type: i0.Input }],
         options: [{ type: i0.Input }]
     };
@@ -6254,6 +6347,8 @@
             this.customer = nulRelationObject.NULL_CUSTOMER_FULL_OBJECT;
             this._isService = false;
             this.basedOnProduct = false;
+            this._lineOperationStatuses = [];
+            this._transactionLines = [];
         }
         Object.defineProperty(TransactionBaseComponent.prototype, "transaction", {
             get: function () {
@@ -6261,8 +6356,20 @@
             },
             set: function (value) {
                 this._transaction = value;
-                if (this._transaction && this._transaction.transactionInfo) {
-                    this._isService = this._transaction.transactionInfo.transactionKind === transactionKind_enum.TransactionKind.ServiceOrder;
+                if (this._transaction) {
+                    if (this._transaction.transactionInfo) {
+                        this._transactionInfo = this._transaction.transactionInfo;
+                        this._isService = this._transaction.transactionInfo.transactionKind === transactionKind_enum.TransactionKind.ServiceOrder;
+                    }
+                    if (this._transaction.transactionLines) {
+                        this.transactionLines = this._transaction.transactionLines;
+                    }
+                    if (this._transaction.transactionTotal) {
+                        this._transactionTotal = this._transaction.transactionTotal;
+                    }
+                    if (this._transaction.lineOperationStatuses) {
+                        this.lineOperationStatuses = this._transaction.lineOperationStatuses;
+                    }
                 }
             },
             enumerable: false,
@@ -6270,25 +6377,40 @@
         });
         Object.defineProperty(TransactionBaseComponent.prototype, "transactionInfo", {
             get: function () {
-                return this._transaction.transactionInfo;
+                return this._transactionInfo;
+            },
+            set: function (value) {
+                this._transactionInfo = value;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(TransactionBaseComponent.prototype, "transactionLines", {
             get: function () {
-                if (this._transaction) {
-                    return this._transaction.transactionLines;
-                }
+                return this._transactionLines;
+            },
+            set: function (value) {
+                this._transactionLines = value;
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(TransactionBaseComponent.prototype, "transactionTotal", {
             get: function () {
-                if (this._transaction) {
-                    return this._transaction.transactionTotal;
-                }
+                return this._transactionTotal;
+            },
+            set: function (value) {
+                this._transactionTotal = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TransactionBaseComponent.prototype, "lineOperationStatuses", {
+            get: function () {
+                return this._lineOperationStatuses;
+            },
+            set: function (value) {
+                this._lineOperationStatuses = value;
             },
             enumerable: false,
             configurable: true
@@ -6417,6 +6539,13 @@
         customer: [{ type: i0.Input }]
     };
 
+    // import {
+    //   ToolbarService,
+    //   LinkService,
+    //   ImageService,
+    //   HtmlEditorService,
+    //   RichTextEditor
+    // } from '@syncfusion/ej2-angular-richtexteditor';
     var TransactionArticleTextComponent = /** @class */ (function (_super) {
         __extends(TransactionArticleTextComponent, _super);
         function TransactionArticleTextComponent(service) {
@@ -6479,7 +6608,7 @@
         { type: i0.Component, args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: "transaction-article-text",
-                    template: "\n        <co-dialog [visible]=\"visible\" (close)=\"onPopupClose()\">\n          <ng-container header>{{ subHeader }}</ng-container>\n          <ng-container content>\n                <div class=\"tags-join-content\" fxLayout fxLayoutGap=\"10px\">\n                    <div class=\"column-separator\">\n                        <co-input-text placeholder=\"Titel\"></co-input-text>\n<!--transactiontransaction-->\n<!--                                label=\"Artikeltekst\"-->\n<!--                        ></co-text-editor>-->\n                    </div>\n                    <div style=\"margin-left:5px;\">\n                        <div style=\"margin-top:16px;\">\n                            <ejs-dropdownlist\n                                    [dataSource]=\"collection\"\n                                    [fields]=\"fields\"\n                                    placeholder=\"Standaardteksten\"\n                            ></ejs-dropdownlist>\n                        </div>\n                        <div style=\"margin-top:20px;\">\n                            <co-input-checkbox\n                                    label=\"Artikelgebonden tekst\"\n                                    name=\"articleBoundText\">\n                            </co-input-checkbox>\n                        </div>\n                        <div style=\"margin-top:20px;\">\n                            <label>Bestemd voor documenten</label>\n                            <ejs-chiplist id=\"chip-default\">\n                                <e-chips>\n                                    <e-chip text=\"Apple\" cssClass=\"e-primary\"></e-chip>\n                                    <e-chip text=\"Microsoft\" cssClass=\"e-info\"></e-chip>\n                                    <e-chip text=\"Google\" cssClass=\"e-success\"></e-chip>\n                                    <e-chip text=\"Tesla\" cssClass=\"e-warning\"></e-chip>\n                                    <e-chip text=\"Intel\" cssClass=\"e-danger\"></e-chip>\n                                </e-chips>\n                            </ejs-chiplist>\n                        </div>\n                    </div>\n                </div>\n              </ng-container>\n              <ng-container footer>\n                <div class=\"footer\" fxLayout fxLayoutAlign=\"center center\" fxLayoutGap=\"10px\" style=\"margin-top:30px;\">\n                    <co-button label=\"OK\" (click)=\"onOkClick()\"></co-button>\n                    <co-button label=\"CANCEL\" (click)=\"hide()\"></co-button>\n                    <co-button label=\"OVERVIEW\" (click)=\"onOverview()\"></co-button>\n                </div>\n              </ng-container>\n        </co-dialog>\n\n        <co-dialog [visible]=\"overviewSelected\" (close)=\"hideOverview()\">\n          <ng-container header>Artikelgebonden teksten {{ subHeader }}</ng-container>\n          <ng-container content>\n                <div class=\"tags-join-content\" fxLayout fxLayoutGap=\"10px\">\n                    <div class=\"column-separator\" style=\"width:75%\">\n<!--                        <grid [data]=\"articleTexts\" detailLink (detailLinkClick)=\"onDetailLinkClick($event)\">-->\n<!--                            <grid-column key=\"title\" header=\"TITLE\" width=\"100px;\"></grid-column>-->\n<!--                            <grid-column key=\"description\" header=\"DESCRIPTION\" width=\"200px\"></grid-column>-->\n<!--                        </grid>-->\n                    </div>\n                    <div style=\"margin-left:5px;\">\n                        <div style=\"margin-top:20px;\">\n\n                            <co-input-checkbox\n                                    label=\"Artikelgebonden tekst\"\n                                    name=\"articleBoundText\"\n                                    value=\"true\"\n                            ></co-input-checkbox>\n                        </div>\n                        <div style=\"margin-top:20px;\">\n                            <label>Bestemd voor documenten</label>\n                            <ejs-chiplist id=\"chip-default\">\n                                <e-chips>\n                                    <e-chip text=\"Apple\" cssClass=\"e-primary\"></e-chip>\n                                    <e-chip text=\"Microsoft\" cssClass=\"e-info\"></e-chip>\n                                    <e-chip text=\"Google\" cssClass=\"e-success\"></e-chip>\n                                    <e-chip text=\"Tesla\" cssClass=\"e-warning\"></e-chip>\n                                    <e-chip text=\"Intel\" cssClass=\"e-danger\"></e-chip>\n                                </e-chips>\n                            </ejs-chiplist>\n                        </div>\n                    </div>\n                </div>\n          </ng-container>\n          <ng-container footer>\n                <div class=\"footer\" fxLayout fxPosition=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"10px\" style=\"margin-top:30px;\">\n                    <co-button label=\"OK\" (click)=\"onOkOverviewClick()\"></co-button>\n                    <co-button label=\"CANCEL\" (click)=\"hideOverview()\"></co-button>\n                </div>\n          </ng-container>\n        </co-dialog>\n\n        <co-dialog [visible]=\"editArtikelText\"  (close)=\"hideEditArtikelText()\">\n          <ng-container header>{{ subHeader }}</ng-container>\n          <ng-container content>\n                <div class=\"tags-join-content\" fxLayout fxLayoutGap=\"10px\">\n                    <div class=\"column-separator\">\n                        <co-input-text placeholder=\"Titel\"></co-input-text>\n<!--                        <co-text-editor-->\n<!--                                label=\"Artikeltekst\"-->\n<!--                        ></co-text-editor>-->\n                    </div>\n                </div>\n          </ng-container>\n          <ng-container footer>\n              <div class=\"footer\" fxLayout fxLayoutAlign=\"center center\" fxLayoutGap=\"10px\" style=\"margin-top:30px;\">\n                  <co-button label=\"OK\" (click)=\"onOkEditArtikelTextClick()\"></co-button>\n                  <co-button label=\"CANCEL\" (click)=\"hideEditArtikelText()\"></co-button>\n              </div>\n          </ng-container>\n        </co-dialog>\n    ",
+                    template: "\n        <co-dialog [visible]=\"visible\" (close)=\"onPopupClose()\">\n          <ng-container header>{{ subHeader }}</ng-container>\n          <ng-container content>\n                <div class=\"tags-join-content\" fxLayout fxLayoutGap=\"10px\">\n                    <div class=\"column-separator\">\n                      <co-input-text placeholder=\"Titel\"></co-input-text>\n<!--                      <ejs-richtexteditor-->\n<!--                        #rte-->\n<!--                        id=\"Rte\"-->\n<!--                      >-->\n<!--                      </ejs-richtexteditor>-->\n                    </div>\n                    <div style=\"margin-left:5px;\">\n                        <div style=\"margin-top:16px;\">\n                            <ejs-dropdownlist\n                                    [dataSource]=\"collection\"\n                                    [fields]=\"fields\"\n                                    placeholder=\"Standaardteksten\"\n                            ></ejs-dropdownlist>\n\n                        </div>\n                        <div style=\"margin-top:20px;\">\n                            <co-input-checkbox\n                                    label=\"Artikelgebonden tekst\"\n                                    name=\"articleBoundText\">\n                            </co-input-checkbox>\n                        </div>\n                        <div style=\"margin-top:20px;\">\n                            <label>Bestemd voor documenten</label>\n                            <ejs-chiplist id=\"chip-default\">\n                                <e-chips>\n                                    <e-chip text=\"Apple\" cssClass=\"e-primary\"></e-chip>\n                                    <e-chip text=\"Microsoft\" cssClass=\"e-info\"></e-chip>\n                                    <e-chip text=\"Google\" cssClass=\"e-success\"></e-chip>\n                                    <e-chip text=\"Tesla\" cssClass=\"e-warning\"></e-chip>\n                                    <e-chip text=\"Intel\" cssClass=\"e-danger\"></e-chip>\n                                </e-chips>\n                            </ejs-chiplist>\n                        </div>\n                    </div>\n                </div>\n              </ng-container>\n              <ng-container footer>\n                <div class=\"footer\" fxLayout fxLayoutAlign=\"center center\" fxLayoutGap=\"10px\" style=\"margin-top:30px;\">\n                    <co-button label=\"OK\" (click)=\"onOkClick()\"></co-button>\n                    <co-button label=\"CANCEL\" (click)=\"hide()\"></co-button>\n                    <co-button label=\"OVERVIEW\" (click)=\"onOverview()\"></co-button>\n<!--                    <co-button label=\"TEST\" (click)=\"onTest()\"></co-button>-->\n                </div>\n              </ng-container>\n        </co-dialog>\n\n        <co-dialog [visible]=\"overviewSelected\" (close)=\"hideOverview()\">\n          <ng-container header>Artikelgebonden teksten {{ subHeader }}</ng-container>\n          <ng-container content>\n                <div class=\"tags-join-content\" fxLayout fxLayoutGap=\"10px\">\n                    <div class=\"column-separator\" style=\"width:75%\">\n<!--                        <grid [data]=\"articleTexts\" detailLink (detailLinkClick)=\"onDetailLinkClick($event)\">-->\n<!--                            <grid-column key=\"title\" header=\"TITLE\" width=\"100px;\"></grid-column>-->\n<!--                            <grid-column key=\"description\" header=\"DESCRIPTION\" width=\"200px\"></grid-column>-->\n<!--                        </grid>-->\n                    </div>\n                    <div style=\"margin-left:5px;\">\n                        <div style=\"margin-top:20px;\">\n\n                            <co-input-checkbox\n                                    label=\"Artikelgebonden tekst\"\n                                    name=\"articleBoundText\"\n                                    value=\"true\"\n                            ></co-input-checkbox>\n                        </div>\n                        <div style=\"margin-top:20px;\">\n                            <label>Bestemd voor documenten</label>\n                            <ejs-chiplist id=\"chip-default\">\n                                <e-chips>\n                                    <e-chip text=\"Apple\" cssClass=\"e-primary\"></e-chip>\n                                    <e-chip text=\"Microsoft\" cssClass=\"e-info\"></e-chip>\n                                    <e-chip text=\"Google\" cssClass=\"e-success\"></e-chip>\n                                    <e-chip text=\"Tesla\" cssClass=\"e-warning\"></e-chip>\n                                    <e-chip text=\"Intel\" cssClass=\"e-danger\"></e-chip>\n                                </e-chips>\n                            </ejs-chiplist>\n                        </div>\n                    </div>\n                </div>\n          </ng-container>\n          <ng-container footer>\n                <div class=\"footer\" fxLayout fxPosition=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"10px\" style=\"margin-top:30px;\">\n                    <co-button label=\"OK\" (click)=\"onOkOverviewClick()\"></co-button>\n                    <co-button label=\"CANCEL\" (click)=\"hideOverview()\"></co-button>\n                </div>\n          </ng-container>\n        </co-dialog>\n\n        <co-dialog [visible]=\"editArtikelText\"  (close)=\"hideEditArtikelText()\">\n          <ng-container header>{{ subHeader }}</ng-container>\n          <ng-container content>\n                <div class=\"tags-join-content\" fxLayout fxLayoutGap=\"10px\">\n                    <div class=\"column-separator\">\n                        <co-input-text placeholder=\"Titel\"></co-input-text>\n<!--                        <co-text-editor-->\n<!--                                label=\"Artikeltekst\"-->\n<!--                        ></co-text-editor>-->\n                    </div>\n                </div>\n          </ng-container>\n          <ng-container footer>\n              <div class=\"footer\" fxLayout fxLayoutAlign=\"center center\" fxLayoutGap=\"10px\" style=\"margin-top:30px;\">\n                  <co-button label=\"OK\" (click)=\"onOkEditArtikelTextClick()\"></co-button>\n                  <co-button label=\"CANCEL\" (click)=\"hideEditArtikelText()\"></co-button>\n              </div>\n          </ng-container>\n        </co-dialog>\n    ",
                     styles: [""]
                 },] }
     ];
@@ -6490,80 +6619,552 @@
         subHeader: [{ type: i0.Input }]
     };
 
-    var ServiceOrderComponent = /** @class */ (function (_super) {
-        __extends(ServiceOrderComponent, _super);
-        function ServiceOrderComponent(service, transactionEvents, iconCacheService) {
+    var TransactionManagerComponent = /** @class */ (function (_super) {
+        __extends(TransactionManagerComponent, _super);
+        function TransactionManagerComponent(service, transactionEvents, promptService, _dictionaryService) {
             var _this = _super.call(this, service) || this;
             _this.service = service;
             _this.transactionEvents = transactionEvents;
-            _this.iconCacheService = iconCacheService;
-            _this.iconThickLines = corecomponents_v12.CoreComponentsIcon.ThickLines;
-            _this.iconThinLines = corecomponents_v12.CoreComponentsIcon.ThinLines;
-            _this.iconOrder = corecomponents_v12.CoreComponentsIcon.Order;
-            _this.viewModes = ContentViewMode;
-            _this.canPlanDelivery = false;
-            _this.showTotals = true;
-            _this.contextMenuItems = [];
-            _this.isRouteOptimizationConfigured = false;
-            _this.activeViewMode = ContentViewMode.List;
-            _this.floatButtonSelected = false;
+            _this.promptService = promptService;
+            _this._dictionaryService = _dictionaryService;
+            _this.linesChanged = new i0.EventEmitter();
+            _this.articleAdded = new i0.EventEmitter();
+            _this.columns = [];
+            _this._inOutCollection = [];
+            _this._showCharacteristic = false;
             _this._subs = [];
+            _this._subs.push(_this.service.transactionLoaded.subscribe(function (transactionInfoResponse) {
+                if (transactionInfoResponse.isSuccess) {
+                    _this.transaction = transactionInfoResponse;
+                }
+            }));
             return _this;
         }
-        Object.defineProperty(ServiceOrderComponent.prototype, "inListView", {
+        Object.defineProperty(TransactionManagerComponent.prototype, "amountOfLines", {
             get: function () {
-                return this.activeViewMode === ContentViewMode.List;
+                return numberUtils.NumberUtils.NrOrDefault(this.service.articleAmount, 0);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(ServiceOrderComponent.prototype, "inGridView", {
+        Object.defineProperty(TransactionManagerComponent.prototype, "showCharacteristicDialog", {
             get: function () {
-                return this.activeViewMode === ContentViewMode.Grid;
+                return this._showCharacteristic;
+            },
+            set: function (value) {
+                this._showCharacteristic = value;
             },
             enumerable: false,
             configurable: true
         });
-        ServiceOrderComponent.prototype.ngOnInit = function () {
+        TransactionManagerComponent.prototype.ngOnDestroy = function () {
+            this._subs.forEach(function (sub) { return sub.unsubscribe(); });
+        };
+        TransactionManagerComponent.prototype.addArticleLine = function (transactionUuid, sku, amount, lineNr, beforeOrAfter) {
+            return __awaiter(this, void 0, void 0, function () {
+                var goodId;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.service.getGoodIdFromArticleNr(sku)];
+                        case 1:
+                            goodId = _a.sent();
+                            if (!goodId) return [3 /*break*/, 4];
+                            return [4 /*yield*/, this._loadArticle(goodId)];
+                        case 2:
+                            _a.sent();
+                            return [4 /*yield*/, this._handleAddArticleLineAt(amount, lineNr, beforeOrAfter)];
+                        case 3:
+                            _a.sent();
+                            return [3 /*break*/, 5];
+                        case 4:
+                            this.promptService.showError(this._dictionaryService.get("ARTICLE_UNKNOWN"));
+                            _a.label = 5;
+                        case 5: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TransactionManagerComponent.prototype.changeLineSequence = function (fromIndex, toIndex) {
             return __awaiter(this, void 0, void 0, function () {
+                var fromLine, toLine, aboveLineNr, belowLineNr;
                 var _this = this;
                 return __generator(this, function (_a) {
-                    this._subs.push(this.service.transactionLoaded.subscribe(function (transactionInfoResponse) {
-                        if (transactionInfoResponse.isSuccess) {
-                            _this.transaction = transactionInfoResponse;
-                            if (_this.transaction && _this.transaction.transactionInfo) {
-                                _this.customerId = Number(_this.transaction.transactionInfo.relation.relationNr);
-                                _this.relationId = _this.transaction.transactionInfo.relation.relationId;
+                    switch (_a.label) {
+                        case 0:
+                            fromLine = this._getTransactionLineInfoByIndex(fromIndex);
+                            toLine = this._getTransactionLineInfoByIndex(toIndex);
+                            if (fromIndex > toIndex) {
+                                aboveLineNr = toLine.lineNr;
                             }
-                        }
-                    }), this.transactionEvents.rightSidebarClose.subscribe(function () {
-                        _this.moveFloatingButtonToRight();
-                    }), this.transactionEvents.transactionLineClicked.subscribe(function (transactionLine) {
-                        _this._selectedTransLine = transactionLine;
-                        _this.moveFloatingButtonToLeft();
-                    }), this.transactionEvents.scrollContent.subscribe(function (event) {
-                        _this.hideOrderTotals(event);
-                    }));
+                            else {
+                                belowLineNr = toLine.lineNr;
+                            }
+                            return [4 /*yield*/, this.service.changeLineSequence(fromLine.uuid, aboveLineNr, belowLineNr, false)
+                                    .then(function (value) {
+                                    _this.handleLineOperationStatus(value);
+                                }, function (error) { return _this.promptService.showError(error); })];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TransactionManagerComponent.prototype.showStockManager = function (line) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    this.warehouse.selectedWarehouseNr = line.warehouseNumber;
+                    this.warehouse.amount = line.amount;
+                    this.warehouse.commissionCode = line.commissionCode;
+                    this.warehouse.message = this.currentOperationStatus.pendingReason;
+                    this.warehouse.show(line.articleNumber);
                     return [2 /*return*/];
                 });
             });
         };
-        ServiceOrderComponent.prototype.ngOnDestroy = function () {
-            this._subs.forEach(function (sub) { return sub.unsubscribe(); });
+        TransactionManagerComponent.prototype.warehouseOkClick = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (this.warehouse.commissionCode !== undefined) {
+                                this.currentReason.commissionCode = this.warehouse.commissionCode;
+                            }
+                            if (this.warehouse.amount !== undefined) {
+                                this.currentReason.quantity = this.warehouse.amount;
+                            }
+                            if (this.warehouse.selectedWarehouseNr !== undefined) {
+                                this.currentReason.warehouseNr = this.warehouse.selectedWarehouseNr;
+                            }
+                            if (!this.currentReason) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.service.resolvePendingLineReason(this.currentReason, false)
+                                    .then(function (value) {
+                                    _this.handleLineOperationStatus(value);
+                                })];
+                        case 1:
+                            _a.sent();
+                            _a.label = 2;
+                        case 2: return [2 /*return*/];
+                    }
+                });
+            });
         };
-        ServiceOrderComponent.prototype.animationFn = function () {
-            return animations$1.trigger("showPopup", [
-                animations$1.state("void", animations$1.style({ transform: "translate3d(0, 0, 0)" })),
-                animations$1.state("*", animations$1.style({ transform: "translate3d(100%, 0, 0)" })),
-                animations$1.transition("void <=> *", [
-                    animations$1.animate("200ms ease-in-out")
-                ])
-            ]);
+        TransactionManagerComponent.prototype.warehouseCancelClick = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!this.currentReason) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this._cancelArticle(this.currentReason.lineUuid)];
+                        case 1:
+                            _a.sent();
+                            _a.label = 2;
+                        case 2: return [2 /*return*/];
+                    }
+                });
+            });
         };
-        ServiceOrderComponent.prototype.trackByFn = function (index, line) {
-            return line.lineNr;
+        TransactionManagerComponent.prototype.handleCharacteristicAnswerOkClick = function (answer) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            this.currentReason = new resolvePendingReasonRequest_bo.ResolvePendingLineReasonRequest(this.currentOperationStatus.uuid, this.currentOperationStatus.pendingReason, this.currentOperationStatus.pendingReasonType);
+                            this.currentReason.textualUserInput = answer;
+                            return [4 /*yield*/, this.service.resolvePendingLineReason(this.currentReason, false)
+                                    .then(function (value) {
+                                    _this.handleLineOperationStatus(value);
+                                })];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
         };
-        ServiceOrderComponent.prototype.handleRowsSelected = function (rows) {
+        TransactionManagerComponent.prototype._handleAddArticle = function (amount) {
+            if (amount === void 0) { amount = 1; }
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.service.addTransactionLine(transactionLineType_enum.TransactionLineType.ArticleLine, this.newArticleNr, amount, this.newArticle.standardWareHouse, this.newArticle.commissionCode, false, 0, 0, false)
+                                .then(function (value) {
+                                _this.handleLineOperationStatus(value);
+                            }, function (error) { return _this.promptService.showError(error); })];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TransactionManagerComponent.prototype._handleAddArticleLineAt = function (amount, lineNr, beforeOrAfter) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.service.addArticleToTransaction(this.transactionInfo.uuid, this.newArticleNr, amount, this.newArticle.standardWareHouse, this.newArticle.commissionCode, false, beforeOrAfter === PositionGridRow.Before ? lineNr : undefined, beforeOrAfter === PositionGridRow.After ? lineNr : undefined)
+                                .then(function (value) {
+                                _this.lineOperationStatuses = value.lineOperationStatuses;
+                                _this.handleLineOperationStatus(value);
+                            }, function (error) { return _this.promptService.showError(error); })];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TransactionManagerComponent.prototype._getWareHouseNoFromArticle = function () {
+            if (this.newArticle !== undefined && this.newArticle.stockLocations !== undefined && this.newArticle.stockLocations.length) {
+                return this.newArticle.stockLocations[0].warehouseNr;
+            }
+            return 0;
+        };
+        TransactionManagerComponent.prototype.isLineOperationStatus = function (lineOperationStatuses) {
+            this.currentOperationStatus = this.service.pendingLineOperationStatus(lineOperationStatuses);
+            if (this.currentOperationStatus !== undefined) {
+                return true;
+            }
+            return false;
+        };
+        TransactionManagerComponent.prototype._confirmAction = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var pendingReasonText, _a;
+                var _this = this;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            this.currentReason = new resolvePendingReasonRequest_bo.ResolvePendingLineReasonRequest(this.currentOperationStatus.uuid, this.currentOperationStatus.pendingReason, this.currentOperationStatus.pendingReasonType);
+                            return [4 /*yield*/, this._getPendingReasonText(this.currentOperationStatus.pendingReason)];
+                        case 1:
+                            pendingReasonText = _b.sent();
+                            _a = this.currentReason;
+                            return [4 /*yield*/, this.promptService.showYesNo(pendingReasonText, " ")];
+                        case 2:
+                            _a.confirmation = _b.sent();
+                            return [4 /*yield*/, this.service.resolvePendingLineReason(this.currentReason, false)
+                                    .then(function (value) {
+                                    _this.handleLineOperationStatus(value);
+                                })];
+                        case 3:
+                            _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TransactionManagerComponent.prototype._showInformation = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var pendingReasonText;
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            this.currentReason = new resolvePendingReasonRequest_bo.ResolvePendingLineReasonRequest(this.currentOperationStatus.uuid, this.currentOperationStatus.pendingReason, this.currentOperationStatus.pendingReasonType);
+                            return [4 /*yield*/, this._getPendingReasonText(this.currentOperationStatus.pendingReason)];
+                        case 1:
+                            pendingReasonText = _a.sent();
+                            return [4 /*yield*/, this.promptService.showOkModal(pendingReasonText, " ")];
+                        case 2:
+                            _a.sent();
+                            return [4 /*yield*/, this.service.resolvePendingLineReason(this.currentReason, false)
+                                    .then(function (value) {
+                                    _this.handleLineOperationStatus(value);
+                                })];
+                        case 3:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TransactionManagerComponent.prototype._getPendingReasonText = function (pendingReason) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _a, _b, _c;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
+                        case 0:
+                            if (!(pendingReason === "ARTICLE_IS_DISCONTINUED_DO_YOU_WANT_TO_CONTINUE_PLEASE_CONFIRM")) return [3 /*break*/, 2];
+                            _b = (_a = this._dictionaryService.get("ARTICLE_IN_OUT_COLLECTION")).replace;
+                            _c = ["|~"];
+                            return [4 /*yield*/, this.getInOutCollectionOfArticle()];
+                        case 1: return [2 /*return*/, _b.apply(_a, _c.concat([_d.sent()]))];
+                        case 2: return [2 /*return*/, this._dictionaryService.get(pendingReason)];
+                    }
+                });
+            });
+        };
+        TransactionManagerComponent.prototype.getInOutCollectionOfArticle = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _a, domainValue;
+                var _this = this;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (!!this._inOutCollection.length) return [3 /*break*/, 2];
+                            _a = this;
+                            return [4 /*yield*/, this.service.getInOutCollection("NL")];
+                        case 1:
+                            _a._inOutCollection = _b.sent();
+                            _b.label = 2;
+                        case 2:
+                            domainValue = this._inOutCollection.find(function (element) { return element.code === _this.newArticle.inOutCollection; });
+                            if (domainValue) {
+                                return [2 /*return*/, domainValue.description];
+                            }
+                            return [2 /*return*/, ""];
+                    }
+                });
+            });
+        };
+        TransactionManagerComponent.prototype.handleLineOperationStatus = function (lineOperationResponse) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!this.isLineOperationStatus(lineOperationResponse.lineOperationStatuses)) return [3 /*break*/, 2];
+                            this.transaction = lineOperationResponse;
+                            this.articleAdded.emit(this.transaction);
+                            return [4 /*yield*/, this._handlePendingLine(this.currentOperationStatus.uuid).then()];
+                        case 1:
+                            _a.sent();
+                            return [3 /*break*/, 4];
+                        case 2: return [4 /*yield*/, this._saveTransaction()];
+                        case 3:
+                            _a.sent();
+                            _a.label = 4;
+                        case 4: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TransactionManagerComponent.prototype._handlePendingLine = function (lineUuid) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            this.currentReason = new resolvePendingReasonRequest_bo.ResolvePendingLineReasonRequest(this.currentOperationStatus.uuid, this.currentOperationStatus.pendingReason, this.currentOperationStatus.pendingReasonType);
+                            this.currentPendingLine = this.transactionLines.find(function (l) { return l.uuid === lineUuid; });
+                            _a = this.currentOperationStatus.pendingReasonType;
+                            switch (_a) {
+                                case pendingReasonType_enum.PendingReasonType.ABORTED: return [3 /*break*/, 1];
+                                case pendingReasonType_enum.PendingReasonType.CANCELLED: return [3 /*break*/, 1];
+                                case pendingReasonType_enum.PendingReasonType.CONFIRMATION_NEEDED: return [3 /*break*/, 3];
+                                case pendingReasonType_enum.PendingReasonType.INVALID_LOGISTICS: return [3 /*break*/, 5];
+                                case pendingReasonType_enum.PendingReasonType.NON_CRITICAL_DISCONTINUATION: return [3 /*break*/, 7];
+                                case pendingReasonType_enum.PendingReasonType.CHARACTERISTICS_ANSWER_NEEDED: return [3 /*break*/, 9];
+                                case pendingReasonType_enum.PendingReasonType.NONE: return [3 /*break*/, 10];
+                            }
+                            return [3 /*break*/, 10];
+                        case 1: return [4 /*yield*/, this._cancelArticle(this.currentPendingLine.uuid)];
+                        case 2:
+                            _b.sent();
+                            return [3 /*break*/, 11];
+                        case 3: return [4 /*yield*/, this._confirmAction()];
+                        case 4:
+                            _b.sent();
+                            return [3 /*break*/, 11];
+                        case 5: return [4 /*yield*/, this.showStockManager(this.currentPendingLine)];
+                        case 6:
+                            _b.sent();
+                            return [3 /*break*/, 11];
+                        case 7: return [4 /*yield*/, this._showInformation()];
+                        case 8:
+                            _b.sent();
+                            return [3 /*break*/, 11];
+                        case 9:
+                            this.CharacteristicsAnswerNeeded();
+                            return [3 /*break*/, 11];
+                        case 10:
+                            this.currentReason = undefined;
+                            this.currentPendingLine = undefined;
+                            return [3 /*break*/, 11];
+                        case 11: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TransactionManagerComponent.prototype._saveTransaction = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var success;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!this.transactionInfo) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.service.saveTransactionByUuid(this.transactionInfo.uuid)];
+                        case 1:
+                            success = _a.sent();
+                            if (!success) {
+                                this.promptService.showError("Transaction could not be saved!");
+                            }
+                            _a.label = 2;
+                        case 2: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TransactionManagerComponent.prototype._loadArticle = function (goodId) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            _a = this;
+                            return [4 /*yield*/, this.service.getArticleFullObject(goodId)];
+                        case 1:
+                            _a.newArticle = _b.sent();
+                            this.newArticleNr = this.newArticle.articleNr;
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TransactionManagerComponent.prototype.addEmailAddressToTransaction = function (emailAddress) {
+            this.service.emailAddress = emailAddress;
+        };
+        TransactionManagerComponent.prototype.CharacteristicsAnswerNeeded = function () {
+            var _this = this;
+            this.characteristicAnswer.question = this.currentOperationStatus.characteristic.question;
+            this.characteristicAnswer.title = this.newArticle.description;
+            this.characteristicAnswer.value = this.currentOperationStatus.characteristic.value;
+            this.characteristicAnswer.characteristics = this.currentOperationStatus.characteristic.transactionLineCharacteristicChoices;
+            setTimeout(function () {
+                _this.characteristicAnswer.open();
+                // eslint-disable-next-line no-magic-numbers
+            }, 1000);
+        };
+        TransactionManagerComponent.prototype._getTransactionLineInfoByIndex = function (index) {
+            if (index >= 0 && index < this.transactionLines.length) {
+                return this.service.currentLines[index];
+            }
+        };
+        TransactionManagerComponent.prototype._cancelArticle = function (uuid) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.service.cancelAddTransactionLine(uuid, false)
+                                .then(function (response) {
+                                _this.transaction = response;
+                                _this.articleAdded.emit(response);
+                            })];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        return TransactionManagerComponent;
+    }(TransactionBaseComponent));
+    TransactionManagerComponent.decorators = [
+        { type: i0.Component, args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: "transaction-manager",
+                    template: "\n    <warehouse #warehouse\n        (okClick)=\"warehouseOkClick()\"\n        (cancelClick)=\"warehouseCancelClick()\"\n    ></warehouse>\n    <characteristic-answer\n      #characteristicAnswer\n      (okClick)=\"handleCharacteristicAnswerOkClick($event)\"\n    ></characteristic-answer>\n  ",
+                    styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,.warehouse-line-container{display:flex}.flex-center,.warehouse-line-container{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field,.commission-fields{margin-left:11px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}::ng-deep #warehouseDialog{align-items:center;max-height:100%}::ng-deep #warehouseDialog ::ng-deep co-form{height:100%;width:500px}::ng-deep #warehouseDialog ::ng-deep .form-content{height:calc(100% - 80px);width:100%}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field{height:20px;word-wrap:break-word;white-space:normal}co-button:not(:last-child){margin-right:10px}.commission-fields{justify-content:space-between;margin:10px 0}.warehouse-description-item{width:15rem}.warehouse-nr-item{width:5rem}co-input-number-picker co-button{max-width:20px}\n"]
+                },] }
+    ];
+    TransactionManagerComponent.ctorParameters = function () { return [
+        { type: TransactionService },
+        { type: TransactionEventService },
+        { type: corecomponents_v12.PromptService },
+        { type: DictionaryService }
+    ]; };
+    TransactionManagerComponent.propDecorators = {
+        warehouse: [{ type: i0.ViewChild, args: ["warehouse",] }],
+        characteristicAnswer: [{ type: i0.ViewChild, args: ["characteristicAnswer",] }],
+        linesChanged: [{ type: i0.Output }],
+        articleAdded: [{ type: i0.Output }]
+    };
+
+    var ServiceOrderComponent = /** @class */ (function (_super) {
+        __extends(ServiceOrderComponent, _super);
+        function ServiceOrderComponent(service, transactionEvents, iconCacheService, _promptService) {
+            var _this = _super.call(this, service) || this;
+            _this.service = service;
+            _this.transactionEvents = transactionEvents;
+            _this.iconCacheService = iconCacheService;
+            _this._promptService = _promptService;
+            _this.iconThickLines = corecomponents_v12.CoreComponentsIcon.ThickLines;
+            _this.iconThinLines = corecomponents_v12.CoreComponentsIcon.ThinLines;
+            _this.iconOrder = corecomponents_v12.CoreComponentsIcon.Order;
+            _this.viewModes = ContentViewMode;
+            _this.canPlanDelivery = false;
+            _this.showTotals = true;
+            _this.contextMenuItems = [];
+            _this.isRouteOptimizationConfigured = false;
+            _this.activeViewMode = ContentViewMode.List;
+            _this.floatButtonSelected = false;
+            _this.newArticleNr = "";
+            _this._subs = [];
+            return _this;
+        }
+        Object.defineProperty(ServiceOrderComponent.prototype, "inListView", {
+            get: function () {
+                return this.activeViewMode === ContentViewMode.List;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ServiceOrderComponent.prototype, "inGridView", {
+            get: function () {
+                return this.activeViewMode === ContentViewMode.Grid;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ServiceOrderComponent.prototype.ngOnInit = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    this._subs.push(this.service.transactionLoaded.subscribe(function (transactionInfoResponse) {
+                        if (transactionInfoResponse.isSuccess) {
+                            _this.transaction = transactionInfoResponse;
+                            if (_this.transaction && _this.transaction.transactionInfo) {
+                                _this.customerId = Number(_this.transaction.transactionInfo.relation.relationNr);
+                                _this.relationId = _this.transaction.transactionInfo.relation.relationId;
+                            }
+                        }
+                    }), this.transactionEvents.rightSidebarClose.subscribe(function () {
+                        _this.moveFloatingButtonToRight();
+                    }), this.transactionEvents.transactionLineClicked.subscribe(function (transactionLine) {
+                        _this._selectedTransLine = transactionLine;
+                        _this.moveFloatingButtonToLeft();
+                    }), this.transactionEvents.scrollContent.subscribe(function (event) {
+                        _this.hideOrderTotals(event);
+                    }));
+                    return [2 /*return*/];
+                });
+            });
+        };
+        ServiceOrderComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            this._subs.push(this._transactionManager.articleAdded.subscribe(function (transactionInfoResponse) {
+                _this.transaction = transactionInfoResponse;
+            }));
+        };
+        ServiceOrderComponent.prototype.ngOnDestroy = function () {
+            this._subs.forEach(function (sub) { return sub.unsubscribe(); });
+        };
+        ServiceOrderComponent.prototype.animationFn = function () {
+            return animations.trigger("showPopup", [
+                animations.state("void", animations.style({ transform: "translate3d(0, 0, 0)" })),
+                animations.state("*", animations.style({ transform: "translate3d(100%, 0, 0)" })),
+                animations.transition("void <=> *", [
+                    animations.animate("200ms ease-in-out")
+                ])
+            ]);
+        };
+        ServiceOrderComponent.prototype.trackByFn = function (index, line) {
+            return line.lineNr;
+        };
+        ServiceOrderComponent.prototype.handleRowsSelected = function (rows) {
             this._selectedTransLine = rows.find(function (x) { return x !== undefined; });
         };
         ServiceOrderComponent.prototype.handlePlanningRequest = function (event) {
@@ -6591,7 +7192,7 @@
         };
         Object.defineProperty(ServiceOrderComponent.prototype, "subHeader", {
             get: function () {
-                if (this._selectedTransLine && this._selectedTransLine !== undefined) {
+                if (this._selectedTransLine) {
                     return this._selectedTransLine.goodDescription;
                 }
                 return "";
@@ -6602,6 +7203,22 @@
         ServiceOrderComponent.prototype.hideOrderTotals = function (event) {
             this.showTotals = false;
         };
+        ServiceOrderComponent.prototype.addArticleLine = function (event) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!(event.code === "Enter")) return [3 /*break*/, 2];
+                            if (!(this.newArticleNr && this.newArticleNr !== "")) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this._transactionManager.addArticleLine(this.transactionInfo.uuid, this.newArticleNr, 1, 0, PositionGridRow.After)];
+                        case 1:
+                            _a.sent();
+                            _a.label = 2;
+                        case 2: return [2 /*return*/];
+                    }
+                });
+            });
+        };
         return ServiceOrderComponent;
     }(TransactionBaseComponent));
     ServiceOrderComponent.FLOAT_BUTTON_RIGHT_POSITION_WITHOUT_SIDEBAR = 50;
@@ -6610,39 +7227,41 @@
         { type: i0.Component, args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: "service-order",
-                    template: "\n      <div id=\"transaction-general-tab\" style=\"height:100%;\">\n        <transaction-header-block\n          [relationId]=\"relationId\"\n          [transaction]=\"transaction\"\n          [canPlanDelivery]=\"canPlanDelivery\"\n          (planningRequestButtonClick)=\"handlePlanningRequest($event)\"\n        ></transaction-header-block>\n        <div *ngIf=\"!isService\">\n          <div class=\"transaction-view\" fxLayout=\"row\" fxLayoutGap=\"1px\" fxLayoutAlign=\"flex-end\">\n            <div class=\"view-mode-buttons\">\n              <co-button [iconData]=\"iconCacheService.getIcon(iconThickLines)\"\n                         [title]=\"'LIST_VIEW' | localize\"\n                         (click)=\"this.activeViewMode = viewModes.List\"\n                         class=\"triangle white\"\n                         iconClass=\"medium light\"></co-button>\n              <co-button [iconData]=\"iconCacheService.getIcon(iconThinLines)\"\n                         [title]=\"'GRID_VIEW' | localize\"\n                         (click)=\"this.activeViewMode = viewModes.Grid\"\n                         class=\"triangle white\"\n                         iconClass=\"medium light\"></co-button>\n            </div>\n          </div>\n          <div *ngIf=\"this.activeViewMode === viewModes.List\">\n            <transaction-order-line-view *ngFor=\"let line of transactionLines; trackBy:trackByFn;\"\n                                         [line]=\"line\"\n            ></transaction-order-line-view>\n          </div>\n          <div *ngIf=\"this.activeViewMode === viewModes.Grid\">\n            <transaction-order-lines [transaction]=\"transaction\"></transaction-order-lines>\n          </div>\n          <div class=\"floating-icon-wrapper\" [style.right.px]=\"floatButtonRightPosition\">\n          <icon [icon]=\"iconOrder\"\n                class=\"light\"\n                (click)=\"floatButtonClick()\" id=\"floatingIcon\"\n                [style.right.px]=\"floatButtonRightPosition\"></icon>\n          </div>\n        </div>\n        <transaction-order-totals *ngIf=\"!isService\"\n                                  [transactionTotal]=\"transactionTotal\"\n                                  [ngClass]=\"showTotals ? 'transaction-totals-show' : 'transaction-totals-hide'\"></transaction-order-totals>\n      </div>\n\n      <transaction-article-text></transaction-article-text>\n    ",
+                    template: "\n      <transaction-manager></transaction-manager>\n      <div id=\"transaction-general-tab\" style=\"height:100%;\">\n        <transaction-header-block\n          [relationId]=\"relationId\"\n          [transaction]=\"transaction\"\n          [canPlanDelivery]=\"canPlanDelivery\"\n          (planningRequestButtonClick)=\"handlePlanningRequest($event)\"\n        ></transaction-header-block>\n        <div *ngIf=\"!isService\">\n          <div style=\"display: flex; flex-direction: row; place-content: center\">\n            <co-input-text style=\"width: 200px;\"\n              [(model)]=\"newArticleNr\"\n              [placeholder]=\"'WHERE_ARE_YOU_LOOKING_FOR' | localize\"\n              [showClearButton]=\"true\"\n              (keypress)=\"addArticleLine($event)\"\n            ></co-input-text>\n          </div>\n          <div class=\"transaction-view\" fxLayout=\"row\" fxLayoutGap=\"1px\" fxLayoutAlign=\"flex-end\">\n            <div class=\"view-mode-buttons\">\n              <co-button [iconData]=\"iconCacheService.getIcon(iconThickLines)\"\n                         [title]=\"'LIST_VIEW' | localize\"\n                         (click)=\"this.activeViewMode = viewModes.List\"\n                         class=\"triangle white\"\n                         iconClass=\"medium light\"></co-button>\n              <co-button [iconData]=\"iconCacheService.getIcon(iconThinLines)\"\n                         [title]=\"'GRID_VIEW' | localize\"\n                         (click)=\"this.activeViewMode = viewModes.Grid\"\n                         class=\"triangle white\"\n                         iconClass=\"medium light\"></co-button>\n            </div>\n          </div>\n          <div *ngIf=\"this.activeViewMode === viewModes.List\">\n            <transaction-order-line-view *ngFor=\"let line of transactionLines; trackBy:trackByFn;\"\n                                         [line]=\"line\"\n            ></transaction-order-line-view>\n          </div>\n          <div *ngIf=\"this.activeViewMode === viewModes.Grid\">\n            <transaction-order-lines [transaction]=\"transaction\"></transaction-order-lines>\n          </div>\n          <div class=\"floating-icon-wrapper\" [style.right.px]=\"floatButtonRightPosition\">\n          <icon [icon]=\"iconOrder\"\n                class=\"light\"\n                (click)=\"floatButtonClick()\" id=\"floatingIcon\"\n                [style.right.px]=\"floatButtonRightPosition\"></icon>\n          </div>\n        </div>\n        <transaction-order-totals *ngIf=\"!isService\"\n                                  [ngClass]=\"showTotals ? 'transaction-totals-show' : 'transaction-totals-hide'\"></transaction-order-totals>\n      </div>\n\n      <transaction-article-text></transaction-article-text>\n    ",
                     styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,:host :host{display:flex}.flex-center{flex-direction:row}:host :host{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.transaction-view .view-mode-buttons{margin-left:11px}:host :host{width:100%}:host :host{overflow:hidden}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host :host{padding-bottom:60px}.page-wrapper :host{padding:20px;margin-bottom:60px}:host transaction-order-totals{display:flex;flex-direction:column;align-items:flex-end}:host .transaction-totals-show{padding:20px}:host .transaction-totals-hide{position:relative;bottom:0;right:0}::ng-deep #transaction_planning_agenda{top:160px!important;width:calc(100vw - 80px)!important}::ng-deep #transaction_planning_agenda .popup-card-title{padding:10px 20px;background:#74B77F;color:#fff}::ng-deep #transaction_planning_agenda .popup-card-title .header-wrapper{align-items:center!important}::ng-deep #transaction_planning_agenda .popup-card-title .separator{border-color:#fff!important}::ng-deep #transaction_planning_agenda .popup-card-title .header{font-size:15px;font-weight:normal}::ng-deep #transaction_planning_agenda .popup-card-title .sub-header{font-size:18px;color:#fff!important;font-weight:bold!important}::ng-deep #transaction_planning_agenda .popup-card-title button-select icon [fill]{fill:#fff}::ng-deep #transaction_planning_agenda .popup-card-content{overflow:hidden}@media only screen and (max-width: 599px){::ng-deep #transaction_planning_agenda{width:100vw!important}::ng-deep #transaction_planning_agenda .popup-card-content{padding:0}}.column-separator{padding-right:25px;border-right:1px solid #0000001c}.floating-icon-wrapper{position:fixed;bottom:50px;right:50px;display:flex;flex-shrink:0;align-items:center;justify-content:center;background:#475060;height:50px;width:50px;opacity:.5;transition:opacity .4s ease-in-out;border-radius:50%;overflow:hidden;box-shadow:0 0 6px #0009;-webkit-box-shadow:0px 0px 6px 0px rgba(0,0,0,.6);-moz-box-shadow:0px 0px 6px 0px rgba(0,0,0,.6);cursor:pointer}.floating-icon-wrapper:hover{opacity:1;transition:opacity .4s ease-in-out}.floating-icon-wrapper ::ng-deep icon{height:44px!important;width:44px!important;color:#fff!important;flex-shrink:0}.transaction-wrapper{padding:0 20px}.view-mode-buttons co-button{padding:0}.transaction-view{display:flex;margin-top:10px;justify-content:stretch}.transaction-view .view-mode-buttons{display:flex;flex-direction:row}.transaction-view .view-mode-buttons button-select ::ng-deep button-colijn{border-radius:0}.transaction-view .view-mode-buttons button-select:first-child{margin-right:5px}.transaction-view .view-mode-buttons button-select:first-child ::ng-deep button-colijn{border-radius:3px}.transaction-view .view-mode-buttons button-select:nth-child(2) ::ng-deep button-colijn{border-top-left-radius:3px;border-bottom-left-radius:3px}.transaction-view .view-mode-buttons button-select:last-child ::ng-deep button-colijn{border-top-right-radius:3px;border-bottom-right-radius:3px}\n"]
                 },] }
     ];
     ServiceOrderComponent.ctorParameters = function () { return [
         { type: TransactionService },
         { type: TransactionEventService },
-        { type: corecomponents_v12.IconCacheService }
+        { type: corecomponents_v12.IconCacheService },
+        { type: corecomponents_v12.PromptService }
     ]; };
     ServiceOrderComponent.propDecorators = {
-        _transactionArticleTextComponent: [{ type: i0.ViewChild, args: [TransactionArticleTextComponent, { static: false },] }]
+        _transactionArticleTextComponent: [{ type: i0.ViewChild, args: [TransactionArticleTextComponent,] }],
+        _transactionManager: [{ type: i0.ViewChild, args: [TransactionManagerComponent,] }]
     };
 
-    var TransactionOrderTotalsComponent /*extends TransactionBaseComponent*/ = /** @class */ (function () {
+    var TransactionOrderTotalsComponent = /** @class */ (function (_super) {
+        __extends(TransactionOrderTotalsComponent, _super);
         function TransactionOrderTotalsComponent(service) {
-            this.service = service;
-            //super(service);
+            var _this = _super.call(this, service) || this;
+            _this.service = service;
+            return _this;
         }
         return TransactionOrderTotalsComponent;
-    }());
+    }(TransactionBaseComponent));
     TransactionOrderTotalsComponent.decorators = [
         { type: i0.Component, args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
                     selector: "transaction-order-totals",
-                    template: "\n        <div class=\"totals-wrapper\">\n            <div class=\"totals-item\">\n                <div class=\"totals-item-description\" [textContent]=\"'SUBTOTAL' | localize\"></div>\n                <div class=\"totals-item-value\" [textContent]=\"transactionTotal.grossAmount | coCurrency | coCurrency\"></div>\n            </div>\n            <div class=\"totals-item\">\n                <div class=\"totals-item-description\" [textContent]=\"'VAT_AMOUNT' | localize\"></div>\n                <div class=\"totals-item-value\" [textContent]=\"transactionTotal.surchargeAmount | coCurrency\"></div>\n            </div>\n            <div class=\"totals-item total\">\n                <div class=\"totals-item-description\" [textContent]=\"'TRANSACTION_SUM_I' | localize\"></div>\n                <div class=\"totals-item-value\" [textContent]=\"transactionTotal.netAmount | coCurrency\"></div>\n            </div>\n        </div>\n    ",
+                    template: "\n        <div class=\"totals-wrapper\">\n            <div class=\"totals-item\">\n                <div class=\"totals-item-description\" [textContent]=\"'SUBTOTAL' | localize\"></div>\n                <div class=\"totals-item-value\" [textContent]=\"transactionTotal?.grossAmount | coCurrency | coCurrency\"></div>\n            </div>\n            <div class=\"totals-item\">\n                <div class=\"totals-item-description\" [textContent]=\"'VAT_AMOUNT' | localize\"></div>\n                <div class=\"totals-item-value\" [textContent]=\"transactionTotal?.surchargeAmount | coCurrency\"></div>\n            </div>\n            <div class=\"totals-item total\">\n                <div class=\"totals-item-description\" [textContent]=\"'TRANSACTION_SUM_I' | localize\"></div>\n                <div class=\"totals-item-value\" [textContent]=\"transactionTotal?.netAmount | coCurrency\"></div>\n            </div>\n        </div>\n    ",
                     styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host .totals-wrapper{width:310px;font-size:13px}:host .totals-item{display:flex;flex-direction:row;height:25px;align-items:center}:host .totals-item>div{text-align:end;width:50%}:host .totals-item.total{font-weight:bold;height:30px;border-top:1px solid #DCE4EA}\n"]
                 },] }
     ];
     TransactionOrderTotalsComponent.ctorParameters = function () { return [
         { type: TransactionService }
-    ]; };
-    TransactionOrderTotalsComponent.propDecorators = {
-        transactionTotal: [{ type: i0.Input }]
-    };
+    ]; };
 
     var TransactionOrderLineViewComponent = /** @class */ (function () {
         function TransactionOrderLineViewComponent(_service, _eventService) {
@@ -6687,7 +7306,7 @@
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: "transaction-order-line-view",
                     template: "\n            <div class=\"transaction-order-line-r\" fxFlex (click)=\"transactionLineClick(line)\">\n                <div fxLayout=\"row\" class=\"full-width\">\n                    <div fxLayout=\"column\" class=\"transaction-order-line-description\" fxLayoutGap=\"20px\">\n                        <div fxLayout=\"row\" fxLayoutGap=\"10px\">\n                            <span [textContent]=\"line.goodDescription\" class=\"cart-line-description-main\"></span>\n                            <span *ngIf=\"line.goodDescription && line.articleNumber\">|</span>\n                            <span [textContent]=\"line.articleNumber\" class=\"cart-line-description-artnr\"></span>\n                        </div>\n                        <div>\n                            <span [innerHTML]=\"line.configurationReadable\" class=\"cart-line-description-detail\"></span>\n                        </div>\n                    </div>\n                    <div fxLayout=\"column\" class=\"transaction-order-line-image\">\n                        <image-display [model]=\"image\"></image-display>\n                    </div>\n                </div>\n                <div fxLayout=\"row\" class=\"transaction-order-line-right\">\n                    <div fxLayout=\"column\" class=\"transaction-order-line-stock\">\n                        <span [textContent]=\"'STOCK' | localize\" class=\"small-font\"></span>\n                        <stock-status-indicator [model]=\"stock\"></stock-status-indicator>\n                        <span [textContent]=\"'DELIVERY_TIME_PERIOD' | localize\" class=\"small-font\"></span>\n                        <span [textContent]=\"line.deliveryDate | deliveryTime\"></span>\n                    </div>\n                    <div class=\"transaction-order-line-amount\">\n                      <co-input-number-picker\n                        class=\"horizontal\"\n                        [(model)]=\"line.amount\" [min]=\"0\" [buttonShowMode]=\"'always'\"\n                        [readonly]=\"true\"></co-input-number-picker>\n                    </div>\n                    <div class=\"transaction-order-line-totals\">\n                        <span [textContent]=\"line.netLineTotal | coCurrency: true\"></span>\n                    </div>\n                </div>\n            </div>\n    ",
-                    styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.transaction-order-line-r .transaction-order-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-top:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-bottom:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-left:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:block;padding:20px}:host ::ng-deep collapseable{width:100%!important}.horizontal{display:flex;flex-direction:row}.service-request-button-wrapper{display:flex;justify-content:center;margin-top:20px}.transaction-order-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.transaction-order-line-r{flex-direction:column}}.transaction-order-line-r .transaction-order-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center;padding-right:10px}.transaction-order-line-r .transaction-order-line-image image-display{width:6em;height:6em}.transaction-order-line-r .transaction-order-line-image ::ng-deep no-image-display{display:none}.transaction-order-line-r .transaction-order-line-description{display:flex;flex-direction:column;width:auto;max-width:355px;margin-left:10px}.transaction-order-line-r .transaction-order-line-description .cart-line-description-main{font-weight:bold}.transaction-order-line-r .transaction-order-line-right{justify-content:flex-end;align-items:center}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock{width:10em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{width:10em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals span{text-align:right}\n"]
+                    styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.transaction-order-line-r .transaction-order-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-top:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-bottom:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-left:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:block;padding:20px}:host ::ng-deep collapseable{width:100%!important}.horizontal{display:flex;flex-direction:row}.service-request-button-wrapper{display:flex;justify-content:center;margin-top:20px}.transaction-order-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.transaction-order-line-r{flex-direction:column}}.transaction-order-line-r .transaction-order-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center;padding-right:10px}.transaction-order-line-r .transaction-order-line-image image-display{width:6em;height:6em}.transaction-order-line-r .transaction-order-line-image ::ng-deep no-image-display{display:none}.transaction-order-line-r .transaction-order-line-description{display:flex;flex-direction:column;width:auto;max-width:355px;margin-left:10px}.transaction-order-line-r .transaction-order-line-description .cart-line-description-main{font-weight:bold}.transaction-order-line-r .transaction-order-line-right{justify-content:flex-end;align-items:center}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock{width:10em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{width:15em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals span{text-align:right}\n"]
                 },] }
     ];
     TransactionOrderLineViewComponent.ctorParameters = function () { return [
@@ -6754,7 +7373,7 @@
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: "transaction-order-lines",
                     template: "\n        <co-grid #transactionGrid\n                 [data]=\"transactionLines\"\n                 [columns]=\"columns\"\n                 [pagingEnabled]=\"pagingEnabled\"\n                 [maxNumberOfRows]=\"'20'\"\n                 (rowsSelected)=\"onRowClick($event)\"\n        ></co-grid>\n    ",
-                    styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.transaction-order-line-r .transaction-order-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-top:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-bottom:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-left:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:block;padding:20px}:host ::ng-deep collapseable{width:100%!important}.service-request-button-wrapper{display:flex;justify-content:center;margin-top:20px}.transaction-order-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.transaction-order-line-r{flex-direction:column}}.transaction-order-line-r .transaction-order-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center;padding-right:10px}.transaction-order-line-r .transaction-order-line-image image-display{width:6em;height:6em}.transaction-order-line-r .transaction-order-line-image ::ng-deep no-image-display{display:none}.transaction-order-line-r .transaction-order-line-description{display:flex;flex-direction:column;width:auto;max-width:355px;margin-left:10px}.transaction-order-line-r .transaction-order-line-description .cart-line-description-main{font-weight:bold}.transaction-order-line-r .transaction-order-line-right{justify-content:flex-end;align-items:center}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock{width:10em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{width:10em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals span{text-align:right}\n"]
+                    styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.transaction-order-line-r .transaction-order-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-top:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-bottom:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-left:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:block;padding:20px}:host ::ng-deep collapseable{width:100%!important}.service-request-button-wrapper{display:flex;justify-content:center;margin-top:20px}.transaction-order-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.transaction-order-line-r{flex-direction:column}}.transaction-order-line-r .transaction-order-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center;padding-right:10px}.transaction-order-line-r .transaction-order-line-image image-display{width:6em;height:6em}.transaction-order-line-r .transaction-order-line-image ::ng-deep no-image-display{display:none}.transaction-order-line-r .transaction-order-line-description{display:flex;flex-direction:column;width:auto;max-width:355px;margin-left:10px}.transaction-order-line-r .transaction-order-line-description .cart-line-description-main{font-weight:bold}.transaction-order-line-r .transaction-order-line-right{justify-content:flex-end;align-items:center}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock{width:10em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{width:15em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals span{text-align:right}\n"]
                 },] }
     ];
     TransactionOrderLinesComponent.ctorParameters = function () { return [
@@ -7100,7 +7719,7 @@
         { type: i0.Component, args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: "transaction-service-info",
-                    template: "\n        <transaction-summary-block\n                [hideAvatar]=\"true\"\n                [class.disabled]=\"!isNew\"\n                label=\"SERVICE\"\n                [icon]=\"iconWrench\"\n                headerLabel=\"SERVICE_NUMBER\"\n                [headerValue]=\"transactionInfo.transactionNr\"\n                subHeaderLabel=\"SERVICE_REQUEST_DATE\"\n                [subHeaderValue]=\"transactionInfo.transactionDate | date:'shortDate'\"\n        ></transaction-summary-block>\n    "
+                    template: "\n        <transaction-summary-block\n                [hideAvatar]=\"true\"\n                [class.disabled]=\"!isNew\"\n                label=\"SERVICE\"\n                [icon]=\"iconWrench\"\n                headerLabel=\"SERVICE_NUMBER\"\n                [headerValue]=\"transactionInfo?.transactionNr\"\n                subHeaderLabel=\"SERVICE_REQUEST_DATE\"\n                [subHeaderValue]=\"transactionInfo?.transactionDate | date:'shortDate'\"\n        ></transaction-summary-block>\n    "
                 },] }
     ];
     TransactionServiceSummaryComponent.ctorParameters = function () { return [
@@ -7207,7 +7826,7 @@
         { type: i0.Component, args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: "transaction-order-info",
-                    template: "\n        <transaction-summary-block\n                [class.disabled]=\"!isNew\"\n                label=\"ORDER_INFO\"\n                [icon]=\"iconOrder\"\n                headerLabel=\"ORDER_NUMBER\"\n                [headerValue]=\"isService ? sourceTransactionNr : transactionInfo.transactionNr\"\n                subHeaderLabel=\"ORDER_DATE\"\n                [subHeaderValue]=\"(isService ? sourceTransactionDate : this.transactionInfo.transactionDate) | date:'shortDate'\"\n        ></transaction-summary-block>\n    "
+                    template: "\n        <transaction-summary-block\n                [class.disabled]=\"!isNew\"\n                label=\"ORDER_INFO\"\n                [icon]=\"iconOrder\"\n                headerLabel=\"ORDER_NUMBER\"\n                [headerValue]=\"isService ? sourceTransactionNr : transactionInfo?.transactionNr\"\n                subHeaderLabel=\"ORDER_DATE\"\n                [subHeaderValue]=\"(isService ? sourceTransactionDate : this.transactionInfo?.transactionDate) | date:'shortDate'\"\n        ></transaction-summary-block>\n    "
                 },] }
     ];
     TransactionOrderSummaryComponent.ctorParameters = function () { return [
@@ -7231,7 +7850,7 @@
         { type: i0.Component, args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: "transaction-payment-info",
-                    template: "\n        <transaction-summary-block\n                [class.disabled]=\"!isNew\"\n                label=\"PAYMENT\"\n                [icon]=\"euro\"\n                headerLabel=\"TOTAL_AMOUNT\"\n                [headerValue]=\"transactionTotal.netAmount | coCurrency\"\n                subHeaderLabel=\"PAID_DOWN2\"\n                [subHeaderValue]=\"transactionTotal.transactionDiscountAmount | coCurrency\"\n        ></transaction-summary-block>\n    "
+                    template: "\n        <transaction-summary-block\n                [class.disabled]=\"!isNew\"\n                label=\"PAYMENT\"\n                [icon]=\"euro\"\n                headerLabel=\"TOTAL_AMOUNT\"\n                [headerValue]=\"transactionTotal?.netAmount | coCurrency\"\n                subHeaderLabel=\"PAID_DOWN2\"\n                [subHeaderValue]=\"transactionTotal?.transactionDiscountAmount | coCurrency\"\n        ></transaction-summary-block>\n    "
                 },] }
     ];
     TransactionPaymentInfoComponent.ctorParameters = function () { return [
@@ -7316,7 +7935,7 @@
         { type: i0.Component, args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: "transaction-delivery-summary",
-                    template: "\n        <transaction-summary-block\n                label=\"DELIVERY\"\n                [icon]=\"deliveryTruck\"\n                headerLabel=\"DELIVERY_METHOD2\"\n                [headerValue]=\"deliveryMethodDescription\"\n                [subHeaderLabel]=\"transactionInfo.preferredDeliveryDate ? 'DELIVERY_DATE' : !canPlanDelivery ? 'EXPECTED_DELIVERY_WEEK' : 'EXPECTED_DELIVERY'\"\n                [subHeaderValue]=\"transactionInfo.preferredDeliveryDate ? (transactionInfo.deliveryDate | date:'shortDate') : 'WEEK' | localize | append:(' ') | append:(transactionInfo.deliveryDate | date:'w')\">\n            <ng-template #subHeaderTemplate *ngIf=\"canPlanDelivery\">\n                <div class=\"planning-wrapper\">\n                    <span class=\"subheader\" *ngIf=\"transactionInfo.preferredDeliveryDate\"\n                          [textContent]=\"(transactionInfo.preferredDeliveryDate | date:'shortDate') + ', ' + transactionInfo.preferredDeliveryDate | date: 'time' \"></span>\n<!--                    <arrow-link *ngIf=\"!transactionInfo.preferredDeliveryDate\"-->\n<!--                            label=\"PLAN_YOUR_DELIVERY\"-->\n<!--                            (click)=\"planningRequestButtonClick.emit($event)\"-->\n<!--                    ></arrow-link>-->\n                    <icon [icon]=\"calendarRoundOpen\" (click)=\"planningRequestButtonClick.emit($event)\"></icon>\n                </div>\n            </ng-template>\n        </transaction-summary-block>\n    ",
+                    template: "\n        <transaction-summary-block\n                label=\"DELIVERY\"\n                [icon]=\"deliveryTruck\"\n                headerLabel=\"DELIVERY_METHOD2\"\n                [headerValue]=\"deliveryMethodDescription\"\n                [subHeaderLabel]=\"transactionInfo?.preferredDeliveryDate ? 'DELIVERY_DATE' : !canPlanDelivery ? 'EXPECTED_DELIVERY_WEEK' : 'EXPECTED_DELIVERY'\"\n                [subHeaderValue]=\"transactionInfo?.preferredDeliveryDate ? (transactionInfo?.deliveryDate | date:'shortDate') : 'WEEK' | localize | append:(' ') | append:(transactionInfo?.deliveryDate | date:'w')\">\n            <ng-template #subHeaderTemplate *ngIf=\"canPlanDelivery\">\n                <div class=\"planning-wrapper\">\n                    <span class=\"subheader\" *ngIf=\"transactionInfo?.preferredDeliveryDate\"\n                          [textContent]=\"(transactionInfo?.preferredDeliveryDate | date:'shortDate') + ', ' + transactionInfo?.preferredDeliveryDate | date: 'time' \"></span>\n<!--                    <arrow-link *ngIf=\"!transactionInfo.preferredDeliveryDate\"-->\n<!--                            label=\"PLAN_YOUR_DELIVERY\"-->\n<!--                            (click)=\"planningRequestButtonClick.emit($event)\"-->\n<!--                    ></arrow-link>-->\n                    <icon [icon]=\"calendarRoundOpen\" (click)=\"planningRequestButtonClick.emit($event)\"></icon>\n                </div>\n            </ng-template>\n        </transaction-summary-block>\n    ",
                     styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host .planning-wrapper{display:flex;justify-content:space-between;align-items:center;flex-direction:row;color:#2b60a7;margin-top:-10px;font-size:13px}:host .planning-wrapper ::ng-deep icon{cursor:pointer}:host .planning-wrapper ::ng-deep icon [fill]{fill:#2b60a7}\n"]
                 },] }
     ];
@@ -7514,6 +8133,135 @@
         okButtonComp: [{ type: i0.ViewChild, args: ["okButton",] }]
     };
 
+    var WarehouseComponent = /** @class */ (function () {
+        function WarehouseComponent(service, _dictionaryService) {
+            this.service = service;
+            this._dictionaryService = _dictionaryService;
+            this.message = "";
+            this.okClick = new i0.EventEmitter();
+            this.cancelClick = new i0.EventEmitter();
+            this.commissionCodes = [];
+            this.commissionFields = { text: "description", value: "code" };
+            this.transactionArticleWarehouses = [];
+            this.columns = [];
+            this._okOrCancelClick = false;
+        }
+        WarehouseComponent.prototype.ngOnInit = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            _a = this;
+                            return [4 /*yield*/, this.service.getCommissionCodes("NL")];
+                        case 1:
+                            _a.commissionCodes = _b.sent();
+                            this.columns.push({ field: "warehouseNr", headerText: this._dictionaryService.get("WAREHOUSE"), allowFiltering: false }, { field: "warehouseDesc", headerText: this._dictionaryService.get("DESCRIPTION") }, { field: "stockAmount", headerText: this._dictionaryService.get("STOCK") });
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        WarehouseComponent.prototype.ngOnDestroy = function () {
+            this.warehouseDialog.close();
+        };
+        WarehouseComponent.prototype.showStockManager = function (line) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    this.selectedWarehouseNr = line.warehouseNumber;
+                    this.amount = line.amount;
+                    this.commissionCode = line.commissionCode;
+                    this.show(line.articleNumber);
+                    return [2 /*return*/];
+                });
+            });
+        };
+        WarehouseComponent.prototype.hide = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (this._okOrCancelClick) {
+                                this._okOrCancelClick = false;
+                                return [2 /*return*/];
+                            }
+                            return [4 /*yield*/, this.onStockManagerCancelClick()];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        WarehouseComponent.prototype.show = function (articleNr) {
+            this._reloadDataCollections(articleNr).then();
+            this.warehouseGrid.selectRow(this.selectedWarehouseNr);
+            this.warehouseDialog.targetElement = null;
+            this.warehouseDialog.open();
+        };
+        WarehouseComponent.prototype.handleRowsSelected = function (rows) {
+            this.selectedWarehouseNr = (rows.find(function (x) { return x !== undefined; })).warehouseNr;
+        };
+        WarehouseComponent.prototype.onStockManagerCancelClick = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    this._okOrCancelClick = true;
+                    this.warehouseDialog.close();
+                    this.cancelClick.emit();
+                    return [2 /*return*/];
+                });
+            });
+        };
+        WarehouseComponent.prototype.onStockManagerOkClick = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    this._okOrCancelClick = true;
+                    this.warehouseDialog.close();
+                    this.okClick.emit();
+                    return [2 /*return*/];
+                });
+            });
+        };
+        WarehouseComponent.prototype._reloadDataCollections = function (articleNr) {
+            return __awaiter(this, void 0, void 0, function () {
+                var goodId, _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0: return [4 /*yield*/, this.service.getGoodIdFromArticleNr(articleNr)];
+                        case 1:
+                            goodId = _b.sent();
+                            _a = this;
+                            return [4 /*yield*/, this.service.getTransactionArticleWarehouses(goodId)];
+                        case 2:
+                            _a.transactionArticleWarehouses = _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        return WarehouseComponent;
+    }());
+    WarehouseComponent.decorators = [
+        { type: i0.Component, args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: "warehouse",
+                    template: "\n    <co-dialog #warehouseDialog\n               (closeClick)=\"hide()\"\n               (overlayClick)=\"onStockManagerCancelClick()\"\n      >\n      <ng-container header>{{ 'STOCK_NOTIFICATION' | localize }}</ng-container>\n\n      <ng-container content>\n        <co-form>\n          <div class=\"form-content\">\n            <span *ngIf=\"message\" class=\"message-field\" [textContent]=\"message | localize\"></span>\n              <div class=\"commission-fields\" fxLayout=\"row\">\n                <co-input-number-picker class=\"horizontal\" [(model)]=\"amount\" [min]=\"0\" decimals=\"3\"></co-input-number-picker>\n                <co-input-combo-box [(model)]=\"commissionCode\"\n                                      [source]=\"commissionCodes\"\n                                      [fields]=\"commissionFields\"\n                                      [placeholder]=\"'COMMISSION_CODE' | localize\"\n                                      [required]=\"true\"\n                ></co-input-combo-box>\n              </div>\n              <div>\n                <co-grid #warehouseGrid\n                  [data]=\"transactionArticleWarehouses\"\n                  [columns]=\"columns\"\n                  [pagingEnabled]=\"'true'\"\n                  [maxNumberOfRows]=\"'10'\"\n                  (rowsSelected)=\"handleRowsSelected($event)\"\n                ></co-grid>\n              </div>\n          </div>\n        </co-form>\n      </ng-container>\n\n      <ng-container footer>\n          <div class=\"flex-center\">\n            <co-button [label]=\"'OK' | localize\" (click)=\"onStockManagerOkClick()\"></co-button>\n            <co-button [label]=\"'CANCEL' | localize\" (click)=\"onStockManagerCancelClick()\"></co-button>\n          </div>\n      </ng-container>\n    </co-dialog>\n  ",
+                    providers: [DictionaryService],
+                    styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,.warehouse-line-container{display:flex}.flex-center,.warehouse-line-container{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field,.commission-fields{margin-left:11px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}::ng-deep #warehouseDialog{align-items:center;max-height:100%}::ng-deep #warehouseDialog ::ng-deep co-form{height:100%;width:500px}::ng-deep #warehouseDialog ::ng-deep .form-content{height:calc(100% - 80px);width:100%}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field{height:20px;word-wrap:break-word;white-space:normal}co-button:not(:last-child){margin-right:10px}.commission-fields{justify-content:space-between;margin:10px 0}.warehouse-description-item{width:15rem}.warehouse-nr-item{width:5rem}co-input-number-picker co-button{max-width:20px}\n"]
+                },] }
+    ];
+    WarehouseComponent.ctorParameters = function () { return [
+        { type: TransactionService },
+        { type: DictionaryService }
+    ]; };
+    WarehouseComponent.propDecorators = {
+        warehouseDialog: [{ type: i0.ViewChild, args: ["warehouseDialog",] }],
+        warehouseGrid: [{ type: i0.ViewChild, args: ["warehouseGrid",] }],
+        message: [{ type: i0.Input }],
+        okClick: [{ type: i0.Output }],
+        cancelClick: [{ type: i0.Output }]
+    };
+
     var IoneServiceOrderModule = /** @class */ (function () {
         function IoneServiceOrderModule() {
         }
@@ -7522,7 +8270,6 @@
     IoneServiceOrderModule.decorators = [
         { type: i0.NgModule, args: [{
                     imports: [
-                        animations.BrowserAnimationsModule,
                         corecomponents_v12.IconModule,
                         corecomponents_v12.InputTextModule,
                         corecomponents_v12.InputCheckboxModule,
@@ -7540,13 +8287,15 @@
                         corecomponents_v12.PopupModule.forRoot(),
                         corecomponents_v12.CoSidebarModule,
                         corecomponents_v12.CoGridModule,
-                        CoreModule,
                         ej2AngularButtons.ChipListModule,
                         ej2AngularSplitbuttons.DropDownButtonModule,
                         ej2AngularButtons.CheckBoxModule,
                         ej2AngularDropdowns.DropDownListModule,
                         IoneShoppingCartModule,
                         ej2AngularNavigations.TabModule,
+                        CoreModule,
+                        common.CommonModule,
+                        //    RichTextEditorModule
                     ],
                     declarations: [
                         TemplateWrapperDirective,
@@ -7571,11 +8320,13 @@
                         TransactionDeliverySummaryComponent,
                         TransactionProductContractSummaryComponent,
                         TransactionProductSummaryComponent,
+                        TransactionManagerComponent,
+                        WarehouseComponent,
                     ],
                     providers: [
                         DictionaryService,
                         TransactionService,
-                        OptionsService
+                        OptionsService,
                     ],
                     entryComponents: [
                         IoneServiceOrderComponent
@@ -7609,24 +8360,26 @@
     exports["ɵbh"] = ServiceOrderComponent;
     exports["ɵbi"] = TransactionBaseComponent;
     exports["ɵbj"] = TransactionArticleTextComponent;
-    exports["ɵbk"] = TransactionOrderTotalsComponent;
-    exports["ɵbl"] = TransactionOrderLineViewComponent;
-    exports["ɵbm"] = TransactionOrderLinesComponent;
-    exports["ɵbn"] = TransactionRelationAddressComponent;
-    exports["ɵbo"] = TransactionSidebarRightComponent;
-    exports["ɵbp"] = TransactionLineAccordionComponent;
-    exports["ɵbq"] = TransactionHeaderBlockComponent;
-    exports["ɵbr"] = TransactionRelationEditComponent;
-    exports["ɵbs"] = TransactionServiceSummaryComponent;
-    exports["ɵbt"] = TransactionSummaryBlockComponent;
-    exports["ɵbu"] = TransactionServiceStatusComponent;
-    exports["ɵbv"] = TransactionOrderSummaryComponent;
-    exports["ɵbw"] = TransactionPaymentInfoComponent;
-    exports["ɵbx"] = TransactionArticleSummaryComponent;
-    exports["ɵby"] = TransactionDeliverySummaryComponent;
-    exports["ɵbz"] = TransactionProductContractSummaryComponent;
+    exports["ɵbk"] = TransactionManagerComponent;
+    exports["ɵbl"] = TransactionOrderTotalsComponent;
+    exports["ɵbm"] = TransactionOrderLineViewComponent;
+    exports["ɵbn"] = TransactionOrderLinesComponent;
+    exports["ɵbo"] = TransactionRelationAddressComponent;
+    exports["ɵbp"] = TransactionSidebarRightComponent;
+    exports["ɵbq"] = TransactionLineAccordionComponent;
+    exports["ɵbr"] = TransactionHeaderBlockComponent;
+    exports["ɵbs"] = TransactionRelationEditComponent;
+    exports["ɵbt"] = TransactionServiceSummaryComponent;
+    exports["ɵbu"] = TransactionSummaryBlockComponent;
+    exports["ɵbv"] = TransactionServiceStatusComponent;
+    exports["ɵbw"] = TransactionOrderSummaryComponent;
+    exports["ɵbx"] = TransactionPaymentInfoComponent;
+    exports["ɵby"] = TransactionArticleSummaryComponent;
+    exports["ɵbz"] = TransactionDeliverySummaryComponent;
     exports["ɵc"] = CheckoutOverviewComponent;
-    exports["ɵca"] = TransactionProductSummaryComponent;
+    exports["ɵca"] = TransactionProductContractSummaryComponent;
+    exports["ɵcb"] = TransactionProductSummaryComponent;
+    exports["ɵcc"] = WarehouseComponent;
     exports["ɵd"] = CheckoutOverviewBlockComponent;
     exports["ɵe"] = CheckoutOverviewRelationEditComponent;
     exports["ɵf"] = TransactionService;