@colijnit/transaction 257.1.74 → 257.1.76

package/bundles/colijnit-transaction.umd.js

@@ -33,8 +33,8 @@
         function Version() {
             this.name = "@colijnit/transaction";
             this.description = "Colijn IT transaction package";
-            this.symVer = "257.1.74";
-            this.publishDate = "23/06/2025, 17:06:28";
+            this.symVer = "257.1.76";
+            this.publishDate = "26/06/2025, 17:24:00";
         }
         return Version;
     }());
@@ -1554,6 +1554,7 @@
             this.selectAllSalesOrderLinesToPick = new rxjs.Subject();
             this.selectAllSalesOrderLinesToBePicked = new rxjs.Subject();
             this.selectAllPurchaseOrderLinesForReceiveGoods = new rxjs.Subject();
+            this.setColliStickerAmount = new rxjs.Subject();
             this.updatingSalesOrderGeneratePurchaseOrders = new rxjs.Subject();
             this.updatingSalesOrderConfirmation = new rxjs.Subject();
             this.updatingSalesOrderGoodsToBePicked = new rxjs.Subject();
@@ -10544,13 +10545,14 @@
                 });
             });
         };
-        TransactionConnectorService.prototype.getCashDrawers = function (cashDrawersRequest) {
+        TransactionConnectorService.prototype.getCashDrawers = function (cashDrawersRequest, overrideOld) {
+            if (overrideOld === void 0) { overrideOld = false; }
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
                     return [2 /*return*/, this._selectMultipleParameterizedCacheService.requestCache(cashDrawer_bo.CashDrawer, function (cashDrawersRequest) {
                             return _this._adapterService.functionCall(_this._adapterService.getCashDrawers, [cashDrawersRequest]);
-                        }).getValue(cashDrawersRequest)];
+                        }, overrideOld).getValue(cashDrawersRequest)];
                 });
             });
         };
@@ -12907,6 +12909,7 @@
         /* Received rubric */
         TransactionCfgName["LineQuantityToReceive"] = "lineQuantityToReceive";
         TransactionCfgName["StickerAmount"] = "stickerAmount";
+        TransactionCfgName["CollieAmount"] = "collieAmount";
         TransactionCfgName["LineWarehouseLocationReceived"] = "lineWarehouseLocationReceived";
         /* Invoice_check rubric */
         /* Service Overview Tab*/
@@ -15896,7 +15899,7 @@
                             return [3 /*break*/, 1];
                         case 5:
                             hasPendingReasons = response.headerOperationStatuses.filter(function (los) { return los.pendingReason !== "REASON_NONE"; }).length > 0;
-                            if (!!hasPendingReasons) return [3 /*break*/, 8];
+                            if (!(!hasPendingReasons && this.transactionKind !== transactionKind_enum.TransactionKind.PurchaseOrder)) return [3 /*break*/, 8];
                             if (!((this.autoSave && saveTransaction && !this.manualSaveParam) || overrideSave)) return [3 /*break*/, 6];
                             return [2 /*return*/, this.saveTransactionAndCommit(response)];
                         case 6: // just replace transaction object
@@ -16073,7 +16076,7 @@
                         case 1:
                             response = _a.sent();
                             // this.rememberCurrentTransaction(response);
-                            return [2 /*return*/, this.handleHeaderOperationStatuses(response)];
+                            return [2 /*return*/, this.handleHeaderOperationStatuses(response, false)];
                     }
                 });
             });
@@ -17553,8 +17556,8 @@
             });
         };
         TransactionService.prototype.updateDiscountTransactionLine = function (uuid, lineUuid, type, discount, reason, code) {
-            if (reason === void 0) { reason = ""; }
-            if (code === void 0) { code = ""; }
+            if (reason === void 0) { reason = ''; }
+            if (code === void 0) { code = ''; }
             return __awaiter(this, void 0, void 0, function () {
                 var response;
                 return __generator(this, function (_a) {
@@ -18564,7 +18567,7 @@
             return this.connector.getCashRegisters(branch, group, this.cashRegistersDirty);
         };
         TransactionService.prototype.getCashDrawers = function (cashDrawersRequest) {
-            return this.connector.getCashDrawers(cashDrawersRequest);
+            return this.connector.getCashDrawers(cashDrawersRequest, this.cashRegistersDirty);
         };
         TransactionService.prototype.getPriceLists = function () {
             return this.connector.getPriceLists();
@@ -18589,8 +18592,9 @@
             if (transactionInfo && transactionInfo.branch) {
                 transactionBranch = transactionInfo.branch.relationNr;
             }
-            else if (this.currentTransaction && this.currentTransaction.transactionInfo && this.currentTransaction.transactionInfo.branch)
+            else if (this.currentTransaction && this.currentTransaction.transactionInfo && this.currentTransaction.transactionInfo.branch) {
                 transactionBranch = this.currentTransaction.transactionInfo.branch.relationNr;
+            }
             else {
                 transactionBranch = this.currentBranch;
             }
@@ -20004,7 +20008,8 @@
                     detail.warehouseNr = line.warehouseNumber;
                     detail.locationNr = line.locationNr;
                     detail.batchNr = line.batchNr;
-                    detail.numberOfStickers = line.stickerAmount;
+                    detail.numberOfColli = line.chosenPackageAmount;
+                    //detail.numberOfStickers = line.stickerAmount;
                     detail.printerName = line.printerName;
                     detail.reportId = line.reportId;
                     receivedGoodsRequest_1.purchaseOrderLineReceiptDetailsDTOS.push(detail);
@@ -20038,7 +20043,8 @@
                             detail.warehouseNr = line.warehouseNumber;
                             detail.locationNr = line.locationNr;
                             detail.batchNr = line.batchNr;
-                            detail.numberOfStickers = line.stickerAmount;
+                            detail.numberOfColli = line.chosenPackageAmount;
+                            //detail.numberOfStickers = line.stickerAmount;
                             detail.printerName = line.printerName;
                             detail.reportId = line.reportId;
                             receivedGoodsRequest_2.purchaseOrderLineReceiptDetailsDTOS.push(detail);
@@ -20554,7 +20560,7 @@
                                 })];
                         case 1: return [2 /*return*/, _a.sent()];
                         case 2:
-                            rxjs.throwError("Failed to create transaction");
+                            rxjs.throwError('Failed to create transaction');
                             _a.label = 3;
                         case 3: return [3 /*break*/, 5];
                         case 4: return [2 /*return*/, Promise.resolve(true)];
@@ -20568,7 +20574,7 @@
     TransactionService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function TransactionService_Factory() { return new TransactionService(i0__namespace.ɵɵinject(TransactionSettingsService), i0__namespace.ɵɵinject(TransactionDialogService), i0__namespace.ɵɵinject(TransactionConnectorService), i0__namespace.ɵɵinject(ArticleConnectorService), i0__namespace.ɵɵinject(DictionaryService), i0__namespace.ɵɵinject(TransactionEventService), i0__namespace.ɵɵinject(TransactionRelationService), i0__namespace.ɵɵinject(TransactionScreenConfigurationService), i0__namespace.ɵɵinject(i9__namespace.RelationService), i0__namespace.ɵɵinject(i10__namespace.SharedService)); }, token: TransactionService, providedIn: "root" });
     TransactionService.decorators = [
         { type: i0.Injectable, args: [{
-                    providedIn: "root"
+                    providedIn: 'root'
                 },] }
     ];
 
@@ -26012,6 +26018,9 @@
         TransactionQuickAccessReceivedGoodsComponent.prototype.handleSelectAllLines = function (value) {
             this.transactionEventService.selectAllPurchaseOrderLinesForReceiveGoods.next(value);
         };
+        TransactionQuickAccessReceivedGoodsComponent.prototype.handleNoColliStickers = function (value) {
+            this.transactionEventService.setColliStickerAmount.next(value);
+        };
         TransactionQuickAccessReceivedGoodsComponent.prototype.handleGlobalLocationChange = function (location) {
             var _this = this;
             this.globalWarehouseLocation = location;
@@ -26135,7 +26144,7 @@
     TransactionQuickAccessReceivedGoodsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-quick-access-received-goods",
-                    template: "\n    <div class=\"quick-access-wrapper\" *ngIf=\"!hideQuickAccessContent\">\n      <div class=\"sub-section\">\n        <co-input-date\n          [placeholder]=\"'RECEIVED_DATE' | localize\"\n          [(model)]=\"commitDate\"\n        ></co-input-date>\n        <co-input-text\n          [placeholder]=\"'PACKING_SLIP' | localize\"\n          [(model)]=\"packingSlipNr\"\n        ></co-input-text>\n  <!--\n        <co-transaction-labeled-warehouse-location-button *ngIf=\"internalParamMLocat && showWarehouseLocationButton\"\n          [locationNr]=\"globalWarehouseLocation\"\n          [warehouseNumber]=\"warehouseNumber\"\n          (locationNrChange)=\"handleGlobalLocationChange($event)\"\n        ></co-transaction-labeled-warehouse-location-button>\n  -->\n        <co-quick-send-button\n          [showSendMethodIcon]=\"false\"\n          [icon]=\"icons.CheckDuotone\"\n          [showLoader]=\"showProcessingLoader\"\n          [title]=\"'PROCESS'\"\n          (sendIconClicked)=\"handleCommitEvent()\"\n          (openSendMethodDialog)=\"showSendMethodDialog = true\"\n        ></co-quick-send-button>\n      </div>\n      <div  class=\"sub-section\"w>\n        <co-input-checkbox\n          class=\"checkbox-wrapper\"\n          [label]=\"'SELECT_ALL' | localize\"\n          [(model)]=\"localCheckboxState\"\n          (modelChange)=\"handleSelectAllLines($event)\"\n        ></co-input-checkbox>\n        <co-input-checkbox\n          class=\"checkbox-wrapper\"\n          [label]=\"'NO_PACKAGE_STICKERS' | localize\"\n          [(model)]=\"colliCheckboxState\"\n          (modelChange)=\"handleSelectAllLines($event)\"\n        ></co-input-checkbox>\n      </div>\n    </div>\n    <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n                           [printerList]=\"printerList\"\n                           [headerTitle]=\"'Printer en lay-out selectie'\"\n                           [defaultSendMethod]=\"defaultSendMethod\"\n                           [visibleMethods]=\"[sendMethodType.Print, sendMethodType.Pdf]\"\n                           [emailAddresses]=\"emailAddresses\"\n                           [emailLayouts]=\"emailLayouts\"\n                           [printLayouts]=\"printLayouts\"\n                           [docSign]=\"false\"\n                           [(reportingDocumentEmailRequest)]=\"reportDocumentEmailRequest\"\n                           [(reportingDocumentPrintRequest)]=\"reportDocumentPrintRequest\"\n                           [(reportingDocumentPdfRequest)]=\"reportDocumentPdfRequest\"\n                           (closeClick)=\"showSendMethodDialog = false\"\n                           (okClick)=\"handleSendMethodOkClick($event)\"\n    ></co-send-method-dialog>\n  ",
+                    template: "\n    <div class=\"quick-access-wrapper\" *ngIf=\"!hideQuickAccessContent\">\n      <div class=\"sub-section-input\">\n        <div class=\"sub-section\">\n          <co-input-date\n            [placeholder]=\"'RECEIVED_DATE' | localize\"\n            [(model)]=\"commitDate\"\n          ></co-input-date>\n          <co-input-text\n            [placeholder]=\"'PACKING_SLIP' | localize\"\n            [(model)]=\"packingSlipNr\"\n          ></co-input-text>\n          <co-quick-send-button\n            [showSendMethodIcon]=\"false\"\n            [icon]=\"icons.CheckDuotone\"\n            [showLoader]=\"showProcessingLoader\"\n            [title]=\"'PROCESS'\"\n            (sendIconClicked)=\"handleCommitEvent()\"\n            (openSendMethodDialog)=\"showSendMethodDialog = true\"\n          ></co-quick-send-button>\n\n        </div>\n        <div class=\"sub-section\">\n          <co-input-checkbox\n            class=\"checkbox-wrapper\"\n            [label]=\"'SELECT_ALL' | localize\"\n            [(model)]=\"localCheckboxState\"\n            (modelChange)=\"handleSelectAllLines($event)\"\n          ></co-input-checkbox>\n          <co-input-checkbox\n            class=\"checkbox-wrapper\"\n            [label]=\"'NO_PACKAGE_STICKERS' | localize\"\n            [(model)]=\"colliCheckboxState\"\n            (modelChange)=\"handleNoColliStickers($event)\"\n          ></co-input-checkbox>\n      </div>\n    </div>\n    <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n                           [printerList]=\"printerList\"\n                           [headerTitle]=\"'Printer en lay-out selectie'\"\n                           [defaultSendMethod]=\"defaultSendMethod\"\n                           [visibleMethods]=\"[sendMethodType.Print, sendMethodType.Pdf]\"\n                           [emailAddresses]=\"emailAddresses\"\n                           [emailLayouts]=\"emailLayouts\"\n                           [printLayouts]=\"printLayouts\"\n                           [docSign]=\"false\"\n                           [(reportingDocumentEmailRequest)]=\"reportDocumentEmailRequest\"\n                           [(reportingDocumentPrintRequest)]=\"reportDocumentPrintRequest\"\n                           [(reportingDocumentPdfRequest)]=\"reportDocumentPdfRequest\"\n                           (closeClick)=\"showSendMethodDialog = false\"\n                           (okClick)=\"handleSendMethodOkClick($event)\"\n    ></co-send-method-dialog>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -27257,6 +27266,14 @@
             this._subscriptions.push(this.transactionEventService.selectAllPurchaseOrderLinesForReceiveGoods.subscribe(function (value) {
                 _this.selected = value && _this.showCheckboxForLine;
                 _this.detectChanges();
+            }), this.transactionEventService.setColliStickerAmount.subscribe(function (value) {
+                if (value) {
+                    _this.transactionLine.stickerAmount = 0;
+                }
+                else {
+                    _this.calcStickerAmount();
+                }
+                _this.detectChanges();
             }), this.transactionEventService.transactionLineChanged.subscribe(function (transLine) {
                 if (transLine.lineNr === _this.transactionLine.lineNr) {
                     _this._handleTransactionLineSet(transLine);
@@ -27271,7 +27288,22 @@
             if (this.transactionLine.articleLineStatus) {
                 this.transactionLine.articleLineStatus.quantityToReceive = amount;
             }
-            this.transactionLine.stickerAmount = amount * (this.transactionLine.productItemsAmount ? this.transactionLine.productItemsAmount : 1);
+            this.calcStickerAmount();
+        };
+        TransactionReceiveGoodsLineBaseComponent.prototype.calcStickerAmount = function () {
+            if (this.transactionLine) {
+                var collie = this.transactionLine.chosenPackageAmount ? this.transactionLine.chosenPackageAmount : 1;
+                var receive = (this.transactionLine.articleLineStatus && this.transactionLine.articleLineStatus.quantityToReceive) ? this.transactionLine.articleLineStatus.quantityToReceive : 1;
+                if (this.transactionLine.purchasePackageCode === 'B' || this.transactionLine.purchasePackageCode === 'E') {
+                    this.transactionLine.stickerAmount = Math.ceil(collie * receive);
+                }
+                else if (this.transactionLine.purchasePackageCode === 'R') {
+                    this.transactionLine.stickerAmount = Math.ceil(collie);
+                }
+                else {
+                    this.transactionLine.stickerAmount = 0;
+                }
+            }
         };
         TransactionReceiveGoodsLineBaseComponent.prototype.transactionLineSet = function () {
             _super.prototype.transactionLineSet.call(this);
@@ -27282,7 +27314,8 @@
             this.warehouseLocationButtonDisabled = transLine.articleLineStatus.quantityReceived === transLine.amount ||
                 !transLine.isLocationRequired || transLine.isBatchNrRequired || transLine.isSerialNrRequired || this.transactionService.internalParameterReceiveGoodsWithDataTerminal;
             this.showCheckboxForLine = transLine.articleLineStatus.quantityReceived !== transLine.amount || transLine.articleLineStatus.quantityToReceive > 0;
-            this.transactionLine.stickerAmount = transLine.articleLineStatus.quantityToReceive * (transLine.productItemsAmount ? transLine.productItemsAmount : 1);
+            this.transactionLine.chosenPackageAmount = transLine.packagesAmountForTransport;
+            this.calcStickerAmount();
             this.detectChanges();
         };
         return TransactionReceiveGoodsLineBaseComponent;
@@ -27295,6 +27328,7 @@
         __extends(TransactionReceiveGoodsLineComponent, _super);
         function TransactionReceiveGoodsLineComponent() {
             var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.cfgNames = exports.TransactionCfgName;
             _this.statusBarConfigNames = {
                 statusBarIB: _this.cfgNames.StatusBarIB,
                 statusBarNT: _this.cfgNames.StatusBarNT,
@@ -27307,12 +27341,23 @@
         TransactionReceiveGoodsLineComponent.prototype.showClass = function () {
             return true;
         };
+        TransactionReceiveGoodsLineComponent.prototype.changeNrPackagesNotAllowed = function () {
+            if (!this.transactionLine) {
+                return true;
+            }
+            else if (this.transactionLine.purchasePackageCode === 'E' || this.transactionLine.purchasePackageCode === 'G') {
+                return true;
+            }
+            else {
+                return false;
+            }
+        };
         return TransactionReceiveGoodsLineComponent;
     }(TransactionReceiveGoodsLineBaseComponent));
     TransactionReceiveGoodsLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-receive-goods-line",
-                    template: "\n    <co-transaction-base-line\n      [transactionInfo]=\"transactionInfo\"\n      [transactionLine]=\"transactionLine\"\n      [preview]=\"preview\"\n      [isFirst]=\"isFirst\"\n      [checkbox]=\"showCheckboxForLine\"\n      [checkboxValue]=\"transactionLine.selected\"\n      (checkboxValueChanged)=\"transactionLine.selected = $event\"\n    >\n      <div class=\"transaction-line-wrapper\">\n        <div class=\"transaction-line-extended-wrapper\">\n          <div class=\"column-full align-right\">\n            <co-transaction-line-statusbar\n              [screenConfigurationObject]=\"cfgNames.StatusBar\"\n              [configNames]=\"statusBarConfigNames\"\n              [activeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\">\n            </co-transaction-line-statusbar>\n            <co-transaction-line-warehouse-button\n              class=\"transaction-field-wrapper medium\"\n              [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n              [inputLabel]=\"true\"\n            ></co-transaction-line-warehouse-button>\n            <co-transaction-line-warehouse-location-button\n              class=\"transaction-field-wrapper medium\"\n              [screenConfigurationObject]=\"cfgNames.LineWarehouseLocationReceived\"\n              [readonly]=\"warehouseLocationButtonDisabled\"\n              [inputLabel]=\"true\">\n            </co-transaction-line-warehouse-location-button>\n            <div class=\"transaction-field-wrapper small\">\n              <div class=\"inside-field\">\n                <co-transaction-line-label [insideLabel]=\"'QUANTITY'\"></co-transaction-line-label>\n                <co-input-text\n                  [model]=\"transactionLine.amount\"\n                  [leftIconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n                  [readonly]=\"true\"\n                  [customHeight]=\"true\"\n                ></co-input-text>\n              </div>\n            </div>\n            <div class=\"transaction-field-wrapper medium\">\n              <div class=\"inside-field\">\n                <co-transaction-line-label [insideLabel]=\"'QUANTITY_ACCEPTED'\"></co-transaction-line-label>\n                <co-input-text\n                  [leftIconData]=\"iconCacheService.getIcon(icons.RegularCartFlatbedBoxesCircleCheck)\"\n                  [readonly]=\"true\"\n                  [customHeight]=\"true\"\n                ></co-input-text>\n              </div>\n            </div>\n            <div class=\"transaction-field-wrapper medium\" *ngIf=\"transactionLine.isBatchNrRequired\">\n              <div class=\"inside-field\">\n                <co-transaction-line-label [insideLabel]=\"'BATCH_NR'\"></co-transaction-line-label>\n                <co-input-text class=\"side-panel-input\"\n                               [(model)]=\"transactionLine.batchNr\"\n                               [hideArrowButtons]=\"true\"\n                               [readonly]=\"this.returnStockMode || readonly\"\n                               [required]=\"true\"\n                               [customHeight]=\"true\"\n                ></co-input-text>\n              </div>\n            </div>\n            <co-transaction-print-package-sticker\n              class=\"transaction-field-wrapper medium\"\n              [screenConfigurationObject]=\"cfgNames.StickerAmount\"\n              [inputLabel]=\"true\"\n            ></co-transaction-print-package-sticker>\n            <div class=\"transaction-field-wrapper medium\">\n              <div class=\"inside-field\">\n                <co-transaction-line-label [insideLabel]=\"'QUANTITY_TO_RECEIVE'\"></co-transaction-line-label>\n                <co-input-number-picker class=\"amount-number-picker\"\n                                        [screenConfigurationObject]=\"cfgNames.LineQuantityToReceive\"\n                                        [model]=\"transactionLine.articleLineStatus?.quantityToReceive\"\n                                        [decimals]=\"decimals\"\n                                        [min]=\"1\"\n                                        [max]=\"transactionLine.amount - lineQuantityReceived\"\n                                        [leftIconData]=\"iconCacheService.getIcon(icons.CartFlatbedBoxesRegular)\"\n                                        [readonly]=\"readonly || lineQuantityReceived === transactionLine.amount\"\n                                        (modelChange)=\"changeLineAmount($event)\">\n                </co-input-number-picker>\n              </div>\n            </div>\n            <co-editable-label\n              class=\"transaction-field-wrapper small transaction-line-totals-total price\"\n              [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n              [editModel]=\"transactionLine.displayNetLineTotal\"\n              [commit]=\"!readonly\"\n              [readonly]=\"true\"\n              [editMode]=\"false\"\n              [inputLabel]=\"true\"\n            ></co-editable-label>\n          </div>\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      [isFirst]=\"isFirst\"\n      [checkbox]=\"showCheckboxForLine\"\n      [checkboxValue]=\"transactionLine.selected\"\n      (checkboxValueChanged)=\"transactionLine.selected = $event\"\n    >\n      <div class=\"transaction-line-wrapper\">\n        <div class=\"transaction-line-extended-wrapper\">\n          <div class=\"column-full align-right\">\n            <co-transaction-line-statusbar\n              [screenConfigurationObject]=\"cfgNames.StatusBar\"\n              [configNames]=\"statusBarConfigNames\"\n              [activeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\">\n            </co-transaction-line-statusbar>\n            <co-transaction-line-warehouse-button\n              class=\"transaction-field-wrapper medium\"\n              [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n              [inputLabel]=\"true\"\n            ></co-transaction-line-warehouse-button>\n            <co-transaction-line-warehouse-location-button\n              class=\"transaction-field-wrapper medium\"\n              [screenConfigurationObject]=\"cfgNames.LineWarehouseLocationReceived\"\n              [readonly]=\"warehouseLocationButtonDisabled\"\n              [inputLabel]=\"true\">\n            </co-transaction-line-warehouse-location-button>\n            <div class=\"transaction-field-wrapper small\">\n              <div class=\"inside-field\">\n                <co-transaction-line-label [insideLabel]=\"'QUANTITY'\"></co-transaction-line-label>\n                <co-input-text\n                  [model]=\"transactionLine.amount\"\n                  [leftIconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n                  [readonly]=\"true\"\n                  [customHeight]=\"true\"\n                ></co-input-text>\n              </div>\n            </div>\n            <div class=\"transaction-field-wrapper medium\">\n              <div class=\"inside-field\">\n                <co-transaction-line-label [insideLabel]=\"'QUANTITY_ACCEPTED'\"></co-transaction-line-label>\n                <co-input-text\n                  [leftIconData]=\"iconCacheService.getIcon(icons.RegularCartFlatbedBoxesCircleCheck)\"\n                  [readonly]=\"true\"\n                  [customHeight]=\"true\"\n                ></co-input-text>\n              </div>\n            </div>\n            <div class=\"transaction-field-wrapper medium\" *ngIf=\"transactionLine.isBatchNrRequired\">\n              <div class=\"inside-field\">\n                <co-transaction-line-label [insideLabel]=\"'BATCH_NR'\"></co-transaction-line-label>\n                <co-input-text class=\"side-panel-input\"\n                               [(model)]=\"transactionLine.batchNr\"\n                               [hideArrowButtons]=\"true\"\n                               [readonly]=\"this.returnStockMode || readonly\"\n                               [required]=\"true\"\n                               [customHeight]=\"true\"\n                ></co-input-text>\n              </div>\n            </div>\n            <div class=\"transaction-field-wrapper\">\n              <div class=\"inside-field\">\n                <co-transaction-line-label [insideLabel]=\"'NUMBER_PACKAGES'\"></co-transaction-line-label>\n                <co-input-number-picker class=\"amount-number-picker\"\n                                        [(model)]=\"transactionLine.chosenPackageAmount\"\n                                        [screenConfigurationObject]=\"cfgNames.CollieAmount\"\n                                        [decimals]=\"decimals\"\n                                        [min]=\"1\"\n                                        [forceReadonly] = \"readonly || changeNrPackagesNotAllowed() || lineQuantityReceived === transactionLine.amount\"\n                                        (modelChange)=\"calcStickerAmount()\">\n                </co-input-number-picker>\n              </div>\n            </div>\n            <div class=\"transaction-field-wrapper\">\n              <div class=\"inside-field\">\n                <co-transaction-print-package-sticker\n                  [forceReadonly]=\"true\"\n                  [screenConfigurationObject]=\"cfgNames.StickerAmount\"\n                  [inputLabel]=\"true\"\n                  [stickerAmount]=\"transactionLine.stickerAmount\"\n                ></co-transaction-print-package-sticker>\n              </div>\n            </div>\n            <div class=\"transaction-field-wrapper medium\">\n              <div class=\"inside-field\">\n                <co-transaction-line-label [insideLabel]=\"'QUANTITY_TO_RECEIVE'\"></co-transaction-line-label>\n                <co-input-number-picker class=\"amount-number-picker\"\n                                        [screenConfigurationObject]=\"cfgNames.LineQuantityToReceive\"\n                                        [model]=\"transactionLine.articleLineStatus?.quantityToReceive\"\n                                        [decimals]=\"decimals\"\n                                        [min]=\"1\"\n                                        [max]=\"transactionLine.amount - lineQuantityReceived\"\n                                        [readonly]=\"readonly || lineQuantityReceived === transactionLine.amount\"\n                                        (modelChange)=\"changeLineAmount($event)\">\n                </co-input-number-picker>\n              </div>\n            </div>\n            <co-editable-label\n              class=\"transaction-field-wrapper small transaction-line-totals-total price\"\n              [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n              [editModel]=\"transactionLine.displayNetLineTotal\"\n              [commit]=\"!readonly\"\n              [readonly]=\"true\"\n              [editMode]=\"false\"\n              [inputLabel]=\"true\"\n            ></co-editable-label>\n          </div>\n        </div>\n      </div>\n    </co-transaction-base-line>\n  ",
                     encapsulation: i0.ViewEncapsulation.None,
                     changeDetection: i0.ChangeDetectionStrategy.OnPush
                 },] }
@@ -38281,8 +38326,8 @@
             var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
             _this.icons = Icon;
             _this.inputLabel = false;
-            // todo: check this component
-            _this.tempModel = 0;
+            _this.forceReadonly = false;
+            _this.stickerAmount = 0;
             _this.reportDocumentEmailRequest = new reportingDocumentEmailSignDocBaseRequest.ReportingDocumentEmailSignDocBaseRequest();
             _this.reportDocumentPrintRequest = new reportingDocumentPrintSignDocBaseRequest.ReportingDocumentPrintSignDocBaseRequest();
             _this.reportDocumentPdfRequest = new reportingDocumentPdfBaseRequest.ReportingDocumentPdfBaseRequest();
@@ -38292,9 +38337,9 @@
             return true;
         };
         TransactionPrintPackageStickerComponent.prototype.handleShowDialog = function () {
-            // if (this.lineQuantityToReceive) {
-            this.showSendMethodDialog = true;
-            // }
+            if (this.stickerAmount > 0) {
+                this.showSendMethodDialog = true;
+            }
         };
         TransactionPrintPackageStickerComponent.prototype.emailDocument = function (request) {
             return;
@@ -38323,7 +38368,7 @@
     TransactionPrintPackageStickerComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-print-package-sticker",
-                    template: "\n    <div class=\"inside-field\">\n      <co-transaction-line-label *ngIf=\"inputLabel\" [insideLabel]=\"'STICKER_AMOUNT'\"></co-transaction-line-label>\n      <co-input-number-picker\n        [hidden]=\"hidden\"\n        [(model)]=\"tempModel\"\n        [disabled]=\"readonly\"\n        [readonly]=\"readonly\"\n        [min]=\"0\"\n        [leftIconData]=\"iconCacheService.getIcon(icons.SharpRegularBarcodeReadTag)\"\n        (iconClick)=\"handleShowDialog()\">\n      </co-input-number-picker>\n    </div>\n    <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n                           [printerList]=\"printerList\"\n                           [headerTitle]=\"'Printer en lay-out selectie'\"\n                           [defaultSendMethod]=\"defaultSendMethod\"\n                           [visibleMethods]=\"[sendMethodType.Print]\"\n                           [emailAddresses]=\"emailAddresses\"\n                           [emailLayouts]=\"emailLayouts\"\n                           [printLayouts]=\"printLayouts\"\n                           [isDocSignEnabled]=\"true\"\n                           [(reportingDocumentEmailRequest)]=\"reportDocumentEmailRequest\"\n                           [(reportingDocumentPrintRequest)]=\"reportDocumentPrintRequest\"\n                           [(reportingDocumentPdfRequest)]=\"reportDocumentPdfRequest\"\n                           (closeClick)=\"showSendMethodDialog = false\"\n                           (okClick)=\"handleSendMethodOkClick($event)\"\n    ></co-send-method-dialog>\n  ",
+                    template: "\n    <div class=\"inside-field\">\n      <co-transaction-line-label *ngIf=\"inputLabel\" [insideLabel]=\"'STICKER_AMOUNT'\"></co-transaction-line-label>\n      <co-input-number-picker\n        [hidden]=\"hidden\"\n        [model]=\"stickerAmount\"\n        [disabled]=\"readonly || forceReadonly\"\n        [readonly]=\"readonly || forceReadonly\"\n        [min]=\"0\"\n        [leftIconData]=\"iconCacheService.getIcon(icons.SharpRegularBarcodeReadTag)\"\n        (iconClick)=\"handleShowDialog()\">\n      </co-input-number-picker>\n    </div>\n    <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n                           [printerList]=\"printerList\"\n                           [headerTitle]=\"'Printer en lay-out selectie'\"\n                           [defaultSendMethod]=\"defaultSendMethod\"\n                           [visibleMethods]=\"[sendMethodType.Print]\"\n                           [emailAddresses]=\"emailAddresses\"\n                           [emailLayouts]=\"emailLayouts\"\n                           [printLayouts]=\"printLayouts\"\n                           [isDocSignEnabled]=\"true\"\n                           [(reportingDocumentEmailRequest)]=\"reportDocumentEmailRequest\"\n                           [(reportingDocumentPrintRequest)]=\"reportDocumentPrintRequest\"\n                           [(reportingDocumentPdfRequest)]=\"reportDocumentPdfRequest\"\n                           (closeClick)=\"showSendMethodDialog = false\"\n                           (okClick)=\"handleSendMethodOkClick($event)\"\n    ></co-send-method-dialog>\n  ",
                     providers: [{
                             provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
                             useExisting: i0.forwardRef(function () { return TransactionPrintPackageStickerComponent; })
@@ -38334,6 +38379,8 @@
     ];
     TransactionPrintPackageStickerComponent.propDecorators = {
         inputLabel: [{ type: i0.Input }],
+        forceReadonly: [{ type: i0.Input }],
+        stickerAmount: [{ type: i0.Input }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-print-package-sticker",] }]
     };
 
@@ -39967,6 +40014,7 @@
             _this.goodsReceiptHistory = [];
             _this.returnStockMode = false;
             _this.availableStockCollection = [];
+            _this.warehouseLocationButtonDisabled = false;
             _this._subs = [];
             return _this;
         }
@@ -40073,6 +40121,32 @@
             this.receiptDetails.batchNr = availableStock.batchNumber;
             this.receiptDetails.lineNr = this.transactionLine.lineNr;
         };
+        TransactionLinePurchaseReceiveGoodsComponent.prototype.calcStickerAmount = function () {
+            if (this.transactionLine) {
+                var collie = this.transactionLine.chosenPackageAmount ? this.transactionLine.chosenPackageAmount : 1;
+                var receive = this.transactionLine.quantityToReceive ? this.transactionLine.quantityToReceive : 1;
+                if (this.transactionLine.purchasePackageCode === 'B' || this.transactionLine.purchasePackageCode === 'E') {
+                    this.transactionLine.stickerAmount = Math.ceil(collie * receive);
+                }
+                else if (this.transactionLine.purchasePackageCode === 'R') {
+                    this.transactionLine.stickerAmount = Math.ceil(collie);
+                }
+                else {
+                    this.transactionLine.stickerAmount = 0;
+                }
+            }
+        };
+        TransactionLinePurchaseReceiveGoodsComponent.prototype.changeNrPackagesNotAllowed = function () {
+            if (!this.transactionLine) {
+                return true;
+            }
+            else if (this.transactionLine.purchasePackageCode === 'E' || this.transactionLine.purchasePackageCode === 'G') {
+                return true;
+            }
+            else {
+                return false;
+            }
+        };
         TransactionLinePurchaseReceiveGoodsComponent.prototype.transactionLineSet = function () {
             _super.prototype.transactionLineSet.call(this);
             this._handleTransactionLineSet(this.transactionLine);
@@ -40085,6 +40159,8 @@
             this.returnStockMode = this.transactionLine.amount < 0;
             this.receiptDetails.batchNr = this.transactionLine.batchNr;
             this.getGoodsReceiptHistory();
+            this.warehouseLocationButtonDisabled = transLine.articleLineStatus.quantityReceived === transLine.amount ||
+                !transLine.isLocationRequired || transLine.isBatchNrRequired || transLine.isSerialNrRequired || this.transactionService.internalParameterReceiveGoodsWithDataTerminal;
         };
         TransactionLinePurchaseReceiveGoodsComponent.prototype._getAvailableStock = function () {
             return __awaiter(this, void 0, void 0, function () {
@@ -40106,7 +40182,7 @@
     TransactionLinePurchaseReceiveGoodsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-line-purchase-receive-goods',
-                    template: "\n    <div class=\"receive-details-wrapper form-and-buttons\">\n      <co-form>\n        <!--div class=\"header-wrapper\">\n          <div class=\"status-header\">\n          <span [textContent]=\"'STATE' | localize\"></span>\n            <co-transaction-line-statusbar class=\"status-bar-wrapper\"\n                                           [transactionInfo]=\"transactionInfo\"\n                                           [transactionLine]=\"transactionLine\"\n                                           [activeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\"></co-transaction-line-statusbar>\n            </div>\n        </div-->\n        <div class=\"side-panel-input-row\">\n          <co-input-number-picker class=\"side-panel-input\"\n                                  [max]=\"returnStockMode ? returnMaxToReceive : lineQuantityToReceive\"\n                                  [(model)]=\"receiptDetails.serialNr ? 1 : receiptDetails.quantityToReceive\"\n                                  [decimals]=\"2\"\n                                  [min]=\"0\"\n                                  [readonly]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive || readonly\"\n                                  [disabled]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive\"\n                                  [required]=\"true\"\n          ></co-input-number-picker>\n          <co-input-date class=\"side-panel-input\"\n                         [placeholder]=\"'RECEIVED_DATE' | localize\"\n                         [(model)]=\"request.receivedDate\"\n                         [readonly]=\"readonly\"\n          ></co-input-date>\n          <co-input-text class=\"side-panel-input\"\n                         *ngIf=\"!returnStockMode\"\n                         [(model)]=\"request.packingSlipNr\"\n                         [placeholder]=\"'PACKING_SLIP' | localize\"\n                         [required]=\"true\"\n                         [readonly]=\"readonly\"\n          ></co-input-text>\n        </div>\n        <div class=\"side-panel-input-row\">\n<!-- dit ding werkt helemaal niet\n          <co-transaction-labeled-warehouse-location-button class=\"side-panel-input\" *ngIf=\"transactionLine.isLocationRequired\"\n                         [readonly]=\"returnStockMode || receiptDetails.quantityToReceive === 0\"\n                         [warehouseNumber]=\"transactionLine.warehouseNumber\"\n                         [(locationNr)]=\"transactionLine.locationNr\"\n                         (locationNrChange)=\"receiptDetails.locationNr = $event\"\n          ></co-transaction-labeled-warehouse-location-button>\n-->\n          <co-input-text class=\"side-panel-input\" [(model)]=\"receiptDetails.batchNr\" *ngIf=\"transactionLine.isBatchNrRequired\"\n                         [hideArrowButtons]=\"true\"\n                         [readonly]=\"readonly || returnStockMode\"\n                         [disabled]=\"returnStockMode\"\n                         [required]=\"true\"\n                         [placeholder]=\"'BATCH_NUMBER' | localize\"></co-input-text>\n          <co-input-text class=\"side-panel-input\" [(model)]=\"receiptDetails.serialNr\" *ngIf=\"transactionLine.isSerialNrRequired\"\n                         [type]=\"'text'\"\n                         [maxLength]=\"15\"\n                         [hideArrowButtons]=\"true\"\n                         [readonly]=\"readonly || returnStockMode\"\n                         [disabled]=\"returnStockMode\"\n                         [required]=\"true\"\n                         [placeholder]=\"'SERIAL_NUMBER' | localize\"></co-input-text>\n        </div>\n      </co-form>\n      <div class=\"save-cancel-wrapper\">\n        <co-button\n          [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n          (click)=\"handleSaveDetailsEdit()\"\n        ></co-button>\n        <co-button class=\"cancel-button\"\n                   [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n        ></co-button>\n        <!--      <div class=\"commit-button clickable\" *ngIf=\"!readonly\" (click)=\"handleSaveDetailsEdit()\"-->\n        <!--           [class.disabled]=\"receiptDetails.quantityToReceive === 0\">-->\n        <!--        <span class=\"commit-text\" [textContent]=\"returnStockMode ? ('RETURN_STOCK' | localize) : ('RECEIVE' | localize)\"></span>-->\n        <!--      </div>-->\n      </div>\n    </div>\n    <co-transaction-receiving-goods-history *ngIf=\"transactionLine.amount >= 0\"\n                                            [goodsReceiptHistory]=\"goodsReceiptHistory\"\n                                            (deleteRow)=\"handleDeleteSelectedRow($event)\"\n    ></co-transaction-receiving-goods-history>\n    <co-transaction-available-stock-grid *ngIf=\"transactionLine.amount < 0\"\n                                         [collection]=\"availableStockCollection\"\n                                         (selectStock)=\"handleSelectStock($event)\"\n    ></co-transaction-available-stock-grid>\n  ",
+                    template: "\n    <div class=\"receive-details-wrapper form-and-buttons\">\n      <co-form>\n        <!--div class=\"header-wrapper\">\n          <div class=\"status-header\">\n          <span [textContent]=\"'STATE' | localize\"></span>\n            <co-transaction-line-statusbar class=\"status-bar-wrapper\"\n                                           [transactionInfo]=\"transactionInfo\"\n                                           [transactionLine]=\"transactionLine\"\n                                           [activeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\"></co-transaction-line-statusbar>\n            </div>\n        </div-->\n        <div class=\"side-panel-input-row\">\n          <co-input-number-picker class=\"side-panel-input\"[label]=\"'QUANTITY_TO_RECEIVE' | localize\" [showPermanentLabel]=\"true\"\n                                  [max]=\"returnStockMode ? returnMaxToReceive : lineQuantityToReceive\"  [screenConfigurationObject]=\"cfgNames.LineQuantityToReceive\"\n                                  [(model)]=\"receiptDetails.serialNr ? 1 : receiptDetails.quantityToReceive\"\n                                  [decimals]=\"2\"\n                                  [min]=\"0\"\n                                  [readonly]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive || readonly\"\n                                  [disabled]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive\"\n                                  [required]=\"true\"\n                                  (modelChange)=\"calcStickerAmount()\"\n          ></co-input-number-picker>\n          <co-input-number-picker class=\"side-panel-input\"  [label]=\"'NUMBER_PACKAGES' | localize\" [showPermanentLabel]=\"true\"\n                                  [screenConfigurationObject]=\"cfgNames.CollieAmount\"\n                                  [(model)]=\"transactionLine.chosenPackageAmount\"\n                                  [decimals]=\"2\"\n                                  [min]=\"0\"\n                                  [forceReadonly]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive || readonly || changeNrPackagesNotAllowed()\"\n                                  [disabled]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive || readonly || changeNrPackagesNotAllowed()\"\n                                  [required]=\"true\"\n                                  (modelChange)=\"calcStickerAmount()\"\n          ></co-input-number-picker>\n          <co-input-number-picker class=\"side-panel-input\" [label]=\"'STICKER_AMOUNT' | localize\" [showPermanentLabel]=\"true\"\n                                  [screenConfigurationObject]=\"cfgNames.StickerAmount\"\n                                  [(model)]=\"transactionLine.stickerAmount\"\n                                  [decimals]=\"2\"\n                                  [min]=\"0\"\n                                  [readonly]=\"true\"\n                                  [disabled]=\"true\"\n                                  [required]=\"true\"\n          ></co-input-number-picker>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-input-date class=\"side-panel-input\"\n                         [placeholder]=\"'RECEIVED_DATE' | localize\"\n                         [(model)]=\"request.receivedDate\"\n                         [readonly]=\"readonly\"\n          ></co-input-date>\n          <co-input-text class=\"side-panel-input\"\n                         *ngIf=\"!returnStockMode\"\n                         [(model)]=\"request.packingSlipNr\"\n                         [placeholder]=\"'PACKING_SLIP' | localize\"\n                         [required]=\"true\"\n                         [readonly]=\"readonly\"\n          ></co-input-text>\n        </div>\n        <div class=\"side-panel-input-row\">\n          <co-transaction-line-warehouse-button class=\"warehouse-buttons\"\n            [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n            [inputLabel]=\"true\" [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n\n          ></co-transaction-line-warehouse-button>\n          <co-transaction-line-warehouse-location-button class=\"warehouse-buttons\"\n            [screenConfigurationObject]=\"cfgNames.LineWarehouseLocationReceived\"\n            [readonly]=\"warehouseLocationButtonDisabled\"\n            [inputLabel]=\"true\" [screenConfigurationObject]=\"cfgNames.LineWarehouseLocationReceived\"\n          ></co-transaction-line-warehouse-location-button>\n        </div>\n<!-- dit ding werkt helemaal niet\n          <co-transaction-labeled-warehouse-location-button class=\"side-panel-input\" *ngIf=\"transactionLine.isLocationRequired\"\n                         [readonly]=\"returnStockMode || receiptDetails.quantityToReceive === 0\"\n                         [warehouseNumber]=\"transactionLine.warehouseNumber\"\n                         [(locationNr)]=\"transactionLine.locationNr\"\n                         (locationNrChange)=\"receiptDetails.locationNr = $event\"\n          ></co-transaction-labeled-warehouse-location-button>\n-->\n        <div class=\"side-panel-input-row\">\n          <co-input-text class=\"side-panel-input\" [(model)]=\"receiptDetails.batchNr\" *ngIf=\"transactionLine.isBatchNrRequired\"\n                         [hideArrowButtons]=\"true\"\n                         [readonly]=\"readonly || returnStockMode\"\n                         [disabled]=\"returnStockMode\"\n                         [required]=\"true\"\n                         [placeholder]=\"'BATCH_NUMBER' | localize\"></co-input-text>\n          <co-input-text class=\"side-panel-input\" [(model)]=\"receiptDetails.serialNr\" *ngIf=\"transactionLine.isSerialNrRequired\"\n                         [type]=\"'text'\"\n                         [maxLength]=\"15\"\n                         [hideArrowButtons]=\"true\"\n                         [readonly]=\"readonly || returnStockMode\"\n                         [disabled]=\"returnStockMode\"\n                         [required]=\"true\"\n                         [placeholder]=\"'SERIAL_NUMBER' | localize\"></co-input-text>\n        </div>\n      </co-form>\n      <div class=\"save-cancel-wrapper\">\n        <co-button\n          [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n          (click)=\"handleSaveDetailsEdit()\"\n          [disabled]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive || readonly\"\n        ></co-button>\n        <co-button class=\"cancel-button\"\n                   [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n        ></co-button>\n        <!--      <div class=\"commit-button clickable\" *ngIf=\"!readonly\" (click)=\"handleSaveDetailsEdit()\"-->\n        <!--           [class.disabled]=\"receiptDetails.quantityToReceive === 0\">-->\n        <!--        <span class=\"commit-text\" [textContent]=\"returnStockMode ? ('RETURN_STOCK' | localize) : ('RECEIVE' | localize)\"></span>-->\n        <!--      </div>-->\n      </div>\n    </div>\n    <co-transaction-receiving-goods-history *ngIf=\"transactionLine.amount >= 0\"\n                                            [goodsReceiptHistory]=\"goodsReceiptHistory\"\n                                            (deleteRow)=\"handleDeleteSelectedRow($event)\"\n    ></co-transaction-receiving-goods-history>\n    <co-transaction-available-stock-grid *ngIf=\"transactionLine.amount < 0\"\n                                         [collection]=\"availableStockCollection\"\n                                         (selectStock)=\"handleSelectStock($event)\"\n    ></co-transaction-available-stock-grid>\n  ",
                     providers: [
                         corecomponents_v12.FormMasterService
                     ],
@@ -40235,7 +40311,11 @@
                         TransactionReceivingGoodsHistoryModule,
                         TransactionAvailableStockGridModule,
                         corecomponents_v12.ButtonModule,
-                        TransactionLabeledWarehouseLocationButtonModule
+                        TransactionLabeledWarehouseLocationButtonModule,
+                        TransactionLineLabelModule,
+                        corecomponents_v12.ScreenConfigurationModule,
+                        TransactionLineWarehouseButtonModule,
+                        TransactionPrintPackageStickerModule
                     ],
                     declarations: [
                         TransactionLinePurchaseReceiveGoodsComponent
@@ -50018,7 +50098,7 @@
     PaymentComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-payment",
-                    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 ? (depositAmount | coCurrency: true) : (paymentService.amount | coCurrency: true)\"></span>\n                  </div>\n                  <div class=\"payment-input-button-wrapper\">\n                      <div class=\"payment-input-button\">\n                          <co-payment-to-pay\n                                  [amountToPay]=\"paymentService.amountToPay\"></co-payment-to-pay>\n                          <div class=\"payment-to-pay-button\">\n                              <co-button\n                                      [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                                      [disabled]=\"paymentService.amountToPay === 0\"\n                                      (click)=\"handlePayment()\">\n                              </co-button>\n                          </div>\n                      </div>\n                      <div class=\"payment-bookdate\" *ngIf=\"showPaymentDate\">\n                          <co-input-date [(model)]=\"paymentDate\"></co-input-date>\n                      </div>\n                      <div class=\"payment-error-message\" *ngIf=\"paymentService.statusMessage\"\n                           [textContent]=\"paymentService.statusMessage\"></div>\n                  </div>\n              </div>\n\n              <div class=\"payment-deposit\">\n                  <co-deposit-payment\n                          [branch]=\"branch\"\n                          [transactionUuid]=\"transactionUuid\"\n                          (depositPaymentFetched)=\"onDepositPaymentFetched($event)\">\n                  </co-deposit-payment>\n              </div>\n              <co-key-pad class=\"payment-to-pay-keypad\" *ngIf=\"showKeyPad\"\n                          [showValue]=\"false\"\n                          [emitModelChangeOnEnter]=\"false\"\n                          [model]=\"paymentService.amountToPay\"\n                          (modelChange)=\"handleKeyPadModelChange($event)\"\n                          (enterClick)=\"handlePayment()\"\n              ></co-key-pad>\n          </div>\n      </div>\n      <co-dialog *ngIf=\"paymentService.showPspQrCode\" (closeClick)=\"paymentService.showPspQrCode = false\">\n          <co-payment-qr-code\n                  [qrCodeImage]=\"paymentService.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]=\"paymentService.amountToPay | coCurrency: true\"></span>\n                  </div>\n                  <div class=\"payment-input-button-wrapper\">\n                      <div class=\"payment-input-button\">\n                          <co-payment-to-pay\n                                  [amountToPay]=\"paymentService.amountToPay\"></co-payment-to-pay>\n                          <div class=\"payment-to-pay-button\">\n                              <co-button\n                                      [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                                      [disabled]=\"paymentService.amountToPay === 0\"\n                                      (click)=\"handlePayment()\">\n                              </co-button>\n                          </div>\n                      </div>\n                      <div class=\"payment-bookdate\" *ngIf=\"showPaymentDate\">\n                          <co-input-date [(model)]=\"paymentDate\"></co-input-date>\n                      </div>\n                      <div class=\"payment-error-message\" *ngIf=\"paymentService.statusMessage\"\n                           [textContent]=\"paymentService.statusMessage\"></div>\n                  </div>\n              </div>\n\n              <div class=\"payment-deposit\">\n                  <co-deposit-payment\n                          [branch]=\"branch\"\n                          [transactionUuid]=\"transactionUuid\"\n                          (depositPaymentFetched)=\"onDepositPaymentFetched($event)\">\n                  </co-deposit-payment>\n              </div>\n              <co-key-pad class=\"payment-to-pay-keypad\" *ngIf=\"showKeyPad\"\n                          [showValue]=\"false\"\n                          [emitModelChangeOnEnter]=\"false\"\n                          [model]=\"paymentService.amountToPay\"\n                          (modelChange)=\"handleKeyPadModelChange($event)\"\n                          (enterClick)=\"handlePayment()\"\n              ></co-key-pad>\n          </div>\n      </div>\n      <co-dialog *ngIf=\"paymentService.showPspQrCode\" (closeClick)=\"paymentService.showPspQrCode = false\">\n          <co-payment-qr-code\n                  [qrCodeImage]=\"paymentService.qrCodeImage\"\n          ></co-payment-qr-code>\n      </co-dialog>\n  ",
                     providers: [
                         TransactionPaymentService
                     ],
@@ -52888,8 +52968,8 @@
                             event.preventDefault();
                             event.stopPropagation();
                             this.transactionIdToPay = (_a = this.transactionIdToPay) !== null && _a !== void 0 ? _a : this.transactionInfo.id;
-                            if (this.orderPaymentAnalysis.filter(function (payment) { return payment.transactionKind === _this.transKind.SalesInvoice && payment.outstandingAmount > 0; }).length === 1) {
-                                lastTransaction = this.orderPaymentAnalysis.filter(function (payment) { return payment.transactionKind === _this.transKind.SalesInvoice && payment.outstandingAmount > 0; })[0];
+                            if (this.orderPaymentAnalysis.filter(function (payment) { return payment.transactionKind === _this.transKind.SalesInvoice && payment.outstandingAmount !== 0; }).length === 1) {
+                                lastTransaction = this.orderPaymentAnalysis.filter(function (payment) { return payment.transactionKind === _this.transKind.SalesInvoice && payment.outstandingAmount !== 0; })[0];
                                 this.transactionIdToPay = lastTransaction.transactionId;
                             }
                             return [4 /*yield*/, this.lockTransaction()];
@@ -52986,20 +53066,20 @@
         };
         TransactionHeaderPopupPaymentComponent.prototype._updateChosenAmountToPay = function () {
             var _this = this;
-            if (this.orderPaymentAnalysis.some(function (t) { return t.outstandingAmount > 0; }) &&
+            if (this.orderPaymentAnalysis.some(function (t) { return t.outstandingAmount !== 0; }) &&
                 this.orderPaymentAnalysis.filter(function (payment) { return payment.transactionKind === _this.transKind.SalesInvoice; }).length === 0) {
                 this.chosenAmountToPay = this.paymentAnalysis.totalDeposit;
             }
             // Deposit only
             if (this.orderPaymentAnalysis.filter(function (payment) { return payment.transactionKind === _this.transKind.SalesOrder &&
-                payment.outstandingAmount > 0; }).length === 1) {
+                payment.outstandingAmount !== 0; }).length === 1) {
                 this.chosenAmountToPay = this.orderPaymentAnalysis[0].outstandingAmount;
             }
-            if (this.orderPaymentAnalysis.filter(function (payment) { return (payment.transactionKind === _this.transKind.SalesInvoice) && (payment.outstandingAmount > 0); }).length === 1) {
-                var remainingInvoice = this.orderPaymentAnalysis.filter(function (payment) { return (payment.transactionKind === _this.transKind.SalesInvoice) && (payment.outstandingAmount > 0); })[0];
+            if (this.orderPaymentAnalysis.filter(function (payment) { return (payment.transactionKind === _this.transKind.SalesInvoice) && (payment.outstandingAmount !== 0); }).length === 1) {
+                var remainingInvoice = this.orderPaymentAnalysis.filter(function (payment) { return (payment.transactionKind === _this.transKind.SalesInvoice) && (payment.outstandingAmount !== 0); })[0];
                 this.chosenAmountToPay = remainingInvoice.outstandingAmount;
             }
-            if (this.orderPaymentAnalysis.filter(function (payment) { return (payment.transactionKind === _this.transKind.SalesInvoice) && (payment.outstandingAmount > 0); }).length > 1) {
+            if (this.orderPaymentAnalysis.filter(function (payment) { return (payment.transactionKind === _this.transKind.SalesInvoice) && (payment.outstandingAmount !== 0); }).length > 1) {
                 this.chosenAmountToPay = 0;
             }
         };
@@ -53008,7 +53088,7 @@
     TransactionHeaderPopupPaymentComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-header-popup-payment',
-                    template: "\n      <div class=\"transaction-header-popup-category-wrapper co-small-scrollbar\">\n          <co-form>\n              <div class=\"transaction-header-popup-section\">\n                  <div\n                          class=\"transaction-header-popup-section-label\"\n                          *ngIf=\"showPayDownLabel\"\n                          [textContent]=\"'TO_PAY_DOWN' | localize\">\n                  </div>\n\n                  <div class=\"transaction-header-popup-two-column-grid\">\n                      <co-transaction-header-deposit-percentage\n                              [screenConfigurationObject]=\"cfgNames.DepositPercentage\"\n                              [lockAndSave]=\"true\"\n                              (depositUpdated)=\"showOutstandingAmounts()\">\n                      </co-transaction-header-deposit-percentage>\n                      <co-transaction-header-deposit-amount class=\"transaction-line-totals-price price\"\n                                                            [screenConfigurationObject]=\"cfgNames.DepositAmount\"\n                                                            [lockAndSave]=\"true\"\n                                                            (businessRuleApplied)=\"showBusinessRuleInfo = $event\">\n                      </co-transaction-header-deposit-amount>\n                  </div>\n\n                  <div class=\"transaction-header-popup-three-column-grid\">\n                      <co-transaction-header-use-deposit-rule\n                              *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n                              [screenConfigurationObject]=\"cfgNames.UseDepositRule\"\n                              [lockAndSave]=\"false\">\n                      </co-transaction-header-use-deposit-rule>\n                      <co-transaction-header-auto-recalculate-deposit\n                              *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n                              [screenConfigurationObject]=\"cfgNames.AutoRecalculateDeposit\"\n                              [lockAndSave]=\"false\">\n                      </co-transaction-header-auto-recalculate-deposit>\n                      <co-transaction-header-divide-evenly\n                              *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n                              [screenConfigurationObject]=\"cfgNames.DivideEvenly\"\n                              [lockAndSave]=\"false\">\n                      </co-transaction-header-divide-evenly>\n                      <div class=\"transaction-header-popup-business-rule-applied\" *ngIf=\"showBusinessRuleInfo\">\n                          <co-icon [iconData]=\"iconCacheService.getIcon(icons.CircleExclamationRegular)\"></co-icon>\n                          <span [textContent]=\"'DEPOSIT_BUSINESS_RULE_APPLIED' | localize\"></span>\n                      </div>\n                  </div>\n\n                  <div class=\"transaction-header-popup-two-column-grid\">\n                      <co-transaction-header-amount-to-settle\n                              [screenConfigurationObject]=\"cfgNames.AmountToSettle\"\n                              [lockAndSave]=\"false\">\n                      </co-transaction-header-amount-to-settle>\n                      <div class=\"transaction-header-popup-already-paid\">\n                          <co-input-text\n                                  [screenConfigurationObject]=\"cfgNames.TotalPaidDown\"\n                                  [placeholder]=\"'TOTAL_PAID_DOWN' | localize\" [forceReadonly]=\"true\"\n                                  [model]=\"paidDown\" [formatPipe]=\"currencyPipe\">\n                          </co-input-text>\n                          <co-input-text\n                                  [screenConfigurationObject]=\"cfgNames.SettledSoFar\"\n                                  [placeholder]=\"'SETTLED_SO_FAR' | localize\" [forceReadonly]=\"true\"\n                                  [model]=\"settled\" [formatPipe]=\"currencyPipe\">\n                          </co-input-text>\n                      </div>\n                  </div>\n\n                  <div class=\"transaction-header-popup-two-column-grid\" *ngIf=\"showCashOnDelivery\">\n                      <div class=\"cash-on-delivery-row\">\n                          <co-input-text\n                                  [placeholder]=\"'CASH_ON_DELIVERY' | localize\"\n                                  [forceReadonly]=\"true\"\n                                  [(model)]=\"cashOnDelivery\"\n                                  [formatPipe]=\"currencyPipe\">\n                          </co-input-text>\n                          <co-button\n                                  class=\"save-button\"\n                                  [disabled]=\"!isDirectSellEnabled()\"\n                                  [iconData]=\"iconCacheService.getIcon(icons.TruckMovingRegular)\"\n                                  (click)=\"cashOnDeliveryModalVisible = true\">\n                          </co-button>\n                      </div>\n                      <div></div>\n                  </div>\n\n                  <div\n                          class=\"transaction-header-popup-two-column-grid\"\n                          [screenConfigurationObject]=\"cfgNames.PaymentBtn\"\n                          screenConfigNativeElement>\n                      <co-transaction-header-payment-button\n                              *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n                              [label]=\"('DELIVERY_TOTAL' | localize) | append:' / ' | append:('TO_SETTLE' | localize:false)\"\n                              [lockAndSave]=\"false\">\n                      </co-transaction-header-payment-button>\n                  </div>\n              </div>\n\n              <div *ngIf=\"paymentAnalysis\" class=\"transaction-header-popup-section\">\n                  <div class=\"transaction-header-popup-section-label\" [textContent]=\"'TO_INVOICE' | localize\"></div>\n                  <div class=\"still-top-pay-stats\">\n                      <div class=\"payment-item\">\n                          <label [textContent]=\"'TO_BE_INVOICED' | localize\"></label>\n                          <div class=\"amount\">{{ paymentAnalysis?.totalToInvoice | coCurrency:true }}</div>\n                      </div>\n                      <div class=\"payment-item\">\n                          <label [textContent]=\"'ALREADY_INVOICED' | localize\"></label>\n                          <div class=\"amount\">{{ paymentAnalysis?.totalDepositInvoice | coCurrency:true }}</div>\n                      </div>\n                      <div class=\"payment-item\">\n                          <label [textContent]=\"'STILL_TO_PAY' | localize\"></label>\n                          <div class=\"amount\" [class.outstanding]=\"paymentAnalysis?.totalToPay > 0\">\n                              <strong>{{ paymentAnalysis?.totalToPay | coCurrency:true }}</strong>\n                          </div>\n                      </div>\n                  </div>\n              </div>\n\n              <div *ngIf=\"orderPaymentAnalysis.length > 0\" class=\"payment-information\">\n                  <co-button\n                          class=\"save-button payment-button\"\n                          *ngIf=\"showPaymentButton()\"\n                          [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegular)\"\n                          (click)=\"openPayment($event)\">\n                  </co-button>\n\n                  <div class=\"payment-categories\">\n                      <div\n                              class=\"payment-category\"\n                              [class.selected]=\"activeCategory.index === category.index\"\n                              *ngFor=\"let category of paymentCategories\"\n                              (click)=\"handleCategoryClick(category)\">\n                          <div class=\"title\" [textContent]=\"category.title | localize\"></div>\n                      </div>\n                  </div>\n\n                  <table *ngIf=\"activeCategory.index === 0\">\n                      <thead>\n                      <tr>\n                          <th class=\"left\" *ngIf=\"showInvoiceSelection()\" [textContent]=\"'PAY' | localize\"></th>\n                          <th class=\"left\" [textContent]=\"'DESCRIPTION' | localize\"></th>\n                          <th [textContent]=\"'AMOUNT2' | localize\"></th>\n                          <th [textContent]=\"'PAID' | localize\"></th>\n                          <th [textContent]=\"'SETTLED' | localize\"></th>\n                          <th [textContent]=\"'OUTSTANDING' | localize\"></th>\n                      </tr>\n                      </thead>\n                      <tbody>\n                      <tr *ngFor=\"let paymentInfo of orderPaymentAnalysis\">\n                          <td class=\"left\" *ngIf=\"showInvoiceSelection()\">\n                              <co-input-radio-button\n                                      *ngIf=\"paymentInfo.transactionKind === transKind.SalesInvoice && paymentInfo.outstandingAmount !== 0\"\n                                      class=\"default-width\"\n                                      [(model)]=\"paymentInfo.isSelected\"\n                                      (modelChange)=\"handleSelectInvoiceLines(paymentInfo)\">\n                              </co-input-radio-button>\n                          </td>\n                          <td class=\"left\">\n                              <span\n                                      *ngIf=\"paymentInfo.transactionKind === transKind.SalesOrder\"\n                                      [textContent]=\"'DEPOSIT' | localize\">\n                              </span>\n                              <span *ngIf=\"paymentInfo.transactionKind === transKind.SalesInvoice\">\n                                <span [textContent]=\"'INVOICE' | localize\"></span>\n                                <span> {{ paymentInfo.transactionNumber }}</span>\n                                <span> {{ paymentInfo.transactionDate | date:'dd-MM-yyyy' }}</span>\n                              </span>\n                          </td>\n                          <td><strong>{{ paymentInfo.invoiceAmount | coCurrency:true }}</strong></td>\n                          <td [class.paid]=\"paymentInfo.paidAmount > 0\">\n                              <strong>{{ paymentInfo.paidAmount | coCurrency:true }}</strong>\n                          </td>\n                          <td>{{ paymentInfo.settledAmount | coCurrency:true }}</td>\n                          <td [class.outstanding]=\"paymentInfo.outstandingAmount > 0\">\n                              <strong>{{ paymentInfo.outstandingAmount | coCurrency:true }}</strong>\n                          </td>\n                      </tr>\n                      </tbody>\n                  </table>\n\n                  <div *ngIf=\"activeCategory.index === 1\">\n                      <p\n                              *ngIf=\"registeredPaymentInfo && registeredPaymentInfo.payments.length === 0\"\n                              [textContent]=\"'NOT_FOUND' | localize\">\n                      </p>\n\n                      <table *ngIf=\"registeredPaymentInfo && registeredPaymentInfo.payments.length > 0\">\n                          <thead>\n                          <tr>\n                              <th class=\"left\" [textContent]=\"'DESCRIPTION' | localize\"></th>\n                              <th [textContent]=\"'AMOUNT2' | localize\"></th>\n                              <th [textContent]=\"'DATE' | localize\"></th>\n                          </tr>\n                          </thead>\n                          <tbody>\n                          <tr *ngFor=\"let paymentInfo of registeredPaymentInfo.payments\">\n                              <td class=\"left\">{{ paymentInfo.reference }}</td>\n                              <td><strong>{{ paymentInfo.amount | coCurrency:true }}</strong></td>\n                              <td>{{ paymentInfo.paymentDateTime | date:'dd-MM-yyyy' }}</td>\n                          </tr>\n                          </tbody>\n                      </table>\n                  </div>\n              </div>\n          </co-form>\n\n          <co-cash-on-delivery-modal\n                  *ngIf=\"cashOnDeliveryModalVisible\"\n                  [transactionInfoUuid]=\"transactionInfo.uuid\"\n                  (cashAmount)=\"getCashAmount($event)\"\n                  (showCashOnDeliveryModal)=\"showCashOnDeliveryModal($event)\">\n          </co-cash-on-delivery-modal>\n      </div>\n\n      <co-dialog\n              class=\"payment-dialog\"\n              *ngIf=\"showPaymentDialog\"\n              [modal]=\"true\"\n              [headerTemplate]=\"headerTemplate\"\n              (closeClick)=\"handleCloseDialog()\">\n          <ng-template #headerTemplate>\n              <div class=\"co-dialog-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]=\"transactionIdToPay\"\n                  [branch]=\"transactionInfo.branch?.relationNr\"\n                  [transactionUuid]=\"transactionInfo.uuid\"\n                  [amount]=\"chosenAmountToPay\"\n                  [remainingPayment]=\"true\"\n                  [currencyId]=\"transactionInfo.currencyId\"\n                  [doNotFetchAmountToPayForRemaining]=\"true\"\n                  [showPaymentDate]=\"true\">\n          </co-payment>\n      </co-dialog>\n  ",
+                    template: "\n      <div class=\"transaction-header-popup-category-wrapper co-small-scrollbar\">\n          <co-form>\n              <div class=\"transaction-header-popup-section\">\n                  <div\n                          class=\"transaction-header-popup-section-label\"\n                          *ngIf=\"showPayDownLabel\"\n                          [textContent]=\"'TO_PAY_DOWN' | localize\">\n                  </div>\n\n                  <div class=\"transaction-header-popup-two-column-grid\">\n                      <co-transaction-header-deposit-percentage\n                              [screenConfigurationObject]=\"cfgNames.DepositPercentage\"\n                              [lockAndSave]=\"true\"\n                              (depositUpdated)=\"showOutstandingAmounts()\">\n                      </co-transaction-header-deposit-percentage>\n                      <co-transaction-header-deposit-amount class=\"transaction-line-totals-price price\"\n                                                            [screenConfigurationObject]=\"cfgNames.DepositAmount\"\n                                                            [lockAndSave]=\"true\"\n                                                            (businessRuleApplied)=\"showBusinessRuleInfo = $event\">\n                      </co-transaction-header-deposit-amount>\n                  </div>\n\n                  <div class=\"transaction-header-popup-three-column-grid\">\n                      <co-transaction-header-use-deposit-rule\n                              *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n                              [screenConfigurationObject]=\"cfgNames.UseDepositRule\"\n                              [lockAndSave]=\"false\">\n                      </co-transaction-header-use-deposit-rule>\n                      <co-transaction-header-auto-recalculate-deposit\n                              *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n                              [screenConfigurationObject]=\"cfgNames.AutoRecalculateDeposit\"\n                              [lockAndSave]=\"false\">\n                      </co-transaction-header-auto-recalculate-deposit>\n                      <co-transaction-header-divide-evenly\n                              *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n                              [screenConfigurationObject]=\"cfgNames.DivideEvenly\"\n                              [lockAndSave]=\"false\">\n                      </co-transaction-header-divide-evenly>\n                      <div class=\"transaction-header-popup-business-rule-applied\" *ngIf=\"showBusinessRuleInfo\">\n                          <co-icon [iconData]=\"iconCacheService.getIcon(icons.CircleExclamationRegular)\"></co-icon>\n                          <span [textContent]=\"'DEPOSIT_BUSINESS_RULE_APPLIED' | localize\"></span>\n                      </div>\n                  </div>\n\n                  <div class=\"transaction-header-popup-two-column-grid\">\n                      <co-transaction-header-amount-to-settle\n                              [screenConfigurationObject]=\"cfgNames.AmountToSettle\"\n                              [lockAndSave]=\"false\">\n                      </co-transaction-header-amount-to-settle>\n                      <div class=\"transaction-header-popup-already-paid\">\n                          <co-input-text\n                                  [screenConfigurationObject]=\"cfgNames.TotalPaidDown\"\n                                  [placeholder]=\"'TOTAL_PAID_DOWN' | localize\" [forceReadonly]=\"true\"\n                                  [model]=\"paidDown\" [formatPipe]=\"currencyPipe\">\n                          </co-input-text>\n                          <co-input-text\n                                  [screenConfigurationObject]=\"cfgNames.SettledSoFar\"\n                                  [placeholder]=\"'SETTLED_SO_FAR' | localize\" [forceReadonly]=\"true\"\n                                  [model]=\"settled\" [formatPipe]=\"currencyPipe\">\n                          </co-input-text>\n                      </div>\n                  </div>\n\n                  <div class=\"transaction-header-popup-two-column-grid\" *ngIf=\"showCashOnDelivery\">\n                      <div class=\"cash-on-delivery-row\">\n                          <co-input-text\n                                  [placeholder]=\"'CASH_ON_DELIVERY' | localize\"\n                                  [forceReadonly]=\"true\"\n                                  [(model)]=\"cashOnDelivery\"\n                                  [formatPipe]=\"currencyPipe\">\n                          </co-input-text>\n                          <co-button\n                                  class=\"save-button\"\n                                  [disabled]=\"!isDirectSellEnabled()\"\n                                  [iconData]=\"iconCacheService.getIcon(icons.TruckMovingRegular)\"\n                                  (click)=\"cashOnDeliveryModalVisible = true\">\n                          </co-button>\n                      </div>\n                      <div></div>\n                  </div>\n\n                  <div\n                          class=\"transaction-header-popup-two-column-grid\"\n                          [screenConfigurationObject]=\"cfgNames.PaymentBtn\"\n                          screenConfigNativeElement>\n                      <co-transaction-header-payment-button\n                              *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n                              [label]=\"('DELIVERY_TOTAL' | localize) | append:' / ' | append:('TO_SETTLE' | localize:false)\"\n                              [lockAndSave]=\"false\">\n                      </co-transaction-header-payment-button>\n                  </div>\n              </div>\n\n              <div *ngIf=\"paymentAnalysis\" class=\"transaction-header-popup-section\">\n                  <div class=\"transaction-header-popup-section-label\" [textContent]=\"'TO_INVOICE' | localize\"></div>\n                  <div class=\"still-top-pay-stats\">\n                      <div class=\"payment-item\">\n                          <label [textContent]=\"'TO_BE_INVOICED' | localize\"></label>\n                          <div class=\"amount\">{{ paymentAnalysis?.totalToInvoice | coCurrency:true }}</div>\n                      </div>\n                      <div class=\"payment-item\">\n                          <label [textContent]=\"'ALREADY_INVOICED' | localize\"></label>\n                          <div class=\"amount\">{{ paymentAnalysis?.totalDepositInvoice | coCurrency:true }}</div>\n                      </div>\n                      <div class=\"payment-item\">\n                          <label [textContent]=\"'STILL_TO_PAY' | localize\"></label>\n                          <div class=\"amount\" [class.outstanding]=\"paymentAnalysis?.totalToPay > 0\">\n                              <strong>{{ paymentAnalysis?.totalToPay | coCurrency:true }}</strong>\n                          </div>\n                      </div>\n                  </div>\n              </div>\n\n              <div *ngIf=\"orderPaymentAnalysis.length > 0\" class=\"payment-information\">\n                  <co-button\n                          class=\"save-button payment-button\"\n                          *ngIf=\"showPaymentButton()\"\n                          [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegular)\"\n                          (click)=\"openPayment($event)\">\n                  </co-button>\n\n                  <div class=\"payment-categories\">\n                      <div\n                              class=\"payment-category\"\n                              [class.selected]=\"activeCategory.index === category.index\"\n                              *ngFor=\"let category of paymentCategories\"\n                              (click)=\"handleCategoryClick(category)\">\n                          <div class=\"title\" [textContent]=\"category.title | localize\"></div>\n                      </div>\n                  </div>\n\n                  <table *ngIf=\"activeCategory.index === 0\">\n                      <thead>\n                      <tr>\n                          <th class=\"left\" *ngIf=\"showInvoiceSelection()\" [textContent]=\"'PAY' | localize\"></th>\n                          <th class=\"left\" [textContent]=\"'DESCRIPTION' | localize\"></th>\n                          <th [textContent]=\"'AMOUNT2' | localize\"></th>\n                          <th [textContent]=\"'PAID' | localize\"></th>\n                          <th [textContent]=\"'SETTLED' | localize\"></th>\n                          <th [textContent]=\"'OUTSTANDING' | localize\"></th>\n                      </tr>\n                      </thead>\n                      <tbody>\n                      <tr *ngFor=\"let paymentInfo of orderPaymentAnalysis\">\n                          <td class=\"left\" *ngIf=\"showInvoiceSelection()\">\n                              <co-input-radio-button\n                                      *ngIf=\"paymentInfo.transactionKind === transKind.SalesInvoice && paymentInfo.outstandingAmount !== 0\"\n                                      class=\"default-width\"\n                                      [(model)]=\"paymentInfo.isSelected\"\n                                      (modelChange)=\"handleSelectInvoiceLines(paymentInfo)\">\n                              </co-input-radio-button>\n                          </td>\n                          <td class=\"left\">\n                              <span\n                                      *ngIf=\"paymentInfo.transactionKind === transKind.SalesOrder\"\n                                      [textContent]=\"'DEPOSIT' | localize\">\n                              </span>\n                              <span *ngIf=\"paymentInfo.transactionKind === transKind.SalesInvoice\">\n                                <span [textContent]=\"'INVOICE' | localize\"></span>\n                                <span> {{ paymentInfo.transactionNumber }}</span>\n                                <span> {{ paymentInfo.transactionDate | date:'dd-MM-yyyy' }}</span>\n                              </span>\n                          </td>\n                          <td><strong>{{ paymentInfo.invoiceAmount | coCurrency:true }}</strong></td>\n                          <td [class.paid]=\"paymentInfo.paidAmount > 0\">\n                              <strong>{{ paymentInfo.paidAmount | coCurrency:true }}</strong>\n                          </td>\n                          <td>{{ paymentInfo.settledAmount | coCurrency:true }}</td>\n                          <td [class.outstanding]=\"paymentInfo.outstandingAmount !== 0\">\n                              <strong>{{ paymentInfo.outstandingAmount | coCurrency:true }}</strong>\n                          </td>\n                      </tr>\n                      </tbody>\n                  </table>\n\n                  <div *ngIf=\"activeCategory.index === 1\">\n                      <p\n                              *ngIf=\"registeredPaymentInfo && registeredPaymentInfo.payments.length === 0\"\n                              [textContent]=\"'NOT_FOUND' | localize\">\n                      </p>\n\n                      <table *ngIf=\"registeredPaymentInfo && registeredPaymentInfo.payments.length > 0\">\n                          <thead>\n                          <tr>\n                              <th class=\"left\" [textContent]=\"'DESCRIPTION' | localize\"></th>\n                              <th [textContent]=\"'AMOUNT2' | localize\"></th>\n                              <th [textContent]=\"'DATE' | localize\"></th>\n                          </tr>\n                          </thead>\n                          <tbody>\n                          <tr *ngFor=\"let paymentInfo of registeredPaymentInfo.payments\">\n                              <td class=\"left\">{{ paymentInfo.reference }}</td>\n                              <td><strong>{{ paymentInfo.amount | coCurrency:true }}</strong></td>\n                              <td>{{ paymentInfo.paymentDateTime | date:'dd-MM-yyyy' }}</td>\n                          </tr>\n                          </tbody>\n                      </table>\n                  </div>\n              </div>\n          </co-form>\n\n          <co-cash-on-delivery-modal\n                  *ngIf=\"cashOnDeliveryModalVisible\"\n                  [transactionInfoUuid]=\"transactionInfo.uuid\"\n                  (cashAmount)=\"getCashAmount($event)\"\n                  (showCashOnDeliveryModal)=\"showCashOnDeliveryModal($event)\">\n          </co-cash-on-delivery-modal>\n      </div>\n\n      <co-dialog\n              class=\"payment-dialog\"\n              *ngIf=\"showPaymentDialog\"\n              [modal]=\"true\"\n              [headerTemplate]=\"headerTemplate\"\n              (closeClick)=\"handleCloseDialog()\">\n          <ng-template #headerTemplate>\n              <div class=\"co-dialog-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]=\"transactionIdToPay\"\n                  [branch]=\"transactionInfo.branch?.relationNr\"\n                  [transactionUuid]=\"transactionInfo.uuid\"\n                  [amount]=\"chosenAmountToPay\"\n                  [remainingPayment]=\"true\"\n                  [currencyId]=\"transactionInfo.currencyId\"\n                  [doNotFetchAmountToPayForRemaining]=\"true\"\n                  [showPaymentDate]=\"true\">\n          </co-payment>\n      </co-dialog>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];