@colijnit/transaction 257.1.32 → 257.1.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/bundles/colijnit-transaction.umd.js +129 -53
  2. package/bundles/colijnit-transaction.umd.js.map +1 -1
  3. package/colijnit-transaction.metadata.json +1 -1
  4. package/esm2015/lib/component/add-product/add-product.component.js +77 -43
  5. package/esm2015/lib/component/transaction-header/transaction-header-popup/transaction-header-popup-payment.component.js +23 -5
  6. package/esm2015/lib/component/transaction-line-image-and-description/transaction-line-image-and-description.component.js +5 -3
  7. package/esm2015/lib/component/transaction-lines/transaction-lines.component.js +3 -3
  8. package/esm2015/lib/component/transaction-quick-access/transaction-quick-access-order-purchase/transaction-quick-access-order-purchase.component.js +45 -29
  9. package/esm2015/lib/component/transaction-quick-access/transaction-quick-access-purchase-order-overview/transaction-quick-access-purchase-order-overview.component.js +2 -1
  10. package/esm2015/lib/component/transaction-search/transaction-search-result/transaction-search-result.component.js +2 -2
  11. package/esm2015/lib/transaction-version.js +3 -3
  12. package/fesm2015/colijnit-transaction.js +152 -81
  13. package/fesm2015/colijnit-transaction.js.map +1 -1
  14. package/lib/component/add-product/add-product.component.d.ts +4 -0
  15. package/lib/component/transaction-header/transaction-header-popup/transaction-header-popup-payment.component.d.ts +4 -1
  16. package/lib/component/transaction-quick-access/transaction-quick-access-order-purchase/transaction-quick-access-order-purchase.component.d.ts +6 -0
  17. package/package.json +3 -3
@@ -33,8 +33,8 @@
33
33
  function Version() {
34
34
  this.name = "@colijnit/transaction";
35
35
  this.description = "Colijn IT transaction package";
36
- this.symVer = "257.1.32";
37
- this.publishDate = "24/03/2025, 17:01:05";
36
+ this.symVer = "257.1.34";
37
+ this.publishDate = "26-3-2025 18:58:50";
38
38
  }
39
39
  return Version;
40
40
  }());
@@ -23595,6 +23595,8 @@
23595
23595
  TransactionLineImageAndDescriptionComponent.prototype.transactionLineSet = function () {
23596
23596
  _super.prototype.transactionLineSet.call(this);
23597
23597
  this._loadLineImage();
23598
+ // @ts-ignore
23599
+ this.transactionLine.configurationReadable = this.transactionLine.configurationReadable.replaceAll('\n', '<br>');
23598
23600
  };
23599
23601
  TransactionLineImageAndDescriptionComponent.prototype.visibilitySet = function () {
23600
23602
  _super.prototype.visibilitySet.call(this);
@@ -23619,7 +23621,7 @@
23619
23621
  TransactionLineImageAndDescriptionComponent.decorators = [
23620
23622
  { type: i0.Component, args: [{
23621
23623
  selector: "co-transaction-line-image-and-description",
23622
- template: "\n <div *ngIf=\"!transactionLine.isPayment\" class=\"transaction-line-image\" [class.preview]=\"preview\" [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.image\" screenConfigNativeElement>\n <co-image-display [model]=\"image\"></co-image-display>\n </div>\n <co-icon *ngIf=\"transactionLine.isPayment\" class=\"payment-line-icon\" [iconData]=\"iconCacheService.getIcon(icons.UpFromLineRegular)\">\n </co-icon>\n\n <div class=\"transaction-line-description\">\n <div class=\"description-wrapper\">\n <div class=\"colorBlock\" *ngIf=\"transactionLine.color\" [style.background-color]=\"transactionLine.color\"></div>\n <co-transaction-line-description class=\"transaction-line-description-description\"\n [configNames]=\"imageAndDescriptionConfigNames\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n [showPurchaseDesc]=\"showPurchaseDesc\"\n [customerPortal]=\"customerPortal\"\n ></co-transaction-line-description>\n <div class=\"transaction-line-article-number-wrapper\" *ngIf=\"!popUpView && !customerPortal\">\n <span *ngIf=\"showDivider\">|</span>\n <span [textContent]=\"transactionLine.articleNumber\" [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.articleNr\" screenConfigNativeElement></span>\n <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\"\n [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.deleteBtn\" screenConfigNativeElement\n (click)=\"deleteTransactionLineClick($event)\"></co-icon>\n </div>\n\n </div>\n <div *ngIf=\"!preview && !popUpView && (transactionLine.articleBoundConcatenatedText || transactionLine.configurationReadable)\"\n class=\"article-text-wrapper\"\n [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.articleText\"\n screenConfigNativeElement>\n <div [ngClass]=\"{'article-text-expand': true, 'large-article': !expanded && !customerPortal}\" class=\"co-small-scrollbar\">\n <div class=\"article-text\" *ngFor=\"let text of transactionLine.articleTextAsArray\">\n <span [innerHTML]=\"text | safeHtml\" (dblclick)=\"handleOpenArticleText()\"></span>\n </div>\n <div *ngIf=\"!popUpView && transactionLine.configurationReadable\" class=\"configuration-text\">\n <span [innerHTML]=\"transactionLine.configurationReadable\"></span>\n </div>\n </div>\n <div class=\"expand-wrapper\" (click)=\"expandClicked()\" *ngIf=\"!customerPortal\">\n <span class=\"expand-text\" [textContent]=\"!expanded ? ('SHOW_MORE' | localize) : ('SHOW_LESS' | localize)\"></span>\n <co-icon [iconData]=\"expanded ? iconCacheService.getIcon(icons.ChevronUpRegular) : iconCacheService.getIcon(icons.ChevronDownRegular) \"></co-icon>\n </div>\n </div>\n </div>\n ",
23624
+ template: "\n <div *ngIf=\"!transactionLine.isPayment\" class=\"transaction-line-image\" [class.preview]=\"preview\" [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.image\" screenConfigNativeElement>\n <co-image-display [model]=\"image\"></co-image-display>\n </div>\n <co-icon *ngIf=\"transactionLine.isPayment\" class=\"payment-line-icon\" [iconData]=\"iconCacheService.getIcon(icons.UpFromLineRegular)\">\n </co-icon>\n\n <div class=\"transaction-line-description\">\n <div class=\"description-wrapper\">\n <div class=\"colorBlock\" *ngIf=\"transactionLine.color\" [style.background-color]=\"transactionLine.color\"></div>\n <co-transaction-line-description class=\"transaction-line-description-description\"\n [configNames]=\"imageAndDescriptionConfigNames\"\n [defaultEditMode]=\"false\"\n [showLabel]=\"false\"\n [showPurchaseDesc]=\"showPurchaseDesc\"\n [customerPortal]=\"customerPortal\"\n ></co-transaction-line-description>\n <div class=\"transaction-line-article-number-wrapper\" *ngIf=\"!popUpView && !customerPortal\">\n <span *ngIf=\"showDivider\">|</span>\n <span [textContent]=\"transactionLine.articleNumber\" [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.articleNr\" screenConfigNativeElement></span>\n <co-icon class=\"delete-icon\" [iconData]=\"iconCacheService.getIcon(icons.TrashCanLight)\"\n [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.deleteBtn\" screenConfigNativeElement\n (click)=\"deleteTransactionLineClick($event)\"></co-icon>\n </div>\n\n </div>\n <div *ngIf=\"!preview && !popUpView && (transactionLine.articleBoundConcatenatedText || transactionLine.configurationReadable)\"\n class=\"article-text-wrapper\"\n [screenConfigurationObject]=\"imageAndDescriptionConfigNames?.articleText\"\n screenConfigNativeElement>\n <div [ngClass]=\"{'article-text-expand': true, 'large-article': !expanded && !customerPortal}\" class=\"co-small-scrollbar\">\n <div class=\"article-text\" *ngFor=\"let text of transactionLine.articleTextAsArray\">\n <div [innerHTML]=\"text | safeHtml\" (dblclick)=\"handleOpenArticleText()\"></div>\n </div>\n <div *ngIf=\"!popUpView && transactionLine.configurationReadable\" class=\"configuration-text\">\n <div [innerHTML]=\"transactionLine.configurationReadable\"></div>\n </div>\n </div>\n <div class=\"expand-wrapper\" (click)=\"expandClicked()\" *ngIf=\"!customerPortal\">\n <span class=\"expand-text\" [textContent]=\"!expanded ? ('SHOW_MORE' | localize) : ('SHOW_LESS' | localize)\"></span>\n <co-icon [iconData]=\"expanded ? iconCacheService.getIcon(icons.ChevronUpRegular) : iconCacheService.getIcon(icons.ChevronDownRegular) \"></co-icon>\n </div>\n </div>\n </div>\n ",
23623
23625
  providers: [{
23624
23626
  provide: corecomponents_v12.SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
23625
23627
  useExisting: i0.forwardRef(function () { return TransactionLineImageAndDescriptionComponent; })
@@ -26656,8 +26658,11 @@
26656
26658
  _this.reportDocumentPrintRequest = new reportingDocumentPrintSignDocBaseRequest.ReportingDocumentPrintSignDocBaseRequest();
26657
26659
  _this.reportDocumentPdfRequest = new reportingDocumentPdfBaseRequest.ReportingDocumentPdfBaseRequest();
26658
26660
  _this.batchTransactionSendingRequest = new batchTransactionSendingRequest.BatchTransactionSendingRequest();
26661
+ _this.printPurchaseOrderForSalesOrderRequest = new printPurchaseOrderForSalesOrderRequest.PrintPurchaseOrderForSalesOrderRequest();
26659
26662
  _this.useDefaultLayout = false;
26660
26663
  _this.useDefaultShippingMethods = false;
26664
+ _this.saveDefaultPrinterForUser = false;
26665
+ _this.saveDefaultPrinterForAllUsers = false;
26661
26666
  _this.printerList = [];
26662
26667
  _this.defaultSendMethodInitialized = false;
26663
26668
  _this._subs = [];
@@ -26705,43 +26710,45 @@
26705
26710
  TransactionQuickAccessOrderPurchaseComponent.prototype.handleSendMethodOkClick = function (methodData) {
26706
26711
  var _a, _b, _c, _d;
26707
26712
  return __awaiter(this, void 0, void 0, function () {
26708
- var methodString;
26709
26713
  return __generator(this, function (_e) {
26710
26714
  switch (_e.label) {
26711
26715
  case 0:
26712
- this.showShippingMethodDialog = false;
26713
- if (!(methodData.sendMethod === 'COMBINED')) return [3 /*break*/, 2];
26716
+ this.showSendMethodDialog = false;
26714
26717
  this.useDefaultLayout = methodData.useDefaultLayout;
26715
26718
  this.useDefaultShippingMethods = methodData.useDefaultShippingMethods;
26719
+ this.saveDefaultPrinterForUser = methodData.saveDefaultPrinterForUser;
26720
+ this.saveDefaultPrinterForAllUsers = methodData.saveDefaultPrinterForAllUsers;
26716
26721
  if (!this.useDefaultShippingMethods) {
26717
26722
  this.overruledEmail = methodData.overruledEmail;
26718
26723
  this.overruledEdi = methodData.overruledEdi;
26719
26724
  this.overruledPrint = methodData.overruledPrint;
26720
26725
  }
26726
+ if (!this.useDefaultLayout) {
26727
+ this.reportIdForPrinting = methodData.reportIdForPrinting.reportId;
26728
+ this.reportIdForEmail = methodData.reportIdForEmail.reportId;
26729
+ }
26721
26730
  if (methodData.printerName) {
26722
26731
  this.selectedPrinter = this.printerList.find(function (p) { return p.name === methodData.printerName; }) || null;
26723
26732
  }
26724
- this.batchTransactionSendingRequest.useRelationSpecificReports = this.useDefaultLayout;
26725
- this.batchTransactionSendingRequest.useRelationSpecificSendMethods = this.useDefaultShippingMethods;
26726
- this.batchTransactionSendingRequest.printerName = ((_a = this.selectedPrinter) === null || _a === void 0 ? void 0 : _a.name) || null;
26733
+ this.printPurchaseOrderForSalesOrderRequest.useRelationSpecificReports = this.useDefaultLayout;
26734
+ this.printPurchaseOrderForSalesOrderRequest.useRelationSpecificSendMethods = this.useDefaultShippingMethods;
26735
+ this.printPurchaseOrderForSalesOrderRequest.saveDefaultPrinterForUser = this.saveDefaultPrinterForUser;
26736
+ this.printPurchaseOrderForSalesOrderRequest.saveDefaultPrinterForAllUsers = this.saveDefaultPrinterForAllUsers;
26737
+ this.printPurchaseOrderForSalesOrderRequest.printerName = ((_a = this.selectedPrinter) === null || _a === void 0 ? void 0 : _a.name) || null;
26727
26738
  if (!this.useDefaultShippingMethods) {
26728
- this.batchTransactionSendingRequest.overruleSendMethodForEmail = (_b = this.overruledEmail) === null || _b === void 0 ? void 0 : _b.code;
26729
- this.batchTransactionSendingRequest.overruleSendMethodForPrinting = (_c = this.overruledPrint) === null || _c === void 0 ? void 0 : _c.code;
26730
- this.batchTransactionSendingRequest.overruleSendMethodForEDI = (_d = this.overruledEdi) === null || _d === void 0 ? void 0 : _d.code;
26739
+ this.printPurchaseOrderForSalesOrderRequest.overruleSendMethodForEmail = (_b = this.overruledEmail) === null || _b === void 0 ? void 0 : _b.code;
26740
+ this.printPurchaseOrderForSalesOrderRequest.overruleSendMethodForPrinting = (_c = this.overruledPrint) === null || _c === void 0 ? void 0 : _c.code;
26741
+ this.printPurchaseOrderForSalesOrderRequest.overruleSendMethodForEDI = (_d = this.overruledEdi) === null || _d === void 0 ? void 0 : _d.code;
26742
+ }
26743
+ if (!this.useDefaultLayout) {
26744
+ this.printPurchaseOrderForSalesOrderRequest.reportIdForPrinting = this.reportIdForPrinting;
26745
+ this.printPurchaseOrderForSalesOrderRequest.reportIdForEmail = this.reportIdForEmail;
26731
26746
  }
26732
26747
  return [4 /*yield*/, this.printDocument(this.reportDocumentPrintRequest)];
26733
26748
  case 1:
26734
26749
  _e.sent();
26735
26750
  this._setDefaultMethod(this.defaultSendMethod);
26736
- return [3 /*break*/, 4];
26737
- case 2:
26738
- methodString = methodData.toString();
26739
- return [4 /*yield*/, this.printDocument(this.reportDocumentPrintRequest)];
26740
- case 3:
26741
- _e.sent();
26742
- this._setDefaultMethod(methodString);
26743
- _e.label = 4;
26744
- case 4: return [2 /*return*/];
26751
+ return [2 /*return*/];
26745
26752
  }
26746
26753
  });
26747
26754
  });
@@ -26832,8 +26839,15 @@
26832
26839
  switch (_e.label) {
26833
26840
  case 0:
26834
26841
  printPurchaseOrderForSalesOrderRequest$1 = Object.assign(new printPurchaseOrderForSalesOrderRequest.PrintPurchaseOrderForSalesOrderRequest(), request);
26835
- (_a = printPurchaseOrderForSalesOrderRequest$1.useRelationSpecificReports) !== null && _a !== void 0 ? _a : (printPurchaseOrderForSalesOrderRequest$1.useRelationSpecificReports = true);
26836
- (_b = printPurchaseOrderForSalesOrderRequest$1.useRelationSpecificSendMethods) !== null && _b !== void 0 ? _b : (printPurchaseOrderForSalesOrderRequest$1.useRelationSpecificSendMethods = true);
26842
+ printPurchaseOrderForSalesOrderRequest$1.useRelationSpecificReports = (_a = this.printPurchaseOrderForSalesOrderRequest.useRelationSpecificReports) !== null && _a !== void 0 ? _a : true;
26843
+ printPurchaseOrderForSalesOrderRequest$1.useRelationSpecificSendMethods = (_b = this.printPurchaseOrderForSalesOrderRequest.useRelationSpecificSendMethods) !== null && _b !== void 0 ? _b : true;
26844
+ printPurchaseOrderForSalesOrderRequest$1.reportIdForPrinting = this.printPurchaseOrderForSalesOrderRequest.reportIdForPrinting;
26845
+ printPurchaseOrderForSalesOrderRequest$1.reportIdForEmail = this.printPurchaseOrderForSalesOrderRequest.reportIdForEmail;
26846
+ printPurchaseOrderForSalesOrderRequest$1.overruleSendMethodForEmail = this.printPurchaseOrderForSalesOrderRequest.overruleSendMethodForEmail;
26847
+ printPurchaseOrderForSalesOrderRequest$1.overruleSendMethodForPrinting = this.printPurchaseOrderForSalesOrderRequest.overruleSendMethodForPrinting;
26848
+ printPurchaseOrderForSalesOrderRequest$1.overruleSendMethodForEDI = this.printPurchaseOrderForSalesOrderRequest.overruleSendMethodForEDI;
26849
+ printPurchaseOrderForSalesOrderRequest$1.saveDefaultPrinterForUser = this.printPurchaseOrderForSalesOrderRequest.saveDefaultPrinterForUser;
26850
+ printPurchaseOrderForSalesOrderRequest$1.saveDefaultPrinterForAllUsers = this.printPurchaseOrderForSalesOrderRequest.saveDefaultPrinterForAllUsers;
26837
26851
  return [4 /*yield*/, this.transactionService.generateAndSendPurchaseOrdersForSalesOrder(printPurchaseOrderForSalesOrderRequest$1, this.transactionInfo.version)];
26838
26852
  case 1:
26839
26853
  _e.sent();
@@ -26847,7 +26861,7 @@
26847
26861
  TransactionQuickAccessOrderPurchaseComponent.decorators = [
26848
26862
  { type: i0.Component, args: [{
26849
26863
  selector: 'co-transaction-quick-access-order-purchase',
26850
- template: "\n <div class=\"quick-access-content-wrapper\" *ngIf=\"canGenerate && transactionInfo.transactionDefinitive\">\n <div class=\"select-all-wrapper\">\n <co-input-checkbox\n [label]=\"'SELECT_ALL_LINES' | localize\"\n (modelChange)=\"handleSelectAllLines($event)\">\n </co-input-checkbox>\n </div>\n <co-quick-send-button\n [defaultMethodIcon]=\"defaultSendMethodIcon\"\n [showLoader]=\"showLoader\"\n (sendIconClicked)=\"handleSend(defaultSendMethod)\"\n (openSendMethodDialog)=\"openSendDialog()\">\n </co-quick-send-button>\n\n <span class=\"button\" [class.selected]=\"transactionHeaderService.reservationMode\">\n <co-icon (click)=\"handleReservationModeClick()\" [iconData]=\"iconCacheService.getIcon(icons.PalletBoxesRotate)\"></co-icon>\n </span>\n </div>\n\n <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n [headerTitle]=\"'CREATE_PURCHASE_ORDER' | localize\"\n [printerList]=\"printerList\"\n [defaultSendMethod]=\"defaultSendMethod\"\n [visibleMethods]=\"[sendMethodType.Print, sendMethodType.Email]\"\n [emailAddresses]=\"emailAddresses\"\n [emailLayouts]=\"emailLayouts\"\n [printLayouts]=\"printLayouts\"\n [defaultPrinterName]=\"defaultPrinterName\"\n [isDocSignEnabled]=\"true\"\n [pdfDoc]=\"pdfDoc\"\n [(reportingDocumentEmailRequest)]=\"reportDocumentEmailRequest\"\n [(reportingDocumentPrintRequest)]=\"reportDocumentPrintRequest\"\n [(reportingDocumentPdfRequest)]=\"reportDocumentPdfRequest\"\n (closeClick)=\"showSendMethodDialog = false\"\n (okClick)=\"handleSendMethodOkClick($event)\"\n [usePurchaseSendMethod]=\"true\"\n ></co-send-method-dialog>\n ",
26864
+ template: "\n <div class=\"quick-access-content-wrapper\" *ngIf=\"canGenerate && transactionInfo.transactionDefinitive\">\n <div class=\"select-all-wrapper\">\n <co-input-checkbox\n [label]=\"'SELECT_ALL_LINES' | localize\"\n (modelChange)=\"handleSelectAllLines($event)\">\n </co-input-checkbox>\n </div>\n <co-quick-send-button\n [defaultMethodIcon]=\"defaultSendMethodIcon\"\n [showLoader]=\"showLoader\"\n (sendIconClicked)=\"handleSend(defaultSendMethod)\"\n (openSendMethodDialog)=\"openSendDialog()\">\n </co-quick-send-button>\n\n <span class=\"button\" [class.selected]=\"transactionHeaderService.reservationMode\">\n <co-icon (click)=\"handleReservationModeClick()\" [iconData]=\"iconCacheService.getIcon(icons.PalletBoxesRotate)\"></co-icon>\n </span>\n </div>\n\n <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n [headerTitle]=\"'CREATE_PURCHASE_ORDER' | localize\"\n [printerList]=\"printerList\"\n [defaultSendMethod]=\"defaultSendMethod\"\n [visibleMethods]=\"[sendMethodType.Print, sendMethodType.Email]\"\n [emailAddresses]=\"emailAddresses\"\n [emailLayouts]=\"emailLayouts\"\n [printLayouts]=\"printLayouts\"\n [defaultPrinterName]=\"defaultPrinterName\"\n [disablePdfPreview]=\"true\"\n [isDocSignEnabled]=\"true\"\n [pdfDoc]=\"pdfDoc\"\n [(reportingDocumentEmailRequest)]=\"reportDocumentEmailRequest\"\n [(reportingDocumentPrintRequest)]=\"reportDocumentPrintRequest\"\n [(reportingDocumentPdfRequest)]=\"reportDocumentPdfRequest\"\n (closeClick)=\"showSendMethodDialog = false\"\n (okClick)=\"handleSendMethodOkClick($event)\"\n [usePurchaseSendMethod]=\"true\"\n ></co-send-method-dialog>\n ",
26851
26865
  encapsulation: i0.ViewEncapsulation.None
26852
26866
  },] }
26853
26867
  ];
@@ -27292,7 +27306,7 @@
27292
27306
  TransactionQuickAccessPurchaseOrderOverviewComponent.decorators = [
27293
27307
  { type: i0.Component, args: [{
27294
27308
  selector: "co-transaction-quick-access-purchase-order-overview",
27295
- template: "\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.PurchaseOrderOverview\"\n ></co-transaction-send-documents>\n <co-dialog-catalog *ngIf=\"showCatalog\"\n [options]=\"catalogOptions\"\n [parameters]=\"catalogParameters\"\n [showNavigation]=\"true\"\n (closeClick)=\"showCatalog = false\"\n (articleClicked)=\"handleCatalogArticleClick($event)\"\n >\n </co-dialog-catalog>\n <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n [headerTitle]=\"'Verzendmethode'\"\n [printerList]=\"printerList\"\n [defaultSendMethod]=\"defaultSendMethod\"\n [visibleMethods]=\"[sendMethodType.Print, sendMethodType.Email, sendMethodType.Pdf, sendMethodType.WebService]\"\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 ",
27309
+ template: "\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.PurchaseOrderOverview\"\n ></co-transaction-send-documents>\n <co-dialog-catalog *ngIf=\"showCatalog\"\n [options]=\"catalogOptions\"\n [parameters]=\"catalogParameters\"\n [showNavigation]=\"true\"\n (closeClick)=\"showCatalog = false\"\n (articleClicked)=\"handleCatalogArticleClick($event)\"\n >\n </co-dialog-catalog>\n <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n [headerTitle]=\"'Verzendmethode'\"\n [printerList]=\"printerList\"\n [defaultSendMethod]=\"defaultSendMethod\"\n [visibleMethods]=\"[sendMethodType.Print, sendMethodType.Email, sendMethodType.Pdf, sendMethodType.WebService]\"\n [emailAddresses]=\"emailAddresses\"\n [emailLayouts]=\"emailLayouts\"\n [printLayouts]=\"printLayouts\"\n [disablePdfPreview]=\"true\"\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 ",
27296
27310
  encapsulation: i0.ViewEncapsulation.None
27297
27311
  },] }
27298
27312
  ];
@@ -44943,7 +44957,7 @@
44943
44957
  TransactionSearchResultComponent.decorators = [
44944
44958
  { type: i0.Component, args: [{
44945
44959
  selector: 'co-transaction-search-result',
44946
- template: "\n <ng-container *ngIf=\"screenConfigLoaded\">\n <div class=\"actions-wrapper\"\n *ngIf=\"searchService.transactions?.length > 0 && salesOrdersPageActive && showBatchOptions\">\n <co-input-checkbox\n [model]=\"checkIfAllSelected()\"\n [label]=\"checkIfAllSelected() ? 'DESELECT_ALL_ORDERS' : 'SELECT_ALL_ORDERS' | localize\"\n (modelChange)=\"onToggleAllOrders(checkIfAllSelected())\">\n </co-input-checkbox>\n <co-quick-send-button\n *ngIf=\"checkIfSelected()\"\n [showSendMethodDialogIcon]=\"false\"\n [showLoader]=\"showProcessOrdersLoader\"\n (sendIconClicked)=\"showShippingModal()\">\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 && !extendedTransactionSearch\">\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 && showBatchOptions\"\n [selected]=\"transaction.selected\"\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 && !extendedTransactionSearch\">\n <co-transaction-search-grid\n [showCheckbox]=\"salesOrdersPageActive && showBatchOptions\"\n (transactionClick)=\"onTransactionClick($event)\">\n </co-transaction-search-grid>\n </div>\n\n <div class=\"transaction-extended-search-result-tile-wrapper\" *ngIf=\"extendedTransactionSearch\">\n <div class=\"transaction-tile\" *ngFor=\"let transaction of searchService.transactions\">\n <co-transaction-search-sales-line-select-tile\n [transaction]=\"transaction\"\n (transactionClick)=\"onTransactionClick($event)\"\n (selectedClick)=\"onSelectedClick($event)\"\n [extendedTransactionSearch]=\"extendedTransactionSearch\">\n </co-transaction-search-sales-line-select-tile>\n </div>\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\n <co-shipping-method-dialog\n *ngIf=\"showShippingMethodDialog\"\n [category]=\"batchCategory\"\n [selectedTransactions]=\"selectedTransactions\"\n (cancelClicked)=\"showShippingMethodDialog = false\"\n (saveClicked)=\"shippingDialogSaveClicked($event)\">\n </co-shipping-method-dialog>\n\n <co-batch-process-dialog\n *ngIf=\"showBatchProcessDialog\"\n @fadeInOut\n [batchJobProgress]=\"batchJobProgress\"\n (close)=\"showBatchProcessDialog = false\">\n </co-batch-process-dialog>\n ",
44960
+ template: "\n <ng-container *ngIf=\"screenConfigLoaded\">\n <div class=\"actions-wrapper\"\n *ngIf=\"searchService.transactions?.length > 0 && salesOrdersPageActive && showBatchOptions\">\n <co-input-checkbox\n [model]=\"checkIfAllSelected()\"\n [label]=\"checkIfAllSelected() ? 'DESELECT_ALL' : 'SELECT_ALL_ORDERS' | localize\"\n (modelChange)=\"onToggleAllOrders(checkIfAllSelected())\">\n </co-input-checkbox>\n <co-quick-send-button\n *ngIf=\"checkIfSelected()\"\n [showSendMethodDialogIcon]=\"false\"\n [showLoader]=\"showProcessOrdersLoader\"\n (sendIconClicked)=\"showShippingModal()\">\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 && !extendedTransactionSearch\">\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 && showBatchOptions\"\n [selected]=\"transaction.selected\"\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 && !extendedTransactionSearch\">\n <co-transaction-search-grid\n [showCheckbox]=\"salesOrdersPageActive && showBatchOptions\"\n (transactionClick)=\"onTransactionClick($event)\">\n </co-transaction-search-grid>\n </div>\n\n <div class=\"transaction-extended-search-result-tile-wrapper\" *ngIf=\"extendedTransactionSearch\">\n <div class=\"transaction-tile\" *ngFor=\"let transaction of searchService.transactions\">\n <co-transaction-search-sales-line-select-tile\n [transaction]=\"transaction\"\n (transactionClick)=\"onTransactionClick($event)\"\n (selectedClick)=\"onSelectedClick($event)\"\n [extendedTransactionSearch]=\"extendedTransactionSearch\">\n </co-transaction-search-sales-line-select-tile>\n </div>\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\n <co-shipping-method-dialog\n *ngIf=\"showShippingMethodDialog\"\n [category]=\"batchCategory\"\n [selectedTransactions]=\"selectedTransactions\"\n (cancelClicked)=\"showShippingMethodDialog = false\"\n (saveClicked)=\"shippingDialogSaveClicked($event)\">\n </co-shipping-method-dialog>\n\n <co-batch-process-dialog\n *ngIf=\"showBatchProcessDialog\"\n @fadeInOut\n [batchJobProgress]=\"batchJobProgress\"\n (close)=\"showBatchProcessDialog = false\">\n </co-batch-process-dialog>\n ",
44947
44961
  animations: [
44948
44962
  animations.trigger('fadeInOut', [
44949
44963
  animations.transition(':enter', [
@@ -47539,7 +47553,7 @@
47539
47553
  TransactionLinesComponent.decorators = [
47540
47554
  { type: i0.Component, args: [{
47541
47555
  selector: "co-transaction-lines",
47542
- template: "\n <div *ngIf=\"customerPortal\">\n <div class=\"draggable-transaction-line\" *ngFor=\"let line of (historicTransactionLines ? historicTransactionLines : transactionLines);\">\n <co-transaction-line\n [transactionLine]=\"line\"\n [activeCategory]=\"category.SalesCustomerPortal\"\n [preview]=\"preview\"\n [readonly]=\"historicTransactionLines !== null\"\n (waitingForUserAction)=\"userActionRequired = $event\"\n [class.customer-line]=\"customerPortal\"\n observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(line, $event)\"\n ></co-transaction-line>\n </div>\n </div>\n\n <div *ngIf=\"!customerPortal\" #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n class=\"transaction-lines-drag-drop-list\"\n [cdkDropListDisabled]=\"preview || userActionRequired\"\n [cdkDropListData]=\"transactionLines\"\n [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n (cdkDropListDropped)=\"handleDrop($event)\"\n (cdkDropListEntered)=\"handleDropListEntered($event)\"\n >\n <div class=\"draggable-transaction-line\"\n *ngFor=\"let line of (historicTransactionLines ? historicTransactionLines : transactionLines);let isFirst = first; trackBy:trackByFn;\"\n [cdkDragDisabled]=\"activeCategory !== category.SalesOrderOverview\"\n cdkDrag>\n <co-icon *ngIf=\"!preview && activeCategory === category.SalesOrderOverview\" class=\"transaction-line-drag-handle\"\n [class.show]=\"line === selectedTransactionLine && transactionLines.length > 1\" cdkDragHandle\n [iconData]=\"iconCacheService.getIcon(icons.GripDotsVerticalSolid)\">\n </co-icon>\n <co-transaction-line\n [draggedOver]=\"lineDraggedOver === line.lineNr\"\n [transactionLine]=\"line\"\n [activeCategory]=\"activeCategory\"\n [preview]=\"preview\"\n [isFirst]=\"isFirst\"\n [readonly]=\"historicTransactionLines !== null\"\n (waitingForUserAction)=\"userActionRequired = $event\"\n (click)=\"selectedTransactionLine = line\"\n (descriptionDblClick)=\"onDescriptionDblClick(line)\"\n observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(line, $event)\"\n ></co-transaction-line>\n </div>\n <ng-container *ngIf=\"activeCategory === category.SalesOrderDeliveryNote || activeCategory === category.SalesOrderInvoice || activeCategory === category.SalesOrderPlanning\">\n <div class=\"draggable-transaction-line\" *ngFor=\"let line of deliveryCostLines; trackBy:trackByFn;\" cdkDrag>\n <co-icon *ngIf=\"!preview\" class=\"transaction-line-drag-handle\"\n [class.show]=\"line === selectedTransactionLine\" cdkDragHandle\n [iconData]=\"iconCacheService.getIcon(icons.GripDotsVerticalSolid)\">\n </co-icon>\n <co-transaction-line\n [transactionLine]=\"line\"\n [activeCategory]=\"activeCategory\"\n [preview]=\"preview\"\n [readonly]=\"historicTransactionLines !== null\"\n [isFirst]=\"isFirst\"\n (waitingForUserAction)=\"userActionRequired = $event\"\n (click)=\"selectedTransactionLine = line\"\n (descriptionDblClick)=\"onDescriptionDblClick(line)\"\n observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(line, $event)\"\n ></co-transaction-line>\n </div>\n </ng-container>\n </div>\n <co-transaction-line-side-panel *ngIf=\"showSidePanel\"\n [activeCategory]=\"activeCategory\"\n (cancelClick)=\"showSidePanel = false\">\n </co-transaction-line-side-panel>\n ",
47556
+ template: "\n <div *ngIf=\"customerPortal\">\n <div class=\"draggable-transaction-line\" *ngFor=\"let line of (historicTransactionLines ? historicTransactionLines : transactionLines);\">\n <co-transaction-line\n [transactionLine]=\"line\"\n [activeCategory]=\"category.SalesCustomerPortal\"\n [preview]=\"preview\"\n [readonly]=\"historicTransactionLines !== null\"\n (waitingForUserAction)=\"userActionRequired = $event\"\n [class.customer-line]=\"customerPortal\"\n observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(line, $event)\"\n ></co-transaction-line>\n </div>\n </div>\n\n <div *ngIf=\"!customerPortal\" #dropList cdkDropList cdkDropListOrientation=\"vertical\"\n class=\"transaction-lines-drag-drop-list\"\n [cdkDropListDisabled]=\"preview || userActionRequired\"\n [cdkDropListData]=\"transactionLines\"\n [cdkDropListEnterPredicate]=\"handleCanDragDrop\"\n (cdkDropListDropped)=\"handleDrop($event)\"\n (cdkDropListEntered)=\"handleDropListEntered($event)\"\n >\n <div class=\"draggable-transaction-line\"\n *ngFor=\"let line of (historicTransactionLines ? historicTransactionLines : transactionLines);let isFirst = first; trackBy:trackByFn;\"\n [cdkDragDisabled]=\"activeCategory !== category.SalesOrderOverview && activeCategory !== category.SalesOrderQuotation\"\n cdkDrag>\n <co-icon *ngIf=\"!preview && (activeCategory === category.SalesOrderOverview || activeCategory == category.SalesOrderQuotation)\" class=\"transaction-line-drag-handle\"\n [class.show]=\"line === selectedTransactionLine && transactionLines.length > 1\" cdkDragHandle\n [iconData]=\"iconCacheService.getIcon(icons.GripDotsVerticalSolid)\">\n </co-icon>\n <co-transaction-line\n [draggedOver]=\"lineDraggedOver === line.lineNr\"\n [transactionLine]=\"line\"\n [activeCategory]=\"activeCategory\"\n [preview]=\"preview\"\n [isFirst]=\"isFirst\"\n [readonly]=\"historicTransactionLines !== null\"\n (waitingForUserAction)=\"userActionRequired = $event\"\n (click)=\"selectedTransactionLine = line\"\n (descriptionDblClick)=\"onDescriptionDblClick(line)\"\n observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(line, $event)\"\n ></co-transaction-line>\n </div>\n <ng-container *ngIf=\"activeCategory === category.SalesOrderDeliveryNote || activeCategory === category.SalesOrderInvoice || activeCategory === category.SalesOrderPlanning\">\n <div class=\"draggable-transaction-line\" *ngFor=\"let line of deliveryCostLines; trackBy:trackByFn;\" cdkDrag>\n <co-icon *ngIf=\"!preview\" class=\"transaction-line-drag-handle\"\n [class.show]=\"line === selectedTransactionLine\" cdkDragHandle\n [iconData]=\"iconCacheService.getIcon(icons.GripDotsVerticalSolid)\">\n </co-icon>\n <co-transaction-line\n [transactionLine]=\"line\"\n [activeCategory]=\"activeCategory\"\n [preview]=\"preview\"\n [readonly]=\"historicTransactionLines !== null\"\n [isFirst]=\"isFirst\"\n (waitingForUserAction)=\"userActionRequired = $event\"\n (click)=\"selectedTransactionLine = line\"\n (descriptionDblClick)=\"onDescriptionDblClick(line)\"\n observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(line, $event)\"\n ></co-transaction-line>\n </div>\n </ng-container>\n </div>\n <co-transaction-line-side-panel *ngIf=\"showSidePanel\"\n [activeCategory]=\"activeCategory\"\n (cancelClick)=\"showSidePanel = false\">\n </co-transaction-line-side-panel>\n ",
47543
47557
  encapsulation: i0.ViewEncapsulation.None,
47544
47558
  changeDetection: i0.ChangeDetectionStrategy.OnPush
47545
47559
  },] }
@@ -51283,7 +51297,7 @@
51283
51297
  this.cashOnDelivery = value;
51284
51298
  };
51285
51299
  TransactionHeaderPopupPaymentComponent.prototype.showPaymentButton = function () {
51286
- return this.orderPaymentAnalysis.some(function (t) { return t.outstandingAmount > 0; });
51300
+ return this.orderPaymentAnalysis.some(function (t) { return t.outstandingAmount > 0; }) && this.chosenAmountToPay > 0;
51287
51301
  };
51288
51302
  TransactionHeaderPopupPaymentComponent.prototype.openPayment = function (event) {
51289
51303
  return __awaiter(this, void 0, void 0, function () {
@@ -51309,6 +51323,15 @@
51309
51323
  TransactionHeaderPopupPaymentComponent.prototype.isDirectSellEnabled = function () {
51310
51324
  return this.transactionLines.some(function (line) { return line.directSell && line.dropShipment; });
51311
51325
  };
51326
+ TransactionHeaderPopupPaymentComponent.prototype.showInvoiceSelection = function () {
51327
+ var _this = this;
51328
+ return this.orderPaymentAnalysis.filter(function (payment) { return payment.transactionKind === _this.transKind.SalesInvoice; }).length > 1;
51329
+ };
51330
+ TransactionHeaderPopupPaymentComponent.prototype.handleSelectInvoiceLines = function () {
51331
+ this.chosenAmountToPay = this.orderPaymentAnalysis
51332
+ .filter(function (transaction) { return transaction.isSelected; })
51333
+ .reduce(function (sum, transaction) { return sum + transaction.outstandingAmount; }, 0);
51334
+ };
51312
51335
  TransactionHeaderPopupPaymentComponent.prototype.transactionSet = function () {
51313
51336
  _super_1.prototype.transactionSet.call(this);
51314
51337
  this._getDepositInfo();
@@ -51335,9 +51358,11 @@
51335
51358
  paymentAnalysisRequest.transactionId = this.transactionInfo.id;
51336
51359
  this._paymentConnectorService.getSalesOrderPaymentAnalysis(paymentAnalysisRequest).then(function (response) {
51337
51360
  _this.orderPaymentAnalysis = response;
51361
+ _this.orderPaymentAnalysis = _this.orderPaymentAnalysis.map(function (transaction) { return (Object.assign(Object.assign({}, transaction), { isSelected: transaction.transactionKind === 'F' })); });
51338
51362
  });
51339
51363
  this._paymentConnectorService.getPaymentAnalysis(this.transactionInfo.uuid).then(function (response) {
51340
51364
  _this.paymentAnalysis = response;
51365
+ _this.chosenAmountToPay = _this.paymentAnalysis.totalToPay;
51341
51366
  });
51342
51367
  };
51343
51368
  TransactionHeaderPopupPaymentComponent.prototype._getObjectConfiguration = function (configObjects) {
@@ -51351,7 +51376,7 @@
51351
51376
  TransactionHeaderPopupPaymentComponent.decorators = [
51352
51377
  { type: i0.Component, args: [{
51353
51378
  selector: 'co-transaction-header-popup-payment',
51354
- template: "\n <div class=\"transaction-header-popup-category-wrapper co-small-scrollbar\">\n <co-form>\n <div class=\"transaction-header-popup-section\">\n <div\n class=\"transaction-header-popup-section-label\"\n *ngIf=\"showPayDownLabel\"\n [textContent]=\"'TO_PAY_DOWN' | localize\">\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\">\n <co-transaction-header-deposit-percentage\n [screenConfigurationObject]=\"cfgNames.DepositPercentage\"\n [lockAndSave]=\"true\"\n (depositUpdated)=\"showOutstandingAmounts()\">\n </co-transaction-header-deposit-percentage>\n <co-transaction-header-deposit-amount class=\"transaction-line-totals-price price\"\n [screenConfigurationObject]=\"cfgNames.DepositAmount\"\n [lockAndSave]=\"true\"\n (businessRuleApplied)=\"showBusinessRuleInfo = $event\">\n </co-transaction-header-deposit-amount>\n </div>\n\n <div class=\"transaction-header-popup-three-column-grid\">\n <co-transaction-header-use-deposit-rule\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.UseDepositRule\"\n [lockAndSave]=\"false\">\n </co-transaction-header-use-deposit-rule>\n <co-transaction-header-auto-recalculate-deposit\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.AutoRecalculateDeposit\"\n [lockAndSave]=\"false\">\n </co-transaction-header-auto-recalculate-deposit>\n <co-transaction-header-divide-evenly\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.DivideEvenly\"\n [lockAndSave]=\"false\">\n </co-transaction-header-divide-evenly>\n <div class=\"transaction-header-popup-business-rule-applied\" *ngIf=\"showBusinessRuleInfo\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.CircleExclamationRegular)\"></co-icon>\n <span [textContent]=\"'DEPOSIT_BUSINESS_RULE_APPLIED' | localize\"></span>\n </div>\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\">\n <co-transaction-header-amount-to-settle\n [screenConfigurationObject]=\"cfgNames.AmountToSettle\"\n [lockAndSave]=\"false\">\n </co-transaction-header-amount-to-settle>\n <div class=\"transaction-header-popup-already-paid\">\n <co-input-text\n [screenConfigurationObject]=\"cfgNames.TotalPaidDown\"\n [placeholder]=\"'TOTAL_PAID_DOWN' | localize\" [forceReadonly]=\"true\"\n [model]=\"paidDown\" [formatPipe]=\"currencyPipe\">\n </co-input-text>\n <co-input-text\n [screenConfigurationObject]=\"cfgNames.SettledSoFar\"\n [placeholder]=\"'SETTLED_SO_FAR' | localize\" [forceReadonly]=\"true\"\n [model]=\"settled\" [formatPipe]=\"currencyPipe\">\n </co-input-text>\n </div>\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\" *ngIf=\"showCashOnDelivery\">\n <div class=\"cash-on-delivery-row\">\n <co-input-text\n [placeholder]=\"'CASH_ON_DELIVERY' | localize\"\n [forceReadonly]=\"true\"\n [(model)]=\"cashOnDelivery\"\n [formatPipe]=\"currencyPipe\">\n </co-input-text>\n <co-button\n class=\"save-button\"\n [disabled]=\"!isDirectSellEnabled()\"\n [iconData]=\"iconCacheService.getIcon(icons.TruckMovingRegular)\"\n (click)=\"cashOnDeliveryModalVisible = true\">\n </co-button>\n </div>\n <div></div>\n </div>\n\n <div\n class=\"transaction-header-popup-two-column-grid\"\n [screenConfigurationObject]=\"cfgNames.PaymentBtn\"\n screenConfigNativeElement>\n <co-transaction-header-payment-button\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [label]=\"('DELIVERY_TOTAL' | localize) | append:' / ' | append:('TO_SETTLE' | localize:false)\"\n [lockAndSave]=\"false\">\n </co-transaction-header-payment-button>\n </div>\n </div>\n\n <div *ngIf=\"paymentAnalysis\" class=\"transaction-header-popup-section\">\n <div class=\"transaction-header-popup-section-label\" [textContent]=\"'TO_INVOICE' | localize\"></div>\n <div class=\"still-top-pay-stats\">\n <div class=\"payment-item\">\n <label [textContent]=\"'TO_BE_INVOICED' | localize\"></label>\n <div class=\"amount\">{{ paymentAnalysis?.totalToInvoice | coCurrency:true }}</div>\n </div>\n <div class=\"payment-item\">\n <label [textContent]=\"'ALREADY_INVOICED' | localize\"></label>\n <div class=\"amount\">{{ paymentAnalysis?.totalDepositInvoice | coCurrency:true }}</div>\n </div>\n <div class=\"payment-item\">\n <label [textContent]=\"'STILL_TO_PAY' | localize\"></label>\n <div class=\"amount\" [class.outstanding]=\"paymentAnalysis?.totalToPay > 0\">\n <strong>{{ paymentAnalysis?.totalToPay | coCurrency:true }}</strong>\n </div>\n </div>\n </div>\n </div>\n\n <div *ngIf=\"orderPaymentAnalysis.length > 0\" class=\"payment-information\">\n <co-button\n class=\"save-button payment-button\"\n *ngIf=\"showPaymentButton()\"\n [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegular)\"\n (click)=\"openPayment($event)\">\n </co-button>\n\n <div class=\"payment-categories\">\n <div\n class=\"payment-category\"\n [class.selected]=\"activeCategory.index === category.index\"\n *ngFor=\"let category of paymentCategories\"\n (click)=\"handleCategoryClick(category)\">\n <div class=\"title\" [textContent]=\"category.title | localize\"></div>\n </div>\n </div>\n\n <table *ngIf=\"activeCategory.index === 0\">\n <thead>\n <tr>\n <th [textContent]=\"'DESCRIPTION' | localize\"></th>\n <th [textContent]=\"'AMOUNT2' | localize\"></th>\n <th [textContent]=\"'PAID' | localize\"></th>\n <th [textContent]=\"'SETTLED' | localize\"></th>\n <th [textContent]=\"'OUTSTANDING' | localize\"></th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let paymentInfo of orderPaymentAnalysis\">\n <td>\n <span\n *ngIf=\"paymentInfo.transactionKind === transKind.SalesOrder\"\n [textContent]=\"'DEPOSIT' | localize\">\n </span>\n <span *ngIf=\"paymentInfo.transactionKind === transKind.SalesInvoice\">\n <span [textContent]=\"'INVOICE' | localize\"></span>\n <span> {{ paymentInfo.transactionNumber }}</span>\n <span> {{ paymentInfo.transactionDate | date:'dd-MM-yyyy' }}</span>\n </span>\n </td>\n <td><strong>{{ paymentInfo.invoiceAmount | coCurrency:true }}</strong></td>\n <td [class.paid]=\"paymentInfo.paidAmount > 0\">\n <strong>{{ paymentInfo.paidAmount | coCurrency:true }}</strong>\n </td>\n <td>{{ paymentInfo.settledAmount | coCurrency:true }}</td>\n <td [class.outstanding]=\"paymentInfo.outstandingAmount > 0\">\n <strong>{{ paymentInfo.outstandingAmount | coCurrency:true }}</strong>\n </td>\n </tr>\n </tbody>\n </table>\n\n <co-deposit-payment\n *ngIf=\"activeCategory.index === 1\"\n [branch]=\"transactionInfo.branch?.relationNr\"\n [transactionUuid]=\"transactionInfo.uuid\"\n [showTitle]=\"false\"\n [transactionKind]=\"transKind.SalesOrder\"\n ></co-deposit-payment>\n </div>\n </co-form>\n\n <co-cash-on-delivery-modal\n *ngIf=\"cashOnDeliveryModalVisible\"\n [transactionInfoUuid]=\"transactionInfo.uuid\"\n (cashAmount)=\"getCashAmount($event)\"\n (showCashOnDeliveryModal)=\"showCashOnDeliveryModal($event)\">\n </co-cash-on-delivery-modal>\n </div>\n\n <co-dialog\n class=\"payment-dialog\"\n [modal]=\"true\"\n [headerTemplate]=\"headerTemplate\"\n *ngIf=\"showPaymentDialog\"\n (closeClick)=\"handleCloseDialog()\">\n <ng-template #headerTemplate>\n <div class=\"co-dialog-wrapper-popup-title\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"'PAYMENT_METHOD' | localize\"></div>\n </div>\n </ng-template>\n <co-payment\n [transId]=\"transactionInfo.id\"\n [branch]=\"transactionInfo.branch?.relationNr\"\n [transactionUuid]=\"transactionInfo.uuid\"\n [amount]=\"paymentAnalysis.totalToPay\"\n [remainingPayment]=\"true\"\n [currencyId]=\"transactionInfo.currencyId\"\n [doNotFetchAmountToPayForRemaining]=\"true\"\n [showPaymentDate]=\"true\"\n ></co-payment>\n </co-dialog>\n ",
51379
+ template: "\n <div class=\"transaction-header-popup-category-wrapper co-small-scrollbar\">\n <co-form>\n <div class=\"transaction-header-popup-section\">\n <div\n class=\"transaction-header-popup-section-label\"\n *ngIf=\"showPayDownLabel\"\n [textContent]=\"'TO_PAY_DOWN' | localize\">\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\">\n <co-transaction-header-deposit-percentage\n [screenConfigurationObject]=\"cfgNames.DepositPercentage\"\n [lockAndSave]=\"true\"\n (depositUpdated)=\"showOutstandingAmounts()\">\n </co-transaction-header-deposit-percentage>\n <co-transaction-header-deposit-amount class=\"transaction-line-totals-price price\"\n [screenConfigurationObject]=\"cfgNames.DepositAmount\"\n [lockAndSave]=\"true\"\n (businessRuleApplied)=\"showBusinessRuleInfo = $event\">\n </co-transaction-header-deposit-amount>\n </div>\n\n <div class=\"transaction-header-popup-three-column-grid\">\n <co-transaction-header-use-deposit-rule\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.UseDepositRule\"\n [lockAndSave]=\"false\">\n </co-transaction-header-use-deposit-rule>\n <co-transaction-header-auto-recalculate-deposit\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.AutoRecalculateDeposit\"\n [lockAndSave]=\"false\">\n </co-transaction-header-auto-recalculate-deposit>\n <co-transaction-header-divide-evenly\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [screenConfigurationObject]=\"cfgNames.DivideEvenly\"\n [lockAndSave]=\"false\">\n </co-transaction-header-divide-evenly>\n <div class=\"transaction-header-popup-business-rule-applied\" *ngIf=\"showBusinessRuleInfo\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.CircleExclamationRegular)\"></co-icon>\n <span [textContent]=\"'DEPOSIT_BUSINESS_RULE_APPLIED' | localize\"></span>\n </div>\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\">\n <co-transaction-header-amount-to-settle\n [screenConfigurationObject]=\"cfgNames.AmountToSettle\"\n [lockAndSave]=\"false\">\n </co-transaction-header-amount-to-settle>\n <div class=\"transaction-header-popup-already-paid\">\n <co-input-text\n [screenConfigurationObject]=\"cfgNames.TotalPaidDown\"\n [placeholder]=\"'TOTAL_PAID_DOWN' | localize\" [forceReadonly]=\"true\"\n [model]=\"paidDown\" [formatPipe]=\"currencyPipe\">\n </co-input-text>\n <co-input-text\n [screenConfigurationObject]=\"cfgNames.SettledSoFar\"\n [placeholder]=\"'SETTLED_SO_FAR' | localize\" [forceReadonly]=\"true\"\n [model]=\"settled\" [formatPipe]=\"currencyPipe\">\n </co-input-text>\n </div>\n </div>\n\n <div class=\"transaction-header-popup-two-column-grid\" *ngIf=\"showCashOnDelivery\">\n <div class=\"cash-on-delivery-row\">\n <co-input-text\n [placeholder]=\"'CASH_ON_DELIVERY' | localize\"\n [forceReadonly]=\"true\"\n [(model)]=\"cashOnDelivery\"\n [formatPipe]=\"currencyPipe\">\n </co-input-text>\n <co-button\n class=\"save-button\"\n [disabled]=\"!isDirectSellEnabled()\"\n [iconData]=\"iconCacheService.getIcon(icons.TruckMovingRegular)\"\n (click)=\"cashOnDeliveryModalVisible = true\">\n </co-button>\n </div>\n <div></div>\n </div>\n\n <div\n class=\"transaction-header-popup-two-column-grid\"\n [screenConfigurationObject]=\"cfgNames.PaymentBtn\"\n screenConfigNativeElement>\n <co-transaction-header-payment-button\n *ngIf=\"transactionInfo.transactionKind !== transKind.PurchaseOrder\"\n [label]=\"('DELIVERY_TOTAL' | localize) | append:' / ' | append:('TO_SETTLE' | localize:false)\"\n [lockAndSave]=\"false\">\n </co-transaction-header-payment-button>\n </div>\n </div>\n\n <div *ngIf=\"paymentAnalysis\" class=\"transaction-header-popup-section\">\n <div class=\"transaction-header-popup-section-label\" [textContent]=\"'TO_INVOICE' | localize\"></div>\n <div class=\"still-top-pay-stats\">\n <div class=\"payment-item\">\n <label [textContent]=\"'TO_BE_INVOICED' | localize\"></label>\n <div class=\"amount\">{{ paymentAnalysis?.totalToInvoice | coCurrency:true }}</div>\n </div>\n <div class=\"payment-item\">\n <label [textContent]=\"'ALREADY_INVOICED' | localize\"></label>\n <div class=\"amount\">{{ paymentAnalysis?.totalDepositInvoice | coCurrency:true }}</div>\n </div>\n <div class=\"payment-item\">\n <label [textContent]=\"'STILL_TO_PAY' | localize\"></label>\n <div class=\"amount\" [class.outstanding]=\"paymentAnalysis?.totalToPay > 0\">\n <strong>{{ paymentAnalysis?.totalToPay | coCurrency:true }}</strong>\n </div>\n </div>\n </div>\n </div>\n\n <div *ngIf=\"orderPaymentAnalysis.length > 0\" class=\"payment-information\">\n <co-button\n class=\"save-button payment-button\"\n *ngIf=\"showPaymentButton()\"\n [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegular)\"\n (click)=\"openPayment($event)\">\n </co-button>\n\n <div class=\"payment-categories\">\n <div\n class=\"payment-category\"\n [class.selected]=\"activeCategory.index === category.index\"\n *ngFor=\"let category of paymentCategories\"\n (click)=\"handleCategoryClick(category)\">\n <div class=\"title\" [textContent]=\"category.title | localize\"></div>\n </div>\n </div>\n\n <table *ngIf=\"activeCategory.index === 0\">\n <thead>\n <tr>\n <th *ngIf=\"showInvoiceSelection()\"></th>\n <th [textContent]=\"'DESCRIPTION' | localize\"></th>\n <th [textContent]=\"'AMOUNT2' | localize\"></th>\n <th [textContent]=\"'PAID' | localize\"></th>\n <th [textContent]=\"'SETTLED' | localize\"></th>\n <th [textContent]=\"'OUTSTANDING' | localize\"></th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let paymentInfo of orderPaymentAnalysis\">\n <td *ngIf=\"showInvoiceSelection()\">\n <co-input-checkbox\n *ngIf=\"paymentInfo.transactionKind === transKind.SalesInvoice\"\n [(model)]=\"paymentInfo.isSelected\"\n (modelChange)=\"handleSelectInvoiceLines()\">\n </co-input-checkbox>\n </td>\n <td>\n <span\n *ngIf=\"paymentInfo.transactionKind === transKind.SalesOrder\"\n [textContent]=\"'DEPOSIT' | localize\">\n </span>\n <span *ngIf=\"paymentInfo.transactionKind === transKind.SalesInvoice\">\n <span [textContent]=\"'INVOICE' | localize\"></span>\n <span> {{ paymentInfo.transactionNumber }}</span>\n <span> {{ paymentInfo.transactionDate | date:'dd-MM-yyyy' }}</span>\n </span>\n </td>\n <td><strong>{{ paymentInfo.invoiceAmount | coCurrency:true }}</strong></td>\n <td [class.paid]=\"paymentInfo.paidAmount > 0\">\n <strong>{{ paymentInfo.paidAmount | coCurrency:true }}</strong>\n </td>\n <td>{{ paymentInfo.settledAmount | coCurrency:true }}</td>\n <td [class.outstanding]=\"paymentInfo.outstandingAmount > 0\">\n <strong>{{ paymentInfo.outstandingAmount | coCurrency:true }}</strong>\n </td>\n </tr>\n </tbody>\n </table>\n\n <co-deposit-payment\n *ngIf=\"activeCategory.index === 1\"\n [branch]=\"transactionInfo.branch?.relationNr\"\n [transactionUuid]=\"transactionInfo.uuid\"\n [showTitle]=\"false\"\n [transactionKind]=\"transKind.SalesOrder\"\n ></co-deposit-payment>\n </div>\n </co-form>\n\n <co-cash-on-delivery-modal\n *ngIf=\"cashOnDeliveryModalVisible\"\n [transactionInfoUuid]=\"transactionInfo.uuid\"\n (cashAmount)=\"getCashAmount($event)\"\n (showCashOnDeliveryModal)=\"showCashOnDeliveryModal($event)\">\n </co-cash-on-delivery-modal>\n </div>\n\n <co-dialog\n class=\"payment-dialog\"\n [modal]=\"true\"\n [headerTemplate]=\"headerTemplate\"\n *ngIf=\"showPaymentDialog\"\n (closeClick)=\"handleCloseDialog()\">\n <ng-template #headerTemplate>\n <div class=\"co-dialog-wrapper-popup-title\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.CreditCardRegularCheck)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"'PAYMENT_METHOD' | localize\"></div>\n </div>\n </ng-template>\n <co-payment\n [transId]=\"transactionInfo.id\"\n [branch]=\"transactionInfo.branch?.relationNr\"\n [transactionUuid]=\"transactionInfo.uuid\"\n [amount]=\"chosenAmountToPay\"\n [remainingPayment]=\"true\"\n [currencyId]=\"transactionInfo.currencyId\"\n [doNotFetchAmountToPayForRemaining]=\"true\"\n [showPaymentDate]=\"true\"\n ></co-payment>\n </co-dialog>\n ",
51355
51380
  encapsulation: i0.ViewEncapsulation.None
51356
51381
  },] }
51357
51382
  ];
@@ -57843,6 +57868,7 @@
57843
57868
  this.showRelatedProductsPopup = false;
57844
57869
  this.cartPlusIcon = this.iconService.getIcon(this.icons.CartPlusRegular);
57845
57870
  this.cartMinIcon = this.iconService.getIcon(this.icons.CartMinusRegular);
57871
+ this.pendingAddArticleAction = false;
57846
57872
  this._showCatalog = false;
57847
57873
  this._subs = [];
57848
57874
  }
@@ -57882,7 +57908,9 @@
57882
57908
  }
57883
57909
  this.searchText = text;
57884
57910
  this._prepareCatalogRequest();
57885
- this.searchText = undefined;
57911
+ this._changeDetector.detectChanges();
57912
+ this.searchText = "";
57913
+ if (!!this.pendingAddArticleAction) return [3 /*break*/, 13];
57886
57914
  return [4 /*yield*/, this.transactionService.getArticleListWithBarcodeArticleNrEanCode(text)];
57887
57915
  case 1:
57888
57916
  fullMatchSearch = _a.sent();
@@ -57893,7 +57921,9 @@
57893
57921
  if (!(article.goodType === "B")) return [3 /*break*/, 3];
57894
57922
  this.showCatalogDialog();
57895
57923
  return [3 /*break*/, 5];
57896
- case 3: return [4 /*yield*/, this.handleAddArticle(article)];
57924
+ case 3:
57925
+ this.pendingAddArticleAction = true;
57926
+ return [4 /*yield*/, this.handleAddArticle(article)];
57897
57927
  case 4:
57898
57928
  _a.sent();
57899
57929
  _a.label = 5;
@@ -57908,7 +57938,9 @@
57908
57938
  if (!(article.goodType === "B")) return [3 /*break*/, 9];
57909
57939
  this.showCatalogDialog();
57910
57940
  return [3 /*break*/, 11];
57911
- case 9: return [4 /*yield*/, this.handleAddArticle(article)];
57941
+ case 9:
57942
+ this.pendingAddArticleAction = true;
57943
+ return [4 /*yield*/, this.handleAddArticle(article)];
57912
57944
  case 10:
57913
57945
  _a.sent();
57914
57946
  _a.label = 11;
@@ -57934,9 +57966,13 @@
57934
57966
  return [4 /*yield*/, this.transactionService.addArticle(article.articleNumber, this.return ? -1 : 1)];
57935
57967
  case 1:
57936
57968
  success = _a.sent();
57937
- if (!success) {
57969
+ if (success) {
57970
+ this.searchText = "";
57971
+ }
57972
+ else {
57938
57973
  this.transactionService.rollback();
57939
57974
  }
57975
+ this.pendingAddArticleAction = false;
57940
57976
  return [3 /*break*/, 3];
57941
57977
  case 2:
57942
57978
  this.addArticle.next({
@@ -57946,6 +57982,7 @@
57946
57982
  belowLineNr: 0,
57947
57983
  lastArticle: true
57948
57984
  });
57985
+ this.pendingAddArticleAction = false;
57949
57986
  _a.label = 3;
57950
57987
  case 3: return [2 /*return*/];
57951
57988
  }
@@ -57954,7 +57991,6 @@
57954
57991
  };
57955
57992
  AddProductComponent.prototype.handleAddArticleClick = function (data) {
57956
57993
  return __awaiter(this, void 0, void 0, function () {
57957
- var article, articleNr;
57958
57994
  return __generator(this, function (_a) {
57959
57995
  switch (_a.label) {
57960
57996
  case 0:
@@ -57962,18 +57998,65 @@
57962
57998
  // this.showCatalog = false;
57963
57999
  // }
57964
58000
  this.showCatalog = false;
57965
- if (!this.handleAddArticleInternally) return [3 /*break*/, 8];
58001
+ if (!this.handleAddArticleInternally) return [3 /*break*/, 2];
58002
+ return [4 /*yield*/, this._handleArticleTypeOnAdd(data)];
58003
+ case 1:
58004
+ _a.sent();
58005
+ return [3 /*break*/, 3];
58006
+ case 2:
58007
+ if (data && data.article instanceof articleExtended_bo.ArticleExtended) {
58008
+ this.addArticle.next({
58009
+ article: data.article,
58010
+ quantity: this.getActualQuantity(data.quantity),
58011
+ aboveLineNr: 0,
58012
+ belowLineNr: 0,
58013
+ lastArticle: true
58014
+ });
58015
+ }
58016
+ _a.label = 3;
58017
+ case 3: return [2 /*return*/];
58018
+ }
58019
+ });
58020
+ });
58021
+ };
58022
+ AddProductComponent.prototype._tryAddArticle = function (articleNr, quantity) {
58023
+ return __awaiter(this, void 0, void 0, function () {
58024
+ var success;
58025
+ return __generator(this, function (_a) {
58026
+ switch (_a.label) {
58027
+ case 0: return [4 /*yield*/, this.transactionService.addArticle(articleNr, quantity, 0, 0, true, true)];
58028
+ case 1:
58029
+ success = _a.sent();
58030
+ console.log(success);
58031
+ if (success) {
58032
+ this.searchText = "";
58033
+ }
58034
+ else {
58035
+ // keep the search text
58036
+ this.searchText = this.inputSearchText.model;
58037
+ }
58038
+ return [2 /*return*/];
58039
+ }
58040
+ });
58041
+ });
58042
+ };
58043
+ AddProductComponent.prototype._handleArticleTypeOnAdd = function (data) {
58044
+ return __awaiter(this, void 0, void 0, function () {
58045
+ var article, articleNr;
58046
+ return __generator(this, function (_a) {
58047
+ switch (_a.label) {
58048
+ case 0:
57966
58049
  if (!(data && data.article)) return [3 /*break*/, 7];
57967
58050
  if (!(typeof data.article === 'string')) return [3 /*break*/, 5];
57968
58051
  article = JSON.parse(data.article);
57969
58052
  if (!article.selectorData.compositions) return [3 /*break*/, 2];
57970
- return [4 /*yield*/, this.transactionService.addArticle(article.selectorData.compositions[0].compositionArticleNo, data.quantity, 0, 0, true, true)];
58053
+ return [4 /*yield*/, this._tryAddArticle(article.selectorData.compositions[0].compositionArticleNo, data.quantity)];
57971
58054
  case 1:
57972
58055
  _a.sent();
57973
58056
  return [3 /*break*/, 4];
57974
58057
  case 2:
57975
58058
  if (!article.selectorData.articleNr) return [3 /*break*/, 4];
57976
- return [4 /*yield*/, this.transactionService.addArticle(article.selectorData.articleNr, data.quantity, 0, 0, true, true)];
58059
+ return [4 /*yield*/, this._tryAddArticle(article.selectorData.articleNr, data.quantity)];
57977
58060
  case 3:
57978
58061
  _a.sent();
57979
58062
  _a.label = 4;
@@ -57987,23 +58070,11 @@
57987
58070
  articleNr = data.article.hasOwnProperty('articleNr') ? data.article['articleNr'] : data.article['articleNo'];
57988
58071
  }
57989
58072
  if (!articleNr) return [3 /*break*/, 7];
57990
- return [4 /*yield*/, this.transactionService.addArticle(articleNr, data.quantity, 0, 0, true, true)];
58073
+ return [4 /*yield*/, this._tryAddArticle(articleNr, data.quantity)];
57991
58074
  case 6:
57992
58075
  _a.sent();
57993
58076
  _a.label = 7;
57994
- case 7: return [3 /*break*/, 9];
57995
- case 8:
57996
- if (data && data.article instanceof articleExtended_bo.ArticleExtended) {
57997
- this.addArticle.next({
57998
- article: data.article,
57999
- quantity: this.getActualQuantity(data.quantity),
58000
- aboveLineNr: 0,
58001
- belowLineNr: 0,
58002
- lastArticle: true
58003
- });
58004
- }
58005
- _a.label = 9;
58006
- case 9: return [2 /*return*/];
58077
+ case 7: return [2 /*return*/];
58007
58078
  }
58008
58079
  });
58009
58080
  });
@@ -58033,6 +58104,11 @@
58033
58104
  };
58034
58105
  AddProductComponent.prototype.showCatalogDialog = function () {
58035
58106
  this.showCatalog = true;
58107
+ this.pendingAddArticleAction = false;
58108
+ };
58109
+ AddProductComponent.prototype.handleCloseCatalogueClick = function () {
58110
+ this.showCatalog = false;
58111
+ this.searchText = "";
58036
58112
  };
58037
58113
  AddProductComponent.prototype.handleCartIconClick = function (event) {
58038
58114
  this.return = !this.return;
@@ -58042,7 +58118,7 @@
58042
58118
  this.searchText = this.inputSearchText.model;
58043
58119
  }
58044
58120
  this._prepareCatalogRequest();
58045
- this.searchText = undefined;
58121
+ // this.searchText = undefined;
58046
58122
  this.showCatalogDialog();
58047
58123
  };
58048
58124
  AddProductComponent.prototype.handleIFrameFeedback = function (iFrameFeedbackObject) {
@@ -58099,7 +58175,7 @@
58099
58175
  AddProductComponent.decorators = [
58100
58176
  { type: i0.Component, args: [{
58101
58177
  selector: 'co-add-product',
58102
- template: "\n <co-input-scanner\n #inputSearch\n [customCssClass]=\"'no-focus-line'\"\n [(model)]=\"searchText\"\n [placeholder]=\"'SEARCH_ADD_ARTICLE' | localize\"\n [centerLabel]=\"true\"\n [useLeftIcon]=\"true\"\n [leftIconData]=\"return ? cartMinIcon : cartPlusIcon\"\n [useRightIcon]=\"true\"\n (leftIconClick)=\"handleCartIconClick($event)\"\n (rightIconClick)=\"handleSearchIconClick()\"\n (barCodeScanned)=\"handleSearch($event)\"\n (search)=\"handleSearch($event)\"\n (isFocused)=\"handleInputFocus($event)\"\n ></co-input-scanner>\n <co-dialog-catalog *ngIf=\"showCatalog\"\n [options]=\"catalogOptions\"\n [parameters]=\"catalogParameters\"\n [handleAddArticleInternally]=\"handleAddArticleInternally\"\n [showNavigation]=\"true\"\n [isReturn]=\"return\"\n [showRelatedProductsPopup]=\"showRelatedProductsPopup\"\n [transaction]=\"transactionService.currentTransaction\"\n (closeClick)=\"showCatalog = false\"\n (articleClicked)=\"handleCatalogArticleClick($event)\"\n (addArticleClicked)=\"handleAddArticleClick($event)\"\n (addCatFarmArticleClicked)=\"handleAddCatFarmArticleClick($event)\"\n (iFrameFeedback)=\"handleIFrameFeedback($event)\"\n >\n </co-dialog-catalog>\n ",
58178
+ template: "\n <co-input-scanner\n #inputSearch\n [customCssClass]=\"'no-focus-line'\"\n [(model)]=\"searchText\"\n [placeholder]=\"'SEARCH_ADD_ARTICLE' | localize\"\n [centerLabel]=\"true\"\n [useLeftIcon]=\"true\"\n [leftIconData]=\"return ? cartMinIcon : cartPlusIcon\"\n [useRightIcon]=\"true\"\n (leftIconClick)=\"handleCartIconClick($event)\"\n (rightIconClick)=\"handleSearchIconClick()\"\n (barCodeScanned)=\"handleSearch($event)\"\n (search)=\"handleSearch($event)\"\n (isFocused)=\"handleInputFocus($event)\"\n ></co-input-scanner>\n <co-dialog-catalog *ngIf=\"showCatalog\"\n [options]=\"catalogOptions\"\n [parameters]=\"catalogParameters\"\n [handleAddArticleInternally]=\"handleAddArticleInternally\"\n [showNavigation]=\"true\"\n [isReturn]=\"return\"\n [showRelatedProductsPopup]=\"showRelatedProductsPopup\"\n [transaction]=\"transactionService.currentTransaction\"\n (closeClick)=\"handleCloseCatalogueClick()\"\n (articleClicked)=\"handleCatalogArticleClick($event)\"\n (addArticleClicked)=\"handleAddArticleClick($event)\"\n (addCatFarmArticleClicked)=\"handleAddCatFarmArticleClick($event)\"\n (iFrameFeedback)=\"handleIFrameFeedback($event)\"\n >\n </co-dialog-catalog>\n ",
58103
58179
  encapsulation: i0.ViewEncapsulation.None
58104
58180
  },] }
58105
58181
  ];