@colijnit/transaction 256.1.58 → 256.1.59

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 (23) hide show
  1. package/bundles/colijnit-transaction.umd.js +64 -5
  2. package/bundles/colijnit-transaction.umd.js.map +1 -1
  3. package/colijnit-transaction.metadata.json +1 -1
  4. package/esm2015/lib/component/transaction-header/transaction-header-popup/cash-on-delivery-modal.component.js +10 -3
  5. package/esm2015/lib/component/transaction-header/transaction-header-popup/transaction-header-popup-payment.component.js +7 -2
  6. package/esm2015/lib/component/transaction-quick-access/transaction-quick-access-overview/transaction-quick-access-overview.component.js +4 -1
  7. package/esm2015/lib/component/transaction-quick-access/transaction-quick-access-send-method-base.component.js +13 -1
  8. package/esm2015/lib/service/transaction-connector-adapter.service.js +13 -1
  9. package/esm2015/lib/service/transaction-connector.service.js +6 -1
  10. package/esm2015/lib/service/transaction.service.js +6 -1
  11. package/esm2015/lib/transaction-version.js +3 -3
  12. package/fesm2015/colijnit-transaction.js +53 -5
  13. package/fesm2015/colijnit-transaction.js.map +1 -1
  14. package/lib/component/co-transaction-article-stock/style/_layout.scss +0 -19
  15. package/lib/component/transaction-header/transaction-header-popup/cash-on-delivery-modal.component.d.ts +1 -0
  16. package/lib/component/transaction-header/transaction-header-popup/transaction-header-popup-payment.component.d.ts +1 -0
  17. package/lib/component/transaction-quick-access/transaction-quick-access-overview/transaction-quick-access-overview.component.d.ts +2 -0
  18. package/lib/component/transaction-quick-access/transaction-quick-access-send-method-base.component.d.ts +4 -1
  19. package/lib/service/transaction-connector-adapter.service.d.ts +1 -0
  20. package/lib/service/transaction-connector.service.d.ts +1 -0
  21. package/lib/service/transaction.service.d.ts +1 -0
  22. package/lib/style/_variables.scss +3 -3
  23. package/package.json +1 -1
@@ -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 = "256.1.58";
37
- this.publishDate = "21-2-2025 18:29:57";
36
+ this.symVer = "256.1.59";
37
+ this.publishDate = "25-2-2025 11:49:30";
38
38
  }
39
39
  return Version;
40
40
  }());
@@ -7938,6 +7938,26 @@
7938
7938
  });
7939
7939
  });
7940
7940
  };
7941
+ TransactionConnectorAdapterService.prototype.getDefaultPrinter = function (reportId, type) {
7942
+ return __awaiter(this, void 0, void 0, function () {
7943
+ var response;
7944
+ return __generator(this, function (_a) {
7945
+ switch (_a.label) {
7946
+ case 0: return [4 /*yield*/, this.connector.getStandardPrinter(reportId, type)];
7947
+ case 1:
7948
+ response = _a.sent();
7949
+ if (response && response.validationResult && response.validationResult.success) {
7950
+ return [2 /*return*/, response.resultObject];
7951
+ }
7952
+ else {
7953
+ this._handleExceptionFromResponse(response);
7954
+ return [2 /*return*/, null];
7955
+ }
7956
+ return [2 /*return*/];
7957
+ }
7958
+ });
7959
+ });
7960
+ };
7941
7961
  TransactionConnectorAdapterService.prototype.getCurrencies = function (active) {
7942
7962
  if (active === void 0) { active = true; }
7943
7963
  return __awaiter(this, void 0, void 0, function () {
@@ -11426,6 +11446,13 @@
11426
11446
  });
11427
11447
  });
11428
11448
  };
11449
+ TransactionConnectorService.prototype.getDefaultPrinter = function (reportId, type) {
11450
+ return __awaiter(this, void 0, void 0, function () {
11451
+ return __generator(this, function (_a) {
11452
+ return [2 /*return*/, this._adapterService.functionCall(this._adapterService.getDefaultPrinter, [reportId, type])];
11453
+ });
11454
+ });
11455
+ };
11429
11456
  TransactionConnectorService.prototype.getCurrencies = function (active) {
11430
11457
  if (active === void 0) { active = true; }
11431
11458
  return __awaiter(this, void 0, void 0, function () {
@@ -18808,6 +18835,16 @@
18808
18835
  });
18809
18836
  });
18810
18837
  };
18838
+ TransactionService.prototype.getDefaultPrinter = function (reportId, type) {
18839
+ return __awaiter(this, void 0, void 0, function () {
18840
+ return __generator(this, function (_a) {
18841
+ switch (_a.label) {
18842
+ case 0: return [4 /*yield*/, this.connector.getDefaultPrinter(reportId, type)];
18843
+ case 1: return [2 /*return*/, _a.sent()];
18844
+ }
18845
+ });
18846
+ });
18847
+ };
18811
18848
  TransactionService.prototype.getCashTypes = function (type) {
18812
18849
  return __awaiter(this, void 0, void 0, function () {
18813
18850
  return __generator(this, function (_a) {
@@ -24585,6 +24622,19 @@
24585
24622
  });
24586
24623
  });
24587
24624
  };
24625
+ TransactionQuickAccessSendMethodBaseComponent.prototype.onShowFilePreview = function (layoutCode) {
24626
+ var _this = this;
24627
+ var reportId = 0;
24628
+ this.defaultPrinterName = undefined;
24629
+ if (layoutCode) {
24630
+ this.transactionService.getDefaultPrinter(reportId, layoutCode).then(function (printer) {
24631
+ if (printer) {
24632
+ _this.defaultPrinterName = printer;
24633
+ _this.changeDetector.detectChanges();
24634
+ }
24635
+ });
24636
+ }
24637
+ };
24588
24638
  TransactionQuickAccessSendMethodBaseComponent.prototype._getPrinters = function () {
24589
24639
  var _this = this;
24590
24640
  this.transactionService.getPrinters().then(function (printerList) {
@@ -24892,6 +24942,7 @@
24892
24942
  _this.reportDocumentEmailRequest = new reportingDocumentEmailSignDocBaseRequest.ReportingDocumentEmailSignDocBaseRequest();
24893
24943
  _this.reportDocumentPrintRequest = new reportingDocumentPrintSignDocBaseRequest.ReportingDocumentPrintSignDocBaseRequest();
24894
24944
  _this.reportDocumentPdfRequest = new reportingDocumentPdfBaseRequest.ReportingDocumentPdfBaseRequest();
24945
+ _this.LayoutCode = layoutCode_enum.LayoutCode;
24895
24946
  return _this;
24896
24947
  }
24897
24948
  TransactionQuickAccessOverviewComponent.prototype.showClass = function () {
@@ -25018,7 +25069,7 @@
25018
25069
  TransactionQuickAccessOverviewComponent.decorators = [
25019
25070
  { type: i0.Component, args: [{
25020
25071
  selector: "co-transaction-quick-access-overview",
25021
- template: "\n <co-quick-send-button\n [defaultMethodIcon]=\"defaultSendMethodIcon\"\n [showLoader]=\"showLoader\"\n (sendIconClicked)=\"handleSend(defaultSendMethod)\"\n (openSendMethodDialog)=\"openSendDialog()\"\n ></co-quick-send-button>\n <co-transaction-send-documents\n [historicReports]=\"historicReports\"\n [transactionTypeCategory]=\"transactionTypeCategory.SalesOrderOverview\"\n ></co-transaction-send-documents>\n <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n [headerTitle]=\"'Verzendmethode'\"\n [printerList]=\"printerList\"\n [defaultSendMethod]=\"defaultSendMethod\"\n [visibleMethods]=\"[sendMethodType.Print, sendMethodType.Email, sendMethodType.Pdf]\"\n [emailAddresses]=\"emailAddresses\"\n [emailLayouts]=\"emailLayouts\"\n [printLayouts]=\"printLayouts\"\n [isDocSignEnabled]=\"isDocSignEnabled\"\n [isAdditionalDocEnabled]=\"isAdditionalDocEnabled\"\n [additionalFileContents]=\"additionalFileContents\"\n [additionalFileName]=\"additionalFileName\"\n [(reportingDocumentEmailRequest)]=\"reportDocumentEmailRequest\"\n [(reportingDocumentPrintRequest)]=\"reportDocumentPrintRequest\"\n [(reportingDocumentPdfRequest)]=\"reportDocumentPdfRequest\"\n (additionalFileChangeEvent)=\"upsertDocument($event)\"\n (closeClick)=\"showSendMethodDialog = false\"\n (okClick)=\"handleSendMethodOkClick($event)\"\n ></co-send-method-dialog>\n <co-digital-signature\n [documentId]=\"signatureDocumentId\"\n (documentStored)=\"commitAndRefreshTransaction()\"\n ></co-digital-signature>\n ",
25072
+ template: "\n <co-quick-send-button\n [defaultMethodIcon]=\"defaultSendMethodIcon\"\n [showLoader]=\"showLoader\"\n (sendIconClicked)=\"handleSend(defaultSendMethod)\"\n (openSendMethodDialog)=\"openSendDialog()\"\n ></co-quick-send-button>\n <co-transaction-send-documents\n [historicReports]=\"historicReports\"\n [transactionTypeCategory]=\"transactionTypeCategory.SalesOrderOverview\"\n ></co-transaction-send-documents>\n <co-send-method-dialog *ngIf=\"showSendMethodDialog\"\n [headerTitle]=\"'Verzendmethode'\"\n [printerList]=\"printerList\"\n [defaultSendMethod]=\"defaultSendMethod\"\n [visibleMethods]=\"[sendMethodType.Print, sendMethodType.Email, sendMethodType.Pdf]\"\n [emailAddresses]=\"emailAddresses\"\n [emailLayouts]=\"emailLayouts\"\n [printLayouts]=\"printLayouts\"\n [isDocSignEnabled]=\"isDocSignEnabled\"\n [isAdditionalDocEnabled]=\"isAdditionalDocEnabled\"\n [additionalFileContents]=\"additionalFileContents\"\n [additionalFileName]=\"additionalFileName\"\n [(reportingDocumentEmailRequest)]=\"reportDocumentEmailRequest\"\n [(reportingDocumentPrintRequest)]=\"reportDocumentPrintRequest\"\n [(reportingDocumentPdfRequest)]=\"reportDocumentPdfRequest\"\n (additionalFileChangeEvent)=\"upsertDocument($event)\"\n (closeClick)=\"showSendMethodDialog = false\"\n (okClick)=\"handleSendMethodOkClick($event)\"\n (showFilePreview)=\"onShowFilePreview(LayoutCode.OrderConfirmation)\"\n ></co-send-method-dialog>\n <co-digital-signature\n [documentId]=\"signatureDocumentId\"\n (documentStored)=\"commitAndRefreshTransaction()\"\n ></co-digital-signature>\n ",
25022
25073
  encapsulation: i0.ViewEncapsulation.None
25023
25074
  },] }
25024
25075
  ];
@@ -50130,6 +50181,9 @@
50130
50181
  this.showPaymentDialog = false;
50131
50182
  this.transactionService.rollback();
50132
50183
  };
50184
+ TransactionHeaderPopupPaymentComponent.prototype.isDirectSellEnabled = function () {
50185
+ return this.transactionLines.some(function (line) { return line.directSell; });
50186
+ };
50133
50187
  TransactionHeaderPopupPaymentComponent.prototype.transactionSet = function () {
50134
50188
  _super_1.prototype.transactionSet.call(this);
50135
50189
  this._getDepositInfo();
@@ -50175,7 +50229,7 @@
50175
50229
  TransactionHeaderPopupPaymentComponent.decorators = [
50176
50230
  { type: i0.Component, args: [{
50177
50231
  selector: 'co-transaction-header-popup-payment',
50178
- 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\" [formatPipe]=\"currencyPipe\">\n </co-input-text>\n <co-button\n class=\"save-button\"\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 ",
50232
+ 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 ",
50179
50233
  encapsulation: i0.ViewEncapsulation.None
50180
50234
  },] }
50181
50235
  ];
@@ -50227,6 +50281,7 @@
50227
50281
  this.cashOnDeliveryAmount = this.input.model;
50228
50282
  this.changeAmountRequest.transactionUuid = this.transactionInfoUuid;
50229
50283
  this.changeAmountRequest.newCashOnDeliveryAmount = this.cashOnDeliveryAmount;
50284
+ this.hideModal();
50230
50285
  this.transactionService.changeHeaderCashOnDeliveryAmount(this.changeAmountRequest).then(function (response) {
50231
50286
  _this.cashAmount.emit(_this.cashOnDeliveryAmount);
50232
50287
  });
@@ -50234,6 +50289,10 @@
50234
50289
  CashOnDeliveryModalComponent.prototype.hideModal = function () {
50235
50290
  this.showCashOnDeliveryModal.emit(false);
50236
50291
  };
50292
+ CashOnDeliveryModalComponent.prototype.onEnterKey = function (event) {
50293
+ event.preventDefault();
50294
+ this.updateCashOnDeliveryAmount();
50295
+ };
50237
50296
  CashOnDeliveryModalComponent.prototype._getCashOnDeliveryData = function () {
50238
50297
  var _this = this;
50239
50298
  this.transactionService.getCashOnDeliveryData(this.transactionInfoUuid).then(function (response) {
@@ -50247,7 +50306,7 @@
50247
50306
  CashOnDeliveryModalComponent.decorators = [
50248
50307
  { type: i0.Component, args: [{
50249
50308
  selector: 'co-cash-on-delivery-modal',
50250
- template: "\n <co-dialog\n class=\"cash-on-delivery-modal\"\n [showCloseIcon]=\"true\"\n [modal]=\"true\"\n [headerTemplate]=\"headerTemplate\"\n [footerTemplate]=\"footerTemplate\"\n (closeClick)=\"hideModal()\">\n\n <section>\n <h4>Rembours Berekening</h4>\n <div class=\"stat-row\">\n <div class=\"stat-info\">\n <div class=\"label\">Totaal Netto</div>\n <div class=\"value\">{{ cashOnDeliveryData.netOrderTotal }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Totaal CM</div>\n <div class=\"value\">{{ cashOnDeliveryData.dropshipmentLinesTotal }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Aan te betalen</div>\n <div class=\"value\">{{ cashOnDeliveryData.depositAmount }}</div>\n </div>\n </div>\n <div class=\"stat-row\">\n <div class=\"stat-info\">\n <div class=\"label\">Min Rembours</div>\n <div class=\"value\">{{ cashOnDeliveryData.minCashOnDeliveryAmount }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Max Rembours</div>\n <div class=\"value\">{{ cashOnDeliveryData.maxCashOnDeliveryAmount }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Voorstel Rembours</div>\n <div class=\"value\">{{ cashOnDeliveryData.proposedCashOnDeliveryAmount }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Verrekend</div>\n <div class=\"value\">{{ cashOnDeliveryData.toBeSettledAmount }}</div>\n </div>\n </div>\n </section>\n <section>\n <h4>Remboursbedrag voor order</h4>\n <div class=\"cash-on-delivery-field\">\n <co-input-text\n #input\n type=\"number\"\n [placeholder]=\"'CASH_ON_DELIVERY_AMOUNT' | localize\"\n [model]=\"cashOnDeliveryAmount\" [formatPipe]=\"currencyPipe\">\n </co-input-text>\n </div>\n </section>\n </co-dialog>\n <ng-template #headerTemplate>\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.TruckMovingRegular)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"'CASH_ON_DELIVERY' | localize\"></div>\n </ng-template>\n <ng-template #footerTemplate>\n <div class=\"co-dialog-footer-button-wrapper\">\n <co-button\n class=\"save-button\"\n [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n (click)=\"updateCashOnDeliveryAmount()\">\n </co-button>\n <co-button\n class=\"close-button\"\n [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n (click)=\"hideModal()\">\n </co-button>\n </div>\n </ng-template>\n ",
50309
+ template: "\n <co-dialog\n class=\"cash-on-delivery-modal\"\n [showCloseIcon]=\"true\"\n [modal]=\"true\"\n [headerTemplate]=\"headerTemplate\"\n [footerTemplate]=\"footerTemplate\"\n (closeClick)=\"hideModal()\">\n\n <section>\n <h4>Rembours Berekening</h4>\n <div class=\"stat-row\">\n <div class=\"stat-info\">\n <div class=\"label\">Totaal Netto</div>\n <div class=\"value\">{{ cashOnDeliveryData.netOrderTotal }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Totaal CM</div>\n <div class=\"value\">{{ cashOnDeliveryData.dropshipmentLinesTotal }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Aan te betalen</div>\n <div class=\"value\">{{ cashOnDeliveryData.depositAmount }}</div>\n </div>\n </div>\n <div class=\"stat-row\">\n <div class=\"stat-info\">\n <div class=\"label\">Min Rembours</div>\n <div class=\"value\">{{ cashOnDeliveryData.minCashOnDeliveryAmount }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Max Rembours</div>\n <div class=\"value\">{{ cashOnDeliveryData.maxCashOnDeliveryAmount }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Voorstel Rembours</div>\n <div class=\"value\">{{ cashOnDeliveryData.proposedCashOnDeliveryAmount }}</div>\n </div>\n <div class=\"stat-info\">\n <div class=\"label\">Verrekend</div>\n <div class=\"value\">{{ cashOnDeliveryData.toBeSettledAmount }}</div>\n </div>\n </div>\n </section>\n <section>\n <h4>Remboursbedrag voor order</h4>\n <div class=\"cash-on-delivery-field\">\n <co-input-text\n #input\n [type]=\"'number'\"\n [placeholder]=\"'CASH_ON_DELIVERY_AMOUNT' | localize\"\n [model]=\"cashOnDeliveryAmount\" \n [formatPipe]=\"currencyPipe\"\n (keydown.enter)=\"onEnterKey($event)\">\n </co-input-text>\n </div>\n </section>\n </co-dialog>\n <ng-template #headerTemplate>\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.TruckMovingRegular)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"'CASH_ON_DELIVERY' | localize\"></div>\n </ng-template>\n <ng-template #footerTemplate>\n <div class=\"co-dialog-footer-button-wrapper\">\n <co-button\n class=\"save-button\"\n [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n (click)=\"updateCashOnDeliveryAmount()\">\n </co-button>\n <co-button\n class=\"close-button\"\n [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n (click)=\"hideModal()\">\n </co-button>\n </div>\n </ng-template>\n ",
50251
50310
  encapsulation: i0.ViewEncapsulation.None,
50252
50311
  providers: [TransactionLineService]
50253
50312
  },] }