@colijnit/transaction 256.1.3 → 256.1.5

package/bundles/colijnit-transaction.umd.js

@@ -33,8 +33,8 @@
         function Version() {
             this.name = "@colijnit/transaction";
             this.description = "Colijn IT transaction package";
-            this.symVer = "256.1.3";
-            this.publishDate = "22-10-2024 14:22:51";
+            this.symVer = "256.1.5";
+            this.publishDate = "24-10-2024 16:56:37";
         }
         return Version;
     }());
@@ -9545,77 +9545,60 @@
         };
         TransactionConnectorService.prototype.getCommissionCodes = function (languageCode) {
             return __awaiter(this, void 0, void 0, function () {
-                var domainName;
-                var _this = this;
                 return __generator(this, function (_a) {
-                    domainName = domainName_enum.DomainName.CommissionCode;
-                    return [2 /*return*/, this._selectMultipleParameterizedCacheService.requestCache(coDomainValue_bo.CoDomainValue, function (languageCode, domainName) {
-                            return _this._adapterService.getCommissionCodes(languageCode);
-                        }).getValue(languageCode, domainName)];
+                    //const domainName: DomainName = DomainName.CommissionCode;
+                    //return this._selectMultipleParameterizedCacheService.requestCache<CoDomainValue>(CoDomainValue, (languageCode: string, domainName: DomainName) => {
+                    return [2 /*return*/, this._adapterService.getCommissionCodes(languageCode)];
                 });
             });
         };
         TransactionConnectorService.prototype.getInOutCollection = function (languageCode) {
             return __awaiter(this, void 0, void 0, function () {
-                var domainName;
-                var _this = this;
                 return __generator(this, function (_a) {
-                    domainName = domainName_enum.DomainName.InOutCollection;
-                    return [2 /*return*/, this._selectMultipleParameterizedCacheService.requestCache(coDomainValue_bo.CoDomainValue, function (languageCode, domainName) {
-                            return _this._adapterService.getInOutCollection(languageCode);
-                        }).getValue(languageCode, domainName)];
+                    //const domainName: DomainName = DomainName.InOutCollection;
+                    //return this._selectMultipleParameterizedCacheService.requestCache<CoDomainValue>(CoDomainValue, (languageCode: string, domainName: DomainName) => {
+                    return [2 /*return*/, this._adapterService.getInOutCollection(languageCode)];
                 });
             });
         };
         TransactionConnectorService.prototype.getYesNoCollection = function (languageCode) {
             return __awaiter(this, void 0, void 0, function () {
-                var domainName;
-                var _this = this;
                 return __generator(this, function (_a) {
-                    domainName = domainName_enum.DomainName.YesNo;
-                    return [2 /*return*/, this._selectMultipleParameterizedCacheService.requestCache(coDomainValue_bo.CoDomainValue, function (languageCode, domainName) {
-                            return _this._adapterService.getYesNoCollection(languageCode);
-                        }).getValue(languageCode, domainName)];
+                    //const domainName: DomainName = DomainName.YesNo;
+                    //return this._selectMultipleParameterizedCacheService.requestCache<CoDomainValue>(CoDomainValue, (languageCode: string, domainName: DomainName) => {
+                    return [2 /*return*/, this._adapterService.getYesNoCollection(languageCode)];
                 });
             });
         };
         TransactionConnectorService.prototype.getPriceKindCollection = function (languageCode) {
             return __awaiter(this, void 0, void 0, function () {
-                var domainName;
-                var _this = this;
                 return __generator(this, function (_a) {
-                    domainName = domainName_enum.DomainName.PriceKind;
-                    return [2 /*return*/, this._selectMultipleParameterizedCacheService.requestCache(coDomainValue_bo.CoDomainValue, function (languageCode, domainName) {
-                            return _this._adapterService.getPriceKindCollection(languageCode);
-                        }).getValue(languageCode, domainName)];
+                    //const domainName: DomainName = DomainName.PriceKind;
+                    //return this._selectMultipleParameterizedCacheService.requestCache<CoDomainValue>(CoDomainValue, (languageCode: string, domainName: DomainName) => {
+                    return [2 /*return*/, this._adapterService.getPriceKindCollection(languageCode)];
                 });
             });
         };
         TransactionConnectorService.prototype.getPriorityCollection = function (languageCode) {
             return __awaiter(this, void 0, void 0, function () {
-                var domainName;
-                var _this = this;
                 return __generator(this, function (_a) {
-                    domainName = domainName_enum.DomainName.Priority;
-                    return [2 /*return*/, this._selectMultipleParameterizedCacheService.requestCache(coDomainValue_bo.CoDomainValue, function (languageCode, domainName) {
-                            return _this._adapterService.getPriorityCollection(languageCode);
-                        }).getValue(languageCode, domainName)];
+                    // const domainName: DomainName = DomainName.Priority;
+                    //return this._selectMultipleParameterizedCacheService.requestCache<CoDomainValue>(CoDomainValue, (languageCode: string, domainName: DomainName) => {
+                    return [2 /*return*/, this._adapterService.getPriorityCollection(languageCode)];
                 });
             });
         };
         TransactionConnectorService.prototype.getEntryTypes = function (languageCode) {
-            var _this = this;
-            var domainName = domainName_enum.DomainName.ServiceCommunicationType;
-            return this._selectMultipleParameterizedCacheService.requestCache(coDomainValue_bo.CoDomainValue, function (languageCode, domainName) {
-                return _this._adapterService.getEntryTypes(languageCode);
-            }).getValue(languageCode, domainName);
+            // const domainName: DomainName = DomainName.ServiceCommunicationType;
+            //return this._selectMultipleParameterizedCacheService.requestCache<CoDomainValue>(CoDomainValue, (languageCode: string, domainName: DomainName) => {
+            return this._adapterService.getEntryTypes(languageCode);
+            //}).getValue(languageCode, domainName);
         };
         TransactionConnectorService.prototype.getDomainTypes = function (languageCode) {
-            var _this = this;
-            var domainName = domainName_enum.DomainName.TransType;
-            return this._selectMultipleParameterizedCacheService.requestCache(coDomainValue_bo.CoDomainValue, function (languageCode, domainName) {
-                return _this._adapterService.getDomainTypes(languageCode);
-            }).getValue(languageCode, domainName);
+            // const domainName: DomainName = DomainName.TransType;
+            // return this._selectMultipleParameterizedCacheService.requestCache<CoDomainValue>(CoDomainValue, (languageCode: string, domainName: DomainName) => {
+            return this._adapterService.getDomainTypes(languageCode);
+            //}).getValue(languageCode, domainName);
         };
         TransactionConnectorService.prototype.getCauseCodes = function () {
             return this._adapterService.getCauseCodes();
@@ -13311,6 +13294,14 @@
             _this.invoiceAddressSameAsDelivery = true;
             _this.getRelationOnRememberCurrentTransaction = true;
             _this.currentTransaction = new transactionInfoResponse_bo.TransactionInfoResponse();
+            /*public set cashRegistersDirty(value: boolean) {
+              this._cashRegistersDirty = value;
+              //this.transactionEventService.transactionDirty.next(this._transactionDirty);
+            }
+          
+            public get cashRegistersDirty(): boolean {
+              return this._cashRegistersDirty;
+            }*/
             _this.purchasePortalLine = [];
             _this.docDeliveryBatch = new docDeliveryBatch_bo.DocDeliveryBatch();
             _this.internalParameterAllowsDropShipment = false;
@@ -13336,6 +13327,7 @@
             _this._invoiceCompleted = false;
             _this._alreadyLocked = false;
             _this._transactionDirty = false;
+            _this._cashRegistersDirty = false;
             _this._salesOrderConfirmationSent = false;
             _this._subs = [];
             return _this;
@@ -18587,6 +18579,7 @@
                             if (!(this.checkoutRelation && this.stepRelation)) return [3 /*break*/, 3];
                             valid = this.checkoutRelation.submit();
                             if (!valid) return [3 /*break*/, 2];
+                            this.checkForAndSetSearchAddress();
                             _a = this.stepRelation;
                             return [4 /*yield*/, this.saveRelation()];
                         case 1:
@@ -18598,6 +18591,21 @@
                 });
             });
         };
+        //If a relation has no search address set the first active address to be such.
+        CheckoutComponent.prototype.checkForAndSetSearchAddress = function () {
+            if (this.service.relation.activeAddresses.length > 0) {
+                var searchAddressFound_1 = false;
+                this.service.relation.activeAddresses.forEach(function (address) {
+                    if (address.searchAddress) {
+                        searchAddressFound_1 = true;
+                        return;
+                    }
+                });
+                if (!searchAddressFound_1) {
+                    this.service.relation.activeAddresses[0].searchAddress = true;
+                }
+            }
+        };
         CheckoutComponent.prototype.handleDeliveryValidation = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var valid, saveSuccess, lockSuccess, _a;
@@ -22130,6 +22138,8 @@
                 [transactionKind_enum.TransactionKind.CashDesk, "SEARCH_NUMBER_OR_CUSTOMER"]
             ]);
             this.transactionsPerPage = 20;
+            this.resultSubject = new rxjs.BehaviorSubject(false);
+            this.resultsUpdated = this.resultSubject.asObservable();
             this._currentPage = 1;
             this._transactionType = transactionKind_enum.TransactionKind.SalesOrder;
             this._subs = [];
@@ -22196,6 +22206,7 @@
                         var _a, _b;
                         _this.transactions = (_a = result.transactions) !== null && _a !== void 0 ? _a : [];
                         _this.resultCount = (_b = result.count) !== null && _b !== void 0 ? _b : undefined;
+                        _this.resultSubject.next(true);
                     });
                     this.setPreviousSearchRequest();
                     return [2 /*return*/];
@@ -22537,30 +22548,8 @@
                 statusBarGF: _this.cfgNames.StatusBarGF
             };
             _this.showAvatar = true;
-            _this.selectedTransactions = [];
             return _this;
         }
-        TransactionSearchSalesOrderTileComponent.prototype.onTransactionSelected = function (checked) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    console.log(checked);
-                    console.log(this.transaction);
-                    // save selected transactions
-                    if (checked) {
-                        this.selectedTransactions.push(this.transaction);
-                    }
-                    else {
-                        // const transId = this.transaction.id;
-                        // const index = this.selectedTransactions.findIndex(transaction => transaction.id === transId);
-                        // if (index !== -1) {
-                        //   this.selectedTransactions.splice(index, 1);
-                        // }
-                    }
-                    console.log(this.selectedTransactions);
-                    return [2 /*return*/];
-                });
-            });
-        };
         return TransactionSearchSalesOrderTileComponent;
     }(TransactionSearchTileBaseComponent));
     TransactionSearchSalesOrderTileComponent.decorators = [
@@ -30438,26 +30427,43 @@
             this.showCalender = true;
             this._calendarPopupComponentRef = this._overlayService.createComponent(corecomponents_v12.CalendarComponent, {
                 parentForOverlay: this.parentComponent,
-                selectedDate: new Date(this.transactionLine.deliveryDate)
+                selectedDate: new Date(this.transactionLine.deliveryDate
+                    ? this.transactionLine.deliveryDate
+                    : new Date())
             }, {
                 dateSelected: function (date) { return _this._handleDateChanged(date); },
                 clickedOutside: function () { return _this.handleShowHideClick(); }
             });
         };
+        // private _handleDateChanged(date: Date): void {
+        //   if (this.commitWhenDateSelected) {
+        //     this.handleCommit(date);
+        //   } else {
+        //     this.transactionLine.deliveryDate = date;
+        //     this.handleShowHideClick();
+        //     this.detectChanges();
+        //   }
+        // }
         TransactionLineDeliveryDateButtonComponent.prototype._handleDateChanged = function (date) {
-            if (this.commitWhenDateSelected) {
-                this.handleCommit(date);
-            }
-            else {
-                this.transactionLine.deliveryDate = date;
-                this.handleShowHideClick();
-                this.detectChanges();
-            }
+            this.handleCommit(date);
         };
         TransactionLineDeliveryDateButtonComponent.prototype._hidePopup = function () {
             this.showCalender = false;
             this._overlayService.removeComponent(this._calendarPopupComponentRef);
         };
+        // protected async commit(date: Date): Promise<boolean> {
+        //   if (this.transactionLine.deliveryDate !== date) {
+        //     const oldDate = this.transactionLine.deliveryDate;
+        //     const success = await this.transactionService.updateDeliveryDateTransactionLine(this.transactionInfo.uuid, this.transactionLine.uuid, date);
+        //     if (!success) {
+        //       this.transactionLine.deliveryDate = oldDate;
+        //     } else {
+        //       this.handleShowHideClick();
+        //     }
+        //     return success;
+        //   }
+        //   return true;
+        // }
         TransactionLineDeliveryDateButtonComponent.prototype.commit = function (date) {
             return __awaiter(this, void 0, void 0, function () {
                 var oldDate, success;
@@ -30469,14 +30475,14 @@
                             return [4 /*yield*/, this.transactionService.updateDeliveryDateTransactionLine(this.transactionInfo.uuid, this.transactionLine.uuid, date)];
                         case 1:
                             success = _a.sent();
-                            if (!success) {
-                                this.transactionLine.deliveryDate = oldDate;
-                            }
-                            else {
-                                this.handleShowHideClick();
-                            }
+                            !success && (this.transactionLine.deliveryDate = oldDate);
+                            this.handleShowHideClick();
+                            this.detectChanges();
                             return [2 /*return*/, success];
-                        case 2: return [2 /*return*/, true];
+                        case 2:
+                            this.handleShowHideClick();
+                            this.detectChanges();
+                            return [2 /*return*/, true];
                     }
                 });
             });
@@ -30486,7 +30492,7 @@
     TransactionLineDeliveryDateButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-line-delivery-date-button",
-                    template: "\n    <co-transaction-button\n      #parentComponent\n      class=\"big center-align\"\n      [hidden]=\"hidden\"\n      [readonly]=\"readonly\"\n      [iconData]=\"iconCacheService.getIcon(icons.SharpLightTruckMovingClock)\"\n      [label]=\"transactionLine.deliveryDate | date:'d MMM yyyy'\"\n      [rightIconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"\n      (click)=\"handleShowHideClick()\"\n    ></co-transaction-button>\n  ",
+                    template: "\n    <co-transaction-button\n      #parentComponent\n      class=\"big center-align\"\n      [hidden]=\"hidden\"\n      [readonly]=\"readonly\"\n      [iconData]=\"iconCacheService.getIcon(icons.SharpLightTruckMovingClock)\"\n      [label]=\"transactionLine.deliveryDate | date:'d MMM yyyy'\"\n      [rightIconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"\n      (click)=\"handleShowHideClick()\">\n    </co-transaction-button>\n  ",
                     providers: [
                         corecomponents_v12.OverlayService,
                         {
@@ -33537,7 +33543,7 @@
 
     var TransactionLineSupplierDeliveryDateButtonComponent = /** @class */ (function (_super) {
         __extends(TransactionLineSupplierDeliveryDateButtonComponent, _super);
-        function TransactionLineSupplierDeliveryDateButtonComponent(transactionEventService, service, iconCacheService, transactionScreenConfigurationService, dictionaryService, imageService, changeDetector, _overlayService, _elementRef) {
+        function TransactionLineSupplierDeliveryDateButtonComponent(transactionEventService, service, iconCacheService, transactionScreenConfigurationService, dictionaryService, imageService, changeDetector, _overlayService) {
             var _this = _super.call(this, transactionEventService, iconCacheService, transactionScreenConfigurationService, imageService, dictionaryService, service, changeDetector) || this;
             _this.transactionEventService = transactionEventService;
             _this.service = service;
@@ -33547,7 +33553,6 @@
             _this.imageService = imageService;
             _this.changeDetector = changeDetector;
             _this._overlayService = _overlayService;
-            _this._elementRef = _elementRef;
             _this.icons = Icon;
             _this.showCalender = false;
             return _this;
@@ -33591,7 +33596,7 @@
     TransactionLineSupplierDeliveryDateButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-line-supplier-delivery-date-button',
-                    template: "\n        <co-transaction-button #parentComponent class=\"big center-align\"\n                               [hidden]=\"hidden\"\n                               [readonly]=\"readonly\"\n                               [iconData]=\"iconCacheService.getIcon(icons.RegularIndustryClock)\"\n                               [label]=\"transactionLine.purchasePortalLine.deliveryDateConfirmed | date:'d MMM yyyy'\"\n                               [rightIconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"\n                               (click)=\"handleShowHideClick()\"\n        ></co-transaction-button>\n    ",
+                    template: "\n      <co-transaction-button\n        #parentComponent\n        class=\"big center-align\"\n        [hidden]=\"hidden\"\n        [readonly]=\"readonly\"\n        [iconData]=\"iconCacheService.getIcon(icons.RegularIndustryClock)\"\n        [label]=\"transactionLine.purchasePortalLine.deliveryDateConfirmed | date:'d MMM yyyy'\"\n        [rightIconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"\n        (click)=\"handleShowHideClick()\">\n      </co-transaction-button>\n    ",
                     providers: [
                         corecomponents_v12.OverlayService,
                         {
@@ -33610,8 +33615,7 @@
         { type: DictionaryService },
         { type: TransactionImageService },
         { type: i0.ChangeDetectorRef },
-        { type: corecomponents_v12.OverlayService },
-        { type: i0.ElementRef }
+        { type: corecomponents_v12.OverlayService }
     ]; };
     TransactionLineSupplierDeliveryDateButtonComponent.propDecorators = {
         parentComponent: [{ type: i0.ViewChild, args: ['parentComponent', { read: i0.ElementRef },] }],
@@ -34785,6 +34789,14 @@
             this.icons = Icon;
             this.showKeyPad = true;
             this._remainingPayment = false;
+            /*@Input()
+            public set showPaymentDate(value: boolean) {
+              this._showPaymentDate = value;
+            }
+          
+            public get showPaymentDate(): boolean {
+              return this._showPaymentDate;
+            }*/
             this.payed = new i0.EventEmitter();
             this.paymentMethodIdx = 0;
             this.cashRegisterIdx = 0;
@@ -34799,6 +34811,7 @@
             // public statusMessage: string = "";
             this.subs = [];
             this._amount = 0;
+            this._showPaymentDate = false;
         }
         Object.defineProperty(TransactionPaymentBaseComponent.prototype, "transId", {
             get: function () {
@@ -35102,6 +35115,7 @@
             _this.showClass = true;
             return _this;
         }
+        /* public paymentDate:Date = new Date();*/
         PaymentComponent.prototype.cashRegisterSelected = function (cashRegister, index) {
             _super.prototype.cashRegisterSelected.call(this, cashRegister, index);
             this.activeCashRegister = cashRegister;
@@ -35111,7 +35125,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]=\"amount === 0 ? amount : (amount | coCurrency)\"></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 [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\" (click)=\"handlePayment()\"\n                           [disabled]=\"paymentService.amountToPay === 0\"></co-button>\n              </div>\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 [branch]=\"branch\" [transactionUuid]=\"transactionUuid\"></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]=\"amount === 0 ? amount : (amount | coCurrency)\"></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 [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\" (click)=\"handlePayment()\"\n                           [disabled]=\"paymentService.amountToPay === 0\"></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 [branch]=\"branch\" [transactionUuid]=\"transactionUuid\"></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
                     ],
@@ -35408,7 +35422,8 @@
                         LoaderModule,
                         PaymentToPayModule,
                         corecomponents_v12.IconModule,
-                        corecomponents_v12.ListOfValuesModule
+                        corecomponents_v12.ListOfValuesModule,
+                        corecomponents_v12.InputDatePickerModule
                     ],
                     declarations: [
                         PaymentComponent
@@ -43278,7 +43293,7 @@
     TransactionHeaderPaymentComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-payment",
-                    template: "\n    <div class=\"transaction-header-payment-wrapper\">\n      <div class=\"transaction-header-payment-wrapper-content\" [class.show-remaining]=\"showRemainingPayment\">\n        <co-transaction-header-block\n          [firstBlockTemplate]=\"firstBlock\"\n          [secondBlockTemplate]=\"secondBlock\"\n          [thirdBlockTemplate]=\"thirdBlock\"\n          [hiddenBlockTemplate]=\"hiddenBlock\"\n          (headerClick)=\"showDialog = true\"\n        >\n        </co-transaction-header-block>\n        <co-transaction-header-block *ngIf=\"showRemainingPayment\"\n          [firstBlockTemplate]=\"firstBlockRest\"\n          (headerClick)=\"showDialog = true\"\n        >\n        </co-transaction-header-block>\n      </div>\n    </div>\n    <ng-template #firstBlock>\n      <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\">\n        <div class=\"header-downpayment-amount-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\" screenConfigNativeElement>\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_AMOUNT' | localize\"></div>\n          <co-transaction-header-deposit-amount class=\"transaction-header-deposit\"\n                                                [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\"\n                                                [transaction]=\"transaction\"\n                                                [defaultEditMode]=\"false\"\n                                                [showLabel]=\"false\"\n          ></co-transaction-header-deposit-amount>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #firstBlockRest>\n      <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\">\n        <div class=\"transaction-header-icon\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAvatarHeader\" screenConfigNativeElement>\n          <co-icon class=\"header-order-icon\"\n                   (click)=\"showPaymentDialog = true\"\n                   [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\">\n          </co-icon>\n        </div>\n        <div class=\"header-remaining-payment-amount-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\" screenConfigNativeElement>\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'REMAINING_PAYMENT' | localize\"></div>\n          <co-transaction-header-remaining-amount class=\"transaction-header-remaining\"\n                                                  [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\"\n                                                  [transactionUuid]=\"transaction.transactionInfo.uuid\"\n                                                  (remainingAmountChange)=\"remainingToPay = $event\"\n          ></co-transaction-header-remaining-amount>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"transaction-header-block-row\">\n        <div class=\"header-downpayment-percentage-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentPercentageHeader\" screenConfigNativeElement>\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'%' | localize\"></div>\n          <co-transaction-header-deposit-percentage class=\"transaction-header-deposit\"\n                                                    [screenConfigurationObject]=\"cfgNames.HeaderPaymentPercentageHeader\"\n                                                    [transactionInfo]=\"transactionInfo\"\n                                                    [defaultEditMode]=\"false\"\n                                                    [showLabel]=\"false\"\n          ></co-transaction-header-deposit-percentage>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #thirdBlock>\n      <div class=\"transaction-header-block-row\">\n        <div class=\"payment-payed-wrapper\">\n          <div class=\"header-payed-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_DONE' | localize\"></div>\n          <span class=\"payment-paid\" [class.success]=\"paid >= toPay\" [textContent]=\"(paid | coCurrency) || 0\"></span>\n        </div>\n        <div class=\"header-payment-button-wrapper\" (click)=\"openPayment($event)\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentPaymentHeader\" screenConfigNativeElement>\n            <co-icon class=\"header-order-icon\" [iconData]=\"iconCacheService.getIcon(icons.LightCreditCardCheck)\">\n            </co-icon>\n\n          <!--co-transaction-header-payment-button *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n                                                [transactionInfo]=\"transactionInfo\"\n          ></co-transaction-header-payment-button-->\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #hiddenBlock>\n      <!--div class=\"transaction-header-block-row\">\n        <div class=\"header-branch-label co-transaction-label\" [textContent]=\"'BRANCH' | localize\"></div>\n        <div class=\"branch-label\" [textContent]=\"transactionInfo.branch?.familyName\"></div>\n      </div-->\n    </ng-template>\n    <co-transaction-header-popup *ngIf=\"showDialog\"\n                                 [activeCategoryDescription]=\"'PAYMENT_INFORMATION'\"\n                                 [relation]=\"relation\"\n                                 [transaction]=\"transaction\"\n                                 (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n<!--\n    <co-dialog class=\"transaction-header-payment-dialog\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\" (closeClick)=\"showDialog = false\">\n      <ng-template #headerTemplate>\n        <div class=\"co-dialog-header-title\" [textContent]=\"'PAYMENT_INFORMATION' | localize\"></div>\n        <co-transaction-header-block\n          [headerBlockTemplate]=\"headerBlock\"\n          [firstBlockTemplate]=\"firstBlock\"\n          [secondBlockTemplate]=\"secondBlock\"\n        >\n        </co-transaction-header-block>\n      </ng-template>\n      <div class=\"payment-dialog-section\">\n        <co-deposit-payment [branch]=\"transactionInfo.branch?.relationNr\" [transactionUuid]=\"transactionInfo.uuid\"></co-deposit-payment>\n      </div>\n    </co-dialog>\n-->\n    <co-dialog class=\"payment-dialog\" [modal]=\"true\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showPaymentDialog\" (closeClick)=\"showPaymentDialog = false\">\n      <ng-template #headerTemplate>\n        <div class=\"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]=\"transactionInfo.id\"\n        [branch]=\"transactionInfo.branch?.relationNr\"\n        [transactionUuid]=\"transactionInfo.uuid\"\n        [amount]=\"showRemainingPayment ? remainingToPay : toPay\"\n        [remainingPayment]=\"showRemainingPayment\"\n        [currencyId]=\"transactionInfo.currencyId\"\n        [doNotFetchAmountToPayForRemaining]=\"true\"\n      ></co-payment>\n    </co-dialog>\n  ",
+                    template: "\n    <div class=\"transaction-header-payment-wrapper\">\n      <div class=\"transaction-header-payment-wrapper-content\" [class.show-remaining]=\"showRemainingPayment\">\n        <co-transaction-header-block\n          [firstBlockTemplate]=\"firstBlock\"\n          [secondBlockTemplate]=\"secondBlock\"\n          [thirdBlockTemplate]=\"thirdBlock\"\n          [hiddenBlockTemplate]=\"hiddenBlock\"\n          (headerClick)=\"showDialog = true\"\n        >\n        </co-transaction-header-block>\n        <co-transaction-header-block *ngIf=\"showRemainingPayment\"\n          [firstBlockTemplate]=\"firstBlockRest\"\n          (headerClick)=\"showDialog = true\"\n        >\n        </co-transaction-header-block>\n      </div>\n    </div>\n    <ng-template #firstBlock>\n      <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\">\n        <div class=\"header-downpayment-amount-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\" screenConfigNativeElement>\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_AMOUNT' | localize\"></div>\n          <co-transaction-header-deposit-amount class=\"transaction-header-deposit\"\n                                                [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\"\n                                                [transaction]=\"transaction\"\n                                                [defaultEditMode]=\"false\"\n                                                [showLabel]=\"false\"\n          ></co-transaction-header-deposit-amount>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #firstBlockRest>\n      <div class=\"transaction-header-block-row\" (click)=\"showDialog = true\">\n        <div class=\"transaction-header-icon\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAvatarHeader\" screenConfigNativeElement>\n          <co-icon class=\"header-order-icon\"\n                   (click)=\"showPaymentDialog = true\"\n                   [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\">\n          </co-icon>\n        </div>\n        <div class=\"header-remaining-payment-amount-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\" screenConfigNativeElement>\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'REMAINING_PAYMENT' | localize\"></div>\n          <co-transaction-header-remaining-amount class=\"transaction-header-remaining\"\n                                                  [screenConfigurationObject]=\"cfgNames.HeaderPaymentAmountHeader\"\n                                                  [transactionUuid]=\"transaction.transactionInfo.uuid\"\n                                                  (remainingAmountChange)=\"remainingToPay = $event\"\n          ></co-transaction-header-remaining-amount>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #secondBlock>\n      <div class=\"transaction-header-block-row\">\n        <div class=\"header-downpayment-percentage-wrapper\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentPercentageHeader\" screenConfigNativeElement>\n          <div class=\"header-deposit-label co-transaction-label\" [textContent]=\"'%' | localize\"></div>\n          <co-transaction-header-deposit-percentage class=\"transaction-header-deposit\"\n                                                    [screenConfigurationObject]=\"cfgNames.HeaderPaymentPercentageHeader\"\n                                                    [transactionInfo]=\"transactionInfo\"\n                                                    [defaultEditMode]=\"false\"\n                                                    [showLabel]=\"false\"\n          ></co-transaction-header-deposit-percentage>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #thirdBlock>\n      <div class=\"transaction-header-block-row\">\n        <div class=\"payment-payed-wrapper\">\n          <div class=\"header-payed-label co-transaction-label\" [textContent]=\"'DOWNPAYMENT_DONE' | localize\"></div>\n          <span class=\"payment-paid\" [class.success]=\"paid >= toPay\" [textContent]=\"(paid | coCurrency) || 0\"></span>\n        </div>\n        <div class=\"header-payment-button-wrapper\" (click)=\"openPayment($event)\" [screenConfigurationObject]=\"cfgNames.HeaderPaymentPaymentHeader\" screenConfigNativeElement>\n            <co-icon class=\"header-order-icon\" [iconData]=\"iconCacheService.getIcon(icons.LightCreditCardCheck)\">\n            </co-icon>\n\n          <!--co-transaction-header-payment-button *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n                                                [transactionInfo]=\"transactionInfo\"\n          ></co-transaction-header-payment-button-->\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #hiddenBlock>\n      <!--div class=\"transaction-header-block-row\">\n        <div class=\"header-branch-label co-transaction-label\" [textContent]=\"'BRANCH' | localize\"></div>\n        <div class=\"branch-label\" [textContent]=\"transactionInfo.branch?.familyName\"></div>\n      </div-->\n    </ng-template>\n    <co-transaction-header-popup *ngIf=\"showDialog\"\n                                 [activeCategoryDescription]=\"'PAYMENT_INFORMATION'\"\n                                 [relation]=\"relation\"\n                                 [transaction]=\"transaction\"\n                                 (closeClick)=\"showDialog = false\"></co-transaction-header-popup>\n<!--\n    <co-dialog class=\"transaction-header-payment-dialog\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showDialog\" (closeClick)=\"showDialog = false\">\n      <ng-template #headerTemplate>\n        <div class=\"co-dialog-header-title\" [textContent]=\"'PAYMENT_INFORMATION' | localize\"></div>\n        <co-transaction-header-block\n          [headerBlockTemplate]=\"headerBlock\"\n          [firstBlockTemplate]=\"firstBlock\"\n          [secondBlockTemplate]=\"secondBlock\"\n        >\n        </co-transaction-header-block>\n      </ng-template>\n      <div class=\"payment-dialog-section\">\n        <co-deposit-payment [branch]=\"transactionInfo.branch?.relationNr\" [transactionUuid]=\"transactionInfo.uuid\"></co-deposit-payment>\n      </div>\n    </co-dialog>\n-->\n    <co-dialog class=\"payment-dialog\" [modal]=\"true\" [headerTemplate]=\"headerTemplate\" *ngIf=\"showPaymentDialog\" (closeClick)=\"showPaymentDialog = false\">\n      <ng-template #headerTemplate>\n        <div class=\"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]=\"transactionInfo.id\"\n        [branch]=\"transactionInfo.branch?.relationNr\"\n        [transactionUuid]=\"transactionInfo.uuid\"\n        [amount]=\"showRemainingPayment ? remainingToPay : toPay\"\n        [remainingPayment]=\"showRemainingPayment\"\n        [currencyId]=\"transactionInfo.currencyId\"\n        [doNotFetchAmountToPayForRemaining]=\"true\"\n\n      ></co-payment>\n    </co-dialog> <!--[showPaymentDate]=\"true\"-->\n  ",
                     providers: [
                         { provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, useExisting: i0.forwardRef(function () { return TransactionHeaderPaymentComponent; }) }
                     ],
@@ -49344,8 +49359,6 @@
             this.transactionClick = new i0.EventEmitter();
             this.screenConfigLoaded = false;
             this.salesOrdersPageActive = false;
-            this.batchDeliveryButtonLoader = true;
-            this.selectAllOrders = false;
             this.showProcessOrdersLoader = false;
             this.selectedTransactions = [];
             this._subs = [];
@@ -49397,6 +49410,10 @@
                 if (config && config.length > 0) {
                     _this.screenConfigLoaded = true;
                 }
+            }), this.searchService.resultsUpdated.subscribe(function () {
+                if (_this.salesOrdersPageActive && _this.batchCategory === 'levering') {
+                    _this.markSelectedTransactions();
+                }
             }));
         };
         TransactionSearchResultComponent.prototype.ngOnDestroy = function () {
@@ -49407,18 +49424,16 @@
             this.transactionClick.emit(transaction);
         };
         TransactionSearchResultComponent.prototype.onSelectedClick = function (transaction) {
-            console.log(transaction);
             if (transaction.selected) {
                 this.selectedTransactions.push(transaction);
             }
             else {
-                // const transId = this.transaction.id;
-                // const index = this.selectedTransactions.findIndex(transaction => transaction.id === transId);
-                // if (index !== -1) {
-                //   this.selectedTransactions.splice(index, 1);
-                // }
+                var transId_1 = transaction.transId;
+                var index = this.selectedTransactions.findIndex(function (transaction) { return transaction.transId === transId_1; });
+                if (index !== -1) {
+                    this.selectedTransactions.splice(index, 1);
+                }
             }
-            console.log(this.selectedTransactions);
         };
         TransactionSearchResultComponent.prototype.onPreviousClick = function () {
             this.searchService.currentPage -= 1;
@@ -49429,6 +49444,17 @@
         TransactionSearchResultComponent.prototype.onPageClick = function (pageNr) {
             this.searchService.currentPage = pageNr;
         };
+        TransactionSearchResultComponent.prototype.markSelectedTransactions = function () {
+            var _this = this;
+            if (this.searchService.resultsUpdated) {
+                this.searchService.transactions.forEach(function (transaction) {
+                    var matchingObject = _this.selectedTransactions.find(function (selectedTransaction) { return selectedTransaction.transId === transaction.transId; });
+                    if (matchingObject) {
+                        transaction.selected = true;
+                    }
+                });
+            }
+        };
         TransactionSearchResultComponent.prototype.dragStarted = function (ev, transaction) {
             this._deliveryPlanningService.dragging = true;
             this._deliveryPlanningService.currentTransId = transaction.transId;
@@ -49496,7 +49522,7 @@
                             return [7 /*endfinally*/];
                         case 8:
                             this.transactionService.printDeliveryNotes(printDeliveryNotesRequest$1)
-                                .then(function (result) {
+                                .then(function () {
                                 _this.showProcessOrdersLoader = false;
                             })
                                 .catch(function () {
@@ -49507,8 +49533,13 @@
                 });
             });
         };
-        TransactionSearchResultComponent.prototype.onSelectAllOrders = function () {
-            this.searchService.transactions.forEach(function (item) { return item.selected = !item.selected; });
+        TransactionSearchResultComponent.prototype.onSelectAllOrders = function (allSelected) {
+            var _a;
+            this.searchService.transactions.forEach(function (item) { return item.selected = !allSelected; });
+            this.selectedTransactions = [];
+            if (!allSelected) {
+                (_a = this.selectedTransactions).push.apply(_a, __spreadArray([], __read(this.searchService.transactions)));
+            }
         };
         TransactionSearchResultComponent.prototype._createRequestLines = function (selectedLines) {
             return selectedLines.map(function (line) {
@@ -49523,7 +49554,7 @@
     TransactionSearchResultComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-search-result',
-                    template: "\n    <ng-container *ngIf=\"screenConfigLoaded\">\n      <div\n        class=\"actions-wrapper\"\n        *ngIf=\"searchService.transactions?.length > 0 && salesOrdersPageActive && batchCategory === 'levering'\">\n        <co-input-checkbox\n          [model]=\"checkIfAllSelected()\"\n          [label]=\"'SELECT_ALL_ORDERS' | localize\"\n          (modelChange)=\"onSelectAllOrders()\">\n        </co-input-checkbox>\n        <co-quick-send-button\n          *ngIf=\"checkIfSelected()\"\n          [showSendMethodDialogIcon]=\"false\"\n          [showLoader]=\"showProcessOrdersLoader\"\n          (sendIconClicked)=\"onProcessOrders()\">\n        </co-quick-send-button>\n      </div>\n\n      <div class=\"transaction-search-result-content-tiles-wrapper\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\"\n           *ngIf=\"activeContentViewMode === contentViewModes.Tiles\">\n        <div class=\"transaction-tile\" *ngFor=\"let transaction of searchService.transactions\">\n          <co-transaction-search-tile\n            [draggable]=\"draggableTransactions\"\n            (dragstart)=\"dragStarted($event, transaction)\"\n            (dragend)=\"dragEnd($event)\"\n            [transaction]=\"transaction\"\n            [showCheckbox]=\"salesOrdersPageActive && batchCategory === 'levering'\"\n            [class]=\"transaction === selectedTransaction ? 'selected' : ''\"\n            (transactionClick)=\"onTransactionClick($event)\"\n            (selectedClick)=\"onSelectedClick($event)\">\n          </co-transaction-search-tile>\n        </div>\n      </div>\n\n      <div class=\"transaction-search-result-content-grid-wrapper\"\n           *ngIf=\"activeContentViewMode === contentViewModes.Grid\">\n        <co-transaction-search-grid [showCheckbox]=\"salesOrdersPageActive && batchCategory === 'levering'\"\n                                    (transactionClick)=\"onTransactionClick($event)\"></co-transaction-search-grid>\n      </div>\n\n      <co-pagination-bar\n        *ngIf=\"searchService.transactions?.length > 0\"\n        [currentPage]=\"searchService.currentPage\"\n        [itemsPerPage]=\"searchService.transactionsPerPage\"\n        [totalItems]=\"searchService.resultCount\"\n        [previousLabel]=\"'PREVIOUS' | localize\"\n        [nextLabel]=\"'NEXT' | localize\"\n        [autoHide]=\"true\"\n        [directionLinks]=\"fullscreen\"\n        [paginationRange]=\"!fullscreen ? 6 : 8\"\n        (previousClick)=\"onPreviousClick()\"\n        (nextClick)=\"onNextClick()\"\n        (pageClick)=\"onPageClick($event)\">\n      </co-pagination-bar>\n\n      <div class=\"empty-state-wrapper\" *ngIf=\"searchService.transactions && searchService.resultCount === 0\">\n        <span [textContent]=\"'0_RESULTS_FOUND' | localize\"></span>\n      </div>\n    </ng-container>\n  ",
+                    template: "\n    <ng-container *ngIf=\"screenConfigLoaded\">\n      <div\n        class=\"actions-wrapper\"\n        *ngIf=\"searchService.transactions?.length > 0 && salesOrdersPageActive && batchCategory === 'levering'\">\n        <co-input-checkbox\n          [model]=\"checkIfAllSelected()\"\n          [label]=\"'SELECT_ALL_ORDERS' | localize\"\n          (modelChange)=\"onSelectAllOrders(checkIfAllSelected())\">\n        </co-input-checkbox>\n        <co-quick-send-button\n          *ngIf=\"checkIfSelected()\"\n          [showSendMethodDialogIcon]=\"false\"\n          [showLoader]=\"showProcessOrdersLoader\"\n          (sendIconClicked)=\"onProcessOrders()\">\n        </co-quick-send-button>\n      </div>\n\n      <div class=\"transaction-search-result-content-tiles-wrapper\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\"\n           *ngIf=\"activeContentViewMode === contentViewModes.Tiles\">\n        <div class=\"transaction-tile\" *ngFor=\"let transaction of searchService.transactions\">\n          <co-transaction-search-tile\n            [draggable]=\"draggableTransactions\"\n            (dragstart)=\"dragStarted($event, transaction)\"\n            (dragend)=\"dragEnd($event)\"\n            [transaction]=\"transaction\"\n            [showCheckbox]=\"salesOrdersPageActive && batchCategory === 'levering'\"\n            [class]=\"transaction === selectedTransaction ? 'selected' : ''\"\n            (transactionClick)=\"onTransactionClick($event)\"\n            (selectedClick)=\"onSelectedClick($event)\">\n          </co-transaction-search-tile>\n        </div>\n      </div>\n\n      <div class=\"transaction-search-result-content-grid-wrapper\"\n           *ngIf=\"activeContentViewMode === contentViewModes.Grid\">\n        <co-transaction-search-grid [showCheckbox]=\"salesOrdersPageActive && batchCategory === 'levering'\"\n                                    (transactionClick)=\"onTransactionClick($event)\"></co-transaction-search-grid>\n      </div>\n\n      <co-pagination-bar\n        *ngIf=\"searchService.transactions?.length > 0\"\n        [currentPage]=\"searchService.currentPage\"\n        [itemsPerPage]=\"searchService.transactionsPerPage\"\n        [totalItems]=\"searchService.resultCount\"\n        [previousLabel]=\"'PREVIOUS' | localize\"\n        [nextLabel]=\"'NEXT' | localize\"\n        [autoHide]=\"true\"\n        [directionLinks]=\"fullscreen\"\n        [paginationRange]=\"!fullscreen ? 6 : 8\"\n        (previousClick)=\"onPreviousClick()\"\n        (nextClick)=\"onNextClick()\"\n        (pageClick)=\"onPageClick($event)\">\n      </co-pagination-bar>\n\n      <div class=\"empty-state-wrapper\" *ngIf=\"searchService.transactions && searchService.resultCount === 0\">\n        <span [textContent]=\"'0_RESULTS_FOUND' | localize\"></span>\n      </div>\n    </ng-container>\n  ",
                     providers: [
                         { provide: corecomponents_v12.BaseModuleScreenConfigService, useExisting: TransactionScreenConfigurationService }
                     ],
@@ -55400,6 +55431,28 @@
                     }
                 });
             }
+            else if (this.transactionKind === transactionKind_enum.TransactionKind.CashDesk) {
+                this._transactionConnectorService.connectionInitialized.pipe(operators.take(1)).subscribe(function (loaded) {
+                    if (loaded) {
+                        _this._screenConfigurationService.loadConfig([_this.transactionKind]).then(function () { return __awaiter(_this, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0:
+                                        if (!this.transactionNr) return [3 /*break*/, 2];
+                                        return [4 /*yield*/, this.service.getTransactionByNrAndKind(this.transactionNr, this.transactionKind)];
+                                    case 1:
+                                        _a.sent();
+                                        _a.label = 2;
+                                    case 2:
+                                        this._prepareHeader();
+                                        this.screenConfigLoaded = true;
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); });
+                    }
+                });
+            }
         };
         TransactionComponent.prototype._prepareHeader = function () {
             if (this._screenConfigurationService.getObjectConfigurationFor(this.cfgNames.RelationInfoHeader).immediatelyHidden() &&