@colijnit/transaction 12.1.147 → 12.1.148

package/bundles/colijnit-transaction.umd.js

@@ -32,8 +32,8 @@
         function Version() {
             this.name = "@colijnit/transaction";
             this.description = "Colijn IT transaction package";
-            this.symVer = "12.1.147";
-            this.publishDate = "28-9-2023 17:55:15";
+            this.symVer = "12.1.148";
+            this.publishDate = "30-9-2023 12:06:31";
         }
         return Version;
     }());
@@ -7996,6 +7996,7 @@
             this.preview = false;
             this.readonly = false;
             this.relationChange = new i0.EventEmitter();
+            this.showLoader = false;
             this.isService = false;
             this.lineOperationStatuses = [];
             this.transactionLines = [];
@@ -8070,8 +8071,8 @@
                         this.transactionSet();
                     }
                     this.hasMultipleLines = this.transactionLines.length + this.deliveryCostLines.length > 1;
-                    this.canAllLinesBeDelivered = this.transactionLines.filter(function (l) { return l.articleLineStatus ? (l.articleLineStatus.quantityToDeliver === 0 && !l.articleLineStatus.isFullyDelivered) : false; }).length === 0;
-                    this.canAllLinesBeInvoiced = this.transactionLines.filter(function (l) { return l.articleLineStatus ? (l.articleLineStatus.quantityToInvoice === 0 && !l.articleLineStatus.isFullyInvoiced) : false; }).length === 0;
+                    this.canAllLinesBeDelivered = this.transactionLines.filter(function (l) { return l.articleLineStatus ? (l.articleLineStatus.quantityToDeliver === 0) : false; }).length === 0;
+                    this.canAllLinesBeInvoiced = this.transactionLines.filter(function (l) { return l.articleLineStatus ? (l.articleLineStatus.quantityToInvoice === 0) : false; }).length === 0;
                     this.hasLinesToDeliver = this.transactionInfo.allowPartialDelivery ?
                         this.transactionLines.filter(function (l) { return l.articleLineStatus ? l.articleLineStatus.quantityToDeliver !== 0 : false; }).length > 0 :
                         this.transactionLines.filter(function (l) { return l.articleLineStatus ? l.articleLineStatus.quantityToDeliver === 0 : false; }).length === 0;
@@ -8354,7 +8355,8 @@
         readonly: [{ type: i0.HostBinding, args: ['class.read-only',] }, { type: i0.Input }],
         relationChange: [{ type: i0.Output }],
         isText: [{ type: i0.HostBinding, args: ['class.is-text',] }],
-        isArticle: [{ type: i0.HostBinding, args: ['class.is-article',] }]
+        isArticle: [{ type: i0.HostBinding, args: ['class.is-article',] }],
+        showLoader: [{ type: i0.HostBinding, args: ["class.show-loader",] }]
     };
 
     var DialogTransactionBaseComponent = /** @class */ (function (_super) {
@@ -15794,7 +15796,7 @@
     TransactionLineImageAndDescriptionComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-image-and-description",
-                    template: "\n    <div class=\"transaction-line-image\" [class.preview]=\"preview\">\n      <co-image-display [model]=\"image\"></co-image-display>\n    </div>\n    <div class=\"transaction-line-description\" data-action=\"openSidePanel\">\n      <div class=\"description-wrapper\">\n        <co-transaction-line-description class=\"transaction-line-description-description\"\n                                         [transactionInfo]=\"transactionInfo\"\n                                         [transactionLine]=\"transactionLine\"\n                                         [defaultEditMode]=\"false\"\n                                         [showLabel]=\"false\"\n        ></co-transaction-line-description>\n        <div class=\"transaction-line-article-number-wrapper\" *ngIf=\"!popUpView\">\n          <span *ngIf=\"transactionLine.goodDescription && transactionLine.articleNumber\">|</span>\n          <span [textContent]=\"transactionLine.articleNumber\"></span>\n          <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\"\n                   (click)=\"deleteTransactionLineClick($event)\"></co-icon>\n        </div>\n\n      </div>\n      <div *ngIf=\"!preview && !popUpView && transactionLine.articleBoundConcatenatedText\" class=\"article-text-wrapper\">\n        <div [ngClass]=\"{'article-text-expand': true, 'large-article': !expanded}\">\n          <div class=\"article-text\" *ngFor=\"let text of transactionLine.articleTextAsArray\">\n            <span [innerHTML]=\"text | safeHtml\" (dblclick)=\"handleOpenArticleText(text)\"></span>\n          </div>\n        </div>\n        <div *ngIf=\"calculateTotalCharacterCount() > 100\" class=\"expand-wrapper\" (click)=\"expandClicked()\">\n          <co-icon [iconData]=\"expanded ? iconCacheService.getIcon(icons.TriangleUp) : iconCacheService.getIcon(icons.TriangleDown) \"></co-icon>\n          <span class=\"expand-text\" [textContent]=\"!expanded ? ('SHOW_MORE' | localize) : ('SHOW_LESS' | localize)\"></span>\n        </div>\n      </div>\n      <div *ngIf=\"!preview && !popUpView && transactionLine.configurationReadable\">\n        <span [innerHTML]=\"transactionLine.configurationReadable\"></span>\n      </div>\n    </div>\n    ",
+                    template: "\n    <div class=\"transaction-line-image\" [class.preview]=\"preview\">\n      <co-image-display [model]=\"image\"></co-image-display>\n    </div>\n    <div class=\"transaction-line-description\" data-action=\"openSidePanel\">\n      <div class=\"description-wrapper\">\n        <co-transaction-line-description class=\"transaction-line-description-description\"\n                                         [transactionInfo]=\"transactionInfo\"\n                                         [transactionLine]=\"transactionLine\"\n                                         [defaultEditMode]=\"false\"\n                                         [showLabel]=\"false\"\n        ></co-transaction-line-description>\n        <div class=\"transaction-line-article-number-wrapper\" *ngIf=\"!popUpView\">\n          <span *ngIf=\"transactionLine.goodDescription && transactionLine.articleNumber\">|</span>\n          <span [textContent]=\"transactionLine.articleNumber\"></span>\n          <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\"\n                   (click)=\"deleteTransactionLineClick($event)\"></co-icon>\n        </div>\n\n      </div>\n      <div *ngIf=\"!preview && !popUpView && transactionLine.articleBoundConcatenatedText\" class=\"article-text-wrapper\">\n        <div [ngClass]=\"{'article-text-expand': true, 'large-article': !expanded}\">\n          <div class=\"article-text\" *ngFor=\"let text of transactionLine.articleTextAsArray\">\n            <span [innerHTML]=\"text | safeHtml\" (dblclick)=\"handleOpenArticleText(text)\"></span>\n          </div>\n        </div>\n        <div *ngIf=\"calculateTotalCharacterCount() > 100\" class=\"expand-wrapper\" (click)=\"expandClicked()\">\n          <co-icon [iconData]=\"expanded ? iconCacheService.getIcon(icons.TriangleUp) : iconCacheService.getIcon(icons.TriangleDown) \"></co-icon>\n          <span class=\"expand-text\" [textContent]=\"!expanded ? ('SHOW_MORE' | localize) : ('SHOW_LESS' | localize)\"></span>\n        </div>\n      </div>\n      <div *ngIf=\"!popUpView && transactionLine.configurationReadable\">\n        <span [innerHTML]=\"transactionLine.configurationReadable\"></span>\n      </div>\n    </div>\n    ",
                     encapsulation: i0.ViewEncapsulation.None,
                     changeDetection: i0.ChangeDetectionStrategy.OnPush
                 },] }
@@ -20089,33 +20091,39 @@
         };
         TransactionLinesComponent.prototype.handleDrop = function (event) {
             return __awaiter(this, void 0, void 0, function () {
-                var from_1, to_1, beingDropped, target;
+                var from_1, to_1, beingDropped, target, e_1;
                 var _this = this;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.lockTransaction()];
+                        case 0:
+                            _a.trys.push([0, 2, , 3]);
+                            from_1 = event.previousIndex;
+                            to_1 = event.currentIndex;
+                            if (from_1 === to_1) {
+                                return [2 /*return*/];
+                            }
+                            beingDropped = this.transactionLines[from_1];
+                            target = this.transactionLines[to_1];
+                            // set items in correct order
+                            dragDrop.moveItemInArray(this.transactionLines, from_1, to_1);
+                            return [4 /*yield*/, this.lockTransaction()];
                         case 1:
                             if (_a.sent()) {
-                                try {
-                                    from_1 = event.previousIndex;
-                                    to_1 = event.currentIndex;
-                                    if (from_1 === to_1) {
-                                        return [2 /*return*/];
-                                    }
-                                    beingDropped = this.transactionLines[from_1];
-                                    target = this.transactionLines[to_1];
-                                    // set items in correct order
-                                    dragDrop.moveItemInArray(this.transactionLines, from_1, to_1);
-                                    this.transactionService.changeLineSequence(beingDropped.uuid, from_1 > to_1 ? target.lineNr : null, from_1 < to_1 ? target.lineNr : null).catch(function () {
-                                        // something went wrong, reset drop
-                                        dragDrop.moveItemInArray(_this.transactionLines, to_1, from_1);
-                                    });
-                                }
-                                catch (e) {
-                                    console.error(e);
-                                }
+                                this.transactionService.changeLineSequence(beingDropped.uuid, from_1 > to_1 ? target.lineNr : null, from_1 < to_1 ? target.lineNr : null).catch(function () {
+                                    // something went wrong, reset drop
+                                    dragDrop.moveItemInArray(_this.transactionLines, to_1, from_1);
+                                });
                             }
-                            return [2 /*return*/];
+                            else {
+                                // couldn't lock, reset drop
+                                dragDrop.moveItemInArray(this.transactionLines, to_1, from_1);
+                            }
+                            return [3 /*break*/, 3];
+                        case 2:
+                            e_1 = _a.sent();
+                            console.error(e_1);
+                            return [3 /*break*/, 3];
+                        case 3: return [2 /*return*/];
                     }
                 });
             });
@@ -20773,7 +20781,7 @@
                 this.readonly = true;
                 this.addLineTooltipMessage(this.dictionaryService.get("NO_FREE_COMMISSION_CODE"));
             }
-            if (this.lineHasLogisticalState || this.lineIsOrdered) {
+            if (this.lineHasLogisticalState || (this.lineIsOrdered && this.transactionLine.commissionCode === "0")) {
                 this.readonly = true;
                 this.addLineTooltipMessage(this.dictionaryService.get("ORDER_LINE_HAS_LOGISTICAL_STATE"));
             }
@@ -21160,7 +21168,7 @@
         };
         TransactionLineWarehouseComponent.prototype.transactionLineSet = function () {
             _super.prototype.transactionLineSet.call(this);
-            if (this.lineHasLogisticalState && this.lineIsOrdered) {
+            if (this.lineHasLogisticalState && (this.lineIsOrdered && this.transactionLine.commissionCode === "0")) {
                 this.readonly = true;
                 this.addLineTooltipMessage(this.dictionaryService.get("ORDER_LINE_HAS_LOGISTICAL_STATE"));
             }
@@ -23630,7 +23638,6 @@
             this._paymentService = _paymentService;
             this._transactionEventService = _transactionEventService;
             this.icons = Icon;
-            this.updateDepositAmount = false;
             this.payed = new i0.EventEmitter();
             this.paymentMethodIdx = 0;
             this.cashRegisterIdx = 0;
@@ -23665,21 +23672,15 @@
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            if (!this.updateDepositAmount) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this._transactionService.updateHeaderTransactionDepositAmount(this.transactionUuid, this.amountToPay, true)];
-                        case 1:
-                            _a.sent();
-                            _a.label = 2;
-                        case 2:
-                            this._getPaymentMethods().then(function () {
-                                _this.showLoader = false;
-                                _this._getDepositPaymentInfo();
-                                _this._prepareCashRegisters();
-                            });
-                            return [2 /*return*/];
-                    }
+                    // if (this.updateDepositAmount) {
+                    //   await this._transactionService.updateHeaderTransactionDepositAmount(this.transactionUuid, this.amountToPay, true);
+                    // }
+                    this._getPaymentMethods().then(function () {
+                        _this.showLoader = false;
+                        _this._getDepositPaymentInfo();
+                        _this._prepareCashRegisters();
+                    });
+                    return [2 /*return*/];
                 });
             });
         };
@@ -23736,7 +23737,7 @@
                         switch (_a.label) {
                             case 0:
                                 this.showKeyPad = false;
-                                return [4 /*yield*/, this._getDepositPaymentInfo(true)];
+                                return [4 /*yield*/, this._getDepositPaymentInfo()];
                             case 1:
                                 _a.sent();
                                 this._handlePayment(false);
@@ -23758,19 +23759,13 @@
                 var info;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0:
-                            if (!(this.updateDepositAmount || force)) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this._paymentService.getDepositPaymentInfo(this.transactionUuid)];
+                        case 0: return [4 /*yield*/, this._paymentService.getDepositPaymentInfo(this.transactionUuid)];
                         case 1:
                             info = _a.sent();
                             if (info) {
                                 this.amountToPay = info.depositRemainderAmount;
                             }
-                            return [3 /*break*/, 3];
-                        case 2:
-                            this.amountToPay = this._amount;
-                            _a.label = 3;
-                        case 3: return [2 /*return*/];
+                            return [2 /*return*/];
                     }
                 });
             });
@@ -23918,7 +23913,6 @@
         transId: [{ type: i0.Input }],
         transactionUuid: [{ type: i0.Input }],
         branch: [{ type: i0.Input }],
-        updateDepositAmount: [{ type: i0.Input }],
         amount: [{ type: i0.Input }],
         currencyId: [{ type: i0.Input }],
         payed: [{ type: i0.Output }],
@@ -24683,7 +24677,7 @@
     CheckoutOverviewPaymentComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-checkout-overview-payment",
-                    template: "\n    <div class=\"checkout-overview-section\">\n      <span class=\"overview-section-title\" [textContent]=\"'YOUR_DATA' | localize\"></span>\n      <div class=\"two-column-grid\">\n        <div class=\"overview-address\">\n            <span class=\"overview-address-title\" [textContent]=\"'DELIVERY_ADDRESS' | localize\"></span>\n            <span [textContent]=\"relation.displayName\"></span>\n            <span [textContent]=\"deliveryAddress.displayAddress\"></span>\n            <span [textContent]=\"deliveryAddress.displayPostal\"></span>\n        </div>\n        <div class=\"overview-address\">\n          <span class=\"overview-address-title\" [textContent]=\"'INVOICE_ADDRESS' | localize\"></span>\n          <span [textContent]=\"relation.displayName\"></span>\n          <span [textContent]=\"invoiceAddress.displayAddress\"></span>\n          <span [textContent]=\"invoiceAddress.displayPostal\"></span>\n        </div>\n      </div>\n      <div class=\"overview-address\">\n        <span class=\"overview-address-title\" [textContent]=\"'CONTACT_DETAILS' | localize\"></span>\n        <span [textContent]=\"relation.primaryEmail\"></span>\n        <span [textContent]=\"relation.primaryPhoneNumber\"></span>\n      </div>\n      <div class=\"overview-section-change-link\">\n        <icon class=\"overview-section-change-icon\" [icon]=\"icons.ArrowPointRight\"></icon>\n        <div [textContent]=\"'CHANGE_DATA' | localize\" (click)=\"changeYourDataClick.emit()\"></div>\n      </div>\n    </div>\n    <div class=\"checkout-overview-section\">\n      <span class=\"overview-section-title\" [textContent]=\"'DELIVERY' | localize\"></span>\n      <div class=\"overview-address\">\n        <div class=\"overview-row\">\n            <span [textContent]=\"'EXPECTED_DELIVERY_DATE' | localize | append:':'\"></span><span [textContent]=\"transaction.transactionInfo.deliveryDate | date:'dd MMM yyyy'\"></span>\n        </div>\n        <div class=\"overview-row\">\n            <span [textContent]=\"'DELIVERY_METHOD' | localize | append:':'\"></span><span [textContent]=\"transaction.transactionInfo.deliveryMethod\"></span>\n        </div>\n      </div>\n      <div class=\"overview-section-change-link\">\n        <icon class=\"overview-section-change-icon\" [icon]=\"icons.ArrowPointRight\"></icon>\n        <div [textContent]=\"'CHANGE_DATA' | localize\" (click)=\"changeDeliveryClick.emit()\"></div>\n      </div>\n    </div>\n    <co-payment *ngIf=\"showPayment\"\n      [updateDepositAmount]=\"false\"\n      [transId]=\"transaction.transactionInfo.id\"\n      [branch]=\"transaction.transactionInfo.branch?.relationNr\"\n      [transactionUuid]=\"transaction.transactionInfo.uuid\"\n      [amount]=\"transaction.transactionInfo.depositAmount || transaction.transactionTotal.netAmount\"\n      [currencyId]=\"transaction.transactionInfo.currencyId\"\n      (payed)=\"handlePayed()\"\n    ></co-payment>\n  ",
+                    template: "\n    <div class=\"checkout-overview-section\">\n      <span class=\"overview-section-title\" [textContent]=\"'YOUR_DATA' | localize\"></span>\n      <div class=\"two-column-grid\">\n        <div class=\"overview-address\">\n            <span class=\"overview-address-title\" [textContent]=\"'DELIVERY_ADDRESS' | localize\"></span>\n            <span [textContent]=\"relation.displayName\"></span>\n            <span [textContent]=\"deliveryAddress.displayAddress\"></span>\n            <span [textContent]=\"deliveryAddress.displayPostal\"></span>\n        </div>\n        <div class=\"overview-address\">\n          <span class=\"overview-address-title\" [textContent]=\"'INVOICE_ADDRESS' | localize\"></span>\n          <span [textContent]=\"relation.displayName\"></span>\n          <span [textContent]=\"invoiceAddress.displayAddress\"></span>\n          <span [textContent]=\"invoiceAddress.displayPostal\"></span>\n        </div>\n      </div>\n      <div class=\"overview-address\">\n        <span class=\"overview-address-title\" [textContent]=\"'CONTACT_DETAILS' | localize\"></span>\n        <span [textContent]=\"relation.primaryEmail\"></span>\n        <span [textContent]=\"relation.primaryPhoneNumber\"></span>\n      </div>\n      <div class=\"overview-section-change-link\">\n        <icon class=\"overview-section-change-icon\" [icon]=\"icons.ArrowPointRight\"></icon>\n        <div [textContent]=\"'CHANGE_DATA' | localize\" (click)=\"changeYourDataClick.emit()\"></div>\n      </div>\n    </div>\n    <div class=\"checkout-overview-section\">\n      <span class=\"overview-section-title\" [textContent]=\"'DELIVERY' | localize\"></span>\n      <div class=\"overview-address\">\n        <div class=\"overview-row\">\n            <span [textContent]=\"'EXPECTED_DELIVERY_DATE' | localize | append:':'\"></span><span [textContent]=\"transaction.transactionInfo.deliveryDate | date:'dd MMM yyyy'\"></span>\n        </div>\n        <div class=\"overview-row\">\n            <span [textContent]=\"'DELIVERY_METHOD' | localize | append:':'\"></span><span [textContent]=\"transaction.transactionInfo.deliveryMethod\"></span>\n        </div>\n      </div>\n      <div class=\"overview-section-change-link\">\n        <icon class=\"overview-section-change-icon\" [icon]=\"icons.ArrowPointRight\"></icon>\n        <div [textContent]=\"'CHANGE_DATA' | localize\" (click)=\"changeDeliveryClick.emit()\"></div>\n      </div>\n    </div>\n    <co-payment *ngIf=\"showPayment\"\n      [transId]=\"transaction.transactionInfo.id\"\n      [branch]=\"transaction.transactionInfo.branch?.relationNr\"\n      [transactionUuid]=\"transaction.transactionInfo.uuid\"\n      [amount]=\"transaction.transactionInfo.depositAmount || transaction.transactionTotal.netAmount\"\n      [currencyId]=\"transaction.transactionInfo.currencyId\"\n      (payed)=\"handlePayed()\"\n    ></co-payment>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -25438,72 +25432,6 @@
                 },] }
     ];
 
-    var TransactionHeaderPartialDeliveryComponent = /** @class */ (function (_super) {
-        __extends(TransactionHeaderPartialDeliveryComponent, _super);
-        function TransactionHeaderPartialDeliveryComponent() {
-            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-            _this.showClass = true;
-            return _this;
-        }
-        TransactionHeaderPartialDeliveryComponent.prototype.commit = function (allow) {
-            return __awaiter(this, void 0, void 0, function () {
-                var oldPartial, success;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            if (!(this.transactionInfo.allowPartialDelivery !== allow)) return [3 /*break*/, 2];
-                            oldPartial = this.transactionInfo.allowPartialDelivery;
-                            return [4 /*yield*/, this.transactionService.updateHeaderTransactionPartialDelivery(this.transactionInfo.uuid, allow, this.lockAndSave)];
-                        case 1:
-                            success = _a.sent();
-                            if (!success) {
-                                this.transactionInfo.allowPartialDelivery = oldPartial;
-                                return [2 /*return*/, success];
-                            }
-                            else {
-                                this.transactionEventService.allowPartialDeliveryChanged.next(allow);
-                            }
-                            _a.label = 2;
-                        case 2: return [2 /*return*/, true];
-                    }
-                });
-            });
-        };
-        return TransactionHeaderPartialDeliveryComponent;
-    }(TransactionBaseComponent));
-    TransactionHeaderPartialDeliveryComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: "co-transaction-header-partial-delivery",
-                    template: "\n    <co-input-checkbox\n      [readonly]=\"headerReadonly\"\n      [label]=\"'PART_DELIVERY' | localize\"\n      [model]=\"transactionInfo.allowPartialDelivery\"\n      [tooltip]=\"tooltipMessage\"\n      (modelChange)=\"handleCommit($event)\">\n    </co-input-checkbox>\n  ",
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    TransactionHeaderPartialDeliveryComponent.propDecorators = {
-        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-header-partial-delivery",] }]
-    };
-
-    var TransactionHeaderPartialDeliveryModule = /** @class */ (function () {
-        function TransactionHeaderPartialDeliveryModule() {
-        }
-        return TransactionHeaderPartialDeliveryModule;
-    }());
-    TransactionHeaderPartialDeliveryModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        PipeModule,
-                        corecomponents_v12.InputCheckboxModule,
-                        corecomponents_v12.TooltipDirectiveModule
-                    ],
-                    declarations: [
-                        TransactionHeaderPartialDeliveryComponent
-                    ],
-                    exports: [
-                        TransactionHeaderPartialDeliveryComponent
-                    ]
-                },] }
-    ];
-
     var TransactionHeaderPopupComponent = /** @class */ (function (_super) {
         __extends(TransactionHeaderPopupComponent, _super);
         function TransactionHeaderPopupComponent(transactionEventService, service, iconCacheService, transactionScreenConfigurationService, dictionaryService, imageService, changeDetector, dialogService, formMasterService, relationService) {
@@ -27766,6 +27694,75 @@
                 },] }
     ];
 
+    var TransactionHeaderPartialDeliveryComponent = /** @class */ (function (_super) {
+        __extends(TransactionHeaderPartialDeliveryComponent, _super);
+        function TransactionHeaderPartialDeliveryComponent() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.showClass = true;
+            return _this;
+        }
+        TransactionHeaderPartialDeliveryComponent.prototype.commit = function (allow) {
+            return __awaiter(this, void 0, void 0, function () {
+                var oldPartial, success;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!(this.transactionInfo.allowPartialDelivery !== allow)) return [3 /*break*/, 2];
+                            this.showLoader = true;
+                            oldPartial = this.transactionInfo.allowPartialDelivery;
+                            return [4 /*yield*/, this.transactionService.updateHeaderTransactionPartialDelivery(this.transactionInfo.uuid, allow, this.lockAndSave)];
+                        case 1:
+                            success = _a.sent();
+                            this.showLoader = false;
+                            if (!success) {
+                                this.transactionInfo.allowPartialDelivery = oldPartial;
+                                return [2 /*return*/, success];
+                            }
+                            else {
+                                this.transactionEventService.allowPartialDeliveryChanged.next(allow);
+                            }
+                            _a.label = 2;
+                        case 2: return [2 /*return*/, true];
+                    }
+                });
+            });
+        };
+        return TransactionHeaderPartialDeliveryComponent;
+    }(TransactionBaseComponent));
+    TransactionHeaderPartialDeliveryComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-transaction-header-partial-delivery",
+                    template: "\n        <co-loader *ngIf=\"showLoader\"></co-loader>\n        <co-input-checkbox\n                [readonly]=\"headerReadonly\"\n                [label]=\"'PART_DELIVERY' | localize\"\n                [model]=\"transactionInfo.allowPartialDelivery\"\n                [tooltip]=\"tooltipMessage\"\n                [disabled]=\"showLoader\"\n                (modelChange)=\"handleCommit($event)\">\n        </co-input-checkbox>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TransactionHeaderPartialDeliveryComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-header-partial-delivery",] }]
+    };
+
+    var TransactionHeaderPartialDeliveryModule = /** @class */ (function () {
+        function TransactionHeaderPartialDeliveryModule() {
+        }
+        return TransactionHeaderPartialDeliveryModule;
+    }());
+    TransactionHeaderPartialDeliveryModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        PipeModule,
+                        corecomponents_v12.InputCheckboxModule,
+                        corecomponents_v12.TooltipDirectiveModule,
+                        LoaderModule
+                    ],
+                    declarations: [
+                        TransactionHeaderPartialDeliveryComponent
+                    ],
+                    exports: [
+                        TransactionHeaderPartialDeliveryComponent
+                    ]
+                },] }
+    ];
+
     var TransactionHeaderPopupModule = /** @class */ (function () {
         function TransactionHeaderPopupModule() {
         }
@@ -27801,7 +27798,6 @@
                         TransactionHeaderDeliveryMethodButtonModule,
                         corecomponents_v12.ButtonModule,
                         TransactionHeaderDefinitiveModule,
-                        TransactionHeaderPartialDeliveryModule,
                         TransactionHeaderDeliveryDateModule,
                         TransactionHeaderPreferredDeliveryDateModule,
                         TransactionHeaderDeliverydateDefinitiveButtonModule,
@@ -27816,7 +27812,8 @@
                         corecomponents_v12.InputTextModule,
                         TransactionHeaderScoringChanceModule,
                         TransactionHeaderRetailStadiumModule,
-                        TransactionHeaderScoringDateModule
+                        TransactionHeaderScoringDateModule,
+                        TransactionHeaderPartialDeliveryModule
                     ],
                     declarations: [
                         TransactionHeaderPopupComponent,
@@ -27855,10 +27852,10 @@
                         TransactionHeaderDeliveryMethodModule,
                         TransactionHeaderPreferredDeliveryDateModule,
                         DialogTransactionHeaderDeliveryMethodModule,
-                        TransactionHeaderPartialDeliveryModule,
                         TransactionHeaderPopupModule,
                         TransactionHeaderDeliveryMethodButtonModule,
-                        TransactionHeaderDeliverydateDefinitiveButtonModule
+                        TransactionHeaderDeliverydateDefinitiveButtonModule,
+                        TransactionHeaderPartialDeliveryModule
                     ],
                     declarations: [
                         TransactionHeaderDeliveryComponent
@@ -28741,7 +28738,7 @@
     TransactionHeaderPaymentComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-payment",
-                    template: "\n    <div class=\"transaction-header-payment-wrapper\">\n      <div class=\"transaction-header-payment-wrapper-content\" [class.show-remaining]=\"showRemainingPayment\">\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        <co-transaction-header-block\n          [firstBlockTemplate]=\"firstBlockRest\"\n          (headerClick)=\"showDialog = true\"\n        >\n        </co-transaction-header-block>\n      </div>\n    </div>\n    <ng-template #firstBlock>\n      <div class=\"transaction-header-block-row\">\n        <div class=\"transaction-header-icon\">\n          <co-icon class=\"header-order-icon\"\n                   (click)=\"showDialog = true\"\n                   [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegular)\">\n          </co-icon>\n        </div>\n        <div class=\"header-downpayment-amount-wrapper\">\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_AMOUNT' | localize\"></div>\n          <co-transaction-header-deposit-amount class=\"transaction-header-deposit\"\n                                                [transaction]=\"transaction\"\n                                                [defaultEditMode]=\"false\"\n                                                [showLabel]=\"false\"\n          ></co-transaction-header-deposit-amount>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #firstBlockRest>\n      <div class=\"transaction-header-block-row\" *ngIf=\"showRemainingPayment\">\n        <div class=\"transaction-header-icon\">\n          <co-icon class=\"header-order-icon\"\n                   (click)=\"showPaymentDialog = true\"\n                   [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\">\n          </co-icon>\n        </div>\n        <div class=\"header-remaining-payment-amount-wrapper\">\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'REMAINING_PAYMENT' | localize\"></div>\n          <co-transaction-header-remaining-amount class=\"transaction-header-remaining\"\n                                                  [transactionUuid]=\"transaction.transactionInfo.uuid\"\n                                                  (remainingAmountChange)=\"remainingToPay = $event\"\n          ></co-transaction-header-remaining-amount>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"transaction-header-block-row\">\n        <div class=\"header-downpayment-percentage-wrapper\">\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'%' | localize\"></div>\n          <co-transaction-header-deposit-percentage class=\"transaction-header-deposit\"\n                                                    [transactionInfo]=\"transactionInfo\"\n                                                    [defaultEditMode]=\"false\"\n                                                    [showLabel]=\"false\"\n          ></co-transaction-header-deposit-percentage>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #thirdBlock>\n      <div class=\"transaction-header-block-row\">\n        <div class=\"header-payment-button-wrapper\" (click)=\"openPayment($event)\">\n            <co-icon class=\"header-order-icon\" [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\">\n            </co-icon>\n          <div class=\"spacer\"></div>\n          <div class=\"payment-payed-wrapper\">\n            <!--div class=\"header-payed-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_DONE' | localize\"></div-->\n            <span class=\"payment-paid\" [class.success]=\"paid >= toPay\" [textContent]=\"(paid | coCurrency) || 0\"></span>\n          </div>\n          <!--co-transaction-header-payment-button *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n                                                [transactionInfo]=\"transactionInfo\"\n          ></co-transaction-header-payment-button-->\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #hiddenBlock>\n      <!--div class=\"transaction-header-block-row\">\n        <div class=\"header-branch-label co-transaction-label\" [textContent]=\"'BRANCH' | localize\"></div>\n        <div class=\"branch-label\" [textContent]=\"transactionInfo.branch?.familyName\"></div>\n      </div-->\n    </ng-template>\n    <co-transaction-header-popup *ngIf=\"showDialog\"\n                                 [activeCategoryIndex]=\"2\"\n                                 [relation]=\"relation\"\n                                 [transaction]=\"transaction\"\n                                 (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n<!--\n    <co-dialog class=\"transaction-header-payment-dialog\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\" (closeClick)=\"showDialog = false\">\n      <ng-template #headerTemplate>\n        <div class=\"co-dialog-header-title\" [textContent]=\"'PAYMENT_INFORMATION' | localize\"></div>\n        <co-transaction-header-block\n          [headerBlockTemplate]=\"headerBlock\"\n          [firstBlockTemplate]=\"firstBlock\"\n          [secondBlockTemplate]=\"secondBlock\"\n        >\n        </co-transaction-header-block>\n      </ng-template>\n      <div class=\"payment-dialog-section\">\n        <co-deposit-payment [branch]=\"transactionInfo.branch?.relationNr\" [transactionUuid]=\"transactionInfo.uuid\"></co-deposit-payment>\n      </div>\n    </co-dialog>\n-->\n    <co-dialog class=\"payment-dialog\" [customCssClass]=\"'co-small-scrollbar'\" *ngIf=\"showPaymentDialog\"\n               [modal]=\"true\"\n               (closeClick)=\"showPaymentDialog = false\"\n    >\n      <co-payment\n        [updateDepositAmount]=\"!showRemainingPayment\"\n        [transId]=\"transactionInfo.id\"\n        [branch]=\"transactionInfo.branch?.relationNr\"\n        [transactionUuid]=\"transactionInfo.uuid\"\n        [amount]=\"showRemainingPayment ? remainingToPay : toPay\"\n        [currencyId]=\"transactionInfo.currencyId\"\n      ></co-payment>\n    </co-dialog>\n  ",
+                    template: "\n    <div class=\"transaction-header-payment-wrapper\">\n      <div class=\"transaction-header-payment-wrapper-content\" [class.show-remaining]=\"showRemainingPayment\">\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        <co-transaction-header-block\n          [firstBlockTemplate]=\"firstBlockRest\"\n          (headerClick)=\"showDialog = true\"\n        >\n        </co-transaction-header-block>\n      </div>\n    </div>\n    <ng-template #firstBlock>\n      <div class=\"transaction-header-block-row\">\n        <div class=\"transaction-header-icon\">\n          <co-icon class=\"header-order-icon\"\n                   (click)=\"showDialog = true\"\n                   [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegular)\">\n          </co-icon>\n        </div>\n        <div class=\"header-downpayment-amount-wrapper\">\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_AMOUNT' | localize\"></div>\n          <co-transaction-header-deposit-amount class=\"transaction-header-deposit\"\n                                                [transaction]=\"transaction\"\n                                                [defaultEditMode]=\"false\"\n                                                [showLabel]=\"false\"\n          ></co-transaction-header-deposit-amount>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #firstBlockRest>\n      <div class=\"transaction-header-block-row\" *ngIf=\"showRemainingPayment\">\n        <div class=\"transaction-header-icon\">\n          <co-icon class=\"header-order-icon\"\n                   (click)=\"showPaymentDialog = true\"\n                   [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\">\n          </co-icon>\n        </div>\n        <div class=\"header-remaining-payment-amount-wrapper\">\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'REMAINING_PAYMENT' | localize\"></div>\n          <co-transaction-header-remaining-amount class=\"transaction-header-remaining\"\n                                                  [transactionUuid]=\"transaction.transactionInfo.uuid\"\n                                                  (remainingAmountChange)=\"remainingToPay = $event\"\n          ></co-transaction-header-remaining-amount>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"transaction-header-block-row\">\n        <div class=\"header-downpayment-percentage-wrapper\">\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'%' | localize\"></div>\n          <co-transaction-header-deposit-percentage class=\"transaction-header-deposit\"\n                                                    [transactionInfo]=\"transactionInfo\"\n                                                    [defaultEditMode]=\"false\"\n                                                    [showLabel]=\"false\"\n          ></co-transaction-header-deposit-percentage>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #thirdBlock>\n      <div class=\"transaction-header-block-row\">\n        <div class=\"header-payment-button-wrapper\" (click)=\"openPayment($event)\">\n            <co-icon class=\"header-order-icon\" [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\">\n            </co-icon>\n          <div class=\"spacer\"></div>\n          <div class=\"payment-payed-wrapper\">\n            <!--div class=\"header-payed-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_DONE' | localize\"></div-->\n            <span class=\"payment-paid\" [class.success]=\"paid >= toPay\" [textContent]=\"(paid | coCurrency) || 0\"></span>\n          </div>\n          <!--co-transaction-header-payment-button *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n                                                [transactionInfo]=\"transactionInfo\"\n          ></co-transaction-header-payment-button-->\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #hiddenBlock>\n      <!--div class=\"transaction-header-block-row\">\n        <div class=\"header-branch-label co-transaction-label\" [textContent]=\"'BRANCH' | localize\"></div>\n        <div class=\"branch-label\" [textContent]=\"transactionInfo.branch?.familyName\"></div>\n      </div-->\n    </ng-template>\n    <co-transaction-header-popup *ngIf=\"showDialog\"\n                                 [activeCategoryIndex]=\"2\"\n                                 [relation]=\"relation\"\n                                 [transaction]=\"transaction\"\n                                 (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n<!--\n    <co-dialog class=\"transaction-header-payment-dialog\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\" (closeClick)=\"showDialog = false\">\n      <ng-template #headerTemplate>\n        <div class=\"co-dialog-header-title\" [textContent]=\"'PAYMENT_INFORMATION' | localize\"></div>\n        <co-transaction-header-block\n          [headerBlockTemplate]=\"headerBlock\"\n          [firstBlockTemplate]=\"firstBlock\"\n          [secondBlockTemplate]=\"secondBlock\"\n        >\n        </co-transaction-header-block>\n      </ng-template>\n      <div class=\"payment-dialog-section\">\n        <co-deposit-payment [branch]=\"transactionInfo.branch?.relationNr\" [transactionUuid]=\"transactionInfo.uuid\"></co-deposit-payment>\n      </div>\n    </co-dialog>\n-->\n    <co-dialog class=\"payment-dialog\" [customCssClass]=\"'co-small-scrollbar'\" *ngIf=\"showPaymentDialog\"\n               [modal]=\"true\"\n               (closeClick)=\"showPaymentDialog = false\"\n    >\n      <co-payment\n        [transId]=\"transactionInfo.id\"\n        [branch]=\"transactionInfo.branch?.relationNr\"\n        [transactionUuid]=\"transactionInfo.uuid\"\n        [amount]=\"showRemainingPayment ? remainingToPay : toPay\"\n        [currencyId]=\"transactionInfo.currencyId\"\n      ></co-payment>\n    </co-dialog>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -39127,50 +39124,50 @@
     exports["ɵh"] = CacheField;
     exports["ɵha"] = DialogTransactionHeaderDeliveryMethodModule;
     exports["ɵhb"] = DialogTransactionHeaderDeliveryMethodComponent;
-    exports["ɵhc"] = TransactionHeaderPartialDeliveryModule;
-    exports["ɵhd"] = TransactionHeaderPartialDeliveryComponent;
-    exports["ɵhe"] = TransactionHeaderPopupModule;
-    exports["ɵhf"] = TransactionFilterCategoriesModule;
-    exports["ɵhg"] = TransactionFilterCategoriesComponent;
-    exports["ɵhh"] = TransactionHeaderBranchModule;
-    exports["ɵhi"] = TransactionHeaderBranchComponent;
-    exports["ɵhj"] = TransactionHeaderSalesPersonModule;
-    exports["ɵhk"] = TransactionHeaderSalesPersonComponent;
-    exports["ɵhl"] = TransactionHeaderAdministrativeRelationModule;
-    exports["ɵhm"] = TransactionHeaderAdministrativeRelationComponent;
-    exports["ɵhn"] = TransactionHeaderPriceKindModule;
-    exports["ɵho"] = TransactionHeaderPriceKindComponent;
-    exports["ɵhp"] = TransactionHeaderCurrencyModule;
-    exports["ɵhq"] = TransactionHeaderCurrencyComponent;
-    exports["ɵhr"] = TransactionHeaderPaymentConditionModule;
-    exports["ɵhs"] = TransactionHeaderPaymentConditionComponent;
-    exports["ɵht"] = TransactionHeaderHoldCodesModule;
-    exports["ɵhu"] = TransactionHeaderHoldCodesComponent;
-    exports["ɵhv"] = TransactionHeaderMarketingModule;
-    exports["ɵhw"] = TransactionHeaderMarketingComponent;
-    exports["ɵhx"] = TransactionHeaderDeliveryMethodButtonModule;
-    exports["ɵhy"] = TransactionHeaderDeliveryMethodButtonComponent;
-    exports["ɵhz"] = TransactionHeaderDefinitiveModule;
+    exports["ɵhc"] = TransactionHeaderPopupModule;
+    exports["ɵhd"] = TransactionFilterCategoriesModule;
+    exports["ɵhe"] = TransactionFilterCategoriesComponent;
+    exports["ɵhf"] = TransactionHeaderBranchModule;
+    exports["ɵhg"] = TransactionHeaderBranchComponent;
+    exports["ɵhh"] = TransactionHeaderSalesPersonModule;
+    exports["ɵhi"] = TransactionHeaderSalesPersonComponent;
+    exports["ɵhj"] = TransactionHeaderAdministrativeRelationModule;
+    exports["ɵhk"] = TransactionHeaderAdministrativeRelationComponent;
+    exports["ɵhl"] = TransactionHeaderPriceKindModule;
+    exports["ɵhm"] = TransactionHeaderPriceKindComponent;
+    exports["ɵhn"] = TransactionHeaderCurrencyModule;
+    exports["ɵho"] = TransactionHeaderCurrencyComponent;
+    exports["ɵhp"] = TransactionHeaderPaymentConditionModule;
+    exports["ɵhq"] = TransactionHeaderPaymentConditionComponent;
+    exports["ɵhr"] = TransactionHeaderHoldCodesModule;
+    exports["ɵhs"] = TransactionHeaderHoldCodesComponent;
+    exports["ɵht"] = TransactionHeaderMarketingModule;
+    exports["ɵhu"] = TransactionHeaderMarketingComponent;
+    exports["ɵhv"] = TransactionHeaderDeliveryMethodButtonModule;
+    exports["ɵhw"] = TransactionHeaderDeliveryMethodButtonComponent;
+    exports["ɵhx"] = TransactionHeaderDefinitiveModule;
+    exports["ɵhy"] = TransactionHeaderDefinitiveComponent;
+    exports["ɵhz"] = TransactionHeaderDeliverydateDefinitiveButtonModule;
     exports["ɵi"] = SelectMultipleParameterizedCacheService;
-    exports["ɵia"] = TransactionHeaderDefinitiveComponent;
-    exports["ɵib"] = TransactionHeaderDeliverydateDefinitiveButtonModule;
-    exports["ɵic"] = TransactionHeaderDeliverydateDefinitiveButtonComponent;
-    exports["ɵid"] = TransactionHeaderDepositPercentageModule;
-    exports["ɵie"] = TransactionHeaderDepositPercentageComponent;
-    exports["ɵif"] = TransactionHeaderDepositAmountModule;
-    exports["ɵig"] = TransactionHeaderDepositAmountComponent;
-    exports["ɵih"] = TransactionHeaderPaymentButtonModule;
-    exports["ɵii"] = TransactionHeaderPaymentButtonComponent;
-    exports["ɵij"] = TransactionHeaderDivideEvenlyModule;
-    exports["ɵik"] = TransactionHeaderDivideEvenlyComponent;
-    exports["ɵil"] = TransactionHeaderAmountToSettleModule;
-    exports["ɵim"] = TransactionHeaderAmountToSettleComponent;
-    exports["ɵin"] = TransactionHeaderScoringChanceModule;
-    exports["ɵio"] = TransactionHeaderScoringChanceComponent;
-    exports["ɵip"] = TransactionHeaderRetailStadiumModule;
-    exports["ɵiq"] = TransactionHeaderRetailStadiumComponent;
-    exports["ɵir"] = TransactionHeaderScoringDateModule;
-    exports["ɵis"] = TransactionHeaderScoringDateComponent;
+    exports["ɵia"] = TransactionHeaderDeliverydateDefinitiveButtonComponent;
+    exports["ɵib"] = TransactionHeaderDepositPercentageModule;
+    exports["ɵic"] = TransactionHeaderDepositPercentageComponent;
+    exports["ɵid"] = TransactionHeaderDepositAmountModule;
+    exports["ɵie"] = TransactionHeaderDepositAmountComponent;
+    exports["ɵif"] = TransactionHeaderPaymentButtonModule;
+    exports["ɵig"] = TransactionHeaderPaymentButtonComponent;
+    exports["ɵih"] = TransactionHeaderDivideEvenlyModule;
+    exports["ɵii"] = TransactionHeaderDivideEvenlyComponent;
+    exports["ɵij"] = TransactionHeaderAmountToSettleModule;
+    exports["ɵik"] = TransactionHeaderAmountToSettleComponent;
+    exports["ɵil"] = TransactionHeaderScoringChanceModule;
+    exports["ɵim"] = TransactionHeaderScoringChanceComponent;
+    exports["ɵin"] = TransactionHeaderRetailStadiumModule;
+    exports["ɵio"] = TransactionHeaderRetailStadiumComponent;
+    exports["ɵip"] = TransactionHeaderScoringDateModule;
+    exports["ɵiq"] = TransactionHeaderScoringDateComponent;
+    exports["ɵir"] = TransactionHeaderPartialDeliveryModule;
+    exports["ɵis"] = TransactionHeaderPartialDeliveryComponent;
     exports["ɵit"] = TransactionHeaderPopupComponent;
     exports["ɵiu"] = TransactionHeaderPopupRelationComponent;
     exports["ɵiv"] = TransactionHeaderPopupBaseComponent;