@colijnit/transaction 255.1.44 → 255.1.46

package/bundles/colijnit-transaction.umd.js

@@ -33,8 +33,8 @@
         function Version() {
             this.name = "@colijnit/transaction";
             this.description = "Colijn IT transaction package";
-            this.symVer = "255.1.44";
-            this.publishDate = "02/10/2024, 09:45:49";
+            this.symVer = "255.1.46";
+            this.publishDate = "03/10/2024, 16:19:52";
         }
         return Version;
     }());
@@ -11613,6 +11613,17 @@
         /* Invoice_check rubric */
         /* Service Overview Tab*/
         TransactionCfgName["ServiceMessage"] = "serviceMessage";
+        TransactionCfgName["ServiceWizardMessage"] = "serviceWizardMessage";
+        TransactionCfgName["ServiceOverviewImage"] = "serviceOverviewImage";
+        TransactionCfgName["ServicePriority"] = "servicePriority";
+        TransactionCfgName["ServiceCauseCode"] = "serviceCauseCode";
+        TransactionCfgName["ServiceEntryType"] = "serviceEntryType";
+        TransactionCfgName["HeaderTaskCreator"] = "headerTaskCreator";
+        TransactionCfgName["HeaderActivityList"] = "headerActivityList";
+        TransactionCfgName["HeaderHistActivities"] = "headerHistActivities";
+        TransactionCfgName["HeaderProductDetails"] = "headerProductDetails";
+        TransactionCfgName["HeaderOrderDetails"] = "headerOrderDetails";
+        TransactionCfgName["HeaderPurchaseDetails"] = "headerPurchaseDetails";
     })(exports.TransactionCfgName || (exports.TransactionCfgName = {}));
 
     var TransactionScreenConfigurationService = /** @class */ (function (_super) {
@@ -11670,6 +11681,7 @@
 
     var TransactionBaseComponent = /** @class */ (function () {
         function TransactionBaseComponent(transactionEventService, iconCacheService, screenConfigService, imageService, dictionaryService, transactionService, changeDetector) {
+            var _this = this;
             this.transactionEventService = transactionEventService;
             this.iconCacheService = iconCacheService;
             this.screenConfigService = screenConfigService;
@@ -11739,6 +11751,23 @@
             this._orderLineSets = [];
             this._transactionTotal = new transactionTotal_bo.TransactionTotal();
             this._baseSubs = [];
+            this.handleCommit = function (value) { return __awaiter(_this, void 0, void 0, function () {
+                var response;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.lockTransaction()];
+                        case 1:
+                            if (!_a.sent()) return [3 /*break*/, 3];
+                            this.committing = true;
+                            return [4 /*yield*/, this.commit(value)];
+                        case 2:
+                            response = _a.sent();
+                            this.committing = false;
+                            return [2 /*return*/, response];
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            }); };
         }
         Object.defineProperty(TransactionBaseComponent.prototype, "cfgName", {
             get: function () {
@@ -11751,6 +11780,21 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(TransactionBaseComponent.prototype, "forceWritable", {
+            get: function () {
+                return this._forceWritable;
+            },
+            set: function (value) {
+                this._forceWritable = value;
+                if (this._forceWritable) {
+                    this.readonly = false;
+                    this.headerReadonly = false;
+                    this.tooltipMessage = undefined;
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(TransactionBaseComponent.prototype, "transaction", {
             get: function () {
                 return this._transaction;
@@ -11966,25 +12010,6 @@
         TransactionBaseComponent.prototype.ngOnDestroy = function () {
             this._baseSubs.forEach(function (s) { return s.unsubscribe(); });
         };
-        TransactionBaseComponent.prototype.handleCommit = function (value) {
-            return __awaiter(this, void 0, void 0, function () {
-                var response;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.lockTransaction()];
-                        case 1:
-                            if (!_a.sent()) return [3 /*break*/, 3];
-                            this.committing = true;
-                            return [4 /*yield*/, this.commit(value)];
-                        case 2:
-                            response = _a.sent();
-                            this.committing = false;
-                            return [2 /*return*/, response];
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            });
-        };
         TransactionBaseComponent.prototype.deleteTransactionLineClick = function (event) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -12039,6 +12064,9 @@
             }
         };
         TransactionBaseComponent.prototype.prepareTooltipMessage = function () {
+            if (this.forceWritable) { // should not check readonly-ness
+                return;
+            }
             this.tooltipMessage = '';
             var tooltips = [];
             if (this.headerTooltipMessages.length > 0 || this.lineTooltipMessages.length > 0) {
@@ -12100,6 +12128,7 @@
     ]; };
     TransactionBaseComponent.propDecorators = {
         cfgName: [{ type: i0.Input }],
+        forceWritable: [{ type: i0.Input }],
         transaction: [{ type: i0.Input }],
         transactionLine: [{ type: i0.Input }],
         transactionMarginInfo: [{ type: i0.Input }],
@@ -12256,7 +12285,7 @@
     DialogTransactionLineWarehouseCcComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-dialog-transaction-line-warehouse-cc",
-                    template: "\n    <co-dialog\n      [customCssClass]=\"'co-small-scrollbar'\"\n      [headerTemplate]=\"dialogHeader\"\n      [footerTemplate]=\"footerTemplate\"\n      (closeClick)=\"handleCloseDialog($event, buttonType.Cancel)\">\n      <div class=\"transaction-line-warehouse-cc-section flex\">\n        <co-input-number-picker\n          class=\"quantity-number-picker\"\n          [(model)]=\"quantity\" [min]=\"1\"\n          [decimals]=\"decimals\"\n          [leftIconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n          (modelChange)=\"handleQuantityChange($event)\">\n        </co-input-number-picker>\n        <co-button\n          *ngIf=\"showDirectSell\"\n          class=\"bordered\"\n          [iconData]=\"iconCacheService.getIcon(icons.IndustryRegular)\"\n          (click)=\"directSellModalVisible = true\">\n        </co-button>\n      </div>\n      <div class=\"transaction-line-warehouse-cc-section\" *ngIf=\"transactionKind !== transKind.PurchaseOrder\">\n        <div class=\"transaction-line-warehouse-cc-section-label\" [textContent]=\"'COMMISSION_CODE' | localize\"></div>\n        <co-transaction-line-commission-code\n          [transactionLine]=\"transactionLine\"\n          [value]=\"commissionCode\"\n          [useModel]=\"false\"\n          (valueChange)=\"handleCommissionCodeChange($event)\"></co-transaction-line-commission-code>\n      </div>\n      <div class=\"transaction-line-warehouse-cc-section\">\n        <div class=\"transaction-line-warehouse-cc-section-label\" [textContent]=\"'WAREHOUSE' | localize\"></div>\n        <co-transaction-line-warehouse\n          [transactionLine]=\"transactionLine\"\n          [value]=\"warehouse\"\n          [useModel]=\"false\"\n          [transactionInfo]=\"transactionInfo\"\n          (valueChange)=\"handleWarehouseChange($event)\"></co-transaction-line-warehouse>\n      </div>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <div class=\"co-dialog-header-title\" [textContent]=\"'COMMISSION_CODE_WAREHOUSE_SELECTION' | localize\"></div>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"co-dialog-footer-button-wrapper\">\n        <co-button class=\"save-button\"\n                   [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                   (click)=\"handleOkClick()\"></co-button>\n        <co-button class=\"close-button\"\n                   [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n                   (click)=\"handleCloseDialog($event, buttonType.Cancel)\"></co-button>\n      </div>\n    </ng-template>\n\n    <co-dialog-sell\n      *ngIf=\"directSellModalVisible\"\n      [transactionUuid]=\"transactionInfo.uuid\"\n      [lineUuid]=\"transactionLine.uuid\"\n      [goodId]=\"transactionLine.goodId\"\n      (showDirectSellModal)=\"showDirectSellModal($event)\">\n    </co-dialog-sell>\n  ",
+                    template: "\n    <co-dialog\n      [customCssClass]=\"'co-small-scrollbar'\"\n      [headerTemplate]=\"dialogHeader\"\n      [footerTemplate]=\"footerTemplate\"\n      (closeClick)=\"handleCloseDialog($event, buttonType.Cancel)\">\n      <div class=\"transaction-line-warehouse-cc-section flex\">\n        <co-input-number-picker\n          class=\"quantity-number-picker\"\n          [(model)]=\"quantity\" [min]=\"1\"\n          [decimals]=\"decimals\"\n          [leftIconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n          (modelChange)=\"handleQuantityChange($event)\">\n        </co-input-number-picker>\n        <co-button\n          *ngIf=\"showDirectSell\"\n          class=\"bordered\"\n          [iconData]=\"iconCacheService.getIcon(icons.IndustryRegular)\"\n          (click)=\"directSellModalVisible = true\">\n        </co-button>\n      </div>\n      <div class=\"transaction-line-warehouse-cc-section\" *ngIf=\"transactionKind !== transKind.PurchaseOrder\">\n        <div class=\"transaction-line-warehouse-cc-section-label\" [textContent]=\"'COMMISSION_CODE' | localize\"></div>\n        <co-transaction-line-commission-code\n          [transactionLine]=\"transactionLine\"\n          [value]=\"commissionCode\"\n          [useModel]=\"false\"\n          [forceWritable]=\"true\"\n          (valueChange)=\"handleCommissionCodeChange($event)\"></co-transaction-line-commission-code>\n      </div>\n      <div class=\"transaction-line-warehouse-cc-section\">\n        <div class=\"transaction-line-warehouse-cc-section-label\" [textContent]=\"'WAREHOUSE' | localize\"></div>\n        <co-transaction-line-warehouse\n          [transactionLine]=\"transactionLine\"\n          [value]=\"warehouse\"\n          [useModel]=\"false\"\n          [forceWritable]=\"true\"\n          [transactionInfo]=\"transactionInfo\"\n          (valueChange)=\"handleWarehouseChange($event)\"></co-transaction-line-warehouse>\n      </div>\n    </co-dialog>\n    <ng-template #dialogHeader>\n      <div class=\"co-dialog-header-title\" [textContent]=\"'COMMISSION_CODE_WAREHOUSE_SELECTION' | localize\"></div>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"co-dialog-footer-button-wrapper\">\n        <co-button class=\"save-button\"\n                   [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                   (click)=\"handleOkClick()\"></co-button>\n        <co-button class=\"close-button\"\n                   [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n                   (click)=\"handleCloseDialog($event, buttonType.Cancel)\"></co-button>\n      </div>\n    </ng-template>\n\n    <co-dialog-sell\n      *ngIf=\"directSellModalVisible\"\n      [transactionUuid]=\"transactionInfo.uuid\"\n      [lineUuid]=\"transactionLine.uuid\"\n      [goodId]=\"transactionLine.goodId\"\n      (showDirectSellModal)=\"showDirectSellModal($event)\">\n    </co-dialog-sell>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -15949,8 +15978,16 @@
                         case 0: return [4 /*yield*/, this.connector.deleteTransactionLine(transactionUuid, TransactionLineUuid)];
                         case 1:
                             response = _a.sent();
-                            this.transactionDirty = true;
-                            return [2 /*return*/, this.handleLineOperationStatuses(response)];
+                            if (response) {
+                                this.transactionDirty = true;
+                                return [2 /*return*/, this.handleLineOperationStatuses(response)];
+                            }
+                            if (!!this.manualSaveParam) return [3 /*break*/, 3];
+                            return [4 /*yield*/, this.rollback()];
+                        case 2:
+                            _a.sent();
+                            _a.label = 3;
+                        case 3: return [2 /*return*/, false];
                     }
                 });
             });
@@ -15960,11 +15997,22 @@
                 var response;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.connector.changeTransactionLineQuantity(transactionUuid, lineUuid, newQuantity)];
+                        case 0: return [4 /*yield*/, this.connector.changeTransactionLineQuantity(transactionUuid, lineUuid, newQuantity)
+                                .catch(function () {
+                                return null;
+                            })];
                         case 1:
                             response = _a.sent();
-                            this.transactionDirty = true;
-                            return [2 /*return*/, this.handleLineOperationStatuses(response)];
+                            if (response) {
+                                this.transactionDirty = true;
+                                return [2 /*return*/, this.handleLineOperationStatuses(response)];
+                            }
+                            if (!!this.manualSaveParam) return [3 /*break*/, 3];
+                            return [4 /*yield*/, this.rollback()];
+                        case 2:
+                            _a.sent();
+                            _a.label = 3;
+                        case 3: return [2 /*return*/, false];
                     }
                 });
             });
@@ -25575,15 +25623,24 @@
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-card-order-delivery",] }]
     };
 
+    var TransactionPickingButtonCategory;
+    (function (TransactionPickingButtonCategory) {
+        TransactionPickingButtonCategory["OrderPicking"] = "serviceOrderPicking";
+        TransactionPickingButtonCategory["OrderToBePicked"] = "serviceOrderToBePicked";
+        TransactionPickingButtonCategory["OrderPicked"] = "serviceOrderPicked";
+    })(TransactionPickingButtonCategory || (TransactionPickingButtonCategory = {}));
+
     var TransactionSalesPickingButtonBarButtonComponent = /** @class */ (function (_super) {
         __extends(TransactionSalesPickingButtonBarButtonComponent, _super);
-        function TransactionSalesPickingButtonBarButtonComponent(iconCacheService, _mappingService, _transactionEventService) {
+        function TransactionSalesPickingButtonBarButtonComponent(iconCacheService, _mappingService, _transactionEventService, _transactionService) {
             var _this = _super.call(this) || this;
             _this.iconCacheService = iconCacheService;
             _this._mappingService = _mappingService;
             _this._transactionEventService = _transactionEventService;
+            _this._transactionService = _transactionService;
             _this.icons = Icon;
             _this.category = TransactionTypeCategory;
+            _this.buttonCategory = TransactionPickingButtonCategory;
             _this.buttonClicked = new i0.EventEmitter();
             _this.showClass = true;
             _this.showCategories = false;
@@ -25619,18 +25676,35 @@
             this.showCategories = !this.showCategories;
         };
         TransactionSalesPickingButtonBarButtonComponent.prototype.handlePickingCategoryClicked = function (event, category) {
-            var pickingButton = this._mappingService.getButtonBar(transactionKind_enum.TransactionKind.SalesOrder)
-                .find(function (button) { return button.title === 'LOGISTICS'; });
+            var pickingButton;
+            if (this._transactionService.transactionKind === transactionKind_enum.TransactionKind.SalesOrder) {
+                pickingButton = this._mappingService.getButtonBar(transactionKind_enum.TransactionKind.SalesOrder)
+                    .find(function (button) { return button.title === 'LOGISTICS'; });
+            }
+            else {
+                pickingButton = this._mappingService.getButtonBar(transactionKind_enum.TransactionKind.ServiceOrder)
+                    .find(function (button) { return button.title === 'LOGISTICS'; });
+            }
             this.showCategories = false;
             event.preventDefault();
             event.stopPropagation();
-            if (category === TransactionTypeCategory.SalesOrderToBePicked) {
+            if (category === TransactionPickingButtonCategory.OrderToBePicked) {
                 pickingButton.icon = this.icons.BoxesPackingRegular;
-                pickingButton.category = TransactionTypeCategory.SalesOrderToBePicked;
+                if (this._transactionService.transactionKind === transactionKind_enum.TransactionKind.SalesOrder) {
+                    pickingButton.category = TransactionTypeCategory.SalesOrderToBePicked;
+                }
+                else {
+                    pickingButton.category = TransactionTypeCategory.ServiceOrderToBePicked;
+                }
             }
             else {
                 pickingButton.icon = this.icons.RegularBoxesPackingCircleCheck;
-                pickingButton.category = TransactionTypeCategory.SalesOrderPicked;
+                if (this._transactionService.transactionKind === transactionKind_enum.TransactionKind.SalesOrder) {
+                    pickingButton.category = TransactionTypeCategory.SalesOrderPicked;
+                }
+                else {
+                    pickingButton.category = TransactionTypeCategory.ServiceOrderPicked;
+                }
             }
             this.buttonClicked.next(pickingButton);
         };
@@ -25643,14 +25717,15 @@
     TransactionSalesPickingButtonBarButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-sales-picking-button-bar-button",
-                    template: "\n    <div class=\"sales-picking-button-wrapper\" (click)=\"handleClickWrapper($event)\">\n      <co-icon class=\"co-transaction-button-bar-icon\" [iconData]=\"iconCacheService.getIcon(iconName)\"></co-icon>\n      <span class=\"button-title\" [textContent]=\"title | localize\"></span>\n      <div class=\"picking-type-wrapper\" *ngIf=\"showCategories\">\n        <div class=\"button-wrapper\" (click)=\"handlePickingCategoryClicked($event, category.SalesOrderToBePicked)\">\n          <co-animated-checkbox [checked]=\"toBePickedChecked\"></co-animated-checkbox>\n          <co-icon class=\"co-transaction-button-bar-icon\" [iconData]=\"iconCacheService.getIcon(icons.BoxesPackingRegular)\"></co-icon>\n          <span class=\"button-title\" [textContent]=\"'TO_PICK' | localize\"></span>\n        </div>\n        <div class=\"button-wrapper\" (click)=\"handlePickingCategoryClicked($event, category.SalesOrderPicked)\">\n          <co-animated-checkbox [checked]=\"pickedChecked\"></co-animated-checkbox>\n          <co-icon class=\"co-transaction-button-bar-icon\"\n                   [iconData]=\"iconCacheService.getIcon(icons.RegularBoxesPackingCircleCheck)\"></co-icon>\n          <span class=\"button-title\" [textContent]=\"'PICKED' | localize\"></span>\n        </div>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"sales-picking-button-wrapper\" (click)=\"handleClickWrapper($event)\">\n      <co-icon class=\"co-transaction-button-bar-icon\" [iconData]=\"iconCacheService.getIcon(iconName)\"></co-icon>\n      <span class=\"button-title\" [textContent]=\"title | localize\"></span>\n      <div class=\"picking-type-wrapper\" *ngIf=\"showCategories\">\n        <div class=\"button-wrapper\" (click)=\"handlePickingCategoryClicked($event, buttonCategory.OrderToBePicked)\">\n          <co-animated-checkbox [checked]=\"toBePickedChecked\"></co-animated-checkbox>\n          <co-icon class=\"co-transaction-button-bar-icon\" [iconData]=\"iconCacheService.getIcon(icons.BoxesPackingRegular)\"></co-icon>\n          <span class=\"button-title\" [textContent]=\"'TO_PICK' | localize\"></span>\n        </div>\n        <div class=\"button-wrapper\" (click)=\"handlePickingCategoryClicked($event, buttonCategory.OrderPicked)\">\n          <co-animated-checkbox [checked]=\"pickedChecked\"></co-animated-checkbox>\n          <co-icon class=\"co-transaction-button-bar-icon\"\n                   [iconData]=\"iconCacheService.getIcon(icons.RegularBoxesPackingCircleCheck)\"></co-icon>\n          <span class=\"button-title\" [textContent]=\"'PICKED' | localize\"></span>\n        </div>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     TransactionSalesPickingButtonBarButtonComponent.ctorParameters = function () { return [
         { type: IconCacheService },
         { type: TransactionMappingService },
-        { type: TransactionEventService }
+        { type: TransactionEventService },
+        { type: TransactionService }
     ]; };
     TransactionSalesPickingButtonBarButtonComponent.propDecorators = {
         buttonClicked: [{ type: i0.Output }],
@@ -27130,7 +27205,7 @@
     TransactionLinesSidePanelCashDeskComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-lines-side-panel-cash-desk',
-                    template: "\n     <div class=\"cash-register-button-wrapper\">\n       <co-button class=\"expense-button\" [iconData]=\"iconCacheService.getIcon(icons.UpFromLineRegular)\"\n                  [label]=\"'EXPENSE' | localize\" (click)=\"showExpenseDialog = true\">\n       </co-button>\n     </div>\n     <div class=\"cash-register-payment-methods-wrapper\">\n         <co-payment-tile *ngFor=\"let paymentMethod of paymentMethods; let index = index\"\n                          [image]=\"paymentMethod.image\"\n                          [description]=\"paymentMethod.payment.description\"\n                          [showRadioButton]=\"false\"\n                          (selectedChange)=\"paymentMethodSelected(paymentMethod, index)\"\n         ></co-payment-tile>\n     </div>\n     <co-transaction-cash-register-payment-dialog *ngIf=\"showCashRegisterPaymentDialog\"\n                                                  [transactionNr]=\"transaction.transactionInfo.transactionNr\"\n                                                  [transId]=\"transaction.transactionInfo.id\"\n                                                  [branch]=\"transaction.transactionInfo.branch?.relationNr\"\n                                                  [transactionUuid]=\"transaction.transactionInfo.uuid\"\n                                                  [amount]=\"transaction.transactionTotal.netAmount\"\n                                                  [currencyId]=\"transaction.transactionInfo.currencyId\"\n                                                  [relation]=\"relation\"\n                                                  [paymentViewModel]=\"selectedPaymentMethod\"\n                                                  [cashRegisterNr]=\"cashRegisterNr\"\n                                                  [cashRegisterGroupId]=\"cashRegisterGroupId\"\n                                                  [cashRegisterDrawerId]=\"cashRegisterDrawerId\"\n                                                  [cashRegisterDrawerNr]=\"cashRegisterDrawerNr\"\n                                                  [printerName]=\"printerName\"\n                                                  [emailLayout]=\"emailLayout\"\n                                                  [printerLayout]=\"printerLayout\"\n                                                  (posOrderPayed)=\"handlePayed()\"\n                                                  (closeDialog)=\"showCashRegisterPaymentDialog = false\"\n     >\n     </co-transaction-cash-register-payment-dialog>\n     <co-transaction-cash-register-order-expense-dialog *ngIf=\"showExpenseDialog\"\n                                                         [transaction]=\"this.transaction\"\n                                                         (cancelClicked)=\"showExpenseDialog = false\"\n                                                         (okayClicked)=\"createExpenseForOrder($event)\"\n      >\n      </co-transaction-cash-register-order-expense-dialog>\n  ",
+                    template: "\n     <div class=\"cash-register-button-wrapper\">\n       <co-button class=\"expense-button\" [iconData]=\"iconCacheService.getIcon(icons.UpFromLineRegular)\"\n                  [label]=\"'EXPENSE' | localize\" (click)=\"showExpenseDialog = true\">\n       </co-button>\n     </div>\n     <div class=\"cash-register-payment-methods-wrapper\">\n         <co-payment-tile *ngFor=\"let paymentMethod of paymentMethods; let index = index\"\n                          [image]=\"paymentMethod.image\"\n                          [description]=\"paymentMethod.payment.description\"\n                          [showRadioButton]=\"false\"\n                          (selectedChange)=\"paymentMethodSelected(paymentMethod, index)\"\n         ></co-payment-tile>\n     </div>\n     <co-transaction-cash-register-payment-dialog *ngIf=\"showCashRegisterPaymentDialog\"\n                                                  [transactionNr]=\"transaction.transactionInfo.transactionNr\"\n                                                  [transId]=\"transaction.transactionInfo.id\"\n                                                  [branch]=\"transaction.transactionInfo.branch?.relationNr\"\n                                                  [transactionUuid]=\"transaction.transactionInfo.uuid\"\n                                                  [amount]=\"transaction.transactionTotal.netAmount\"\n                                                  [currencyId]=\"transaction.transactionInfo.currencyId\"\n                                                  [relation]=\"relation\"\n                                                  [paymentViewModel]=\"selectedPaymentMethod\"\n                                                  [cashRegisterNr]=\"cashRegisterNr\"\n                                                  [cashRegisterGroupId]=\"cashRegisterGroupId\"\n                                                  [cashRegisterDrawerNr]=\"cashRegisterDrawerNr\"\n                                                  [cashRegisterDrawerId]=\"cashRegisterDrawerId\"\n                                                  [printerName]=\"printerName\"\n                                                  [emailLayout]=\"emailLayout\"\n                                                  [printerLayout]=\"printerLayout\"\n                                                  (posOrderPayed)=\"handlePayed()\"\n                                                  (closeDialog)=\"showCashRegisterPaymentDialog = false\"\n     >\n     </co-transaction-cash-register-payment-dialog>\n     <co-transaction-cash-register-order-expense-dialog *ngIf=\"showExpenseDialog\"\n                                                         [transaction]=\"this.transaction\"\n                                                         (cancelClicked)=\"showExpenseDialog = false\"\n                                                         (okayClicked)=\"createExpenseForOrder($event)\"\n      >\n      </co-transaction-cash-register-order-expense-dialog>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -27594,7 +27669,7 @@
     TransactionCardPurchaseConfirmationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-card-purchase-confirmation',
-                    template: "\n      <co-transaction-base-card\n              [transactionInfo]=\"transactionInfo\"\n              [transactionLine]=\"transactionLine\"\n              [showColorIndicator]=\"showColorIndicator\"\n              [colorIndicatorColor]=\"colorIndicatorColor\"\n              (dragover)=\"handleDragOver($event)\"\n              (drop)=\"handleDrop($event)\"\n              (dragleave)=\"handleDragLeave($event)\"\n      >\n        <div class=\"transaction-card-wrapper\">\n            <co-transaction-card-header\n                    [transactionLine]=\"transactionLine\"\n                    [showActionButtons]=\"true\"\n                    [showCheckbox]=\"showCheckboxForLine\"\n                    [showThumbnail]=\"false\"\n                    [expanded]=\"expanded\"\n            >\n             </co-transaction-card-header>\n\n            <div class=\"transaction-card-content-wrapper\">\n                <div class=\"content-base top-base\">\n                    <co-transaction-line-commission-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-commission-button>\n                    <co-transaction-line-supplier-button [transactionLine]=\"transactionLine\" [transactionInfo]=\"transactionInfo\"></co-transaction-line-supplier-button>\n                    <co-transaction-line-statusbar data-action=\"openSidePanel\"\n                                                   [screenConfigurationObject]=\"cfgNames.StatusBar\"\n                                                   [configNames]=\"statusBarConfigNames\"\n                                                   [transactionInfo]=\"transactionInfo\"\n                                                   [transactionLine]=\"transactionLine\"\n                                                   [activeCategory]=\"transactionTypeCategory.PurchaseOrderOrderConfirmation\"\n                    ></co-transaction-line-statusbar>\n                </div>\n                <div class=\"content-base bottom-base\">\n                  <co-input-text class=\"transaction-line-totals-price\"\n                                 [model]=\"transactionLine.purchasePortalLine.grossOrderPrice | coCurrency\"\n                                 [readonly]=\"true\"\n                                 [customHeight]=\"true\"\n                  ></co-input-text>\n                  <co-transaction-line-discount-button\n                    [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n                    [transactionLine]=\"transactionLine\"\n                    [transactionInfo]=\"transactionInfo\"\n                  ></co-transaction-line-discount-button>\n                  <div class=\"transaction-line-totals-amount\">\n                    <co-input-text\n                      [model]=\"transactionLine.amount\"\n                      [leftIconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n                      [readonly]=\"true\"\n                      [customHeight]=\"true\"\n                    ></co-input-text>\n                  </div>\n                  <co-input-text class=\"transaction-line-totals-total\"\n                                 [model]=\"transactionLine.displayNetLineTotal | coCurrency\"\n                                 [readonly]=\"true\"\n                                 [customHeight]=\"true\"\n                  ></co-input-text>\n                </div>\n                <div class=\"content-expanded\" *ngIf=\"expanded\">\n                  <co-input-text\n                    [model]=\"transactionLine.purchasePortalLine.articleNoSupplier ? transactionLine.purchasePortalLine.articleNoSupplier : '-'\"\n                    [leftIconData]=\"iconCacheService.getIcon(icons.RegularIndustryTag)\"\n                    [customHeight]=\"true\"\n                    [readonly]=\"true\"\n                  ></co-input-text>\n                  <co-transaction-line-supplier-delivery-date-button\n                    [screenConfigurationObject]=\"cfgNames.LineConfirmedDate\"\n                    [transactionLine]=\"transactionLine\"\n                  ></co-transaction-line-supplier-delivery-date-button>\n                </div>\n                <div class=\"content-expanded\" *ngIf=\"expanded\">\n                  <co-input-number-picker class=\"amount-number-picker\"\n                                          [screenConfigurationObject]=\"cfgNames.LineConfirmedAmount\"\n                                          [required]=\"true\"\n                                          [(model)]=\"+transactionLine.quantityPurchaseToConfirm\"\n                                          [decimals]=\"decimals\"\n                                          [min]=\"1\"\n                                          [max]=\"+transactionLine.purchasePortalLine.amountOrdered\"\n                                          [leftIconData]=\"iconCacheService.getIcon(icons.FileCircleInfoRegular)\"\n                  ></co-input-number-picker>\n                  <co-transaction-line-confirmed-price class=\"transaction-line-confirmed-price price\"\n                                                       [screenConfigurationObject]=\"cfgNames.LineConfirmedPrice\"\n                                                       [(price)]=\"transactionLine.purchasePortalLine.confirmedPrice\"\n                                                       [showLabel]=\"false\"\n                                                       [defaultEditMode]=\"false\"\n                  ></co-transaction-line-confirmed-price>\n                </div>\n            </div>\n\n            <co-transaction-card-footer\n                    [statusBarConfigNames]=\"statusBarConfigNames\"\n                    [transaction]=\"transaction\"\n                    [transactionLine]=\"transactionLine\"\n                    [transactionTypeCategory]=\"transactionTypeCategory.SalesOrderPurchase\"\n                    [expanded]=\"expanded\"\n                    (expandClicked)=\"expanded = !expanded\"\n            ></co-transaction-card-footer>\n        </div>\n      </co-transaction-base-card>\n    ",
+                    template: "\n    <co-transaction-base-card\n      [transactionInfo]=\"transactionInfo\"\n      [transactionLine]=\"transactionLine\"\n      [showColorIndicator]=\"showColorIndicator\"\n      [colorIndicatorColor]=\"colorIndicatorColor\"\n      (dragover)=\"handleDragOver($event)\"\n      (drop)=\"handleDrop($event)\"\n      (dragleave)=\"handleDragLeave($event)\"\n    >\n      <div class=\"transaction-card-wrapper\">\n        <co-transaction-card-header\n          [transactionLine]=\"transactionLine\"\n          [showActionButtons]=\"true\"\n          [showCheckbox]=\"showCheckboxForLine\"\n          [showThumbnail]=\"false\"\n          [expanded]=\"expanded\"\n        >\n        </co-transaction-card-header>\n\n        <div class=\"transaction-card-content-wrapper\">\n          <div class=\"content-base top-base\">\n            <co-transaction-line-commission-button [transactionLine]=\"transactionLine\"\n                                                   [transactionInfo]=\"transactionInfo\"></co-transaction-line-commission-button>\n            <co-transaction-line-supplier-button [transactionLine]=\"transactionLine\"\n                                                 [transactionInfo]=\"transactionInfo\"></co-transaction-line-supplier-button>\n            <co-transaction-line-statusbar data-action=\"openSidePanel\"\n                                           [screenConfigurationObject]=\"cfgNames.StatusBar\"\n                                           [configNames]=\"statusBarConfigNames\"\n                                           [transactionInfo]=\"transactionInfo\"\n                                           [transactionLine]=\"transactionLine\"\n                                           [activeCategory]=\"transactionTypeCategory.PurchaseOrderOrderConfirmation\"\n            ></co-transaction-line-statusbar>\n          </div>\n          <div class=\"content-base bottom-base\">\n            <co-input-text\n              class=\"transaction-line-totals-price\"\n              [class.warning]=\"showColorIndicator && transactionLine.purchasePortalLine.grossOrderPrice != transactionLine.purchasePortalLine.confirmedPrice\"\n              [model]=\"transactionLine.purchasePortalLine.grossOrderPrice | coCurrency\"\n              [readonly]=\"true\"\n              [customHeight]=\"true\">\n            </co-input-text>\n            <co-transaction-line-discount-button\n              [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n              [transactionLine]=\"transactionLine\"\n              [transactionInfo]=\"transactionInfo\"\n            ></co-transaction-line-discount-button>\n            <div class=\"transaction-line-totals-amount\">\n              <co-input-text\n                [class.warning]=\"showColorIndicator && transactionLine.amount !== transactionLine.quantityPurchaseToConfirm\"\n                [model]=\"transactionLine.amount\"\n                [leftIconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n                [readonly]=\"true\"\n                [customHeight]=\"true\"\n              ></co-input-text>\n            </div>\n            <co-input-text class=\"transaction-line-totals-total\"\n                           [model]=\"transactionLine.displayNetLineTotal | coCurrency\"\n                           [readonly]=\"true\"\n                           [customHeight]=\"true\"\n            ></co-input-text>\n          </div>\n          <div class=\"content-expanded\" *ngIf=\"expanded\">\n            <co-input-text\n              [model]=\"transactionLine.purchasePortalLine.articleNoSupplier ? transactionLine.purchasePortalLine.articleNoSupplier : '-'\"\n              [leftIconData]=\"iconCacheService.getIcon(icons.RegularIndustryTag)\"\n              [customHeight]=\"true\"\n              [readonly]=\"true\"\n            ></co-input-text>\n            <co-transaction-line-supplier-delivery-date-button\n              [screenConfigurationObject]=\"cfgNames.LineConfirmedDate\"\n              [transactionLine]=\"transactionLine\"\n            ></co-transaction-line-supplier-delivery-date-button>\n          </div>\n          <div class=\"content-expanded\" *ngIf=\"expanded\">\n            <co-input-number-picker class=\"amount-number-picker\"\n                                    [screenConfigurationObject]=\"cfgNames.LineConfirmedAmount\"\n                                    [required]=\"true\"\n                                    [(model)]=\"+transactionLine.quantityPurchaseToConfirm\"\n                                    [decimals]=\"decimals\"\n                                    [min]=\"1\"\n                                    [max]=\"+transactionLine.purchasePortalLine.amountOrdered\"\n                                    [leftIconData]=\"iconCacheService.getIcon(icons.FileCircleInfoRegular)\"\n            ></co-input-number-picker>\n            <co-transaction-line-confirmed-price class=\"transaction-line-confirmed-price price\"\n                                                 [screenConfigurationObject]=\"cfgNames.LineConfirmedPrice\"\n                                                 [(price)]=\"transactionLine.purchasePortalLine.confirmedPrice\"\n                                                 [showLabel]=\"false\"\n                                                 [defaultEditMode]=\"false\"\n            ></co-transaction-line-confirmed-price>\n          </div>\n        </div>\n\n        <co-transaction-card-footer\n          [statusBarConfigNames]=\"statusBarConfigNames\"\n          [transaction]=\"transaction\"\n          [transactionLine]=\"transactionLine\"\n          [transactionTypeCategory]=\"transactionTypeCategory.SalesOrderPurchase\"\n          [expanded]=\"expanded\"\n          (expandClicked)=\"expanded = !expanded\"\n        ></co-transaction-card-footer>\n      </div>\n    </co-transaction-base-card>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -27614,6 +27689,7 @@
             _this.transactionService = transactionService;
             _this.changeDetector = changeDetector;
             _this.Icon = Icon;
+            _this.cfgNames = exports.TransactionCfgName;
             _this.showDetails = false;
             return _this;
         }
@@ -27647,7 +27723,7 @@
     TransactionLinesSidePanelServiceOrderComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-lines-side-panel-service-order',
-                    template: "\n    <div class=\"full-details-wrapper\">\n      <div class=\"details-wrapper\">\n        <div class=\"details-label-wrapper clickable\" (click)=\"showDetailsClick()\">\n          <label class=\"detail-label\" [textContent]=\"'ARTICLE_DETAILS' | localize\"\n          ></label>\n          <co-icon [class.active]=\"showDetails\" [iconData]=\"iconCacheService.getIcon(icons.ChevronDownRegular)\"></co-icon>\n        </div>\n        <div class=\"details-display articles\">\n          <div class=\"article-description\">\n            <!--co-input-text [(model)]=\"transactionServiceInfo.productName\"\n                          class=\"detail-text-field\" [readonly]=\"true\"></co-input-text-->\n            <div class=\"art-details\">\n              <label class=\"label\" [textContent]=\"'DESCRIPTION'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceArticleDescription\"></span>\n            </div>\n          </div>\n          <div class=\"art-amount-batch\">\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'AMOUNT'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceQuantity\"></span>\n            </div>\n            <!--div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'BATCH_NUMBER'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceBatchNr\"></span>\n            </div-->\n          </div>\n          <co-image-display class=\"image-display\" [model]=\"image\"></co-image-display>\n        </div>\n      </div>\n      <div class=\"show-details-wrapper\"\n           *ngIf=\"showDetails\"\n           [@slideToggle]=\"showDetails ? 'open' : 'closed'\">\n        <div class=\"details-wrapper\">\n          <div class=\"details-label-wrapper\">\n            <label class=\"detail-label\" [textContent]=\"'SALESORDER_DETAIL' | localize\"\n            ></label>\n          </div>\n          <div class=\"details-display\">\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'ORDERNUMBER'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceTransactionNr\"></span>\n            </div>\n            <div class=\"vertical-line\"></div>\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'ORDER_DATE'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceTransactionDate | date : 'd-MM-yyyy'\"></span>\n            </div>\n            <div class=\"vertical-line\"></div>\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'DELIVERY_DATE'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceDeliveryDate | date : 'd-MM-yyyy'\"></span>\n            </div>\n            <div class=\"vertical-line\"></div>\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'REFERENCE'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.priority\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"details-wrapper\">\n          <div class=\"details-label-wrapper\">\n            <label class=\"detail-label\" [textContent]=\"'PURCHASEORDER_DETAIL' | localize\"\n            ></label>\n          </div>\n          <div class=\"details-display supplier\">\n            <div class=\"top-details\">\n              <div class=\"detail\">\n                <label class=\"label\" [textContent]=\"'ORDERNUMBER'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourcePurchaseTransactionNr\"></span>\n              </div>\n              <div class=\"vertical-line\"></div>\n              <div class=\"detail\">\n                <label class=\"label\" [textContent]=\"'ORDER_DATE'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourcePurchaseTransactionDate | date : 'd-MM-yyyy'\"></span>\n              </div>\n              <div class=\"vertical-line\"></div>\n              <div class=\"detail\">\n                <label class=\"label\" [textContent]=\"'RECEIVED'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourcePurchaseTransactionReceiptDate | date : 'd-MM-yyyy'\"></span>\n              </div>\n              <div class=\"vertical-line\"></div>\n              <div class=\"detail\">\n                <label class=\"label\" [textContent]=\"'REFERENCE'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceRefSupplier\"></span>\n              </div>\n            </div>\n            <div class=\"bottom-details\">\n              <div class=\"detail supplier\">\n                <label class=\"label\" [textContent]=\"'SUPPLIER'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceSupplierName\"></span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"full-details-wrapper\">\n      <div class=\"details-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderProductDetails\" screenConfigNativeElement>\n        <div class=\"details-label-wrapper clickable\" (click)=\"showDetailsClick()\">\n          <label class=\"detail-label\" [textContent]=\"'ARTICLE_DETAILS' | localize\"\n          ></label>\n          <co-icon [class.active]=\"showDetails\" [iconData]=\"iconCacheService.getIcon(icons.ChevronDownRegular)\"></co-icon>\n        </div>\n        <div class=\"details-display articles\">\n          <div class=\"article-description\">\n            <!--co-input-text [(model)]=\"transactionServiceInfo.productName\"\n                          class=\"detail-text-field\" [readonly]=\"true\"></co-input-text-->\n            <div class=\"art-details\">\n              <label class=\"label\" [textContent]=\"'DESCRIPTION'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceArticleDescription\"></span>\n            </div>\n          </div>\n          <div class=\"art-amount-batch\">\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'AMOUNT'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceQuantity\"></span>\n            </div>\n            <!--div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'BATCH_NUMBER'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceBatchNr\"></span>\n            </div-->\n          </div>\n          <co-image-display class=\"image-display\" [model]=\"image\"></co-image-display>\n        </div>\n      </div>\n      <div class=\"show-details-wrapper\"\n           *ngIf=\"showDetails\"\n           [@slideToggle]=\"showDetails ? 'open' : 'closed'\">\n        <div class=\"details-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderOrderDetails\" screenConfigNativeElement>\n          <div class=\"details-label-wrapper\">\n            <label class=\"detail-label\" [textContent]=\"'SALESORDER_DETAIL' | localize\"\n            ></label>\n          </div>\n          <div class=\"details-display\">\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'ORDERNUMBER'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceTransactionNr\"></span>\n            </div>\n            <div class=\"vertical-line\"></div>\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'ORDER_DATE'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceTransactionDate | date : 'd-MM-yyyy'\"></span>\n            </div>\n            <div class=\"vertical-line\"></div>\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'DELIVERY_DATE'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceDeliveryDate | date : 'd-MM-yyyy'\"></span>\n            </div>\n            <div class=\"vertical-line\"></div>\n            <div class=\"detail\">\n              <label class=\"label\" [textContent]=\"'REFERENCE'| localize\"></label>\n              <span class=\"value\" [textContent]=\"transactionServiceInfo.priority\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"details-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPurchaseDetails\" screenConfigNativeElement>\n          <div class=\"details-label-wrapper\">\n            <label class=\"detail-label\" [textContent]=\"'PURCHASEORDER_DETAIL' | localize\"\n            ></label>\n          </div>\n          <div class=\"details-display supplier\">\n            <div class=\"top-details\">\n              <div class=\"detail\">\n                <label class=\"label\" [textContent]=\"'ORDERNUMBER'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourcePurchaseTransactionNr\"></span>\n              </div>\n              <div class=\"vertical-line\"></div>\n              <div class=\"detail\">\n                <label class=\"label\" [textContent]=\"'ORDER_DATE'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourcePurchaseTransactionDate | date : 'd-MM-yyyy'\"></span>\n              </div>\n              <div class=\"vertical-line\"></div>\n              <div class=\"detail\">\n                <label class=\"label\" [textContent]=\"'RECEIVED'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourcePurchaseTransactionReceiptDate | date : 'd-MM-yyyy'\"></span>\n              </div>\n              <div class=\"vertical-line\"></div>\n              <div class=\"detail\">\n                <label class=\"label\" [textContent]=\"'REFERENCE'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceRefSupplier\"></span>\n              </div>\n            </div>\n            <div class=\"bottom-details\">\n              <div class=\"detail supplier\">\n                <label class=\"label\" [textContent]=\"'SUPPLIER'| localize\"></label>\n                <span class=\"value\" [textContent]=\"transactionServiceInfo.sourceSupplierName\"></span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None,
                     animations: [
                         animations.trigger('slideToggle', [
@@ -28040,6 +28116,14 @@
                 [{ type: transactionKind_enum.TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderToBePicked }, TransactionQuickAccessToBePickedComponent],
                 [{ type: transactionKind_enum.TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderPicked }, TransactionQuickAccessPickedComponent],
                 [{ type: transactionKind_enum.TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderPlanning }, TransactionQuickAccessPlanningComponent],
+                [{ type: transactionKind_enum.TransactionKind.ServiceOrder, category: TransactionTypeCategory.ServiceOrderOverview }, TransactionQuickAccessOverviewComponent],
+                [{ type: transactionKind_enum.TransactionKind.ServiceOrder, category: TransactionTypeCategory.ServiceOrderPurchase }, TransactionQuickAccessOrderPurchaseComponent],
+                [{ type: transactionKind_enum.TransactionKind.ServiceOrder, category: TransactionTypeCategory.ServiceOrderAllocation }, TransactionQuickAccessGoodsAllocationComponent],
+                [{ type: transactionKind_enum.TransactionKind.ServiceOrder, category: TransactionTypeCategory.ServiceOrderDeliveryNote }, TransactionQuickAccessOrderDeliveryComponent],
+                [{ type: transactionKind_enum.TransactionKind.ServiceOrder, category: TransactionTypeCategory.ServiceOrderInvoice }, TransactionQuickAccessInvoiceComponent],
+                [{ type: transactionKind_enum.TransactionKind.ServiceOrder, category: TransactionTypeCategory.ServiceOrderToBePicked }, TransactionQuickAccessToBePickedComponent],
+                [{ type: transactionKind_enum.TransactionKind.ServiceOrder, category: TransactionTypeCategory.ServiceOrderPicked }, TransactionQuickAccessPickedComponent],
+                [{ type: transactionKind_enum.TransactionKind.ServiceOrder, category: TransactionTypeCategory.ServiceOrderPlanning }, TransactionQuickAccessPlanningComponent],
                 [{ type: transactionKind_enum.TransactionKind.SalesQuotation, category: TransactionTypeCategory.SalesOrderQuotation }, TransactionQuickAccessSalesQuotationComponent]
             ]);
             this._transactionGridComponent = new Map([
@@ -29127,7 +29211,7 @@
     TransactionLineCommissionCodeComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-commission-code",
-                    template: "\n    <co-transaction-line-checkbox-list\n      [committing]=\"committing\"\n      [collection]=\"viewModelsFiltered\"\n      [readonly]=\"readonly\"\n      [tooltip]=\"tooltipMessage\"\n      (checked)=\"handleChecked($event)\"\n    ></co-transaction-line-checkbox-list>\n  ",
+                    template: "\n    <co-transaction-line-checkbox-list\n      [committing]=\"committing\"\n      [collection]=\"viewModelsFiltered\"\n      [readonly]=\"readonly && !forceWritable\"\n      [tooltip]=\"tooltipMessage\"\n      (checked)=\"handleChecked($event)\"\n    ></co-transaction-line-checkbox-list>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -29519,7 +29603,7 @@
     TransactionLineWarehouseComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-warehouse",
-                    template: "\n    <co-transaction-line-checkbox-list\n      [committing]=\"committing\"\n      [collection]=\"viewModelsFiltered\"\n      [readonly]=\"readonly\"\n      [tooltip]=\"tooltipMessage\"\n      (checked)=\"handleChecked($event)\"\n    ></co-transaction-line-checkbox-list>\n  ",
+                    template: "\n    <co-transaction-line-checkbox-list\n      [committing]=\"committing\"\n      [collection]=\"viewModelsFiltered\"\n      [readonly]=\"readonly && !forceWritable\"\n      [tooltip]=\"tooltipMessage\"\n      (checked)=\"handleChecked($event)\"\n    ></co-transaction-line-checkbox-list>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -30815,30 +30899,29 @@
         function TransactionLineAmountComponent() {
             var _this = _super_1.apply(this, __spreadArray([], __read(arguments))) || this;
             _this.isReturn = false;
-            return _this;
-        }
-        TransactionLineAmountComponent.prototype.showClass = function () {
-            return true;
-        };
-        TransactionLineAmountComponent.prototype.commit = function (amount) {
-            return __awaiter(this, void 0, void 0, function () {
+            _this.commit = function (amount) { return __awaiter(_this, void 0, void 0, function () {
                 var oldAmount, success;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
                             if (!(this.transactionInfo && this.transactionLine && this.transactionLine.amount !== amount)) return [3 /*break*/, 2];
+                            this.localAmount = amount;
                             oldAmount = this.transactionLine.amount;
                             return [4 /*yield*/, this.transactionService.changeTransactionLineQuantity(this.transactionInfo.uuid, this.transactionLine.uuid, amount)];
                         case 1:
                             success = _a.sent();
                             if (!success) {
-                                this.localAmount = amount;
+                                this.localAmount = oldAmount;
                             }
                             return [2 /*return*/, success];
                         case 2: return [2 /*return*/, true];
                     }
                 });
-            });
+            }); };
+            return _this;
+        }
+        TransactionLineAmountComponent.prototype.showClass = function () {
+            return true;
         };
         TransactionLineAmountComponent.prototype.transactionLineSet = function () {
             var _super = Object.create(null, {
@@ -33719,6 +33802,11 @@
         { type: i0.Component, args: [{
                     selector: "co-avatar",
                     template: "\n    <co-image-display [model]=\"imageSrc\" *ngIf=\"imageSrc; else showInitials\"></co-image-display>\n    <ng-template #showInitials>\n      <svg viewBox=\"0 0 30 30\">\n        <text x=\"50%\" y=\"50%\" dominant-baseline=\"central\" text-anchor=\"middle\">{{ initials }}</text>\n      </svg>\n    </ng-template>\n  ",
+                    providers: [{
+                            provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                            useExisting: i0.forwardRef(function () { return AvatarComponent; })
+                        }
+                    ],
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
@@ -33838,8 +33926,8 @@
             this.pollingForStatusStarted = new rxjs.Subject();
             this.pollingForStatusEnded = new rxjs.Subject();
             this.doNotFetchAmountToPayForRemaining = false;
-            this._paymentStatusPollIntervalMs = 5000;
-            this._paymentStatusMaxPollInterval = 60;
+            this._paymentStatusPollIntervalMs = 1000;
+            this._paymentStatusMaxPollInterval = 300; // give the customer 5 minutes (300 x 1 second interval) to pay
             this._paymentStatusPollIntervalCount = 0;
         }
         Object.defineProperty(TransactionPaymentService.prototype, "currentPaymentMethod", {
@@ -34121,10 +34209,10 @@
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
-                            this._cashRegisterDrawerId = NaN;
                             if (!drawerNr) {
                                 return [2 /*return*/];
                             }
+                            this._cashRegisterDrawerId = NaN;
                             request = new cashDrawersRequest.CashDrawersRequest();
                             request.group = this.cashRegisterGroupId;
                             request.date = "?='" + this._datePipe.transform(new Date(), "dd-MM-yyyy") + "'";
@@ -35381,7 +35469,7 @@
     TransactionHeaderDeliveryComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-delivery",
-                    template: "\n    <co-transaction-header-block\n      [firstBlockTemplate]=\"firstBlock\"\n      [secondBlockTemplate]=\"secondBlock\"\n      [thirdBlockTemplate]=\"thirdBlock\"\n      [hiddenBlockTemplate]=\"hiddenBlock\"\n      (headerClick)=\"showDialog = true\"\n    >\n    </co-transaction-header-block>\n    <ng-template #headerBlock>\n\n    </ng-template>\n    <ng-template #firstBlock>\n      <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\">\n        <div class=\"planning-request-button-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderDeliveryPreferedHeader\" screenConfigNativeElement>\n          <co-icon class=\"planning-request-button\" [class.co-transaction-check]=\"transactionInfo.deliveryDateDefinitive\"\n                   [iconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"\n                   (click)=\"showDialog = true\"></co-icon>\n        </div>\n        <div class=\"header-deliverydate-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDateHeader\" screenConfigNativeElement>\n          <div class=\"header-delivery-deliverydate-label co-transaction-label\" [textContent]=\"'DELIVERY_DATE' | localize\"></div>\n          <div class=\"header-delivery-deliverydate-content\" [class.closed]=\"transactionInfo.deliveryDateDefinitive\">\n            <co-transaction-header-delivery-date class=\"header-delivery-deliverydate\"\n                                                 [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDateHeader\"\n                                                 [transactionInfo]=\"transactionInfo\"\n                                                 [defaultEditMode]=\"true\"\n                                                 [showLabel]=\"false\"\n            ></co-transaction-header-delivery-date>\n          </div>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"header-deliverdate-definitive-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDefinitiveHeader\" screenConfigNativeElement>\n        <co-transaction-header-deliverydate-definitive-button\n          [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDefinitiveHeader\"\n          [class.closed]=\"transactionInfo.deliveryDateDefinitive\"\n          [transactionInfo]=\"transactionInfo\">\n        </co-transaction-header-deliverydate-definitive-button>\n      </div>\n    </ng-template>\n    <ng-template #thirdBlock>\n\n      <co-transaction-header-delivery-method-button class=\"header-delivery-method\"\n                                                    [screenConfigurationObject]=\"cfgNames.HeaderDeliveryMethod\"\n                                                    [transactionInfo]=\"transactionInfo\"\n      ></co-transaction-header-delivery-method-button>\n\n      <!--div class=\"header-delivery-preferred-deliverydate-label co-transaction-label\" [textContent]=\"'PREFERRED_DATE' | localize\"></div>\n      <co-transaction-header-preferred-delivery-date class=\"header-delivery-deliverydate\"\n                                                     [transactionInfo]=\"transactionInfo\"\n                                                     [defaultEditMode]=\"false\"\n                                                     [showLabel]=\"false\"\n      ></co-transaction-header-preferred-delivery-date-->\n     </ng-template>\n    <ng-template #hiddenBlock>\n      <co-transaction-header-partial-delivery class=\"transaction-header-partial-delivery co-transaction-label\"\n                                              [screenConfigurationObject]=\"cfgNames.HeaderDeliveryPartialHeader\"\n                                              [transactionInfo]=\"transactionInfo\"></co-transaction-header-partial-delivery>\n    </ng-template>\n    <co-transaction-header-popup *ngIf=\"showDialog\"\n                                 [activeCategoryDescription]=\"'DELIVERY_INFORMATION'\"\n                                 [relation]=\"relation\"\n                                 [transaction]=\"transaction\"\n                                 (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n  ",
+                    template: "\n    <co-transaction-header-block\n      [firstBlockTemplate]=\"firstBlock\"\n      [secondBlockTemplate]=\"secondBlock\"\n      [thirdBlockTemplate]=\"thirdBlock\"\n      [hiddenBlockTemplate]=\"hiddenBlock\"\n      (headerClick)=\"showDialog = true\"\n    >\n    </co-transaction-header-block>\n    <ng-template #headerBlock>\n\n    </ng-template>\n    <ng-template #firstBlock>\n      <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\">\n        <div class=\"planning-request-button-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderDeliveryPreferedHeader\" screenConfigNativeElement>\n          <co-icon class=\"planning-request-button\" [class.co-transaction-check]=\"transactionInfo.deliveryDateDefinitive\"\n                   [iconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"\n                   (click)=\"showDialog = true\"></co-icon>\n        </div>\n        <div class=\"header-deliverydate-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDateHeader\" screenConfigNativeElement>\n          <div class=\"header-delivery-deliverydate-label co-transaction-label\" [textContent]=\"'DELIVERY_DATE' | localize\"></div>\n          <div class=\"header-delivery-deliverydate-content\" [class.closed]=\"transactionInfo.deliveryDateDefinitive\">\n            <co-transaction-header-delivery-date class=\"header-delivery-deliverydate\"\n                                                 [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDateHeader\"\n                                                 [transactionInfo]=\"transactionInfo\"\n                                                 [defaultEditMode]=\"true\"\n                                                 [showLabel]=\"false\"\n            ></co-transaction-header-delivery-date>\n          </div>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"header-deliverdate-definitive-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDefinitiveHeader\" screenConfigNativeElement>\n        <co-transaction-header-deliverydate-definitive-button\n          [screenConfigurationObject]=\"cfgNames.HeaderDeliveryDefinitiveHeader\"\n          [class.closed]=\"transactionInfo.deliveryDateDefinitive\"\n          [transactionInfo]=\"transactionInfo\">\n        </co-transaction-header-deliverydate-definitive-button>\n      </div>\n    </ng-template>\n    <ng-template #thirdBlock>\n\n      <co-transaction-header-delivery-method-button class=\"header-delivery-method\"\n                                                    [screenConfigurationObject]=\"cfgNames.HeaderDeliveryMethod\"\n                                                    [transactionInfo]=\"transactionInfo\"\n      ></co-transaction-header-delivery-method-button>\n\n      <co-transaction-header-preferred-delivery-date class=\"header-delivery-deliverydate\"\n                                                     [transactionInfo]=\"transactionInfo\"\n                                                     [defaultEditMode]=\"false\"\n                                                     [showLabel]=\"false\"\n      ></co-transaction-header-preferred-delivery-date>\n     </ng-template>\n    <ng-template #hiddenBlock>\n      <co-transaction-header-partial-delivery class=\"transaction-header-partial-delivery co-transaction-label\"\n                                              [screenConfigurationObject]=\"cfgNames.HeaderDeliveryPartialHeader\"\n                                              [transactionInfo]=\"transactionInfo\"></co-transaction-header-partial-delivery>\n    </ng-template>\n    <co-transaction-header-popup *ngIf=\"showDialog\"\n                                 [activeCategoryDescription]=\"'DELIVERY_INFORMATION'\"\n                                 [relation]=\"relation\"\n                                 [transaction]=\"transaction\"\n                                 (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n  ",
                     providers: [{
                             provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
                             useExisting: i0.forwardRef(function () { return TransactionHeaderDeliveryComponent; })
@@ -36948,6 +37036,10 @@
         { type: i0.Component, args: [{
                     selector: 'co-transaction-header-popup-order',
                     template: "\n    <div class=\"transaction-header-popup-category-wrapper co-small-scrollbar\">\n      <co-form>\n        <div class=\"transaction-header-popup-section\">\n          <div class=\"transaction-header-popup-section-label\" [textContent]=\"'BASE_INFO1' | localize\"></div>\n          <co-transaction-header-definitive class=\"header-definitive-checkbox\" [screenConfigurationObject]=\"cfgNames.Definitive\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-definitive>\n          <div class=\"transaction-header-popup-two-column-grid\">\n            <co-transaction-header-hold-codes *ngIf=\"transactionInfo.transactionKind !== transKind.SalesQuotation\" [screenConfigurationObject]=\"cfgNames.OnHoldCodes\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-hold-codes>\n            <co-transaction-header-payment-condition  [screenConfigurationObject]=\"cfgNames.PaymentCondition\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-payment-condition>\n            <co-transaction-header-branch [simple]=\"true\" [screenConfigurationObject]=\"cfgNames.Branch\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-branch>\n            <co-transaction-header-administrative-relation [screenConfigurationObject]=\"cfgNames.AdministrativeManager\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-administrative-relation>\n            <co-transaction-header-price-kind  [screenConfigurationObject]=\"cfgNames.PriceKind\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-price-kind>\n            <co-transaction-header-sales-person *ngIf=\"transactionKind !== transKind.PurchaseOrder\"\n                [screenConfigurationObject]=\"cfgNames.SalesPerson\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-sales-person>\n            <co-transaction-header-sales-person *ngIf=\"transactionKind === transKind.PurchaseOrder\"\n                [screenConfigurationObject]=\"cfgNames.Buyer\" [label]=\"'PURCHASE_PERSON'\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-sales-person>\n            <co-transaction-header-currency  [screenConfigurationObject]=\"cfgNames.Currency\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-currency>\n            <co-transaction-header-type\n              [screenConfigurationObject]=\"cfgNames.TransactionType\"\n              [transactionInfo]=\"transactionInfo\"\n              [lockAndSave]=\"false\">\n            </co-transaction-header-type>\n          </div>\n          <div class=\"transaction-header-popup-two-column-grid\">\n            <co-transaction-header-project-code [screenConfigurationObject]=\"cfgNames.ProjectCode\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-project-code>\n            <div class=\"cash-on-delivery-row\">\n                <co-button\n                  class=\"save-button\"\n                  [iconData]=\"iconCacheService.getIcon(icons.PlusSimple)\"\n                  (click)=\"addProjectCodeModalVisible = true\"\n                  >\n                </co-button>\n              </div>\n          </div>\n        </div>\n        <div class=\"transaction-header-popup-section\" *ngIf=\"transactionInfo.transactionKind === transKind.SalesQuotation\">\n          <div class=\"transaction-header-popup-section-label\" [textContent]=\"'STATUS' | localize\"></div>\n          <div class=\"transaction-header-popup-two-column-grid\">\n            <co-transaction-header-scoring-chance [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-scoring-chance>\n            <co-transaction-header-retail-stadium [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-retail-stadium>\n            <co-transaction-header-scoring-date [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-scoring-date>\n          </div>\n        </div>\n        <div class=\"transaction-header-popup-section\" [screenConfigurationObject]=\"cfgNames.MarketingCode\" screenConfigNativeElement>\n          <div class=\"transaction-header-popup-section-label\" [textContent]=\"'MARKETING_CODE' | localize\"></div>\n          <co-transaction-header-marketing  [screenConfigurationObject]=\"cfgNames.MarketingCode\" [transactionInfo]=\"transactionInfo\" [lockAndSave]=\"false\"></co-transaction-header-marketing>\n        </div>\n      </co-form>\n      <co-project-code-modal\n        *ngIf=\"addProjectCodeModalVisible\"\n        (showProjectCodeModal)=\"showProjectCodeModal($event)\">\n      </co-project-code-modal>\n    </div>\n  ",
+                    providers: [{
+                            provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                            useExisting: i0.forwardRef(function () { return TransactionHeaderPopupOrderComponent; })
+                        }],
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -41789,11 +41881,6 @@
         { type: i0.Component, args: [{
                     selector: 'co-transaction-internal',
                     template: "\n    <ng-container *ngIf=\"loaded\">\n      <co-click-block></co-click-block>\n      <co-transaction-header\n        *ngIf=\"showHeader\"\n        [transaction]=\"transaction\"\n        [relation]=\"relation\"\n        (relationChange)=\"handleRelationChange($event)\">\n      </co-transaction-header>\n\n      <div class=\"transaction-lines-header\">\n        <co-transaction-quick-access\n          *ngIf=\"showQuickAccess\"\n          class=\"transaction-lines-header-item\"\n          [transaction]=\"transaction\"\n          [relation]=\"relation\"\n          [activeCategory]=\"activeCategory\">\n        </co-transaction-quick-access>\n        <co-transaction-button-bar\n          *ngIf=\"showButtonBar\"\n          class=\"transaction-lines-header-item\"\n          [selectedCategory]=\"activeCategory\"\n          (buttonClicked)=\"handleButtonBarButtonClicked($event)\">\n        </co-transaction-button-bar>\n\n        <div class=\"transaction-lines-header-item right\">\n          <co-avatar\n            class=\"transaction-sales-avatar\"\n            [relationId]=\"transaction.transactionInfo.handledBy\"\n            [screenConfigurationObject]=\"cfgNames.HeaderHandledBy\"\n            screenConfigNativeElement>\n          </co-avatar>\n          <co-avatar\n            class=\"transaction-sales-avatar\"\n            [relationId]=\"transaction.transactionInfo.branch?.relationId\"\n            [screenConfigurationObject]=\"cfgNames.HeaderBranch\"\n            screenConfigNativeElement>\n          </co-avatar>\n          <co-view-mode-buttons\n            *ngIf=\"!shouldShowTiles() && showViewModeButtons\"\n            [showViewModes]=\"[viewModes.List, viewModes.Tiles]\"\n            (viewModeChange)=\"handleViewModeChange($event)\">\n          </co-view-mode-buttons>\n        </div>\n      </div>\n\n      <div class=\"transaction-lines-content-wrapper\">\n        <!--<co-transaction-document-button-bar [transaction]=\"transaction\"></co-transaction-document-button-bar>-->\n        <div class=\"transaction-lines-content\">\n          <div *ngIf=\"activeCategory === category.ServiceOrderService\">\n            <co-transaction-service-overview [posOrderData]=\"posOrderData\" [transaction]=\"transaction\"></co-transaction-service-overview>\n          </div>\n          <div class=\"transaction-tiles-wrapper\" *ngIf=\"activeViewMode === viewModes.Tiles || shouldShowTiles() || transactionPlanning\">\n            <co-transaction-cards\n              [transaction]=\"transaction\"\n              [activeCategory]=\"activeCategory\"\n              [class.planning-cards]=\"transactionPlanning\">\n            </co-transaction-cards>\n          </div>\n          <div class=\"transaction-lines-wrapper\"\n               *ngIf=\"(activeViewMode === viewModes.List && !shouldShowTiles()) && activeCategory !== category.ServiceOrderService && !transactionPlanning\">\n            <co-transaction-lines\n              [transaction]=\"transaction\"\n              [activeCategory]=\"activeCategory\"\n              (saveTransactionLine)=\"saveTransactionLineText($event)\">\n            </co-transaction-lines>\n          </div>\n          <div class=\"transaction-footer-wrapper\">\n            <div class=\"transaction-footer-left\">\n              <co-add-product\n                *ngIf=\"activeCategory === categories.SalesOrderCashRegister ||\n                activeCategory === categories.SalesOrderOverview ||\n                activeCategory === categories.PurchaseOrderOverview ||\n                activeCategory === categories.SalesOrderQuotation ||\n                activeCategory === categories.ServiceOrderOverview\">\n              </co-add-product>\n              <co-transaction-button\n                class=\"custom-width text-rule\"\n                *ngIf=\"activeCategory !== categories.ServiceOrderService\"\n                [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"\n                (click)=\"handleTransactionText()\">\n              </co-transaction-button>\n            </div>\n\n            <div class=\"transaction-footer-center\">\n              <co-transaction-margin *ngIf=\"activeCategory === categories.SalesOrderMarginInfo\"\n                                     [transactionInfo]=\"transaction.transactionInfo\"\n                                     [transactionMarginInfo]=\"transactionMarginInfo\"\n              ></co-transaction-margin>\n            </div>\n\n            <co-transaction-totals\n              *ngIf=\"activeCategory !== category.ServiceOrderService\"\n              [transactionInfo]=\"transaction.transactionInfo\"\n              [transactionTotal]=\"transaction.transactionTotal\"\n              [showDiscount]=\"true\">\n            </co-transaction-totals>\n          </div>\n        </div>\n\n        <co-transaction-lines-side-panel\n          *ngIf=\"\n          transaction &&\n          (transaction.transactionInfo.transactionKind === transactionKind.CashDesk && !fullyInvoiced())\"\n          [posOrderData]=\"posOrderData\"\n          [transaction]=\"transaction\">\n        </co-transaction-lines-side-panel>\n\n        <co-transaction-line-side-panel\n          *ngIf=\"showSidePanel\"\n          [transaction]=\"transaction\"\n          [transactionInfo]=\"transaction.transactionInfo\"\n          [transactionLine]=\"sidePanelTransactionLine\"\n          [activeCategory]=\"activeCategory\"\n          (cancelClick)=\"showSidePanel = false\">\n        </co-transaction-line-side-panel>\n\n        <!--Popup voor wijzigen volgorde van tekstregels-->\n        <co-transaction-article-text-overview\n          *ngIf=\"showArticleTextOverview\"\n          [transactionInfo]=\"transaction.transactionInfo\"\n          [transactionLine]=\"transactionLine\"\n          (closeClick)=\"closeArticleTextOverview()\"\n          (cancelClick)=\"closeArticleTextOverview()\">\n        </co-transaction-article-text-overview>\n\n        <!--Popup voor aanmaken en updaten transactietekstregels-->\n        <co-transaction-article-text\n          *ngIf=\"showTransactionText\"\n          [header]=\"'ORDER_TEXT_LINE' | localize\"\n          [transactionUuid]=\"transaction.transactionInfo.uuid\"\n          [editText]=\"textToEdit\"\n          [orderLineSetDTO]=\"selectedOrderLineSetDTO\"\n          [transactionLine]=\"transactionLine\"\n          (saveClick)=\"saveTransactionLineText($event)\"\n          (closeClick)=\"closeTransactionText()\"\n          (cancelClick)=\"closeTransactionText()\"\n          (saveOrderLineSetClick)=\"saveOrderLineSet($event)\">\n        </co-transaction-article-text>\n\n        <!--Popup voor aanmaken en updaten artikeltekstregels-->\n        <co-transaction-article-text\n          *ngIf=\"showArticleText\"\n          [header]=\"'PRODUCT_DESCRIPTION_AND_TEXTS' | localize\"\n          [transactionUuid]=\"transaction.transactionInfo.uuid\"\n          [showArticleImageDescription]=\"transactionLine.articleBound\"\n          [showImage]=\"false\"\n          [articleLineNr]=\"transactionLine.lineNr\"\n          [articleRef]=\"transactionLine.articleNumber\"\n          [transactionLine]=\"transactionLine\"\n          [editText]=\"textToEdit\"\n          (saveClick)=\"saveArticleLineText($event)\"\n          (closeClick)=\"closeArticleText()\"\n          (cancelClick)=\"closeArticleText()\">\n        </co-transaction-article-text>\n\n        <co-transaction-copy-order\n          *ngIf=\"showCopyOrderDialog\"\n          [transaction]=\"transaction\"\n          (closeDialog)=\"showCopyOrderDialog = false\">\n        </co-transaction-copy-order>\n      </div>\n    </ng-container>\n  ",
-                    providers: [{
-                            provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
-                            useExisting: i0.forwardRef(function () { return TransactionInternalComponent; })
-                        }
-                    ],
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -52347,7 +52434,11 @@
     TransactionServiceOverviewComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-service-overview",
-                    template: "\n    <div class=\"service-overview-wrapper\">\n      <div class=\"message-and-task-wrapper\">\n        <div class=\"service-message-and-image-wrapper\">\n          <div class=\"service-message-wrapper\">\n            <label class=\"label service-label\" [textContent]=\"'SERVICE_REPORT'| localize\"></label>\n            <span  *ngIf=\"transactionServiceInfo && transactionServiceInfo.wizardQuestionsAndAnswers\"\n                               [textContent]=\"transactionServiceInfo.wizardQuestionsAndAnswers\"></span> <!--[screenConfigurationObject]=\"\" screenConfigNativeElement-->\n            <co-transaction-service-message  class=\"transaction-service-message\" [transaction]=\"transaction\">\n            </co-transaction-service-message>\n          </div>\n          <co-files-upload (documentChangeEvent)=\"upsertDocument($event)\"\n                           (documentDeleted)=\"deleteDocument($event)\"\n                           [label]=\"'ADD_IMAGES' | localize\"\n                           [documents]=\"documents\"\n                           [isEditable]=\"false\">\n          </co-files-upload>\n          <div class=\"service-order-lines-wrapper\">\n            <div class=\"service-message-extra-wrapper\">\n              <co-list-of-values [label]=\"'PRIORITY'| localize\" displayField=\"description\" [model]=\"priorityModel\"\n                                 [collection]=\"priorityDomainColl\"\n                                 (modelChange)=\"setPriority($event)\"></co-list-of-values>\n              <co-list-of-values [label]=\"'CAUSE_CODE' | localize\" displayField=\"description\" [model]=\"causeCodeModel\"\n                                 [collection]=\"causeCodeColl\"\n                                 (modelChange)=\"setCauseCode($event)\"></co-list-of-values>\n              <co-list-of-values [label]=\"'ENTRY_TYPE' | localize\" displayField=\"description\" [model]=\"entryTypeModel\"\n                                 [collection]=\"entryTypeColl\"\n                                 (modelChange)=\"setEntryType($event)\"></co-list-of-values>\n            </div>\n            <co-transaction-lines-side-panel\n              class=\"higher-max-width\"\n              [posOrderData]=\"posOrderData\"\n              [transaction]=\"transaction\">\n            </co-transaction-lines-side-panel>\n          </div>\n\n        </div>\n        <div class=\"activity-list-component-wrapper\">\n          <div class=\"activity-task-creator-wrapper\">\n            <co-component-activity-list #openActivities [showActivityHeader]=\"showActivityHeader\" [table]=\"TableName.Transactions\" [key]=\"transactionInfo.id.toString()\" (refreshRequested)=\"finishedActivitiesRefreshRequested()\">\n            </co-component-activity-list>\n            <co-task-creator [table]=\"TableName.Transactions\" [remarkAndWorkKey]=\"transactionInfo.id.toString()\" [taskKey]=\"transactionInfo.transactionNr.toString()\"\n                             [author]=\"transactionService.loggedInUser\" [branchNo]=\"transactionInfo.branch.relationNr.toString()\"\n                             [workflowCategoryType]=\"WorkflowCategoryType.ServiceOrder\"\n                             (activityCreated)=\"fullActivitiesRefreshRequested()\"></co-task-creator>\n          </div>\n          <div class=\"activity-list-conv-wrapper\">\n            <label class=\"label history-label\" [textContent]=\"'HISTORIC_ACTIVITY_CHAT'| localize\"></label>\n            <co-activity-list [activities]=\"activities\"></co-activity-list>\n          </div>\n        </div>\n      </div>\n    </div>\n\n  ",
+                    template: "\n    <div class=\"service-overview-wrapper\">\n      <div class=\"message-and-task-wrapper\">\n        <div class=\"service-message-and-image-wrapper\">\n          <div class=\"service-message-wrapper\">\n            <label class=\"label service-label\" [textContent]=\"'SERVICE_REPORT'| localize\"></label>\n            <span  *ngIf=\"transactionServiceInfo && transactionServiceInfo.wizardQuestionsAndAnswers\"\n                               [textContent]=\"transactionServiceInfo.wizardQuestionsAndAnswers\" [screenConfigurationObject]=\"cfgNames.ServiceWizardMessage\" screenConfigNativeElement\n                               ></span> <!---->\n            <co-transaction-service-message  class=\"transaction-service-message\" [transaction]=\"transaction\">\n            </co-transaction-service-message>\n          </div>\n          <co-files-upload (documentChangeEvent)=\"upsertDocument($event)\" [screenConfigurationObject]=\"cfgNames.ServiceOverviewImage\"\n                           (documentDeleted)=\"deleteDocument($event)\"\n                           [label]=\"'ADD_IMAGES' | localize\"\n                           [documents]=\"documents\"\n                           [isEditable]=\"false\" > <!---->\n          </co-files-upload>\n          <div class=\"service-order-lines-wrapper\">\n            <div class=\"service-message-extra-wrapper\">\n              <co-list-of-values [label]=\"'PRIORITY'| localize\" displayField=\"description\" [model]=\"priorityModel\"\n                                 [collection]=\"priorityDomainColl\" [screenConfigurationObject]=\"cfgNames.ServicePriority\"\n                                 (modelChange)=\"setPriority($event)\"></co-list-of-values> <!---->\n              <co-list-of-values [label]=\"'CAUSE_CODE' | localize\" displayField=\"description\" [model]=\"causeCodeModel\"\n                                 [collection]=\"causeCodeColl\" [screenConfigurationObject]=\"cfgNames.ServiceCauseCode\"\n                                 (modelChange)=\"setCauseCode($event)\"></co-list-of-values> <!---->\n              <co-list-of-values [label]=\"'ENTRY_TYPE' | localize\" displayField=\"description\" [model]=\"entryTypeModel\"\n                                 [collection]=\"entryTypeColl\" [screenConfigurationObject]=\"cfgNames.ServiceEntryType\"\n                                 (modelChange)=\"setEntryType($event)\"></co-list-of-values> <!---->\n            </div>\n            <co-transaction-lines-side-panel\n              class=\"higher-max-width\"\n              [posOrderData]=\"posOrderData\"\n              [transaction]=\"transaction\">\n            </co-transaction-lines-side-panel>\n          </div>\n\n        </div>\n        <div class=\"activity-list-component-wrapper\">\n          <div class=\"activity-task-creator-wrapper\">\n            <co-component-activity-list #openActivities [showActivityHeader]=\"showActivityHeader\" [screenConfigurationObject]=\"cfgNames.HeaderActivityList\"\n                                        [table]=\"TableName.Transactions\" [key]=\"transactionInfo.id.toString()\" (refreshRequested)=\"finishedActivitiesRefreshRequested()\">\n            </co-component-activity-list>\n            <co-task-creator [table]=\"TableName.Transactions\" [remarkAndWorkKey]=\"transactionInfo.id.toString()\" [taskKey]=\"transactionInfo.transactionNr.toString()\"\n                             [author]=\"transactionService.loggedInUser\" [branchNo]=\"transactionInfo.branch.relationNr.toString()\"\n                             [workflowCategoryType]=\"WorkflowCategoryType.ServiceOrder\" [screenConfigurationObject]=\"cfgNames.HeaderTaskCreator\"\n                             (activityCreated)=\"fullActivitiesRefreshRequested()\"></co-task-creator>\n          </div>\n          <div class=\"activity-list-conv-wrapper\">\n            <label class=\"label history-label\" [textContent]=\"'HISTORIC_ACTIVITY_CHAT'| localize\" [screenConfigurationObject]=\"cfgNames.HeaderHistActivities\" screenConfigNativeElement></label>\n            <co-activity-list [activities]=\"activities\" [screenConfigurationObject]=\"cfgNames.HeaderHistActivities\"></co-activity-list>\n          </div>\n        </div>\n      </div>\n    </div>\n\n  ",
+                    providers: [{
+                            provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                            useExisting: i0.forwardRef(function () { return TransactionServiceOverviewComponent; })
+                        }],
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -52413,7 +52504,7 @@
     TransactionServiceMessageComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-service-message",
-                    template: "\n    <co-input-textarea #input\n                   [model]=\"transactionServiceInfo.reportMessage\"\n                   [forceReadonly]=\"readonly\"\n                   [showSaveCancel]=\"true\"\n    ></co-input-textarea> <!--[screenConfigurationObject]=\"cfgNames.ServiceMessage\"-->\n  ",
+                    template: "\n    <co-input-textarea #input\n                   [model]=\"transactionServiceInfo.reportMessage\"\n                   [forceReadonly]=\"readonly\"\n                   [showSaveCancel]=\"true\"\n                   [screenConfigurationObject]=\"cfgNames.ServiceMessage\"\n    ></co-input-textarea>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -53420,7 +53511,8 @@
                         common.CommonModule,
                         corecomponents_v12.InputTextareaModule,
                         corecomponents_v12.InputTextModule,
-                        corecomponents_v12.IconModule
+                        corecomponents_v12.IconModule,
+                        corecomponents_v12.ScreenConfigurationModule
                     ],
                     declarations: [
                         TransactionLinesSidePanelServiceOrderComponent
@@ -53473,7 +53565,8 @@
                         i10.ComponentActivityListModule,
                         i10.TaskCreatorModule,
                         TransactionLinesSidePanelModule,
-                        TransactionServiceMessageModule
+                        TransactionServiceMessageModule,
+                        corecomponents_v12.ScreenConfigurationModule,
                     ],
                     declarations: [
                         TransactionServiceOverviewComponent
@@ -55023,7 +55116,7 @@
             this.selectedPrinterLayout = defaultPrintLayout ? defaultPrintLayout : null;
             var defaultEmailLayout = this.emailLayouts.find(function (layout) { return layout.isDefault; });
             this.selectedEmailLayout = defaultEmailLayout ? defaultEmailLayout : null;
-            if (this.activeCashDrawer && this.activePrinter && defaultPrintLayout && defaultEmailLayout) {
+            if (this.activeCashDrawer && this.activePrinter && defaultPrintLayout && defaultEmailLayout && this.cashRegisters.length === 1) {
                 this.saveButtonClick();
             }
         };
@@ -55056,7 +55149,7 @@
     TransactionCashRegisterDialogComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-cash-register-dialog",
-                    template: "\n      <co-dialog [showCloseIcon]=\"true\" [footerTemplate]=\"footerTemplate\" [headerTemplate]=\"headerTemplate\" *ngIf=\"dialogVisible\" (closeClick)=\"closeClicked.emit($event)\">\n          <div class=\"dialog-content-wrapper\">\n              <div class=\"cash-registers\">\n                  <co-payment-tile *ngFor=\"let cashRegister of cashRegisters\"\n                                   [icon]=\"cashRegister.icon\"\n                                   [description]=\"cashRegister.description\"\n                                   [selected]=\"cashRegister === activeCashRegister\"\n                                   (selectedChange)=\"cashRegisterSelected(cashRegister)\"\n                  ></co-payment-tile>\n              </div>\n\n              <co-list-of-values [label]=\"'CASH_DRAWER' | localize\"\n                                 [(model)]=\"activeCashDrawer\"\n                                 [displayField]=\"'nr'\"\n                                 [collection]=\"cashDrawers\"\n                                 [multiselect]=\"false\"\n                                 [required]=\"false\"\n                                 [readonly]=\"headerReadonly\"\n                                 [searchDisabled]=\"true\"\n                                 (modelChange)=\"handleDrawerChanged($event)\"\n              ></co-list-of-values>\n\n              <co-list-of-values [label]=\"'PRINTER' | localize\"\n                                 [(model)]=\"activePrinter\"\n                                 [displayField]=\"'name'\"\n                                 [collection]=\"printerList\"\n                                 [multiselect]=\"false\"\n                                 [required]=\"false\"\n                                 [readonly]=\"headerReadonly\"\n                                 [searchDisabled]=\"true\"\n                                 (modelChange)=\"handlePrinterChanged($event)\"\n              ></co-list-of-values>\n\n              <co-list-of-values [label]=\"'PRINTER_LAYOUT' | localize\"\n                                 [(model)]=\"selectedPrinterLayout\"\n                                 [displayField]=\"'name'\"\n                                 [collection]=\"printerLayouts\"\n                                 [multiselect]=\"false\"\n                                 [required]=\"false\"\n                                 [readonly]=\"headerReadonly\"\n                                 [searchDisabled]=\"true\"\n              ></co-list-of-values>\n\n              <co-list-of-values [label]=\"'EMAIL_LAYOUT' | localize\"\n                                 [(model)]=\"selectedEmailLayout\"\n                                 [displayField]=\"'name'\"\n                                 [collection]=\"emailLayouts\"\n                                 [multiselect]=\"false\"\n                                 [required]=\"false\"\n                                 [readonly]=\"headerReadonly\"\n                                 [searchDisabled]=\"true\"\n              ></co-list-of-values>\n          </div>\n      </co-dialog>\n\n      <ng-template #headerTemplate>\n          <div class=\"title-wrapper\">\n              <co-icon [iconData]=\"iconCacheService.getIcon(icons.CashRegister)\"></co-icon>\n              <span class=\"co-dialog-header-title\" [textContent]=\"'SELECT_CASH_REGISTER' | localize\"></span>\n          </div>\n      </ng-template>\n\n      <ng-template #footerTemplate>\n          <div class=\"co-dialog-footer-button-wrapper\">\n              <ng-container>\n                  <co-button class=\"save-button\"\n                             [disabled]=\"!activeCashDrawer || !activePrinter || !selectedEmailLayout || !selectedPrinterLayout\"\n                             [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                             (click)=\"saveButtonClick()\"\n                  ></co-button>\n              </ng-container>\n          </div>\n      </ng-template>\n  ",
+                    template: "\n      <co-dialog [showCloseIcon]=\"true\" [footerTemplate]=\"footerTemplate\" [headerTemplate]=\"headerTemplate\" *ngIf=\"dialogVisible\" (closeClick)=\"closeClicked.emit($event)\">\n          <div class=\"dialog-content-wrapper\">\n              <div class=\"cash-registers\">\n                  <co-payment-tile *ngFor=\"let cashRegister of cashRegisters\"\n                                   [icon]=\"cashRegister.icon\"\n                                   [description]=\"cashRegister.description\"\n                                   [selected]=\"cashRegister === activeCashRegister\"\n                                   (selectedChange)=\"cashRegisterSelected(cashRegister)\"\n                  ></co-payment-tile>\n              </div>\n\n              <co-list-of-values [label]=\"'CASH_DRAWER' | localize\"  *ngIf=\"!activeCashRegister?.defaultDrawerNumber\"\n                                 [(model)]=\"activeCashDrawer\"\n                                 [displayField]=\"'nr'\"\n                                 [collection]=\"cashDrawers\"\n                                 [multiselect]=\"false\"\n                                 [required]=\"false\"\n                                 [readonly]=\"headerReadonly\"\n                                 [searchDisabled]=\"true\"\n                                 (modelChange)=\"handleDrawerChanged($event)\"\n              ></co-list-of-values>\n\n              <co-list-of-values [label]=\"'PRINTER' | localize\" *ngIf=\"!activeCashRegister?.defaultPrinter\"\n                                 [(model)]=\"activePrinter\"\n                                 [displayField]=\"'name'\"\n                                 [collection]=\"printerList\"\n                                 [multiselect]=\"false\"\n                                 [required]=\"false\"\n                                 [readonly]=\"headerReadonly\"\n                                 [searchDisabled]=\"true\"\n                                 (modelChange)=\"handlePrinterChanged($event)\"\n              ></co-list-of-values>\n\n              <co-list-of-values [label]=\"'PRINTER_LAYOUT' | localize\"\n                                 [(model)]=\"selectedPrinterLayout\"\n                                 [displayField]=\"'name'\"\n                                 [collection]=\"printerLayouts\"\n                                 [multiselect]=\"false\"\n                                 [required]=\"false\"\n                                 [readonly]=\"headerReadonly\"\n                                 [searchDisabled]=\"true\"\n              ></co-list-of-values>\n\n              <co-list-of-values [label]=\"'EMAIL_LAYOUT' | localize\"\n                                 [(model)]=\"selectedEmailLayout\"\n                                 [displayField]=\"'name'\"\n                                 [collection]=\"emailLayouts\"\n                                 [multiselect]=\"false\"\n                                 [required]=\"false\"\n                                 [readonly]=\"headerReadonly\"\n                                 [searchDisabled]=\"true\"\n              ></co-list-of-values>\n          </div>\n      </co-dialog>\n\n      <ng-template #headerTemplate>\n          <div class=\"title-wrapper\">\n              <co-icon [iconData]=\"iconCacheService.getIcon(icons.CashRegister)\"></co-icon>\n              <span class=\"co-dialog-header-title\" [textContent]=\"'SELECT_CASH_REGISTER' | localize\"></span>\n          </div>\n      </ng-template>\n\n      <ng-template #footerTemplate>\n          <div class=\"co-dialog-footer-button-wrapper\">\n              <ng-container>\n                  <co-button class=\"save-button\"\n                             [disabled]=\"!activeCashDrawer || !activePrinter || !selectedEmailLayout || !selectedPrinterLayout\"\n                             [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                             (click)=\"saveButtonClick()\"\n                  ></co-button>\n              </ng-container>\n          </div>\n      </ng-template>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];