@colijnit/transaction 256.1.6 → 256.1.7

package/esm2015/lib/transaction-version.js

@@ -3,8 +3,8 @@ export class Version {
     constructor() {
         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";
     }
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNhY3Rpb24tdmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3RyYW5zYWN0aW9uL3NyYy9saWIvdHJhbnNhY3Rpb24tdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1REFBdUQ7QUFDdkQsTUFBTSxPQUFPLE9BQU87SUFBcEI7UUFDUyxTQUFJLEdBQUcsdUJBQXVCLENBQUM7UUFDL0IsZ0JBQVcsR0FBRywrQkFBK0IsQ0FBQztRQUM5QyxXQUFNLEdBQUcsU0FBUyxDQUFDO1FBQ25CLGdCQUFXLEdBQUcscUJBQXFCLENBQUM7SUFDN0MsQ0FBQztDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiLy8gdGhpcyBmaWxlIGlzIGR5bmFtaWNhbGx5IGNyZWF0ZWQsIGRvIG5vdCBjaGFuZ2UgdGhpc1xuZXhwb3J0IGNsYXNzIFZlcnNpb24ge1xuICBwdWJsaWMgbmFtZSA9IFwiQGNvbGlqbml0L3RyYW5zYWN0aW9uXCI7XG4gIHB1YmxpYyBkZXNjcmlwdGlvbiA9IFwiQ29saWpuIElUIHRyYW5zYWN0aW9uIHBhY2thZ2VcIjtcbiAgcHVibGljIHN5bVZlciA9IFwiMjU2LjEuNlwiO1xuICBwdWJsaWMgcHVibGlzaERhdGUgPSBcIjI4LTEwLTIwMjQgMTA6MzM6MjRcIjtcbn0iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNhY3Rpb24tdmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3RyYW5zYWN0aW9uL3NyYy9saWIvdHJhbnNhY3Rpb24tdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1REFBdUQ7QUFDdkQsTUFBTSxPQUFPLE9BQU87SUFBcEI7UUFDUyxTQUFJLEdBQUcsdUJBQXVCLENBQUM7UUFDL0IsZ0JBQVcsR0FBRywrQkFBK0IsQ0FBQztRQUM5QyxXQUFNLEdBQUcsU0FBUyxDQUFDO1FBQ25CLGdCQUFXLEdBQUcscUJBQXFCLENBQUM7SUFDN0MsQ0FBQztDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiLy8gdGhpcyBmaWxlIGlzIGR5bmFtaWNhbGx5IGNyZWF0ZWQsIGRvIG5vdCBjaGFuZ2UgdGhpc1xuZXhwb3J0IGNsYXNzIFZlcnNpb24ge1xuICBwdWJsaWMgbmFtZSA9IFwiQGNvbGlqbml0L3RyYW5zYWN0aW9uXCI7XG4gIHB1YmxpYyBkZXNjcmlwdGlvbiA9IFwiQ29saWpuIElUIHRyYW5zYWN0aW9uIHBhY2thZ2VcIjtcbiAgcHVibGljIHN5bVZlciA9IFwiMjU2LjEuN1wiO1xuICBwdWJsaWMgcHVibGlzaERhdGUgPSBcIjI5LTEwLTIwMjQgMTg6MTE6NTJcIjtcbn0iXX0=

package/fesm2015/colijnit-transaction.js

@@ -278,8 +278,8 @@ class Version {
     constructor() {
         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";
     }
 }
 
@@ -2996,10 +2996,10 @@ class TransactionConnectorAdapterService {
             });
         });
     }
-    addTransactionLine(uuid, articleNo, quantity, aboveLineNr, belowLineNr) {
+    addTransactionLine(uuid, articleNo, quantity, aboveLineNr, belowLineNr, showLoader = false) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
-                return this.connector.addTransactionLine(uuid, articleNo, quantity, aboveLineNr, belowLineNr).then((result) => {
+                return this.connector.addTransactionLine(uuid, articleNo, quantity, aboveLineNr, belowLineNr, showLoader).then((result) => {
                     if (result.validationResult && result.validationResult.success) {
                         resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
                     }
@@ -5738,9 +5738,9 @@ class TransactionConnectorAdapterService {
             }
         });
     }
-    addExternalCatalogArticlesToTransaction(uuid, catalogId, rawData) {
+    addExternalCatalogArticlesToTransaction(uuid, catalogId, rawData, showLoader = false) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.addExternalCatalogArticlesToTransaction(uuid, catalogId, rawData);
+            const response = yield this.connector.addExternalCatalogArticlesToTransaction(uuid, catalogId, rawData, showLoader);
             if (response && response.validationResult && response.validationResult.success) {
                 return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
             }
@@ -6620,9 +6620,9 @@ class TransactionConnectorService {
             return this._adapterService.addWebSessionTransactionLine(transactionUuid, articleNumber, quantity);
         });
     }
-    addTransactionLine(uuid, articleNo, quantity, aboveLineNr, belowLineNr) {
+    addTransactionLine(uuid, articleNo, quantity, aboveLineNr, belowLineNr, showLoader = false) {
         return __awaiter(this, void 0, void 0, function* () {
-            return this._adapterService.addTransactionLine(uuid, articleNo, quantity, aboveLineNr, belowLineNr);
+            return this._adapterService.addTransactionLine(uuid, articleNo, quantity, aboveLineNr, belowLineNr, showLoader);
         });
     }
     addTextLineToTransaction(uuid, showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr) {
@@ -7650,9 +7650,9 @@ class TransactionConnectorService {
             return yield this._adapterService.copySalesQuotation(copyTransactionRequest);
         });
     }
-    addExternalCatalogArticlesToTransaction(uuid, catalogId, rawData) {
+    addExternalCatalogArticlesToTransaction(uuid, catalogId, rawData, showLoader = false) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this._adapterService.addExternalCatalogArticlesToTransaction(uuid, catalogId, rawData);
+            return yield this._adapterService.addExternalCatalogArticlesToTransaction(uuid, catalogId, rawData, showLoader);
         });
     }
     addPaymentLineToTransaction(request) {
@@ -11272,9 +11272,9 @@ class TransactionService extends PendingReasonService {
             return this.connector.getArticleExtended(articleNr);
         });
     }
-    addArticle(articleNo, quantity = 1, aboveLineNr = 0, belowLineNr = 0, saveTransaction = true) {
+    addArticle(articleNo, quantity = 1, aboveLineNr = 0, belowLineNr = 0, saveTransaction = true, showLoader = false) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.addTransactionLine(articleNo, quantity, aboveLineNr, belowLineNr);
+            const response = yield this.addTransactionLine(articleNo, quantity, aboveLineNr, belowLineNr, showLoader);
             if (response !== null) {
                 this.transactionDirty = true;
                 return this.handleLineOperationStatuses(response, saveTransaction);
@@ -11284,7 +11284,7 @@ class TransactionService extends PendingReasonService {
             }
         });
     }
-    addTransactionLine(articleNo, quantity = 1, aboveLineNr = 0, belowLineNr = 0) {
+    addTransactionLine(articleNo, quantity = 1, aboveLineNr = 0, belowLineNr = 0, showLoader = false) {
         return __awaiter(this, void 0, void 0, function* () {
             const created = yield this._checkAndCreateTransaction();
             if (!created) {
@@ -11293,7 +11293,7 @@ class TransactionService extends PendingReasonService {
             const lockSuccess = yield this.tryToLockTransaction(this.currentTransaction.transactionInfo.id, this.currentTransaction.transactionInfo.version);
             if (lockSuccess) {
                 this.transactionLineAdded = true;
-                const response = yield this.connector.addTransactionLine(this.currentTransaction.transactionInfo.uuid, articleNo, quantity, aboveLineNr, belowLineNr);
+                const response = yield this.connector.addTransactionLine(this.currentTransaction.transactionInfo.uuid, articleNo, quantity, aboveLineNr, belowLineNr, showLoader);
                 return response;
             }
             else {
@@ -11309,22 +11309,22 @@ class TransactionService extends PendingReasonService {
             yield this.addArticle(artNr, jsonArticleObject.quantity);
         });
     }
-    addExternalCatalogArticle(request) {
+    addExternalCatalogArticle(request, showLoader = false) {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.addExternalCatalogArticleWithRawData(request.catalogId, request.articleJson);
+            yield this.addExternalCatalogArticleWithRawData(request.catalogId, request.articleJson, showLoader);
         });
     }
-    addExternalCatalogArticleFromGoodId(jsonArticleString) {
+    addExternalCatalogArticleFromGoodId(jsonArticleString, showLoader = false) {
         return __awaiter(this, void 0, void 0, function* () {
             const jsonArticleObject = JSON.parse(jsonArticleString);
-            const response = yield this.addTransactionLine(jsonArticleObject.sku, jsonArticleObject.quantity);
+            const response = yield this.addTransactionLine(jsonArticleObject.sku, jsonArticleObject.quantity, 0, 0, showLoader);
             const handled = yield this.handleLineOperationStatuses(response, true);
             if (handled && jsonArticleObject.price !== undefined) {
                 yield this.updatePriceTransactionLine(response.transactionInfo.uuid, response.lineOperationStatuses[0].uuid, jsonArticleObject.price);
             }
         });
     }
-    addExternalCatalogArticleWithRawData(catalogId, jsonArticleString) {
+    addExternalCatalogArticleWithRawData(catalogId, jsonArticleString, showLoader = false) {
         return __awaiter(this, void 0, void 0, function* () {
             const created = yield this._checkAndCreateTransaction();
             if (!created) {
@@ -11333,7 +11333,7 @@ class TransactionService extends PendingReasonService {
             const lockSuccess = yield this.tryToLockTransaction(this.currentTransaction.transactionInfo.id, this.currentTransaction.transactionInfo.version);
             if (lockSuccess) {
                 this.transactionLineAdded = true;
-                const response = yield this.connector.addExternalCatalogArticlesToTransaction(this.currentTransaction.transactionInfo.uuid, catalogId, jsonArticleString);
+                const response = yield this.connector.addExternalCatalogArticlesToTransaction(this.currentTransaction.transactionInfo.uuid, catalogId, jsonArticleString, showLoader);
                 yield this.handleLineOperationStatuses(response, true);
             }
         });
@@ -28784,7 +28784,7 @@ class TransactionLineSupplierButtonComponent extends TransactionBaseComponent {
         this._getSupplierDescription();
     }
     _getSupplierDescription() {
-        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((relations) => {
                 const relation = relations && relations.length > 0 ? relations[0] : null;
                 this.transactionLine.supplierDescription = relation ? relation.displayName : "";
@@ -36271,16 +36271,21 @@ TransactionHeaderDepositAmountComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-header-deposit-amount",
                 template: `
-    <span *ngIf="(!editMode  || headerReadonly) && !defaultEditMode" [textContent]="(transactionInfo.depositAmount | coCurrency) || '...'" [tooltip]="tooltipMessage"></span>
-    <co-input-text #input *ngIf="editMode || defaultEditMode"
-                   [type]="'number'"
-                   [placeholder]="showLabel ? ('DOWNPAYMENT' | localize) : ''"
-                   [showSaveCancel]="!headerReadonly"
-                   [hidden]="hidden"
-                   [readonly]="readonly || headerReadonly"
-                   [model]="transactionInfo.depositAmount"
-                   (blur)="editMode = false"
-    ></co-input-text>
+    <span
+      *ngIf="(!editMode  || headerReadonly) && !defaultEditMode"
+      [textContent]="(transactionInfo.depositAmount | coCurrency) || '...'"
+      [tooltip]="tooltipMessage">
+    </span>
+    <co-input-text
+      #input
+      *ngIf="editMode || defaultEditMode"
+      [placeholder]="showLabel ? ('DOWNPAYMENT' | localize) : ''"
+      [showSaveCancel]="!headerReadonly"
+      [hidden]="hidden"
+      [readonly]="readonly || headerReadonly"
+      [model]="transactionInfo.depositAmount | coCurrency"
+      (blur)="editMode = false">
+    </co-input-text>
   `,
                 providers: [{
                         provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
@@ -37451,13 +37456,15 @@ CatalogScreenConfigurationService.ctorParameters = () => [
 ];
 
 class DialogCatalogComponent {
-    constructor(_transactionService, _catalogService, _catalogEventService, _articleService, _dialogService, _screenConfigService, iconCacheService) {
+    constructor(_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;
@@ -37496,6 +37503,8 @@ class DialogCatalogComponent {
             }
             this._subs.push(this._catalogEventService.stockDetailsClick.subscribe((article) => {
                 this.handleStockButtonClick(article);
+            }), this._productConnectorAdapterService.showLoader.subscribe((show) => {
+                this._transactionEventService.showLoader.next(show);
             }));
         });
     }
@@ -37721,6 +37730,8 @@ DialogCatalogComponent.ctorParameters = () => [
     { type: ArticleService },
     { type: DialogService },
     { type: CatalogScreenConfigurationService },
+    { type: ProductConnectorAdapterService },
+    { type: TransactionEventService },
     { type: IconCacheService }
 ];
 DialogCatalogComponent.propDecorators = {
@@ -51599,13 +51610,13 @@ class AddProductComponent {
                     if (typeof data.article === 'string') {
                         const article = JSON.parse(data.article);
                         if (article.selectorData && article.selectorData.compositions) { // configured (frozen) article
-                            yield this.transactionService.addArticle(article.selectorData.compositions[0].compositionArticleNo, data.quantity, 0, 0 /*, lastArticle*/);
+                            yield this.transactionService.addArticle(article.selectorData.compositions[0].compositionArticleNo, data.quantity, 0, 0, true, true);
                         }
                     }
                     else { // flat (simple) article
                         const articleNr = data.article['articleNr'] || data.article['articleNumber'] || data.article['articleNo'];
                         if (articleNr) {
-                            yield this.transactionService.addArticle(articleNr, data.quantity, 0, 0 /*, lastArticle*/);
+                            yield this.transactionService.addArticle(articleNr, data.quantity, 0, 0, true, true);
                         }
                     }
                 }
@@ -51661,7 +51672,7 @@ class AddProductComponent {
             request.catalogId = iFrameFeedbackObject.catalog;
             request.catalogType = iFrameFeedbackObject.sourceType;
             request.articleJson = iFrameFeedbackObject.jsonString;
-            yield this.transactionService.addExternalCatalogArticle(request);
+            yield this.transactionService.addExternalCatalogArticle(request, true);
         });
     }
     handleAddCatFarmArticleClick(data) {
@@ -51671,7 +51682,7 @@ class AddProductComponent {
             request.catalogId = data.catalog;
             request.catalogType = ExternalCatalogTypes.CatalogFarm;
             request.articleJson = data.jsonString;
-            yield this.transactionService.addExternalCatalogArticle(request);
+            yield this.transactionService.addExternalCatalogArticle(request, true);
         });
     }
     _prepareCatalogRequest() {
@@ -55604,40 +55615,9 @@ class DialogDirectSellComponent {
         this.showDirectSellModal = new 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();
+        this.formValid = false;
+        this.fromStock = false;
     }
     ngOnInit() {
         this._getDirectSellSuppliers();
@@ -55645,39 +55625,82 @@ class DialogDirectSellComponent {
     hideModal() {
         this.showDirectSellModal.emit(false);
     }
-    handleSupplierChanged(supplier) {
+    handleSupplierChanged() {
         this._getAvailableStock();
     }
-    handleChecked(event, row, index) {
+    onStockChecked(event) {
+        var _a;
         event.preventDefault();
         event.stopPropagation();
-        const 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(po => po.model = false);
+        }
+        this.fromStock = !this.fromStock;
+        if (this.fromStock) {
+            this.selectedForecast = null;
+        }
+        this.formValid = this.fromStock;
+    }
+    toggleStockChecked(event) {
+        var _a;
+        if (this.selectedSupplier && ((_a = this.availableStockCollection.supplierStockForecasts) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            this.checkboxes.forEach(po => po.model = false);
+        }
+        this.formValid = event;
+    }
+    handleChecked(index, selectedForecast, 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(po => po.model = false);
+        }
+        const selectedCheckbox = this.checkboxes.toArray()[index];
+        selectedCheckbox.model = !selectedCheckbox.model;
+        if (selectedCheckbox.model) {
+            this.selectedForecast = selectedForecast;
+        }
+        this.fromStock = false;
+        this.formValid = selectedCheckbox.model;
+    }
+    toggleForecastChecked(event) {
+        var _a;
+        if (this.selectedSupplier && ((_a = this.availableStockCollection.supplierStockForecasts) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            this.checkboxes.forEach(po => po.model = false);
+        }
+        this.fromStock = false;
+        this.formValid = event;
     }
     onOkClick() {
         const 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((response) => {
+            console.log(response);
+        });
         this.hideModal();
     }
     _getAvailableStock() {
         return __awaiter(this, void 0, void 0, function* () {
             // 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;
+            yield this.transactionService.getAvailableStockForSupplier(this.goodId, this.selectedSupplier.relationId).then((availableStock) => {
+                if (availableStock) {
+                    this.availableStockCollection = availableStock;
+                }
+            });
         });
     }
     _getDirectSellSuppliers() {
         this._relationService.getDirectSellSuppliers().then((suppliers) => {
             this.directSellSuppliers = suppliers;
+            if (this.directSellSuppliers.length === 1) {
+                this.selectedSupplier = this.directSellSuppliers[0];
+            }
         });
     }
 }
@@ -55695,30 +55718,37 @@ DialogDirectSellComponent.decorators = [
       <div class="supplier-list-wrapper flex">
         <co-list-of-values
           class="supplier-list"
-          label="Direct Sell Supplier"
+          [label]="'FROM_SUPPLIER' | localize"
           [required]="true"
           [noClickFocus]="true"
           [searchPlaceholder]="'SEARCH' | localize"
           [collection]="directSellSuppliers"
           [displayField]="'supplierName'"
           [(model)]="selectedSupplier"
-          (modelChange)="handleSupplierChanged($event)">
+          (modelChange)="handleSupplierChanged()">
         </co-list-of-values>
       </div>
 
       <div class="available-stock checkbox-list-wrapper" *ngIf="selectedSupplier">
-        <div class="checkbox-list-item">
+        <div
+          class="checkbox-list-item"
+          [class.checked]="fromStock"
+          (click)="onStockChecked($event)">
           <div class="cell">
             <div class="checkbox-wrapper">
-              <co-input-checkbox [model]="false"></co-input-checkbox>
+              <co-input-checkbox
+                [(model)]="fromStock"
+                (modelChange)="toggleStockChecked($event)">
+              </co-input-checkbox>
             </div>
           </div>
           <div class="cell">Uit vooraad</div>
-          <div class="cell"><strong>{{availableStockCollection.availableStock}}</strong></div>
+          <div class="cell"><strong>{{ availableStockCollection.availableStock }}</strong></div>
         </div>
       </div>
 
-      <div class="forecast-table" *ngIf="selectedSupplier">
+      <div class="forecast-table"
+           *ngIf="selectedSupplier && availableStockCollection.supplierStockForecasts?.length > 0">
         <div class="forecast-table-header">
           <div class="cell"></div>
           <div class="cell">Order</div>
@@ -55734,30 +55764,34 @@ DialogDirectSellComponent.decorators = [
             #scrollingItem
             class="checkbox-list-item"
             [class.checked]="checkbox.model"
-            (click)="handleChecked($event, row, i)">
+            (click)="handleChecked(i, row, $event)">
             <div class="cell">
               <div class="checkbox-wrapper">
-                <co-input-checkbox #checkbox [model]="false"></co-input-checkbox>
+                <co-input-checkbox
+                  #checkbox
+                  [(model)]="checkbox.model"
+                  (modelChange)="toggleForecastChecked($event)">
+                </co-input-checkbox>
               </div>
             </div>
-            <div class="cell">{{row.purchaseOrderNumber}}</div>
-            <div class="cell">{{row.amount}}</div>
-            <div class="cell">{{row.deliveryDate | date}}</div>
-            <div class="cell">{{row.confirmedDeliveryDate | date}}</div>
-            <div class="cell">{{row.arrivalDate | date}}</div>
+            <div class="cell">{{ row.purchaseOrderNumber }}</div>
+            <div class="cell">{{ row.amount }}</div>
+            <div class="cell">{{ row.deliveryDate | date }}</div>
+            <div class="cell">{{ row.confirmedDeliveryDate | date }}</div>
+            <div class="cell">{{ row.arrivalDate | date }}</div>
           </div>
         </div>
       </div>
     </co-dialog>
     <ng-template #headerTemplate>
       <co-icon [iconData]="iconCacheService.getIcon(icons.IndustryRegular)"></co-icon>
-      <div class="co-dialog-header-title" [textContent]="'CASH_ON_DELIVERY' | localize"></div>
+      <div class="co-dialog-header-title" [textContent]="'DIRECT_SELL' | localize"></div>
     </ng-template>
     <ng-template #footerTemplate>
       <div class="co-dialog-footer-button-wrapper">
         <co-button
           class="save-button"
-          [disabled]="true"
+          [disabled]="!formValid"
           [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
           (click)="onOkClick()">
         </co-button>
@@ -55766,11 +55800,6 @@ DialogDirectSellComponent.decorators = [
           [iconData]="iconCacheService.getIcon(icons.Crossskinny)"
           (click)="hideModal()">
         </co-button>
-        <co-button
-          class="close-button"
-          [iconData]="iconCacheService.getIcon(icons.TrashCanLight)"
-          (click)="hideModal()">
-        </co-button>
       </div>
     </ng-template>
   `,