@colijnit/transaction 255.1.43 → 255.1.45

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.43";
-            this.publishDate = "30-9-2024 11:15:28";
+            this.symVer = "255.1.45";
+            this.publishDate = "2-10-2024 17:30:09";
         }
         return Version;
     }());
@@ -11670,6 +11670,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 +11740,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 +11769,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 +11999,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 +12053,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 +12117,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 +12274,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 +15967,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 +15986,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 +25612,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 +25665,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 +25706,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 +27194,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
                 },] }
     ];
@@ -28040,6 +28104,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 +29199,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 +29591,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 +30887,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, {
@@ -34121,10 +34192,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") + "'";
@@ -51604,12 +51675,14 @@
                         case 1:
                             response = _a.sent();
                             if (!response) return [3 /*break*/, 4];
-                            return [4 /*yield*/, this._transactionService.checkRefTransaction()];
+                            this._transactionService.currentTransaction = response;
+                            return [4 /*yield*/, this._transactionService.saveTransaction()];
                         case 2:
                             _a.sent();
-                            return [4 /*yield*/, this._transactionService.rememberCurrentTransaction(this._transactionService.currentTransaction)];
+                            return [4 /*yield*/, this._transactionService.checkRefTransaction()];
                         case 3:
                             _a.sent();
+                            // await this._transactionService.rememberCurrentTransaction(this._transactionService.currentTransaction);
                             this.handleCloseSidePanel();
                             _a.label = 4;
                         case 4: return [2 /*return*/];
@@ -55021,9 +55094,9 @@
             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) {
-                this.saveButtonClick();
-            }
+            /*if (this.activeCashDrawer && this.activePrinter && defaultPrintLayout && defaultEmailLayout) {
+              this.saveButtonClick();
+            }*/
         };
         TransactionCashRegisterDialogComponent.prototype._prepareDialogData = function () {
             return __awaiter(this, void 0, void 0, function () {
@@ -55054,7 +55127,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
                 },] }
     ];