@colijnit/transaction 256.1.6 → 256.1.7

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.6";
-            this.publishDate = "28-10-2024 10:33:24";
+            this.symVer = "256.1.7";
+            this.publishDate = "29-10-2024 18:11:52";
         }
         return Version;
     }());
@@ -3845,12 +3845,13 @@
                 });
             });
         };
-        TransactionConnectorAdapterService.prototype.addTransactionLine = function (uuid, articleNo, quantity, aboveLineNr, belowLineNr) {
+        TransactionConnectorAdapterService.prototype.addTransactionLine = function (uuid, articleNo, quantity, aboveLineNr, belowLineNr, showLoader) {
+            if (showLoader === void 0) { showLoader = false; }
             return __awaiter(this, void 0, void 0, function () {
                 var _this = this;
                 return __generator(this, function (_a) {
                     return [2 /*return*/, new Promise(function (resolve, reject) {
-                            return _this.connector.addTransactionLine(uuid, articleNo, quantity, aboveLineNr, belowLineNr).then(function (result) {
+                            return _this.connector.addTransactionLine(uuid, articleNo, quantity, aboveLineNr, belowLineNr, showLoader).then(function (result) {
                                 if (result.validationResult && result.validationResult.success) {
                                     resolve(_this._boFactory.makeWithRawBackendData(transactionInfoResponse_bo.TransactionInfoResponse, result.resultObject));
                                 }
@@ -8149,12 +8150,13 @@
                 });
             });
         };
-        TransactionConnectorAdapterService.prototype.addExternalCatalogArticlesToTransaction = function (uuid, catalogId, rawData) {
+        TransactionConnectorAdapterService.prototype.addExternalCatalogArticlesToTransaction = function (uuid, catalogId, rawData, showLoader) {
+            if (showLoader === void 0) { showLoader = false; }
             return __awaiter(this, void 0, void 0, function () {
                 var response;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.connector.addExternalCatalogArticlesToTransaction(uuid, catalogId, rawData)];
+                        case 0: return [4 /*yield*/, this.connector.addExternalCatalogArticlesToTransaction(uuid, catalogId, rawData, showLoader)];
                         case 1:
                             response = _a.sent();
                             if (response && response.validationResult && response.validationResult.success) {
@@ -9477,10 +9479,11 @@
                 });
             });
         };
-        TransactionConnectorService.prototype.addTransactionLine = function (uuid, articleNo, quantity, aboveLineNr, belowLineNr) {
+        TransactionConnectorService.prototype.addTransactionLine = function (uuid, articleNo, quantity, aboveLineNr, belowLineNr, showLoader) {
+            if (showLoader === void 0) { showLoader = false; }
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
-                    return [2 /*return*/, this._adapterService.addTransactionLine(uuid, articleNo, quantity, aboveLineNr, belowLineNr)];
+                    return [2 /*return*/, this._adapterService.addTransactionLine(uuid, articleNo, quantity, aboveLineNr, belowLineNr, showLoader)];
                 });
             });
         };
@@ -11180,11 +11183,12 @@
                 });
             });
         };
-        TransactionConnectorService.prototype.addExternalCatalogArticlesToTransaction = function (uuid, catalogId, rawData) {
+        TransactionConnectorService.prototype.addExternalCatalogArticlesToTransaction = function (uuid, catalogId, rawData, showLoader) {
+            if (showLoader === void 0) { showLoader = false; }
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this._adapterService.addExternalCatalogArticlesToTransaction(uuid, catalogId, rawData)];
+                        case 0: return [4 /*yield*/, this._adapterService.addExternalCatalogArticlesToTransaction(uuid, catalogId, rawData, showLoader)];
                         case 1: return [2 /*return*/, _a.sent()];
                     }
                 });
@@ -16060,16 +16064,17 @@
                 });
             });
         };
-        TransactionService.prototype.addArticle = function (articleNo, quantity, aboveLineNr, belowLineNr, saveTransaction) {
+        TransactionService.prototype.addArticle = function (articleNo, quantity, aboveLineNr, belowLineNr, saveTransaction, showLoader) {
             if (quantity === void 0) { quantity = 1; }
             if (aboveLineNr === void 0) { aboveLineNr = 0; }
             if (belowLineNr === void 0) { belowLineNr = 0; }
             if (saveTransaction === void 0) { saveTransaction = true; }
+            if (showLoader === void 0) { showLoader = false; }
             return __awaiter(this, void 0, void 0, function () {
                 var response;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.addTransactionLine(articleNo, quantity, aboveLineNr, belowLineNr)];
+                        case 0: return [4 /*yield*/, this.addTransactionLine(articleNo, quantity, aboveLineNr, belowLineNr, showLoader)];
                         case 1:
                             response = _a.sent();
                             if (response !== null) {
@@ -16084,10 +16089,11 @@
                 });
             });
         };
-        TransactionService.prototype.addTransactionLine = function (articleNo, quantity, aboveLineNr, belowLineNr) {
+        TransactionService.prototype.addTransactionLine = function (articleNo, quantity, aboveLineNr, belowLineNr, showLoader) {
             if (quantity === void 0) { quantity = 1; }
             if (aboveLineNr === void 0) { aboveLineNr = 0; }
             if (belowLineNr === void 0) { belowLineNr = 0; }
+            if (showLoader === void 0) { showLoader = false; }
             return __awaiter(this, void 0, void 0, function () {
                 var created, lockSuccess, response;
                 return __generator(this, function (_a) {
@@ -16103,7 +16109,7 @@
                             lockSuccess = _a.sent();
                             if (!lockSuccess) return [3 /*break*/, 4];
                             this.transactionLineAdded = true;
-                            return [4 /*yield*/, this.connector.addTransactionLine(this.currentTransaction.transactionInfo.uuid, articleNo, quantity, aboveLineNr, belowLineNr)];
+                            return [4 /*yield*/, this.connector.addTransactionLine(this.currentTransaction.transactionInfo.uuid, articleNo, quantity, aboveLineNr, belowLineNr, showLoader)];
                         case 3:
                             response = _a.sent();
                             return [2 /*return*/, response];
@@ -16131,11 +16137,12 @@
                 });
             });
         };
-        TransactionService.prototype.addExternalCatalogArticle = function (request) {
+        TransactionService.prototype.addExternalCatalogArticle = function (request, showLoader) {
+            if (showLoader === void 0) { showLoader = false; }
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.addExternalCatalogArticleWithRawData(request.catalogId, request.articleJson)];
+                        case 0: return [4 /*yield*/, this.addExternalCatalogArticleWithRawData(request.catalogId, request.articleJson, showLoader)];
                         case 1:
                             _a.sent();
                             return [2 /*return*/];
@@ -16143,14 +16150,15 @@
                 });
             });
         };
-        TransactionService.prototype.addExternalCatalogArticleFromGoodId = function (jsonArticleString) {
+        TransactionService.prototype.addExternalCatalogArticleFromGoodId = function (jsonArticleString, showLoader) {
+            if (showLoader === void 0) { showLoader = false; }
             return __awaiter(this, void 0, void 0, function () {
                 var jsonArticleObject, response, handled;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
                             jsonArticleObject = JSON.parse(jsonArticleString);
-                            return [4 /*yield*/, this.addTransactionLine(jsonArticleObject.sku, jsonArticleObject.quantity)];
+                            return [4 /*yield*/, this.addTransactionLine(jsonArticleObject.sku, jsonArticleObject.quantity, 0, 0, showLoader)];
                         case 1:
                             response = _a.sent();
                             return [4 /*yield*/, this.handleLineOperationStatuses(response, true)];
@@ -16166,7 +16174,8 @@
                 });
             });
         };
-        TransactionService.prototype.addExternalCatalogArticleWithRawData = function (catalogId, jsonArticleString) {
+        TransactionService.prototype.addExternalCatalogArticleWithRawData = function (catalogId, jsonArticleString, showLoader) {
+            if (showLoader === void 0) { showLoader = false; }
             return __awaiter(this, void 0, void 0, function () {
                 var created, lockSuccess, response;
                 return __generator(this, function (_a) {
@@ -16182,7 +16191,7 @@
                             lockSuccess = _a.sent();
                             if (!lockSuccess) return [3 /*break*/, 5];
                             this.transactionLineAdded = true;
-                            return [4 /*yield*/, this.connector.addExternalCatalogArticlesToTransaction(this.currentTransaction.transactionInfo.uuid, catalogId, jsonArticleString)];
+                            return [4 /*yield*/, this.connector.addExternalCatalogArticlesToTransaction(this.currentTransaction.transactionInfo.uuid, catalogId, jsonArticleString, showLoader)];
                         case 3:
                             response = _a.sent();
                             return [4 /*yield*/, this.handleLineOperationStatuses(response, true)];
@@ -32110,7 +32119,7 @@
         };
         TransactionLineSupplierButtonComponent.prototype._getSupplierDescription = function () {
             var _this = this;
-            if (this.transactionLine && this.transactionLine.isArticle && this.transactionLine.supplierDescription === undefined && this.visible) {
+            if (this.transactionLine && this.transactionLine.isArticle && this.transactionLine.supplierDescription === undefined) {
                 this._relationService.getRelationById(this.transactionLine.supplierId).then(function (relations) {
                     var relation = relations && relations.length > 0 ? relations[0] : null;
                     _this.transactionLine.supplierDescription = relation ? relation.displayName : "";
@@ -39226,7 +39235,7 @@
     TransactionHeaderDepositAmountComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-header-deposit-amount",
-                    template: "\n    <span *ngIf=\"(!editMode  || headerReadonly) && !defaultEditMode\" [textContent]=\"(transactionInfo.depositAmount | coCurrency) || '...'\" [tooltip]=\"tooltipMessage\"></span>\n    <co-input-text #input *ngIf=\"editMode || defaultEditMode\"\n                   [type]=\"'number'\"\n                   [placeholder]=\"showLabel ? ('DOWNPAYMENT' | localize) : ''\"\n                   [showSaveCancel]=\"!headerReadonly\"\n                   [hidden]=\"hidden\"\n                   [readonly]=\"readonly || headerReadonly\"\n                   [model]=\"transactionInfo.depositAmount\"\n                   (blur)=\"editMode = false\"\n    ></co-input-text>\n  ",
+                    template: "\n    <span\n      *ngIf=\"(!editMode  || headerReadonly) && !defaultEditMode\"\n      [textContent]=\"(transactionInfo.depositAmount | coCurrency) || '...'\"\n      [tooltip]=\"tooltipMessage\">\n    </span>\n    <co-input-text\n      #input\n      *ngIf=\"editMode || defaultEditMode\"\n      [placeholder]=\"showLabel ? ('DOWNPAYMENT' | localize) : ''\"\n      [showSaveCancel]=\"!headerReadonly\"\n      [hidden]=\"hidden\"\n      [readonly]=\"readonly || headerReadonly\"\n      [model]=\"transactionInfo.depositAmount | coCurrency\"\n      (blur)=\"editMode = false\">\n    </co-input-text>\n  ",
                     providers: [{
                             provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
                             useExisting: i0.forwardRef(function () { return TransactionHeaderDepositAmountComponent; })
@@ -40458,13 +40467,15 @@
     ]; };
 
     var DialogCatalogComponent = /** @class */ (function () {
-        function DialogCatalogComponent(_transactionService, _catalogService, _catalogEventService, _articleService, _dialogService, _screenConfigService, iconCacheService) {
+        function DialogCatalogComponent(_transactionService, _catalogService, _catalogEventService, _articleService, _dialogService, _screenConfigService, _productConnectorAdapterService, _transactionEventService, iconCacheService) {
             this._transactionService = _transactionService;
             this._catalogService = _catalogService;
             this._catalogEventService = _catalogEventService;
             this._articleService = _articleService;
             this._dialogService = _dialogService;
             this._screenConfigService = _screenConfigService;
+            this._productConnectorAdapterService = _productConnectorAdapterService;
+            this._transactionEventService = _transactionEventService;
             this.iconCacheService = iconCacheService;
             this.icons = Icon;
             this.handleAddArticleInternally = true;
@@ -40511,6 +40522,8 @@
                         case 3:
                             this._subs.push(this._catalogEventService.stockDetailsClick.subscribe(function (article) {
                                 _this.handleStockButtonClick(article);
+                            }), this._productConnectorAdapterService.showLoader.subscribe(function (show) {
+                                _this._transactionEventService.showLoader.next(show);
                             }));
                             return [2 /*return*/];
                     }
@@ -40691,6 +40704,8 @@
         { type: ArticleService },
         { type: DialogService },
         { type: CatalogScreenConfigurationService },
+        { type: product.ProductConnectorAdapterService },
+        { type: TransactionEventService },
         { type: IconCacheService }
     ]; };
     DialogCatalogComponent.propDecorators = {
@@ -52250,7 +52265,7 @@
                             if (!(typeof data.article === 'string')) return [3 /*break*/, 3];
                             article = JSON.parse(data.article);
                             if (!(article.selectorData && article.selectorData.compositions)) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this.transactionService.addArticle(article.selectorData.compositions[0].compositionArticleNo, data.quantity, 0, 0 /*, lastArticle*/)];
+                            return [4 /*yield*/, this.transactionService.addArticle(article.selectorData.compositions[0].compositionArticleNo, data.quantity, 0, 0, true, true)];
                         case 1:
                             _a.sent();
                             _a.label = 2;
@@ -52258,7 +52273,7 @@
                         case 3:
                             articleNr = data.article['articleNr'] || data.article['articleNumber'] || data.article['articleNo'];
                             if (!articleNr) return [3 /*break*/, 5];
-                            return [4 /*yield*/, this.transactionService.addArticle(articleNr, data.quantity, 0, 0 /*, lastArticle*/)];
+                            return [4 /*yield*/, this.transactionService.addArticle(articleNr, data.quantity, 0, 0, true, true)];
                         case 4:
                             _a.sent();
                             _a.label = 5;
@@ -52328,7 +52343,7 @@
                             request.catalogId = iFrameFeedbackObject.catalog;
                             request.catalogType = iFrameFeedbackObject.sourceType;
                             request.articleJson = iFrameFeedbackObject.jsonString;
-                            return [4 /*yield*/, this.transactionService.addExternalCatalogArticle(request)];
+                            return [4 /*yield*/, this.transactionService.addExternalCatalogArticle(request, true)];
                         case 1:
                             _a.sent();
                             return [2 /*return*/];
@@ -52347,7 +52362,7 @@
                             request.catalogId = data.catalog;
                             request.catalogType = externalCatalogTypes_enum.ExternalCatalogTypes.CatalogFarm;
                             request.articleJson = data.jsonString;
-                            return [4 /*yield*/, this.transactionService.addExternalCatalogArticle(request)];
+                            return [4 /*yield*/, this.transactionService.addExternalCatalogArticle(request, true)];
                         case 1:
                             _a.sent();
                             return [2 /*return*/];
@@ -55730,40 +55745,9 @@
             this.showDirectSellModal = new i0.EventEmitter();
             this.icons = Icon;
             this.directSellSuppliers = [];
-            this.supplierStockRowSelected = false;
-            this.tempObject = {
-                articleNumber: 'articleNumber 123',
-                availableStock: 10,
-                supplierStockForecasts: [
-                    {
-                        purchaseOrderNumber: 1,
-                        amount: 11,
-                        amountReserved: 7,
-                        amountAvailable: 4,
-                        deliveryDate: new Date(),
-                        confirmedDeliveryDate: new Date(),
-                        arrivalDate: new Date()
-                    },
-                    {
-                        purchaseOrderNumber: 2,
-                        amount: 14,
-                        amountReserved: 7,
-                        amountAvailable: 7,
-                        deliveryDate: new Date(),
-                        confirmedDeliveryDate: new Date(),
-                        arrivalDate: new Date()
-                    },
-                    {
-                        purchaseOrderNumber: 3,
-                        amount: 5,
-                        amountReserved: 1,
-                        amountAvailable: 4,
-                        deliveryDate: new Date(),
-                        confirmedDeliveryDate: new Date(),
-                        arrivalDate: new Date()
-                    }
-                ]
-            };
+            this.availableStockCollection = new supplierArticleStockForecast.SupplierArticleStockForecast();
+            this.formValid = false;
+            this.fromStock = false;
         }
         DialogDirectSellComponent.prototype.ngOnInit = function () {
             this._getDirectSellSuppliers();
@@ -55771,36 +55755,83 @@
         DialogDirectSellComponent.prototype.hideModal = function () {
             this.showDirectSellModal.emit(false);
         };
-        DialogDirectSellComponent.prototype.handleSupplierChanged = function (supplier) {
+        DialogDirectSellComponent.prototype.handleSupplierChanged = function () {
             this._getAvailableStock();
         };
-        DialogDirectSellComponent.prototype.handleChecked = function (event, row, index) {
+        DialogDirectSellComponent.prototype.onStockChecked = function (event) {
+            var _a;
+            event.preventDefault();
+            event.stopPropagation();
+            if (this.selectedSupplier && ((_a = this.availableStockCollection.supplierStockForecasts) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                this.checkboxes.forEach(function (po) { return po.model = false; });
+            }
+            this.fromStock = !this.fromStock;
+            if (this.fromStock) {
+                this.selectedForecast = null;
+            }
+            this.formValid = this.fromStock;
+        };
+        DialogDirectSellComponent.prototype.toggleStockChecked = function (event) {
+            var _a;
+            if (this.selectedSupplier && ((_a = this.availableStockCollection.supplierStockForecasts) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                this.checkboxes.forEach(function (po) { return po.model = false; });
+            }
+            this.formValid = event;
+        };
+        DialogDirectSellComponent.prototype.handleChecked = function (index, selectedForecast, event) {
+            var _a;
             event.preventDefault();
             event.stopPropagation();
-            var checkbox = this.checkboxes.toArray()[index];
-            checkbox.model = !checkbox.model;
+            if (this.selectedSupplier && ((_a = this.availableStockCollection.supplierStockForecasts) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                this.checkboxes.forEach(function (po) { return po.model = false; });
+            }
+            var selectedCheckbox = this.checkboxes.toArray()[index];
+            selectedCheckbox.model = !selectedCheckbox.model;
+            if (selectedCheckbox.model) {
+                this.selectedForecast = selectedForecast;
+            }
+            this.fromStock = false;
+            this.formValid = selectedCheckbox.model;
+        };
+        DialogDirectSellComponent.prototype.toggleForecastChecked = function (event) {
+            var _a;
+            if (this.selectedSupplier && ((_a = this.availableStockCollection.supplierStockForecasts) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                this.checkboxes.forEach(function (po) { return po.model = false; });
+            }
+            this.fromStock = false;
+            this.formValid = event;
         };
         DialogDirectSellComponent.prototype.onOkClick = function () {
             var changeLineDirectSellRequest = {
                 transactionUuid: this.transactionUuid,
                 lineUuid: this.lineUuid,
-                newDirectSell: true
+                newDirectSell: !this.fromStock,
+                newSupplierId: this.selectedSupplier.relationId,
+                newPurchaseOrderNumber: this.fromStock ? null : this.selectedForecast.purchaseOrderNumber.toString(),
+                newStockForecastDeliveryDate: this.fromStock ? null : this.selectedForecast.deliveryDate
             };
-            // this.transactionService.changeLineDirectSell(changeLineDirectSellRequest).then((response) => {
-            //   console.log(response);
-            // });
+            this.transactionService.changeLineDirectSell(changeLineDirectSellRequest).then(function (response) {
+                console.log(response);
+            });
             this.hideModal();
         };
         DialogDirectSellComponent.prototype._getAvailableStock = function () {
             return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    // TODO this method doesn't retrieve any data for now, until we fix ESB instance as this is a call to a third party
-                    // await this.transactionService.getAvailableStockForSupplier(this.goodId, this.selectedSupplier.relationId).then((availableStock) => {
-                    //   this.availableStockCollection = availableStock;
-                    // });
-                    // For now, we will use dummy data
-                    this.availableStockCollection = this.tempObject;
-                    return [2 /*return*/];
+                var _this = this;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0: 
+                        // TODO this method doesn't retrieve any data for now, until we fix ESB instance as this is a call to a third party
+                        return [4 /*yield*/, this.transactionService.getAvailableStockForSupplier(this.goodId, this.selectedSupplier.relationId).then(function (availableStock) {
+                                if (availableStock) {
+                                    _this.availableStockCollection = availableStock;
+                                }
+                            })];
+                        case 1:
+                            // TODO this method doesn't retrieve any data for now, until we fix ESB instance as this is a call to a third party
+                            _b.sent();
+                            return [2 /*return*/];
+                    }
                 });
             });
         };
@@ -55808,6 +55839,9 @@
             var _this = this;
             this._relationService.getDirectSellSuppliers().then(function (suppliers) {
                 _this.directSellSuppliers = suppliers;
+                if (_this.directSellSuppliers.length === 1) {
+                    _this.selectedSupplier = _this.directSellSuppliers[0];
+                }
             });
         };
         return DialogDirectSellComponent;
@@ -55815,7 +55849,7 @@
     DialogDirectSellComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-dialog-sell',
-                    template: "\n    <co-dialog\n      class=\"direct-sell-modal\"\n      [showCloseIcon]=\"true\"\n      [modal]=\"true\"\n      [headerTemplate]=\"headerTemplate\"\n      [footerTemplate]=\"footerTemplate\"\n      (closeClick)=\"hideModal()\">\n      <div class=\"supplier-list-wrapper flex\">\n        <co-list-of-values\n          class=\"supplier-list\"\n          label=\"Direct Sell Supplier\"\n          [required]=\"true\"\n          [noClickFocus]=\"true\"\n          [searchPlaceholder]=\"'SEARCH' | localize\"\n          [collection]=\"directSellSuppliers\"\n          [displayField]=\"'supplierName'\"\n          [(model)]=\"selectedSupplier\"\n          (modelChange)=\"handleSupplierChanged($event)\">\n        </co-list-of-values>\n      </div>\n\n      <div class=\"available-stock checkbox-list-wrapper\" *ngIf=\"selectedSupplier\">\n        <div class=\"checkbox-list-item\">\n          <div class=\"cell\">\n            <div class=\"checkbox-wrapper\">\n              <co-input-checkbox [model]=\"false\"></co-input-checkbox>\n            </div>\n          </div>\n          <div class=\"cell\">Uit vooraad</div>\n          <div class=\"cell\"><strong>{{availableStockCollection.availableStock}}</strong></div>\n        </div>\n      </div>\n\n      <div class=\"forecast-table\" *ngIf=\"selectedSupplier\">\n        <div class=\"forecast-table-header\">\n          <div class=\"cell\"></div>\n          <div class=\"cell\">Order</div>\n          <div class=\"cell\">Beschikbaar</div>\n          <div class=\"cell\">Leverdatum</div>\n          <div class=\"cell\">Leverdatum Bevestigd</div>\n          <div class=\"cell\">Aankomst Datum</div>\n        </div>\n\n        <div class=\"checkbox-list-wrapper co-small-scrollbar\">\n          <div\n            *ngFor=\"let row of availableStockCollection.supplierStockForecasts; let i = index\"\n            #scrollingItem\n            class=\"checkbox-list-item\"\n            [class.checked]=\"checkbox.model\"\n            (click)=\"handleChecked($event, row, i)\">\n            <div class=\"cell\">\n              <div class=\"checkbox-wrapper\">\n                <co-input-checkbox #checkbox [model]=\"false\"></co-input-checkbox>\n              </div>\n            </div>\n            <div class=\"cell\">{{row.purchaseOrderNumber}}</div>\n            <div class=\"cell\">{{row.amount}}</div>\n            <div class=\"cell\">{{row.deliveryDate | date}}</div>\n            <div class=\"cell\">{{row.confirmedDeliveryDate | date}}</div>\n            <div class=\"cell\">{{row.arrivalDate | date}}</div>\n          </div>\n        </div>\n      </div>\n    </co-dialog>\n    <ng-template #headerTemplate>\n      <co-icon [iconData]=\"iconCacheService.getIcon(icons.IndustryRegular)\"></co-icon>\n      <div class=\"co-dialog-header-title\" [textContent]=\"'CASH_ON_DELIVERY' | localize\"></div>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"co-dialog-footer-button-wrapper\">\n        <co-button\n          class=\"save-button\"\n          [disabled]=\"true\"\n          [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n          (click)=\"onOkClick()\">\n        </co-button>\n        <co-button\n          class=\"close-button\"\n          [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n          (click)=\"hideModal()\">\n        </co-button>\n        <co-button\n          class=\"close-button\"\n          [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\"\n          (click)=\"hideModal()\">\n        </co-button>\n      </div>\n    </ng-template>\n  ",
+                    template: "\n    <co-dialog\n      class=\"direct-sell-modal\"\n      [showCloseIcon]=\"true\"\n      [modal]=\"true\"\n      [headerTemplate]=\"headerTemplate\"\n      [footerTemplate]=\"footerTemplate\"\n      (closeClick)=\"hideModal()\">\n      <div class=\"supplier-list-wrapper flex\">\n        <co-list-of-values\n          class=\"supplier-list\"\n          [label]=\"'FROM_SUPPLIER' | localize\"\n          [required]=\"true\"\n          [noClickFocus]=\"true\"\n          [searchPlaceholder]=\"'SEARCH' | localize\"\n          [collection]=\"directSellSuppliers\"\n          [displayField]=\"'supplierName'\"\n          [(model)]=\"selectedSupplier\"\n          (modelChange)=\"handleSupplierChanged()\">\n        </co-list-of-values>\n      </div>\n\n      <div class=\"available-stock checkbox-list-wrapper\" *ngIf=\"selectedSupplier\">\n        <div\n          class=\"checkbox-list-item\"\n          [class.checked]=\"fromStock\"\n          (click)=\"onStockChecked($event)\">\n          <div class=\"cell\">\n            <div class=\"checkbox-wrapper\">\n              <co-input-checkbox\n                [(model)]=\"fromStock\"\n                (modelChange)=\"toggleStockChecked($event)\">\n              </co-input-checkbox>\n            </div>\n          </div>\n          <div class=\"cell\">Uit vooraad</div>\n          <div class=\"cell\"><strong>{{ availableStockCollection.availableStock }}</strong></div>\n        </div>\n      </div>\n\n      <div class=\"forecast-table\"\n           *ngIf=\"selectedSupplier && availableStockCollection.supplierStockForecasts?.length > 0\">\n        <div class=\"forecast-table-header\">\n          <div class=\"cell\"></div>\n          <div class=\"cell\">Order</div>\n          <div class=\"cell\">Beschikbaar</div>\n          <div class=\"cell\">Leverdatum</div>\n          <div class=\"cell\">Leverdatum Bevestigd</div>\n          <div class=\"cell\">Aankomst Datum</div>\n        </div>\n\n        <div class=\"checkbox-list-wrapper co-small-scrollbar\">\n          <div\n            *ngFor=\"let row of availableStockCollection.supplierStockForecasts; let i = index\"\n            #scrollingItem\n            class=\"checkbox-list-item\"\n            [class.checked]=\"checkbox.model\"\n            (click)=\"handleChecked(i, row, $event)\">\n            <div class=\"cell\">\n              <div class=\"checkbox-wrapper\">\n                <co-input-checkbox\n                  #checkbox\n                  [(model)]=\"checkbox.model\"\n                  (modelChange)=\"toggleForecastChecked($event)\">\n                </co-input-checkbox>\n              </div>\n            </div>\n            <div class=\"cell\">{{ row.purchaseOrderNumber }}</div>\n            <div class=\"cell\">{{ row.amount }}</div>\n            <div class=\"cell\">{{ row.deliveryDate | date }}</div>\n            <div class=\"cell\">{{ row.confirmedDeliveryDate | date }}</div>\n            <div class=\"cell\">{{ row.arrivalDate | date }}</div>\n          </div>\n        </div>\n      </div>\n    </co-dialog>\n    <ng-template #headerTemplate>\n      <co-icon [iconData]=\"iconCacheService.getIcon(icons.IndustryRegular)\"></co-icon>\n      <div class=\"co-dialog-header-title\" [textContent]=\"'DIRECT_SELL' | localize\"></div>\n    </ng-template>\n    <ng-template #footerTemplate>\n      <div class=\"co-dialog-footer-button-wrapper\">\n        <co-button\n          class=\"save-button\"\n          [disabled]=\"!formValid\"\n          [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n          (click)=\"onOkClick()\">\n        </co-button>\n        <co-button\n          class=\"close-button\"\n          [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n          (click)=\"hideModal()\">\n        </co-button>\n      </div>\n    </ng-template>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];