@colijnit/transaction 12.1.153 → 12.1.155

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.153";
-            this.publishDate = "19-10-2023 15:15:35";
+            this.symVer = "12.1.155";
+            this.publishDate = "27-10-2023 14:50:46";
         }
         return Version;
     }());
@@ -1270,6 +1270,7 @@
             this.headerPopupWantsToClose = new rxjs.Subject();
             this.headerPopupClose = new rxjs.Subject();
             this.addDocumentToLineClicked = new rxjs.Subject();
+            this.reopenExternalOrderClicked = new rxjs.Subject();
             this.activeRubricChange = new rxjs.BehaviorSubject(TransactionTypeCategory.SalesOrderOverview);
             this.quantitySelectedLineChanged = new rxjs.BehaviorSubject(undefined);
             this.lineSelectedForDelivery = new rxjs.BehaviorSubject(undefined);
@@ -1557,6 +1558,13 @@
             var cacheId = id.toString();
             return this._selectSingleCache.has(key) && this._selectSingleCache.get(key)[cacheId];
         };
+        BusinessObjectCacheManagerService.prototype.deleteSingleCacheItem = function (key, id) {
+            if (id === void 0) { id = BusinessObjectCacheManagerService._NullBoId; }
+            var cacheId = id.toString();
+            if (this._selectSingleCache.has(key)) {
+                this._selectSingleCache.delete(key);
+            }
+        };
         // Returns the parameterized cache item with the given key. T is the type of the cache value items requested, e.g. Color.
         BusinessObjectCacheManagerService.prototype.getSelectMultipleParameterCacheItem = function (key) {
             return this._selectMultipleParameterizedCache.get(key);
@@ -6657,7 +6665,11 @@
         function SelectSingleCacheService(_boCacheManager) {
             this._boCacheManager = _boCacheManager;
         }
-        SelectSingleCacheService.prototype.requestCache = function (clazz, sourceId, loadFunction) {
+        SelectSingleCacheService.prototype.requestCache = function (clazz, sourceId, loadFunction, reload) {
+            if (reload === void 0) { reload = false; }
+            if (reload) {
+                this._boCacheManager.deleteSingleCacheItem(clazz, sourceId);
+            }
             if (!this._boCacheManager.hasSingleCacheItem(clazz, sourceId)) {
                 this._createCacheItem(clazz, sourceId, loadFunction);
             }
@@ -8724,6 +8736,7 @@
             this._relation = nulRelationObject.NULL_CUSTOMER_FULL_OBJECT;
             this._transactionLine = new transactionLineInfo_bo.TransactionLineInfo();
             this._transactionInfo = new transactionInfo_bo.TransactionInfo();
+            this._orderLineSets = [];
             this._transactionTotal = new transactionTotal_bo.TransactionTotal();
             this._baseSubs = [];
         }
@@ -8844,12 +8857,25 @@
                             this._transactionInfo.headerInfoStatus.hasOwnProperty('isFullyDelivered') &&
                             this._transactionInfo.headerInfoStatus.isFullyDelivered;
                     this._checkHeaderReadonly();
+                    if (this._transactionInfo.orderLineSets) {
+                        this.orderLineSets = this._transactionInfo.orderLineSets;
+                    }
                     this.transactionInfoSet();
                 }
             },
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(TransactionBaseComponent.prototype, "orderLineSets", {
+            get: function () {
+                return this._orderLineSets;
+            },
+            set: function (value) {
+                this._orderLineSets = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(TransactionBaseComponent.prototype, "transactionTotal", {
             get: function () {
                 return this._transactionTotal;
@@ -8971,6 +8997,8 @@
         // overridden by descendents
         TransactionBaseComponent.prototype.transactionInfoSet = function () {
         };
+        TransactionBaseComponent.prototype.orderLineSetsSet = function () {
+        };
         TransactionBaseComponent.prototype.addLineTooltipMessage = function (message) {
             if (this.lineTooltipMessages.indexOf(message) < 0) {
                 this.lineTooltipMessages.push("<i>" + message + "</i>");
@@ -9048,6 +9076,7 @@
         transaction: [{ type: i0.Input }],
         transactionLine: [{ type: i0.Input }],
         transactionInfo: [{ type: i0.Input }],
+        orderLineSets: [{ type: i0.Input }],
         transactionTotal: [{ type: i0.Input }],
         relation: [{ type: i0.Input }],
         lockAndSave: [{ type: i0.Input }],
@@ -9404,14 +9433,16 @@
             this._boFactory = new businessObjectFactory.BusinessObjectFactory();
         }
         RelationService.prototype.getCustomerFullObject = function (relationNo) {
-            // return this._selectSingleCacheService.requestCache<CustomerFullObject>(CustomerFullObject, relationNo, () => {
-            return this._adapterService.getCustomerFullObject(relationNo);
-            // }).getValue();
+            var _this = this;
+            return this._selectSingleCacheService.requestCache(customerFullObject_bo.CustomerFullObject, relationNo, function () {
+                return _this._adapterService.getCustomerFullObject(relationNo);
+            }).getValue();
         };
         RelationService.prototype.getSupplierFullObject = function (relationNo) {
-            // return this._selectSingleCacheService.requestCache<SupplierFullObject>(SupplierFullObject, relationNo, () => {
-            return this._adapterService.getSupplierFullObject(relationNo);
-            // }).getValue();
+            var _this = this;
+            return this._selectSingleCacheService.requestCache(supplierFullObject_bo.SupplierFullObject, relationNo, function () {
+                return _this._adapterService.getSupplierFullObject(relationNo);
+            }).getValue();
         };
         RelationService.prototype.insertAddress = function (address) {
             return this._adapterService.insertAddress(address);
@@ -9420,22 +9451,34 @@
             return this._adapterService.updateAddress(address);
         };
         RelationService.prototype.insertCustomer = function (relation) {
-            return this._adapterService.insertCustomer(relation);
+            var _this = this;
+            return this._selectSingleCacheService.requestCache(customerFullObject_bo.CustomerFullObject, relation.relationNumber, function () {
+                return _this._adapterService.insertCustomer(relation);
+            }, true).getValue();
         };
         RelationService.prototype.updateCustomer = function (relation) {
             return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
                 return __generator(this, function (_a) {
-                    return [2 /*return*/, this._adapterService.updateCustomer(relation)];
+                    return [2 /*return*/, this._selectSingleCacheService.requestCache(customerFullObject_bo.CustomerFullObject, relation.relationNumber, function () {
+                            return _this._adapterService.updateCustomer(relation);
+                        }, true).getValue()];
                 });
             });
         };
         RelationService.prototype.insertSupplier = function (relation) {
-            return this._adapterService.insertSupplier(relation);
+            var _this = this;
+            return this._selectSingleCacheService.requestCache(supplierFullObject_bo.SupplierFullObject, relation.relationNumber, function () {
+                return _this._adapterService.insertSupplier(relation);
+            }, true).getValue();
         };
         RelationService.prototype.updateSupplier = function (relation) {
             return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
                 return __generator(this, function (_a) {
-                    return [2 /*return*/, this._adapterService.updateSupplier(relation)];
+                    return [2 /*return*/, this._selectSingleCacheService.requestCache(supplierFullObject_bo.SupplierFullObject, relation.relationNumber, function () {
+                            return _this._adapterService.updateSupplier(relation);
+                        }, true).getValue()];
                 });
             });
         };
@@ -9832,6 +9875,22 @@
             var clazz = this._getRelationClass(this.transactionKind);
             this.relation = new clazz;
         };
+        TransactionBaseService.prototype.setRelationOnTransaction = function (relationNr, relationKind) {
+            return __awaiter(this, void 0, void 0, function () {
+                var relation;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.relationService.getRelation(relationKind, relationNr)];
+                        case 1:
+                            relation = _a.sent();
+                            if (relation) {
+                                this.relation = relation;
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         TransactionBaseService.prototype.resetCurrentTransaction = function () {
             this.currentTransaction = new transactionInfoResponse_bo.TransactionInfoResponse();
             this._relation = new customerFullObject_bo.CustomerFullObject();
@@ -13608,6 +13667,9 @@
             this.service.transactionKind = this.transactionType;
             this.relationType = this.service.getRelationKindFromTransactionKind();
             this.service.createNewRelation();
+            if (this.relationNr) {
+                this.service.setRelationOnTransaction(this.relationNr, this.relationType);
+            }
         };
         CheckoutComponent.prototype.ngOnDestroy = function () {
             this._subs.forEach(function (s) { return s.unsubscribe(); });
@@ -13777,6 +13839,7 @@
         checkoutDelivery: [{ type: i0.ViewChild, args: ["checkoutDelivery",] }],
         checkoutPayment: [{ type: i0.ViewChild, args: ["checkoutPayment",] }],
         newTransaction: [{ type: i0.Input }],
+        relationNr: [{ type: i0.Input }],
         sellerId: [{ type: i0.Input }],
         transactionType: [{ type: i0.Input }],
         showCreateTransactionButton: [{ type: i0.Input }],
@@ -17171,8 +17234,8 @@
                 .map(function (line) {
                 var details = new purchaseOrderConfirmationLineDetails.PurchaseOrderConfirmationLineDetails();
                 details.lineNumber = line.lineNr;
-                details.amountConfirmed = line.quantityPurchaseToConfirm;
-                details.confirmedDate = _this.purchaseOrderConfirmation.confirmationDate;
+                details.amountConfirmed = +line.purchasePortalLine.amountToBeConfirmed;
+                details.confirmedDate = line.purchasePortalLine.deliveryDateConfirmed ? new Date(line.purchasePortalLine.deliveryDateConfirmed) : _this.purchaseOrderConfirmation.confirmationDate;
                 details.confirmedPrice = +line.purchasePortalLine.confirmedPrice;
                 return details;
             });
@@ -17774,12 +17837,19 @@
         function TransactionLineActionButtonsPopupComponent(iconCacheService) {
             this.iconCacheService = iconCacheService;
             this.icons = Icon;
+            this.canReopenExternalOrder = false;
+            this.reopenExternalOrderClick = new i0.EventEmitter();
             this.addDocumentButtonClick = new i0.EventEmitter();
             this.articleTextButtonClick = new i0.EventEmitter();
             this.transactionTextButtonClick = new i0.EventEmitter();
             this.sidePanelButtonClick = new i0.EventEmitter();
             this.showClass = true;
         }
+        TransactionLineActionButtonsPopupComponent.prototype.HandleReopenExternalOrderClick = function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.reopenExternalOrderClick.emit();
+        };
         TransactionLineActionButtonsPopupComponent.prototype.handleAddDocumentButtonClick = function (event) {
             event.preventDefault();
             event.stopPropagation();
@@ -17805,7 +17875,7 @@
     TransactionLineActionButtonsPopupComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-action-buttons-popup",
-                    template: "\n      <div class=\"transaction-line-action-buttons-popup-wrapper\" [overlay]=\"parentForOverlay\" [rightAlign]=\"true\">\n        <div class=\"action-button-wrapper\" (click)=\"handleAddDocumentButtonClick($event)\" [screenConfigurationObject]=\"configNames?.addDocumentBtn\" screenConfigNativeElement>\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.Attachments)\"></co-icon>\n          <div class=\"action-button-description\" [textContent]=\"'ADD_DOCUMENT' | localize\"></div>\n        </div>\n          <div class=\"action-button-wrapper\" (click)=\"handleArticleTextButtonClick($event)\" [screenConfigurationObject]=\"configNames?.addProductTextBtn\" screenConfigNativeElement>\n              <co-icon [iconData]=\"iconCacheService.getIcon(icons.TextSizeSolid)\"></co-icon>\n              <div class=\"action-button-description\" [textContent]=\"'PRODUCT_DESCRIPTION_AND_TEXTS' | localize\"></div>\n          </div>\n          <div class=\"action-button-wrapper\" (click)=\"handleTransactionTextButtonClick($event)\" [screenConfigurationObject]=\"configNames?.addLineTextBtn\" screenConfigNativeElement>\n              <co-icon [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"></co-icon>\n              <div class=\"action-button-description\" [textContent]=\"'ORDER_TEXT_LINE' | localize\"></div>\n          </div>\n          <div class=\"action-button-wrapper\" (click)=\"handleSidePanelButtonClick($event)\" [screenConfigurationObject]=\"configNames?.sidePanelBtn\" screenConfigNativeElement>\n              <co-icon [iconData]=\"iconCacheService.getIcon(icons.ObjectIntersectSolid)\"></co-icon>\n              <div class=\"action-button-description\" [textContent]=\"'SIDE_PANEL' | localize\"></div>\n          </div>\n      </div>\n  ",
+                    template: "\n      <div class=\"transaction-line-action-buttons-popup-wrapper\" [overlay]=\"parentForOverlay\" [rightAlign]=\"true\">\n        <div class=\"action-button-wrapper\" *ngIf=\"canReopenExternalOrder\" (click)=\"HandleReopenExternalOrderClick($event)\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.DetailView)\"></co-icon>\n          <div class=\"action-button-description\" [textContent]=\"'REOPEN_EXTERNAL_ORDER' | localize\"></div>\n        </div>\n        <div class=\"action-button-wrapper\" (click)=\"handleAddDocumentButtonClick($event)\" [screenConfigurationObject]=\"configNames?.addDocumentBtn\" screenConfigNativeElement>\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.Attachments)\"></co-icon>\n          <div class=\"action-button-description\" [textContent]=\"'ADD_DOCUMENT' | localize\"></div>\n        </div>\n          <div class=\"action-button-wrapper\" (click)=\"handleArticleTextButtonClick($event)\" [screenConfigurationObject]=\"configNames?.addProductTextBtn\" screenConfigNativeElement>\n              <co-icon [iconData]=\"iconCacheService.getIcon(icons.TextSizeSolid)\"></co-icon>\n              <div class=\"action-button-description\" [textContent]=\"'PRODUCT_DESCRIPTION_AND_TEXTS' | localize\"></div>\n          </div>\n          <div class=\"action-button-wrapper\" (click)=\"handleTransactionTextButtonClick($event)\" [screenConfigurationObject]=\"configNames?.addLineTextBtn\" screenConfigNativeElement>\n              <co-icon [iconData]=\"iconCacheService.getIcon(icons.TextSolid)\"></co-icon>\n              <div class=\"action-button-description\" [textContent]=\"'ORDER_TEXT_LINE' | localize\"></div>\n          </div>\n          <div class=\"action-button-wrapper\" (click)=\"handleSidePanelButtonClick($event)\" [screenConfigurationObject]=\"configNames?.sidePanelBtn\" screenConfigNativeElement>\n              <co-icon [iconData]=\"iconCacheService.getIcon(icons.ObjectIntersectSolid)\"></co-icon>\n              <div class=\"action-button-description\" [textContent]=\"'SIDE_PANEL' | localize\"></div>\n          </div>\n      </div>\n  ",
                     providers: [{
                             provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
                             useExisting: i0.forwardRef(function () { return TransactionLineActionButtonsPopupComponent; })
@@ -17820,6 +17890,8 @@
     TransactionLineActionButtonsPopupComponent.propDecorators = {
         configNames: [{ type: i0.Input }],
         parentForOverlay: [{ type: i0.Input }],
+        canReopenExternalOrder: [{ type: i0.Input }],
+        reopenExternalOrderClick: [{ type: i0.Output }],
         addDocumentButtonClick: [{ type: i0.Output }],
         articleTextButtonClick: [{ type: i0.Output }],
         transactionTextButtonClick: [{ type: i0.Output }],
@@ -17855,6 +17927,16 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(TransactionLineActionButtonsComponent.prototype, "orderLineSets", {
+            get: function () {
+                return this._orderLineSets;
+            },
+            set: function (value) {
+                this._orderLineSets = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
         TransactionLineActionButtonsComponent.prototype.showClass = function () {
             return true;
         };
@@ -17870,6 +17952,9 @@
                 this._hidePopup();
             }
         };
+        TransactionLineActionButtonsComponent.prototype.reopenExternalOrderClick = function () {
+            this._eventService.reopenExternalOrderClicked.next(this._orderLineSet);
+        };
         TransactionLineActionButtonsComponent.prototype.handleAddDocumentButtonClick = function () {
             this._eventService.addDocumentToLineClicked.next(this.transactionLine);
         };
@@ -17891,7 +17976,9 @@
         TransactionLineActionButtonsComponent.prototype._showPopup = function () {
             var _this = this;
             this.showActionButtons = true;
-            this._actionButtonsPopupComponentRef = this._overlayService.createComponent(TransactionLineActionButtonsPopupComponent, { parentForOverlay: this.elementRef, configNames: this.configNames }, {
+            var canReopenExternalOrder = this._isReopenableExternalCatalogLine();
+            this._actionButtonsPopupComponentRef = this._overlayService.createComponent(TransactionLineActionButtonsPopupComponent, { parentForOverlay: this.elementRef, configNames: this.configNames, canReopenExternalOrder: canReopenExternalOrder }, {
+                reopenExternalOrderClick: function () { return _this.reopenExternalOrderClick(); },
                 addDocumentButtonClick: function () { return _this.handleAddDocumentButtonClick(); },
                 articleTextButtonClick: function () { return _this.handleArticleText(); },
                 transactionTextButtonClick: function () { return _this.handleTransactionText(); },
@@ -17902,6 +17989,19 @@
             this.showActionButtons = false;
             this._overlayService.removeComponent(this._actionButtonsPopupComponentRef);
         };
+        TransactionLineActionButtonsComponent.prototype._isReopenableExternalCatalogLine = function () {
+            var _this = this;
+            if (!this.transactionLine.orderLineSetCode) {
+                return false;
+            }
+            this._orderLineSet = this.orderLineSets.find(function (o) { return o.orderLineSetCode === _this.transactionLine.orderLineSetCode; });
+            if (!this._orderLineSet) {
+                return false;
+            }
+            if (this._orderLineSet.aupOrderNr || this._orderLineSet.vdProjectId || this._orderLineSet.wtProjectNr) {
+                return true;
+            }
+        };
         return TransactionLineActionButtonsComponent;
     }());
     TransactionLineActionButtonsComponent.decorators = [
@@ -17925,6 +18025,7 @@
     TransactionLineActionButtonsComponent.propDecorators = {
         configNames: [{ type: i0.Input }],
         transactionLine: [{ type: i0.Input }],
+        orderLineSets: [{ type: i0.Input }],
         waitingForUserAction: [{ type: i0.Output }],
         transactionArticleTextOverviewButtonClicked: [{ type: i0.Output }],
         transactionTextButtonClicked: [{ type: i0.Output }],
@@ -18913,6 +19014,9 @@
         }
         TransactionPurchaseOrderLineBaseComponent.prototype.ngOnInit = function () {
             var _this = this;
+            if (this.transactionLine.purchasePortalLine.amountToBeConfirmed === null || this.transactionLine.purchasePortalLine.amountToBeConfirmed === undefined) {
+                this.transactionLine.purchasePortalLine.amountToBeConfirmed = this.transactionLine.amount.toString();
+            }
             this._subs.push(this.transactionEventService.selectAllSalesOrderLinesForPurchase.subscribe(function (value) {
                 _this.selected = value && _this.showCheckboxForLine;
                 _this.detectChanges();
@@ -18997,7 +19101,7 @@
     TransactionPurchaseOrderLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-purchase-order-line",
-                    template: "\n      <co-transaction-base-line\n              [transactionInfo]=\"transactionInfo\"\n              [transactionLine]=\"transactionLine\"\n              [preview]=\"preview\"\n              [checkbox]=\"showCheckboxForLine\"\n              [checkboxValue]=\"selected\"\n              (click)=\"handleOpenSidePanel($event)\"\n              (checkboxValueChanged)=\"selected = $event\"\n              observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(transactionLine, $event)\">\n          <div class=\"transaction-line-content-wrapper\">\n              <co-transaction-line-statusbar data-action=\"openSidePanel\"\n                                             [screenConfigurationObject]=\"cfgNames.StatusBar\"\n                                             [configNames]=\"statusBarConfigNames\"\n                                             [transactionInfo]=\"transactionInfo\"\n                                             [transactionLine]=\"transactionLine\"\n                                             [activeCategory]=\"transactionTypeCategory.PurchaseOrderOrderConfirmation\"\n              ></co-transaction-line-statusbar>\n              <div class=\"transaction-line-content\" data-action=\"openSidePanel\">\n                  <co-input-text\n                          [screenConfigurationObject]=\"cfgNames.LineAmount\"\n                          [model]=\"transactionLine.amount\"\n                          [leftIconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n                          [readonly]=\"true\"\n                          [customHeight]=\"true\"\n                  ></co-input-text>\n                  <co-input-text class=\"transaction-input-right-align\"\n                                 [screenConfigurationObject]=\"cfgNames.LineGrossOrderPrice\"\n                                 [model]=\"transactionLine.purchasePortalLine.grossOrderPrice | coCurrency\"\n                                 [readonly]=\"true\"\n                                 [customHeight]=\"true\"\n                  ></co-input-text>\n                  <co-transaction-line-discount-button\n                          [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n                          [transactionLine]=\"transactionLine\"\n                          [transactionInfo]=\"transactionInfo\"\n                  ></co-transaction-line-discount-button>\n                  <co-input-text class=\"transaction-input-right-align\"\n                                 [screenConfigurationObject]=\"cfgNames.LineNetOrderPrice\"\n                                 [model]=\"transactionLine.purchasePortalLine.netOrderPrice | coCurrency\"\n                                 [readonly]=\"true\"\n                                 [customHeight]=\"true\"\n                  ></co-input-text>\n                  <co-transaction-line-delivery-date-button\n                          [screenConfigurationObject]=\"cfgNames.DeliveryDate\"\n                          [transactionLine]=\"transactionLine\"\n                          [transactionInfo]=\"transactionInfo\"></co-transaction-line-delivery-date-button>\n              </div>\n              <div class=\"transaction-line-content\" data-action=\"openSidePanel\">\n                  <co-input-text\n                          [screenConfigurationObject]=\"cfgNames.LineArticleNrSupplier\"\n                          [model]=\"transactionLine.purchasePortalLine.articleNoSupplier ? transactionLine.purchasePortalLine.articleNoSupplier : '-'\"\n                          [leftIconData]=\"iconCacheService.getIcon(icons.RegularIndustryTag)\"\n                          [customHeight]=\"true\"\n                          [tooltip]=\"'ARTICLE_NO_SUPPLIER' | localize\"\n                  ></co-input-text>\n                  <co-transaction-line-confirmed-price class=\"transaction-line-confirmed-price price\"\n                                                       [screenConfigurationObject]=\"cfgNames.LineConfirmedPrice\"\n                                                       [(price)]=\"transactionLine.purchasePortalLine.confirmedPrice\"\n                                                       [showLabel]=\"false\"\n                                                       [defaultEditMode]=\"false\"\n                                                       [tooltip]=\"'CONFIRMED_PRICE' | localize\"\n                  ></co-transaction-line-confirmed-price>\n                  <co-input-number-picker class=\"amount-number-picker\"\n                                          [screenConfigurationObject]=\"cfgNames.LineConfirmedAmount\"\n                                          [required]=\"true\"\n                                          [(model)]=\"+transactionLine.purchasePortalLine.amountConfirmed\"\n                                          [min]=\"1\"\n                                          [max]=\"+transactionLine.purchasePortalLine.amountOrdered\"\n                                          [leftIconData]=\"iconCacheService.getIcon(icons.FileCircleInfoRegular)\"\n                                          [tooltip]=\"'CONFIRMED' | localize\"\n                  ></co-input-number-picker>\n                  <co-transaction-line-supplier-delivery-date-button\n                          [screenConfigurationObject]=\"cfgNames.LineConfirmedDate\"\n                          [transactionLine]=\"transactionLine\"\n                          [tooltip]=\"'CONFIRMED_DATE' | localize\"\n                  ></co-transaction-line-supplier-delivery-date-button>\n              </div>\n          </div>\n      </co-transaction-base-line>\n  ",
+                    template: "\n      <co-transaction-base-line\n              [transactionInfo]=\"transactionInfo\"\n              [transactionLine]=\"transactionLine\"\n              [preview]=\"preview\"\n              [checkbox]=\"showCheckboxForLine\"\n              [checkboxValue]=\"selected\"\n              (click)=\"handleOpenSidePanel($event)\"\n              (checkboxValueChanged)=\"selected = $event\"\n              observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(transactionLine, $event)\">\n          <div class=\"transaction-line-content-wrapper\">\n              <co-transaction-line-statusbar data-action=\"openSidePanel\"\n                                             [screenConfigurationObject]=\"cfgNames.StatusBar\"\n                                             [configNames]=\"statusBarConfigNames\"\n                                             [transactionInfo]=\"transactionInfo\"\n                                             [transactionLine]=\"transactionLine\"\n                                             [activeCategory]=\"transactionTypeCategory.PurchaseOrderOrderConfirmation\"\n              ></co-transaction-line-statusbar>\n              <div class=\"transaction-line-content\" data-action=\"openSidePanel\">\n                  <co-input-text\n                          [screenConfigurationObject]=\"cfgNames.LineAmount\"\n                          [model]=\"transactionLine.amount\"\n                          [leftIconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n                          [readonly]=\"true\"\n                          [customHeight]=\"true\"\n                  ></co-input-text>\n                  <co-input-text class=\"transaction-input-right-align\"\n                                 [screenConfigurationObject]=\"cfgNames.LineGrossOrderPrice\"\n                                 [model]=\"transactionLine.purchasePortalLine.grossOrderPrice | coCurrency\"\n                                 [readonly]=\"true\"\n                                 [customHeight]=\"true\"\n                  ></co-input-text>\n                  <co-transaction-line-discount-button\n                          [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n                          [transactionLine]=\"transactionLine\"\n                          [transactionInfo]=\"transactionInfo\"\n                  ></co-transaction-line-discount-button>\n                  <co-input-text class=\"transaction-input-right-align\"\n                                 [screenConfigurationObject]=\"cfgNames.LineNetOrderPrice\"\n                                 [model]=\"transactionLine.purchasePortalLine.netOrderPrice | coCurrency\"\n                                 [readonly]=\"true\"\n                                 [customHeight]=\"true\"\n                  ></co-input-text>\n                  <co-transaction-line-delivery-date-button\n                          [screenConfigurationObject]=\"cfgNames.DeliveryDate\"\n                          [transactionLine]=\"transactionLine\"\n                          [transactionInfo]=\"transactionInfo\"></co-transaction-line-delivery-date-button>\n              </div>\n              <div class=\"transaction-line-content\" data-action=\"openSidePanel\">\n                  <co-input-text\n                          [screenConfigurationObject]=\"cfgNames.LineArticleNrSupplier\"\n                          [model]=\"transactionLine.purchasePortalLine.articleNoSupplier ? transactionLine.purchasePortalLine.articleNoSupplier : '-'\"\n                          [leftIconData]=\"iconCacheService.getIcon(icons.RegularIndustryTag)\"\n                          [customHeight]=\"true\"\n                  ></co-input-text>\n                  <co-transaction-line-confirmed-price class=\"transaction-line-confirmed-price price\"\n                                                       [screenConfigurationObject]=\"cfgNames.LineConfirmedPrice\"\n                                                       [(price)]=\"transactionLine.purchasePortalLine.confirmedPrice\"\n                                                       [showLabel]=\"false\"\n                                                       [defaultEditMode]=\"false\"\n                  ></co-transaction-line-confirmed-price>\n                  <co-input-number-picker class=\"amount-number-picker\"\n                                          [screenConfigurationObject]=\"cfgNames.LineConfirmedAmount\"\n                                          [required]=\"true\"\n                                          [(model)]=\"transactionLine.purchasePortalLine.amountToBeConfirmed\"\n                                          [min]=\"1\"\n                                          [max]=\"+transactionLine.purchasePortalLine.amountOrdered\"\n                                          [leftIconData]=\"iconCacheService.getIcon(icons.FileCircleInfoRegular)\"\n                  ></co-input-number-picker>\n                  <co-transaction-line-supplier-delivery-date-button\n                          [screenConfigurationObject]=\"cfgNames.LineConfirmedDate\"\n                          [transactionLine]=\"transactionLine\"\n                  ></co-transaction-line-supplier-delivery-date-button>\n              </div>\n          </div>\n      </co-transaction-base-line>\n  ",
                     encapsulation: i0.ViewEncapsulation.None,
                     changeDetection: i0.ChangeDetectionStrategy.OnPush
                 },] }
@@ -21367,7 +21471,7 @@
     TransactionBaseLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-base-line",
-                    template: "\n    <div class=\"transaction-base-line-wrapper\" data-action=\"openSidePanel\">\n      <div class=\"transaction-base-line-section\" [class.line-start]=\"!preview\">\n        <co-input-checkbox *ngIf=\"checkbox\" class=\"transaction-line-checkbox\"\n                           [model]=\"checkboxValue\"\n                           (modelChange)=\"checkboxValueChanged.emit($event)\"\n        ></co-input-checkbox>\n        <co-transaction-line-image-and-description\n          *ngIf=\"transactionLine.isArticle\" class=\"transaction-line-image-and-description-wrapper\"\n          [preview]=\"preview\"\n          [transactionInfo]=\"transactionInfo\"\n          [transactionLine]=\"transactionLine\"\n          (handleDeleteLine)=\"deleteTransactionLineClick($event)\"\n          (openArticleTextClicked)=\"handleOpenArticleText($event)\"\n        ></co-transaction-line-image-and-description>\n      </div>\n      <div class=\"transaction-base-line-section\" [class.line-end]=\"!preview\" [class.preview-margin]=\"preview\">\n        <ng-content></ng-content>\n        <div *ngIf=\"!preview && actionButtons && showActionsButton\" class=\"transaction-line-buttons\">\n          <co-transaction-line-action-buttons\n            [configNames]=\"actionButtonsConfigNames\"\n            [transactionLine]=\"transactionLine\"\n            (waitingForUserAction)=\"waitingForUserAction.next($event)\"\n            (sidePanelButtonClicked)=\"handleShowSidePanel($event)\"\n          ></co-transaction-line-action-buttons>\n        </div>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"transaction-base-line-wrapper\" data-action=\"openSidePanel\">\n      <div class=\"transaction-base-line-section\" [class.line-start]=\"!preview\">\n        <co-input-checkbox *ngIf=\"checkbox\" class=\"transaction-line-checkbox\"\n                           [model]=\"checkboxValue\"\n                           (modelChange)=\"checkboxValueChanged.emit($event)\"\n        ></co-input-checkbox>\n        <co-transaction-line-image-and-description\n          *ngIf=\"transactionLine.isArticle\" class=\"transaction-line-image-and-description-wrapper\"\n          [preview]=\"preview\"\n          [transactionInfo]=\"transactionInfo\"\n          [transactionLine]=\"transactionLine\"\n          (handleDeleteLine)=\"deleteTransactionLineClick($event)\"\n          (openArticleTextClicked)=\"handleOpenArticleText($event)\"\n        ></co-transaction-line-image-and-description>\n      </div>\n      <div class=\"transaction-base-line-section\" [class.line-end]=\"!preview\" [class.preview-margin]=\"preview\">\n        <ng-content></ng-content>\n        <div *ngIf=\"!preview && actionButtons && showActionsButton\" class=\"transaction-line-buttons\">\n          <co-transaction-line-action-buttons\n            [configNames]=\"actionButtonsConfigNames\"\n            [transactionLine]=\"transactionLine\"\n            [orderLineSets]=\"orderLineSets\"\n            (waitingForUserAction)=\"waitingForUserAction.next($event)\"\n            (sidePanelButtonClicked)=\"handleShowSidePanel($event)\"\n          ></co-transaction-line-action-buttons>\n        </div>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None,
                     changeDetection: i0.ChangeDetectionStrategy.OnPush
                 },] }
@@ -22436,7 +22540,7 @@
     TransactionLineDeliveryDateButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-delivery-date-button",
-                    template: "\n    <co-transaction-button\n      #parentComponent\n      class=\"big center-align\"\n      [hidden]=\"hidden\"\n      [readonly]=\"readonly\"\n      [iconData]=\"iconCacheService.getIcon(icons.SharpLightTruckMovingClock)\"\n      [label]=\"transactionLine.deliveryDate | date:'d MMM yyyy'\"\n      [rightIconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"\n      (click)=\"handleShowHideClick()\"\n      ></co-transaction-button>\n  ",
+                    template: "\n    <co-transaction-button\n      #parentComponent\n      class=\"big center-align\"\n      [hidden]=\"hidden\"\n      [readonly]=\"readonly\"\n      [iconData]=\"iconCacheService.getIcon(icons.SharpLightTruckMovingClock)\"\n      [label]=\"transactionLine.deliveryDate | date:'d MMM yyyy'\"\n      [rightIconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"\n      (click)=\"handleShowHideClick()\"\n    ></co-transaction-button>\n  ",
                     providers: [
                         corecomponents_v12.OverlayService,
                         {
@@ -24599,11 +24703,12 @@
     ]; };
 
     var PaymentComponent = /** @class */ (function () {
-        function PaymentComponent(_transactionService, _sharedService, _paymentService, _transactionEventService) {
+        function PaymentComponent(_transactionService, _sharedService, _paymentService, _transactionEventService, iconCacheService) {
             this._transactionService = _transactionService;
             this._sharedService = _sharedService;
             this._paymentService = _paymentService;
             this._transactionEventService = _transactionEventService;
+            this.iconCacheService = iconCacheService;
             this.icons = Icon;
             this.updateDepositAmount = true;
             this.payed = new i0.EventEmitter();
@@ -24616,6 +24721,7 @@
             this.showPspQrCode = false;
             this.showLoader = true;
             this.amountToPay = 0;
+            this.depositAmount = 0;
             this.statusMessage = "";
             this._amount = 0;
             this._paymentStatusPollIntervalMs = 5000;
@@ -24733,6 +24839,7 @@
                             info = _a.sent();
                             if (info) {
                                 this.amountToPay = info.depositRemainderAmount;
+                                this.depositAmount = info.depositAmount;
                             }
                             return [3 /*break*/, 3];
                         case 2:
@@ -24872,7 +24979,7 @@
     PaymentComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-payment",
-                    template: "\n    <div class=\"payment-wrapper\">\n      <div class=\"payment-methods-header\">\n        <span class=\"payment-header-title\" [textContent]=\"'SELECT_A' | localize\"></span>\n        <span class=\"payment-header-title extra\" [textContent]=\"'FREE' | localize:false\"></span>\n        <span class=\"payment-header-title\" [textContent]=\"'PAYMENT_METHOD' | localize:false\"></span>\n      </div>\n      <div class=\"payment-methods\">\n        <co-loader class=\"loader\" *ngIf=\"showLoader\"></co-loader>\n        <ng-container *ngIf=\"!showLoader\">\n          <co-payment-tile *ngFor=\"let paymentMethod of paymentMethods; let index = index\"\n                           [image]=\"paymentMethod.image\"\n                           [description]=\"paymentMethod.payment.description\"\n                           [selected]=\"paymentMethodIdx === index\"\n                           (selectedChange)=\"paymentMethodSelected(paymentMethod.payment, index)\"\n          ></co-payment-tile>\n        </ng-container>\n      </div>\n      <div class=\"payment-cash-register-wrapper\" *ngIf=\"showCashRegisters\">\n        <div class=\"payment-cash-register-header\">\n          <span class=\"payment-header-title\" [textContent]=\"'SELECT_CASH_REGISTER' | localize\"></span>\n        </div>\n        <div class=\"payment-methods\">\n          <co-payment-tile *ngFor=\"let cashRegister of cashRegisters; let index = index\"\n                           [icon]=\"cashRegister.icon\"\n                           [description]=\"cashRegister.description\"\n                           [selected]=\"cashRegisterIdx === index\"\n                           (selectedChange)=\"cashRegisterSelected(cashRegister, index)\"\n          ></co-payment-tile>\n        </div>\n      </div>\n      <div class=\"payment-to-pay-wrapper\">\n        <co-payment-to-pay [amountToPay]=\"amountToPay\"></co-payment-to-pay>\n        <div class=\"payment-deposit\">\n          <co-deposit-payment [branch]=\"branch\" [transactionUuid]=\"transactionUuid\"></co-deposit-payment>\n        </div>\n        <div class=\"payment-to-pay-button\">\n          <!--\n                    <co-loader *ngIf=\"statusMessage\"></co-loader>\n          -->\n          <div class=\"payment-error-message\" *ngIf=\"statusMessage\" [textContent]=\"statusMessage\"></div>\n          <co-button [label]=\"'PAY' | localize\" (click)=\"handlePayment()\" [disabled]=\"amountToPay === 0\"></co-button>\n        </div>\n        <co-key-pad class=\"payment-to-pay-keypad\"\n                    [showValue]=\"false\"\n                    [emitModelChangeOnEnter]=\"false\"\n                    [model]=\"amountToPay\"\n                    (modelChange)=\"handleKeyPadModelChange($event)\"\n                    (enterClick)=\"handlePayment()\"\n        ></co-key-pad>\n      </div>\n    </div>\n    <co-dialog *ngIf=\"showPspQrCode\" (closeClick)=\"showPspQrCode = false\">\n      <co-payment-qr-code\n          [qrCodeImage]=\"qrCodeImage\"\n      ></co-payment-qr-code>\n    </co-dialog>\n  ",
+                    template: "\n    <div class=\"payment-wrapper\">\n      <div class=\"payment-methods-register-wrapper\">\n        <div class=\"payment-methods-wrapper\">\n          <div class=\"payment-methods-header\">\n            <span class=\"payment-header-title\" [textContent]=\"'SELECT' | localize\"></span>\n            <!--span class=\"payment-header-title extra\" [textContent]=\"'FREE' | localize:false\"></span-->\n            <span class=\"payment-header-title\" [textContent]=\"'PAYMENT_METHOD' | localize:false\"></span>\n          </div>\n          <div class=\"payment-methods co-small-scrollbar\">\n            <co-loader class=\"loader\" *ngIf=\"showLoader\"></co-loader>\n            <ng-container *ngIf=\"!showLoader\">\n              <co-payment-tile *ngFor=\"let paymentMethod of paymentMethods; let index = index\"\n                               [image]=\"paymentMethod.image\"\n                               [description]=\"paymentMethod.payment.description\"\n                               [selected]=\"paymentMethodIdx === index\"\n                               (selectedChange)=\"paymentMethodSelected(paymentMethod.payment, index)\"\n              ></co-payment-tile>\n            </ng-container>\n          </div>\n        </div>\n        <div class=\"payment-cash-register-wrapper\" *ngIf=\"showCashRegisters\">\n          <div class=\"payment-cash-register-header\">\n            <span class=\"payment-header-title\" [textContent]=\"'SELECT_CASH_REGISTER' | localize\"></span>\n          </div>\n          <div class=\"payment-methods\">\n            <co-payment-tile *ngFor=\"let cashRegister of cashRegisters; let index = index\"\n                             [icon]=\"cashRegister.icon\"\n                             [description]=\"cashRegister.description\"\n                             [selected]=\"cashRegisterIdx === index\"\n                             (selectedChange)=\"cashRegisterSelected(cashRegister, index)\"\n            ></co-payment-tile>\n          </div>\n        </div>\n      </div>\n      <div class=\"payment-to-pay-wrapper\">\n        <div class=\"payment-to-pay-total\">\n          <div class=\"payment-to-pay-header\">\n            <span class=\"payment-header-title\" [textContent]=\"'TOTAL_AMOUNT_TO_PAY' | localize\"></span>\n            <span class=\"payment-total-pay\" [textContent]=\"depositAmount === 0 ? depositAmount : (depositAmount | coCurrency)\"></span>\n          </div>\n          <div class=\"payment-input-button-wrapper\">\n            <div class=\"payment-input-button\">\n                <co-payment-to-pay [amountToPay]=\"amountToPay\"></co-payment-to-pay>\n                <div class=\"payment-to-pay-button\">\n                    <co-button [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\" (click)=\"handlePayment()\" [disabled]=\"amountToPay === 0\"></co-button>\n                </div>\n            </div>\n            <div class=\"payment-error-message\" *ngIf=\"statusMessage\" [textContent]=\"statusMessage\"></div>\n          </div>\n        </div>\n\n        <div class=\"payment-deposit\">\n          <co-deposit-payment [branch]=\"branch\" [transactionUuid]=\"transactionUuid\"></co-deposit-payment>\n        </div>\n        <co-key-pad class=\"payment-to-pay-keypad\"\n                    [showValue]=\"false\"\n                    [emitModelChangeOnEnter]=\"false\"\n                    [model]=\"amountToPay\"\n                    (modelChange)=\"handleKeyPadModelChange($event)\"\n                    (enterClick)=\"handlePayment()\"\n        ></co-key-pad>\n      </div>\n    </div>\n    <co-dialog *ngIf=\"showPspQrCode\" (closeClick)=\"showPspQrCode = false\">\n      <co-payment-qr-code\n          [qrCodeImage]=\"qrCodeImage\"\n      ></co-payment-qr-code>\n    </co-dialog>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -24880,7 +24987,8 @@
         { type: TransactionService },
         { type: SharedService },
         { type: PaymentService },
-        { type: TransactionEventService }
+        { type: TransactionEventService },
+        { type: IconCacheService }
     ]; };
     PaymentComponent.propDecorators = {
         transId: [{ type: i0.Input }],
@@ -25037,7 +25145,7 @@
     DepositPaymentComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-deposit-payment",
-                    template: "\n    <div class=\"down-payment-payments-title\" [textContent]=\"'PAYMENTS_MADE' | localize\" *ngIf=\"showTitle\"></div>\n    <div class=\"down-payment-payments-wrapper\">\n      <co-loader class=\"loader\" *ngIf=\"showLoader\"></co-loader>\n      <div class=\"down-payment-payments\" *ngFor=\"let payment of depositPayments\">\n        <co-payment-tile\n          [image]=\"payment.paymentMethod?.image\"\n          [description]=\"payment.paymentMethod?.payment.description\"\n        ></co-payment-tile>\n        <div class=\"deposit-payment-spacer\"></div>\n        <div class=\"down-payment-amount-wrapper\">\n          <div class=\"down-payment-date\" [textContent]=\"payment.depositPayment?.date | date:'d MMMM yyyy | HH:mm'\"></div>\n          <div class=\"down-payment-amount\" [textContent]=\"payment.depositPayment?.depositPaymentAmount | coCurrency\"></div>\n        </div>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"down-payment-payments-title\" [textContent]=\"'PAYMENTS_MADE' | localize\" *ngIf=\"showTitle\"></div>\n    <div class=\"down-payment-payments-wrapper\">\n      <co-loader class=\"loader\" *ngIf=\"showLoader\"></co-loader>\n      <div class=\"down-payment-payments\" *ngFor=\"let payment of depositPayments\">\n        <co-payment-tile\n          [image]=\"payment.paymentMethod?.image\"\n          [description]=\"payment.paymentMethod?.payment.description\"\n        ></co-payment-tile>\n        <div class=\"down-payment-date-wrapper\">\n          <div class=\"down-payment-date\" [textContent]=\"payment.depositPayment?.date | date:'d MMMM yyyy'\"></div>\n        </div>\n        <div class=\"down-payment-amount-wrapper\">\n          <div class=\"down-payment-amount\" [textContent]=\"payment.depositPayment?.depositPaymentAmount | coCurrency\"></div>\n        </div>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -25136,7 +25244,8 @@
                         PaymentQrCodeModule,
                         DepositPaymentModule,
                         LoaderModule,
-                        PaymentToPayModule
+                        PaymentToPayModule,
+                        corecomponents_v12.IconModule
                     ],
                     declarations: [
                         PaymentComponent
@@ -29634,6 +29743,9 @@
             // Adjust the width condition as needed
             return this.screenWidth < 1280; // Show the div if screen width is smaller than 1280px
         };
+        TransactionComponent.prototype.addExternalOrderLines = function (request) {
+            this.service.addExternalCatalogArticle(request);
+        };
         TransactionComponent.prototype._getTransaction = function () {
             var _this = this;
             if (this.transactionNr && this.transactionKind) {
@@ -30012,7 +30124,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 *ngIf=\"showRemainingPayment\"\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\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAvatarHeader\" screenConfigNativeElement>\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\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\" screenConfigNativeElement>\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                                                [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\"\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\">\n        <div class=\"transaction-header-icon\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAvatarHeader\" screenConfigNativeElement>\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\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\" screenConfigNativeElement>\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                                                  [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\"\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\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentPercentageHeader\" screenConfigNativeElement>\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'%' | localize\"></div>\n          <co-transaction-header-deposit-percentage class=\"transaction-header-deposit\"\n                                                    [screenConfigurationObject]=\"cfgNames.HeaderPaymentPercentageHeader\"\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)\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentPaymentHeader\" screenConfigNativeElement>\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                                 [activeCategoryDescription]=\"'PAYMENT_INFORMATION'\"\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        [updateDepositAmount]=\"!showRemainingPayment\"\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 *ngIf=\"showRemainingPayment\"\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\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAvatarHeader\" screenConfigNativeElement>\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\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\" screenConfigNativeElement>\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                                                [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\"\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\">\n        <div class=\"transaction-header-icon\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAvatarHeader\" screenConfigNativeElement>\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\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\" screenConfigNativeElement>\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                                                  [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\"\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\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentPercentageHeader\" screenConfigNativeElement>\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'%' | localize\"></div>\n          <co-transaction-header-deposit-percentage class=\"transaction-header-deposit\"\n                                                    [screenConfigurationObject]=\"cfgNames.HeaderPaymentPercentageHeader\"\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)\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentPaymentHeader\" screenConfigNativeElement>\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                                 [activeCategoryDescription]=\"'PAYMENT_INFORMATION'\"\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\" [modal]=\"true\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showPaymentDialog\" (closeClick)=\"showPaymentDialog = false\">\n      <ng-template #headerTemplate>\n        <div class=\"payment-wrapper-popup-title\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\"></co-icon>\n          <div class=\"co-dialog-header-title\" [textContent]=\"'PAYMENT_METHOD' | localize\"></div>\n        </div>\n      </ng-template>\n      <co-payment\n        [transId]=\"transactionInfo.id\"\n        [branch]=\"transactionInfo.branch?.relationNr\"\n        [transactionUuid]=\"transactionInfo.uuid\"\n        [amount]=\"showRemainingPayment ? remainingToPay : toPay\"\n        [updateDepositAmount]=\"!showRemainingPayment\"\n        [currencyId]=\"transactionInfo.currencyId\"\n      ></co-payment>\n    </co-dialog>\n  ",
                     providers: [{
                             provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
                             useExisting: i0.forwardRef(function () { return TransactionHeaderPaymentComponent; })
@@ -31876,8 +31988,6 @@
                                 existingBatch.docAmount = this.docDeliveryBatch.docAmount;
                                 existingBatch.docDate = this.docDeliveryBatch.docDate;
                                 existingBatch.reference = this.docDeliveryBatch.reference;
-                                existingBatch.docAmountOrg = this.docDeliveryBatch.docAmountOrg;
-                                existingBatch.docDateOrg = this.docDeliveryBatch.docDateOrg;
                             }
                             else { // or create a new one
                                 this.docDeliveryBatch.deleteLine = 'F';
@@ -31919,7 +32029,7 @@
         };
         TransactionLinePurchaseConfirmationComponent.prototype.handleSelectHistoryRow = function (row) {
             this.docDeliveryBatch = row;
-            // this.docDeliveryBatch.docDate = new Date(row.docDate);
+            this.docDeliveryBatch.docDate = new Date(row.docDate);
         };
         TransactionLinePurchaseConfirmationComponent.prototype.handleCancelClick = function () {
             this._initNewDocDeliveryBatch();
@@ -31932,7 +32042,9 @@
         };
         TransactionLinePurchaseConfirmationComponent.prototype._initNewDocDeliveryBatch = function () {
             this.docDeliveryBatch = new docDeliveryBatch_bo.DocDeliveryBatch();
-            this.docDeliveryBatch.docAmount = +this.transactionLine.purchasePortalLine.amountOrdered;
+            this.docDeliveryBatch.docAmount = this.transactionLine.purchasePortalLine.docBatchArray.length === 0
+                ? +this.transactionLine.amount
+                : +this.transactionLine.purchasePortalLine.amountOrdered;
             this.docDeliveryBatch.confirmedPrice = +this.transactionLine.purchasePortalLine.netOrderPrice;
         };
         return TransactionLinePurchaseConfirmationComponent;
@@ -34886,19 +34998,49 @@
             _this._overlayService = _overlayService;
             _this._elementRef = _elementRef;
             _this.icons = Icon;
+            _this.showCalender = false;
             return _this;
         }
         TransactionLineSupplierDeliveryDateButtonComponent.prototype.showClass = function () {
             return true;
         };
-        TransactionLineSupplierDeliveryDateButtonComponent.prototype.handleShowDialog = function (event) {
+        TransactionLineSupplierDeliveryDateButtonComponent.prototype.handleShowHideClick = function () {
+            this.showCalender = !this.showCalender;
+            if (this.showCalender) {
+                this._showPopup();
+            }
+            else {
+                this._hidePopup();
+            }
+        };
+        TransactionLineSupplierDeliveryDateButtonComponent.prototype._showPopup = function () {
+            var _this = this;
+            this.showCalender = true;
+            this._calendarPopupComponentRef = this._overlayService.createComponent(corecomponents_v12.CalendarComponent, {
+                parentForOverlay: this.parentComponent,
+                selectedDate: new Date(this.transactionLine.purchasePortalLine.deliveryDateConfirmed
+                    ? this.transactionLine.purchasePortalLine.deliveryDateConfirmed
+                    : new Date())
+            }, {
+                dateSelected: function (date) { return _this._handleDateChanged(date); },
+                clickedOutside: function () { return _this.handleShowHideClick(); }
+            });
+        };
+        TransactionLineSupplierDeliveryDateButtonComponent.prototype._handleDateChanged = function (date) {
+            this.transactionLine.purchasePortalLine.deliveryDateConfirmed = date.toDateString();
+            this.handleShowHideClick();
+            this.detectChanges();
+        };
+        TransactionLineSupplierDeliveryDateButtonComponent.prototype._hidePopup = function () {
+            this.showCalender = false;
+            this._overlayService.removeComponent(this._calendarPopupComponentRef);
         };
         return TransactionLineSupplierDeliveryDateButtonComponent;
     }(TransactionBaseComponent));
     TransactionLineSupplierDeliveryDateButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-line-supplier-delivery-date-button',
-                    template: "\n        <co-transaction-button class=\"big center-align\"\n                               [hidden]=\"hidden\"\n                               [readonly]=\"readonly\"\n                               [iconData]=\"iconCacheService.getIcon(icons.RegularIndustryClock)\"\n                               [label]=\"transactionLine.purchasePortalLine.deliveryDateConfirmed | date:'d MMM yyyy'\"\n                               [rightIconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"\n                               (click)=\"handleShowDialog($event)\"\n        ></co-transaction-button>\n    ",
+                    template: "\n        <co-transaction-button #parentComponent class=\"big center-align\"\n                               [hidden]=\"hidden\"\n                               [readonly]=\"readonly\"\n                               [iconData]=\"iconCacheService.getIcon(icons.RegularIndustryClock)\"\n                               [label]=\"transactionLine.purchasePortalLine.deliveryDateConfirmed | date:'d MMM yyyy'\"\n                               [rightIconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"\n                               (click)=\"handleShowHideClick()\"\n        ></co-transaction-button>\n    ",
                     providers: [
                         corecomponents_v12.OverlayService,
                         {
@@ -34921,6 +35063,7 @@
         { type: i0.ElementRef }
     ]; };
     TransactionLineSupplierDeliveryDateButtonComponent.propDecorators = {
+        parentComponent: [{ type: i0.ViewChild, args: ['parentComponent', { read: i0.ElementRef },] }],
         showClass: [{ type: i0.HostBinding, args: ['class.co-transaction-line-supplier-delivery-date-button',] }]
     };