@colijnit/transaction 258.1.29 → 258.1.30

package/bundles/colijnit-transaction.umd.js

@@ -33,8 +33,8 @@
         function Version() {
             this.name = "@colijnit/transaction";
             this.description = "Colijn IT transaction package";
-            this.symVer = "258.1.29";
-            this.publishDate = "6-6-2025 17:14:04";
+            this.symVer = "258.1.30";
+            this.publishDate = "11-6-2025 17:21:10";
         }
         return Version;
     }());
@@ -3610,6 +3610,26 @@
                 });
             });
         };
+        TransactionConnectorAdapterService.prototype.getAddressTypes = function (languageCode) {
+            return __awaiter(this, void 0, void 0, function () {
+                var result;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0: return [4 /*yield*/, this.connector.getAddressTypes(languageCode)];
+                        case 1:
+                            result = _b.sent();
+                            if (result.validationResult && result.validationResult.success) {
+                                return [2 /*return*/, this._boFactory.makeBOArrayFromRawBackendDataArray(coDomainValue_bo.CoDomainValue, result.resultObjects)];
+                            }
+                            else {
+                                this._handleExceptionFromResponse(result);
+                                return [2 /*return*/, []];
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         TransactionConnectorAdapterService.prototype.getInOutCollection = function (languageCode) {
             return __awaiter(this, void 0, void 0, function () {
                 var result;
@@ -10762,6 +10782,16 @@
                 });
             });
         };
+        TransactionConnectorService.prototype.getAddressTypes = function (languageCode) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, this._selectMultipleParameterizedCacheService.requestCache(domainName_enum.DomainName.AddressType, function (languageCode, domainName) {
+                            return _this._adapterService.functionCall(_this._adapterService.getAddressTypes, [languageCode]);
+                        }).getValue(languageCode, domainName_enum.DomainName.AddressType)];
+                });
+            });
+        };
         TransactionConnectorService.prototype.getInOutCollection = function (languageCode) {
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
@@ -23080,6 +23110,7 @@
             _this.transactionService = transactionService;
             _this.addressChange = new i0.EventEmitter();
             _this.countries = [];
+            _this.addressTypes = [];
             _this.fields = { text: "description", value: "code" };
             _this.postalCodeCheckErrorMessage = "";
             _this._prevPostalCodeForCheck = "";
@@ -23109,6 +23140,9 @@
                         _this.countries = countries;
                         _this._setSelectedAddress();
                     });
+                    this._connector.getAddressTypes('NL').then(function (codes) {
+                        _this.addressTypes = codes;
+                    });
                     return [2 /*return*/];
                 });
             });
@@ -23198,7 +23232,7 @@
     RelationAddressComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-relation-address",
-                    template: "\n      <label *ngIf=label [textContent]=\"label | localize\"\n             class=\"checkout-label-h3\"\n      ></label>\n      <div class=\"relation-address-data-row default\" [class.validation-error]=\"wrongAddress\">\n          <co-input-text\n                  [(model)]=\"address.postalCode\"\n                  [placeholder]=\"'POSTAL_CODE' | localize\"\n                  (blur)=\"checkForPostalCodeCheckError()\"\n                  (modelChange)=\"handlePostalCodeChange()\"\n                  required\n          ></co-input-text>\n          <co-input-text class=\"default-width\"\n                         [(model)]=\"address.houseNo\"\n                         [placeholder]=\"'HOUSE_NO' | localize\"\n                         [digitsOnly]=\"true\"\n                         (blur)=\"checkForPostalCodeCheckError()\"\n                         (modelChange)=\"changeHouseNo()\"\n                         required\n          ></co-input-text>\n          <co-input-text\n                  [(model)]=\"address.houseNoAddition\"\n                  [placeholder]=\"'HOUSE_NO_ADDITION' | localize\"\n          ></co-input-text>\n        <span *ngIf=\"wrongAddress\" class=\"wrong-address\" [textContent]=\"'UNKNOWN_ADDRESS_CHECK_IT' | localize\"></span>\n      </div>\n      <div class=\"relation-address-data-row default\">\n        <co-input-text\n                [(model)]=\"address.streetName\"\n                [placeholder]=\"'STREET' | localize\" required\n                (modelChange)=\"handleStreetChange()\"></co-input-text>\n        <co-input-text\n          [(model)]=\"address.city\"\n          [placeholder]=\"'CITY' | localize\" required\n          (modelChange)=\"handleCityChange()\"></co-input-text>\n      </div>\n      <div class=\"relation-address-data-row default single\">\n        <co-list-of-values\n          [model]=\"countryModel\"\n          [collection]=\"countries\"\n          [displayField]=\"'description'\"\n          [label]=\"'COUNTRY' | localize\"\n          [required]=\"true\"\n          (modelChange)=\"handleCountryChange($event)\"\n        ></co-list-of-values>\n      </div>\n  ",
+                    template: "\n      <label *ngIf=label [textContent]=\"label | localize\"\n             class=\"checkout-label-h3\"\n      ></label>\n      <div class=\"relation-address-data-row default\" [class.validation-error]=\"wrongAddress\">\n          <co-input-text\n                  [(model)]=\"address.postalCode\"\n                  [placeholder]=\"'POSTAL_CODE' | localize\"\n                  (blur)=\"checkForPostalCodeCheckError()\"\n                  (modelChange)=\"handlePostalCodeChange()\"\n                  required\n          ></co-input-text>\n          <co-input-text class=\"default-width\"\n                         [(model)]=\"address.houseNo\"\n                         [placeholder]=\"'HOUSE_NO' | localize\"\n                         [digitsOnly]=\"true\"\n                         (blur)=\"checkForPostalCodeCheckError()\"\n                         (modelChange)=\"changeHouseNo()\"\n                         required\n          ></co-input-text>\n          <co-input-text\n                  [(model)]=\"address.houseNoAddition\"\n                  [placeholder]=\"'HOUSE_NO_ADDITION' | localize\"\n          ></co-input-text>\n        <span *ngIf=\"wrongAddress\" class=\"wrong-address\" [textContent]=\"'UNKNOWN_ADDRESS_CHECK_IT' | localize\"></span>\n      </div>\n      <div class=\"relation-address-data-row default\">\n        <co-input-text\n                [(model)]=\"address.streetName\"\n                [placeholder]=\"'STREET' | localize\" required\n                (modelChange)=\"handleStreetChange()\"></co-input-text>\n        <co-input-text\n          [(model)]=\"address.city\"\n          [placeholder]=\"'CITY' | localize\" required\n          (modelChange)=\"handleCityChange()\"></co-input-text>\n      </div>\n      <div class=\"relation-address-data-row default single\">\n        <co-list-of-values\n          [model]=\"countryModel\"\n          [collection]=\"countries\"\n          [displayField]=\"'description'\"\n          [label]=\"'COUNTRY' | localize\"\n          [required]=\"true\"\n          (modelChange)=\"handleCountryChange($event)\"\n        ></co-list-of-values>\n      </div>\n      <div class=\"relation-address-data-row default single\">\n        <co-list-of-values\n          [(model)]=\"address.addressType\"\n          [collection]=\"addressTypes\"\n          [displayField]=\"'description'\"\n          [label]=\"'ADDRESS_TYPE' | localize\"\n          [required]=\"true\"\n        ></co-list-of-values>\n      </div>\n      \n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -30878,6 +30912,7 @@
             _this.dialogService = dialogService;
             _this._transactionCreationService = _transactionCreationService;
             _this.creatingSalesOrder = false;
+            _this.refTransactions = [];
             _this._subscriptions = [];
             _this.reportDocumentEmailRequest = new reportingDocumentEmailSignDocBaseRequest.ReportingDocumentEmailSignDocBaseRequest();
             _this.reportDocumentPrintRequest = new reportingDocumentPrintSignDocBaseRequest.ReportingDocumentPrintSignDocBaseRequest();
@@ -30890,7 +30925,10 @@
         TransactionQuickAccessSalesQuotationComponent.prototype.ngOnInit = function () {
             var _this = this;
             _super.prototype.ngOnInit.call(this);
-            this._subscriptions.push(this.transactionEventService.updateTransactionReferences.subscribe(function () { return _this.transactionService.checkRefTransaction(); }));
+            this._subscriptions.push(this.transactionEventService.transactionLineRefTransactionsChanged.subscribe(function () {
+                _this.updateRefTransactions();
+                _this.changeDetector.detectChanges();
+            }));
         };
         TransactionQuickAccessSalesQuotationComponent.prototype.ngOnDestroy = function () {
             _super.prototype.ngOnDestroy.call(this);
@@ -31021,13 +31059,14 @@
                             request.transactionRelationId = this.transactionInfo.relation.relationId;
                             request.handledByRelationId = this.transactionInfo.handledBy;
                             this.creatingSalesOrder = true;
-                            //Copy over the branch attached to the current quotation.
                             this._transactionCreationService.currentBranch = this.transactionHeaderService.transactionInfo.branch.relationNr;
                             return [4 /*yield*/, this._transactionCreationService.createSalesOrderThroughQuotation(request)];
                         case 1:
                             salesOrderCreated = _b.sent();
                             this.creatingSalesOrder = false;
                             if (!isNaN(salesOrderCreated)) {
+                                this.updateRefTransactions();
+                                this.changeDetector.detectChanges(); // Force view update
                                 this.transactionEventService.transactionNavigation.next(salesOrderCreated.toString());
                             }
                             return [2 /*return*/];
@@ -31038,7 +31077,7 @@
         TransactionQuickAccessSalesQuotationComponent.prototype.handleSalesOrderNavigation = function (transNr) {
             this.transactionEventService.transactionNavigation.next(transNr);
         };
-        TransactionQuickAccessSalesQuotationComponent.prototype.getCurrentRefTransactions = function () {
+        TransactionQuickAccessSalesQuotationComponent.prototype.updateRefTransactions = function () {
             var refTransactionNrs = new Set();
             var refTransactionsList = [];
             this.transactionService.currentTransaction.transactionLines.forEach(function (line) {
@@ -31050,7 +31089,7 @@
                     }
                 });
             });
-            return refTransactionsList;
+            this.refTransactions = refTransactionsList;
         };
         TransactionQuickAccessSalesQuotationComponent.prototype.handleMarginOverviewClick = function (selected) {
             this.transactionHeaderService.showingMargins = selected;
@@ -31061,7 +31100,7 @@
     TransactionQuickAccessSalesQuotationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-quick-access-sales-quotation',
-                    template: "\n      <div class=\"quick-access-content-wrapper\">\n          <co-quick-send-button\n                  [defaultMethodIcon]=\"defaultSendMethodIcon\"\n                  [showLoader]=\"showLoader\"\n                  (sendIconClicked)=\"handleSend(defaultSendMethod)\"\n                  (openSendMethodDialog)=\"showSendMethodDialog = true\"\n          ></co-quick-send-button>\n          <co-transaction-send-documents\n                  [historicReports]=\"historicReports\"\n                  [transactionTypeCategory]=\"transactionTypeCategory.SalesOrderQuotation\"\n          ></co-transaction-send-documents>\n          <co-transaction-button class=\"sales-quote-btn custom-width\"\n                                 [label]=\"'SALES_ORDER' | localize\"\n                                 [iconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n                                 (click)=\"createSalesOrder()\"\n          ></co-transaction-button>\n          <co-transaction-navigation-button-list\n                  [refTransactions]=\"getCurrentRefTransactions()\"\n                  [showRelationButton]=\"false\"\n                  [emptyLabel]=\"'NO_SALES_QUOTE_ORDER' | localize\"\n                  (transactionClick)=\"handleSalesOrderNavigation($event)\"\n          ></co-transaction-navigation-button-list>\n          <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n                                 [headerTitle]=\"'Verzendmethode'\"\n                                 [printerList]=\"printerList\"\n                                 [defaultSendMethod]=\"defaultSendMethod\"\n                                 [visibleMethods]=\"[sendMethodType.Print, sendMethodType.Email, sendMethodType.Pdf]\"\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          <co-button [isToggled]=\"transactionHeaderService.showingMargins\" [isToggleButton]=\"true\" [label]=\"'MARGIN_OVERVIEW' | localize\" (isToggledChange)=\"handleMarginOverviewClick($event)\"></co-button>\n      </div>\n      <co-digital-signature\n              [documentId]=\"signatureDocumentId\"\n              (documentStored)=\"commitAndRefreshTransaction()\"\n      ></co-digital-signature>\n  ",
+                    template: "\n      <div class=\"quick-access-content-wrapper\">\n          <co-quick-send-button\n                  [defaultMethodIcon]=\"defaultSendMethodIcon\"\n                  [showLoader]=\"showLoader\"\n                  (sendIconClicked)=\"handleSend(defaultSendMethod)\"\n                  (openSendMethodDialog)=\"showSendMethodDialog = true\"\n          ></co-quick-send-button>\n          <co-transaction-send-documents\n                  [historicReports]=\"historicReports\"\n                  [transactionTypeCategory]=\"transactionTypeCategory.SalesOrderQuotation\"\n          ></co-transaction-send-documents>\n          <co-transaction-button class=\"sales-quote-btn custom-width\"\n                                 [label]=\"'SALES_ORDER' | localize\"\n                                 [iconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n                                 (click)=\"createSalesOrder()\"\n          ></co-transaction-button>\n          <co-transaction-navigation-button-list\n                  [refTransactions]=\"refTransactions\"\n                  [showRelationButton]=\"false\"\n                  [emptyLabel]=\"'NO_SALES_QUOTE_ORDER' | localize\"\n                  (transactionClick)=\"handleSalesOrderNavigation($event)\"\n          ></co-transaction-navigation-button-list>\n          <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n                                 [headerTitle]=\"'Verzendmethode'\"\n                                 [printerList]=\"printerList\"\n                                 [defaultSendMethod]=\"defaultSendMethod\"\n                                 [visibleMethods]=\"[sendMethodType.Print, sendMethodType.Email, sendMethodType.Pdf]\"\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          <co-button [isToggled]=\"transactionHeaderService.showingMargins\" [isToggleButton]=\"true\" [label]=\"'MARGIN_OVERVIEW' | localize\" (isToggledChange)=\"handleMarginOverviewClick($event)\"></co-button>\n      </div>\n      <co-digital-signature\n              [documentId]=\"signatureDocumentId\"\n              (documentStored)=\"commitAndRefreshTransaction()\"\n      ></co-digital-signature>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -49254,11 +49293,16 @@
     var TransactionPurchaseReservationOrderTileComponent = /** @class */ (function (_super) {
         __extends(TransactionPurchaseReservationOrderTileComponent, _super);
         function TransactionPurchaseReservationOrderTileComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.selectedLine = new i0.EventEmitter();
+            return _this;
         }
         TransactionPurchaseReservationOrderTileComponent.prototype.showClass = function () {
             return true;
         };
+        TransactionPurchaseReservationOrderTileComponent.prototype.handleSelection = function () {
+            this.selectedLine.emit(this.purchaseReservationPurchaseLine);
+        };
         TransactionPurchaseReservationOrderTileComponent.prototype.boolForString = function (string) {
             return string === "T";
         };
@@ -49267,13 +49311,14 @@
     TransactionPurchaseReservationOrderTileComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-purchase-reservation-order-tile",
-                    template: "\n    <div class=\"transaction-tile-wrapper\">\n      <div class=\"tile\">\n        <div class=\"tile-header\">\n          <div class=\"tile-upper-left\">\n            <div class=\"header\">\n              <co-input-checkbox\n                [(model)]=\"purchaseReservationPurchaseLine.selected\"\n              ></co-input-checkbox>\n              <span class=\"bold\" [textContent]=\"purchaseReservationPurchaseLine.transNo\"></span>\n            </div>\n          </div>\n          <div class=\"tile-upper-right\">\n            <div class=\"column\">\n              <span class=\"title\" [textContent]=\"'AMOUNT_AVAILABLE2' | localize\"></span>\n              <span class=\"bold center-align\" [textContent]=\"purchaseReservationPurchaseLine.amountToReservePurchase\"></span>\n            </div>\n            <div class=\"column\">\n              <span class=\"title\" [textContent]=\"'AMOUNT_RESERVATED' | localize\"></span>\n              <span class=\"bold center-align\"\n                [textContent]=\"purchaseReservationPurchaseLine.amountReserved\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"tile-body\">\n          <div class=\"tile-middle-left\">\n          </div>\n          <div class=\"tile-middle-middle\">\n          </div>\n          <div class=\"tile-middle-right\"></div>\n        </div>\n        <div class=\"tile-footer\">\n          <div class=\"tile-bottom-left order-info-section\">\n            <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularCartShoppingClock)\"></co-icon>\n            <div class=\"value\">\n              <span [textContent]=\"purchaseReservationPurchaseLine.deliveryDatePurchase | date:'dd MMM yyyy'\"></span>\n            </div>\n          </div>\n          <div class=\"tile-bottom-left order-info-section\">\n            <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularTruckMovingClock)\"></co-icon>\n            <div class=\"value\">\n              <span [textContent]=\"purchaseReservationPurchaseLine.deliveryDateConfirmed | date:'dd MMM yyyy'\"></span>\n            </div>\n          </div>\n          <div class=\"tile-bottom-left order-info-section\">\n            <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularWarehouseClock)\"></co-icon>\n            <div class=\"value\">\n              <span [textContent]=\"purchaseReservationPurchaseLine.arrivalDate | date:'dd MMM yyyy'\"></span></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"transaction-tile-wrapper\">\n      <div class=\"tile\">\n        <div class=\"tile-header\">\n          <div class=\"tile-upper-left\">\n            <div class=\"header\">\n              <co-input-checkbox\n                [(model)]=\"purchaseReservationPurchaseLine.selected\"\n                (modelChange)=\"handleSelection()\"\n              ></co-input-checkbox>\n              <span class=\"bold\" [textContent]=\"purchaseReservationPurchaseLine.transNo\"></span>\n            </div>\n          </div>\n          <div class=\"tile-upper-right\">\n            <div class=\"column\">\n              <span class=\"title\" [textContent]=\"'AMOUNT_AVAILABLE2' | localize\"></span>\n              <span class=\"bold center-align\" [textContent]=\"purchaseReservationPurchaseLine.amountToReservePurchase\"></span>\n            </div>\n            <div class=\"column\">\n              <span class=\"title\" [textContent]=\"'AMOUNT_RESERVATED' | localize\"></span>\n              <span class=\"bold center-align\"\n                [textContent]=\"purchaseReservationPurchaseLine.amountReserved\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"tile-body\">\n          <div class=\"tile-middle-left\">\n          </div>\n          <div class=\"tile-middle-middle\">\n          </div>\n          <div class=\"tile-middle-right\"></div>\n        </div>\n        <div class=\"tile-footer\">\n          <div class=\"tile-bottom-left order-info-section\">\n            <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularCartShoppingClock)\"></co-icon>\n            <div class=\"value\">\n              <span [textContent]=\"purchaseReservationPurchaseLine.deliveryDatePurchase | date:'dd MMM yyyy'\"></span>\n            </div>\n          </div>\n          <div class=\"tile-bottom-left order-info-section\">\n            <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularTruckMovingClock)\"></co-icon>\n            <div class=\"value\">\n              <span [textContent]=\"purchaseReservationPurchaseLine.deliveryDateConfirmed | date:'dd MMM yyyy'\"></span>\n            </div>\n          </div>\n          <div class=\"tile-bottom-left order-info-section\">\n            <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularWarehouseClock)\"></co-icon>\n            <div class=\"value\">\n              <span [textContent]=\"purchaseReservationPurchaseLine.arrivalDate | date:'dd MMM yyyy'\"></span></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
     TransactionPurchaseReservationOrderTileComponent.propDecorators = {
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-purchase-reservation-order-tile",] }],
-        purchaseReservationPurchaseLine: [{ type: i0.Input }]
+        purchaseReservationPurchaseLine: [{ type: i0.Input }],
+        selectedLine: [{ type: i0.Output }]
     };
 
     var TransactionPurchaseReservationOrderTileModule = /** @class */ (function () {
@@ -62933,6 +62978,11 @@
             this.salesReservationService.resetLineData();
             this._transactionHeaderService.reservationPopupToggle.next(false);
         };
+        TransactionSalesReservationPopupComponent.prototype.onTileSelected = function (selected) {
+            this.reservationOrderLines.forEach(function (line) {
+                line.selected = (line === selected);
+            });
+        };
         TransactionSalesReservationPopupComponent.prototype.processReservation = function () {
             return __awaiter(this, void 0, void 0, function () {
                 var reservation, response;
@@ -62962,7 +63012,7 @@
     TransactionSalesReservationPopupComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-sales-reservation-popup",
-                    template: "\n    <co-dialog\n      (closeClick)=\"handleClosePopup()\"\n      [headerTemplate]=\"headerTemplate\"\n      [footerTemplate]=\"footerTemplate\"\n    >\n      <ng-template #headerTemplate>\n        <div class=\"co-dialog-wrapper-popup-title\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.PalletBoxesRotate)\"></co-icon>\n          <div class=\"co-dialog-header-title\" [textContent]=\"'RESERVATION_PURCHASEORDER' | localize \"></div>\n        </div>\n      </ng-template>\n\n      <div class=\"wrapper\">\n        <co-transaction-purchase-reservation-order-tile *ngFor=\"let line of reservationOrderLines\"\n                                                        [purchaseReservationPurchaseLine]=\"line\"></co-transaction-purchase-reservation-order-tile>\n      </div>\n\n      <ng-template #footerTemplate>\n        <div class=\"co-dialog-footer-button-wrapper\">\n          <co-button class=\"save-button\" [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                     (click)=\"processReservation()\"\n          ></co-button>\n          <co-button class=\"close-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n                     (click)=\"handleClosePopup()\"\n          ></co-button>\n        </div>\n      </ng-template>\n\n\n    </co-dialog>\n  ",
+                    template: "\n    <co-dialog\n      (closeClick)=\"handleClosePopup()\"\n      [headerTemplate]=\"headerTemplate\"\n      [footerTemplate]=\"footerTemplate\"\n    >\n      <ng-template #headerTemplate>\n        <div class=\"co-dialog-wrapper-popup-title\">\n          <co-icon [iconData]=\"iconCacheService.getIcon(icons.PalletBoxesRotate)\"></co-icon>\n          <div class=\"co-dialog-header-title\" [textContent]=\"'RESERVATION_PURCHASEORDER' | localize \"></div>\n        </div>\n      </ng-template>\n\n      <div class=\"wrapper\">\n        <co-transaction-purchase-reservation-order-tile\n          *ngFor=\"let line of reservationOrderLines\"\n          [purchaseReservationPurchaseLine]=\"line\"\n          (selectedLine)=\"onTileSelected(line)\">\n        </co-transaction-purchase-reservation-order-tile>\n      </div>\n\n      <ng-template #footerTemplate>\n        <div class=\"co-dialog-footer-button-wrapper\">\n          <co-button class=\"save-button\" [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                     (click)=\"processReservation()\"\n          ></co-button>\n          <co-button class=\"close-button\"\n                     [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n                     (click)=\"handleClosePopup()\"\n          ></co-button>\n        </div>\n      </ng-template>\n\n\n    </co-dialog>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];