@colijnit/transaction 256.1.77 → 256.1.79

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.
@@ -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.77";
37
- this.publishDate = "9-4-2025 18:02:14";
36
+ this.symVer = "256.1.79";
37
+ this.publishDate = "15/04/2025, 10:56:12";
38
38
  }
39
39
  return Version;
40
40
  }());
@@ -47735,7 +47735,7 @@
47735
47735
  amountToPayRequest = new calculateAmountToPayRequest.CalculateAmountToPayRequest();
47736
47736
  amountToPayRequest.transactionUuid = this.transactionUuid;
47737
47737
  amountToPayRequest.paymentMethodCode = this.currentPaymentMethod.code;
47738
- this._paymentConnectorService.calculateAmountToPayWithLineSelection(amountToPayRequest).then(function (result) {
47738
+ this._paymentConnectorService.calculateAmountToPay(amountToPayRequest).then(function (result) {
47739
47739
  _this.amountToPay = result.amountToPay;
47740
47740
  });
47741
47741
  return [2 /*return*/];
@@ -49835,7 +49835,9 @@
49835
49835
  };
49836
49836
  TransactionHeaderPreferredDeliveryDateComponent.prototype.transactionInfoSet = function () {
49837
49837
  _super.prototype.transactionInfoSet.call(this);
49838
- this.option = this.transactionInfo.preferredDeliveryDate2;
49838
+ if (this.transactionInfo.preferredDeliveryDate2) {
49839
+ this.option = this.transactionInfo.preferredDeliveryDate2;
49840
+ }
49839
49841
  };
49840
49842
  return TransactionHeaderPreferredDeliveryDateComponent;
49841
49843
  }(TransactionInputHeaderFieldBaseComponent));
@@ -50898,21 +50900,21 @@
50898
50900
  ngOnInit: { get: function () { return _super_1.prototype.ngOnInit; } }
50899
50901
  });
50900
50902
  return __awaiter(this, void 0, void 0, function () {
50901
- var _a;
50903
+ var _b;
50902
50904
  var _this = this;
50903
- return __generator(this, function (_b) {
50904
- switch (_b.label) {
50905
+ return __generator(this, function (_c) {
50906
+ switch (_c.label) {
50905
50907
  case 0: return [4 /*yield*/, _super.ngOnInit.call(this)];
50906
50908
  case 1:
50907
- _b.sent();
50909
+ _c.sent();
50908
50910
  this._paymentSubs.push(this.transactionEventService.transactionPaymentDone.subscribe(function () {
50909
50911
  _this._getDepositInfo();
50910
50912
  _this._getOutstandingAmounts();
50911
50913
  }), this.screenConfigService.configSet.subscribe(function (configObjects) { return _this._getObjectConfiguration(configObjects); }));
50912
- _a = this;
50914
+ _b = this;
50913
50915
  return [4 /*yield*/, this.transactionService.getInternalParameter(internalParam_enum.InternalParam.SellDirectlyFromSuppl)];
50914
50916
  case 2:
50915
- _a.showCashOnDelivery = _b.sent();
50917
+ _b.showCashOnDelivery = _c.sent();
50916
50918
  return [2 /*return*/];
50917
50919
  }
50918
50920
  });
@@ -50923,10 +50925,15 @@
50923
50925
  ngOnDestroy: { get: function () { return _super_1.prototype.ngOnDestroy; } }
50924
50926
  });
50925
50927
  return __awaiter(this, void 0, void 0, function () {
50926
- return __generator(this, function (_a) {
50927
- this._paymentSubs.forEach(function (s) { return s.unsubscribe(); });
50928
- _super.ngOnDestroy.call(this);
50929
- return [2 /*return*/];
50928
+ return __generator(this, function (_b) {
50929
+ switch (_b.label) {
50930
+ case 0:
50931
+ this._paymentSubs.forEach(function (s) { return s.unsubscribe(); });
50932
+ return [4 /*yield*/, _super.ngOnDestroy.call(this)];
50933
+ case 1:
50934
+ _b.sent();
50935
+ return [2 /*return*/];
50936
+ }
50930
50937
  });
50931
50938
  });
50932
50939
  };
@@ -50935,11 +50942,11 @@
50935
50942
  };
50936
50943
  TransactionHeaderPopupPaymentComponent.prototype.showOutstandingAmounts = function () {
50937
50944
  return __awaiter(this, void 0, void 0, function () {
50938
- return __generator(this, function (_a) {
50939
- switch (_a.label) {
50945
+ return __generator(this, function (_b) {
50946
+ switch (_b.label) {
50940
50947
  case 0: return [4 /*yield*/, this.service.saveTransaction()];
50941
50948
  case 1:
50942
- _a.sent();
50949
+ _b.sent();
50943
50950
  return [2 /*return*/];
50944
50951
  }
50945
50952
  });
@@ -50952,18 +50959,26 @@
50952
50959
  this.cashOnDelivery = value;
50953
50960
  };
50954
50961
  TransactionHeaderPopupPaymentComponent.prototype.showPaymentButton = function () {
50955
- return this.orderPaymentAnalysis.some(function (t) { return t.outstandingAmount > 0; });
50962
+ return this.orderPaymentAnalysis.some(function (t) { return t.outstandingAmount > 0; }) && this.chosenAmountToPay > 0;
50956
50963
  };
50957
50964
  TransactionHeaderPopupPaymentComponent.prototype.openPayment = function (event) {
50965
+ var _a;
50958
50966
  return __awaiter(this, void 0, void 0, function () {
50959
- return __generator(this, function (_a) {
50960
- switch (_a.label) {
50967
+ var lastTransaction;
50968
+ var _this = this;
50969
+ return __generator(this, function (_b) {
50970
+ switch (_b.label) {
50961
50971
  case 0:
50962
50972
  event.preventDefault();
50963
50973
  event.stopPropagation();
50974
+ this.transactionIdToPay = (_a = this.transactionIdToPay) !== null && _a !== void 0 ? _a : this.transactionInfo.id;
50975
+ if (this.orderPaymentAnalysis.filter(function (payment) { return payment.transactionKind === _this.transKind.SalesInvoice && payment.outstandingAmount > 0; }).length === 1) {
50976
+ lastTransaction = this.orderPaymentAnalysis.filter(function (payment) { return payment.transactionKind === _this.transKind.SalesInvoice && payment.outstandingAmount > 0; })[0];
50977
+ this.transactionIdToPay = lastTransaction.transactionId;
50978
+ }
50964
50979
  return [4 /*yield*/, this.lockTransaction()];
50965
50980
  case 1:
50966
- if (_a.sent()) {
50981
+ if (_b.sent()) {
50967
50982
  this.showPaymentDialog = true;
50968
50983
  }
50969
50984
  return [2 /*return*/];
@@ -50978,6 +50993,16 @@
50978
50993
  TransactionHeaderPopupPaymentComponent.prototype.isDirectSellEnabled = function () {
50979
50994
  return this.transactionLines.some(function (line) { return line.directSell && line.dropShipment; });
50980
50995
  };
50996
+ TransactionHeaderPopupPaymentComponent.prototype.showInvoiceSelection = function () {
50997
+ var _this = this;
50998
+ return this.orderPaymentAnalysis.filter(function (payment) { return payment.transactionKind === _this.transKind.SalesInvoice && payment.outstandingAmount > 0; }).length > 1;
50999
+ };
51000
+ TransactionHeaderPopupPaymentComponent.prototype.handleSelectInvoiceLines = function (paymentInfo) {
51001
+ this.orderPaymentAnalysis.forEach(function (invoice) { return invoice.isSelected = false; });
51002
+ paymentInfo.isSelected = true;
51003
+ this.chosenAmountToPay = paymentInfo.outstandingAmount;
51004
+ this.transactionIdToPay = paymentInfo.transactionId;
51005
+ };
50981
51006
  TransactionHeaderPopupPaymentComponent.prototype.transactionSet = function () {
50982
51007
  _super_1.prototype.transactionSet.call(this);
50983
51008
  this._getDepositInfo();
@@ -51004,9 +51029,12 @@
51004
51029
  paymentAnalysisRequest.transactionId = this.transactionInfo.id;
51005
51030
  this._paymentConnectorService.getSalesOrderPaymentAnalysis(paymentAnalysisRequest).then(function (response) {
51006
51031
  _this.orderPaymentAnalysis = response;
51032
+ _this.orderPaymentAnalysis = _this.orderPaymentAnalysis.map(function (transaction) { return (Object.assign(Object.assign({}, transaction), { isSelected: false })); });
51007
51033
  });
51008
51034
  this._paymentConnectorService.getPaymentAnalysis(this.transactionInfo.uuid).then(function (response) {
51009
51035
  _this.paymentAnalysis = response;
51036
+ _this.chosenAmountToPay = _this.paymentAnalysis.totalToPay;
51037
+ _this._updateChosenAmountToPay();
51010
51038
  });
51011
51039
  };
51012
51040
  TransactionHeaderPopupPaymentComponent.prototype._getObjectConfiguration = function (configObjects) {
@@ -51015,15 +51043,26 @@
51015
51043
  this.screenConfigService.getObjectConfigurationFor(this.cfgNames.DepositAmount).immediatelyVisible();
51016
51044
  }
51017
51045
  };
51018
- TransactionHeaderPopupPaymentComponent.prototype.selectContent = function (inputElement) {
51019
- inputElement.select();
51046
+ TransactionHeaderPopupPaymentComponent.prototype._updateChosenAmountToPay = function () {
51047
+ var _this = this;
51048
+ if (this.orderPaymentAnalysis.some(function (t) { return t.outstandingAmount > 0; }) &&
51049
+ this.orderPaymentAnalysis.filter(function (payment) { return payment.transactionKind === _this.transKind.SalesInvoice; }).length === 0) {
51050
+ this.chosenAmountToPay = this.paymentAnalysis.totalDeposit;
51051
+ }
51052
+ if (this.orderPaymentAnalysis.filter(function (payment) { return (payment.transactionKind === _this.transKind.SalesInvoice) && (payment.outstandingAmount > 0); }).length === 1) {
51053
+ var remainingInvoice = this.orderPaymentAnalysis.filter(function (payment) { return (payment.transactionKind === _this.transKind.SalesInvoice) && (payment.outstandingAmount > 0); })[0];
51054
+ this.chosenAmountToPay = remainingInvoice.outstandingAmount;
51055
+ }
51056
+ if (this.orderPaymentAnalysis.filter(function (payment) { return (payment.transactionKind === _this.transKind.SalesInvoice) && (payment.outstandingAmount > 0); }).length > 1) {
51057
+ this.chosenAmountToPay = 0;
51058
+ }
51020
51059
  };
51021
51060
  return TransactionHeaderPopupPaymentComponent;
51022
51061
  }(TransactionHeaderPopupBaseComponent));
51023
51062
  TransactionHeaderPopupPaymentComponent.decorators = [
51024
51063
  { type: i0.Component, args: [{
51025
51064
  selector: 'co-transaction-header-popup-payment',
51026
- 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 ",
51065
+ 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()\" [textContent]=\"'PAY' | localize\"></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-radio-button\n *ngIf=\"paymentInfo.transactionKind === transKind.SalesInvoice && paymentInfo.outstandingAmount > 0\"\n class=\"default-width\"\n [(model)]=\"paymentInfo.isSelected\"\n (modelChange)=\"handleSelectInvoiceLines(paymentInfo)\">\n </co-input-radio-button>\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]=\"transactionIdToPay\"\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 ",
51027
51066
  encapsulation: i0.ViewEncapsulation.None
51028
51067
  },] }
51029
51068
  ];
@@ -54090,7 +54129,8 @@
54090
54129
  corecomponents_v12.InputDatePickerModule,
54091
54130
  TransactionHeaderPreferredDeliveryTimeModule,
54092
54131
  corecomponents_v12.ImageModule,
54093
- PaymentModule
54132
+ PaymentModule,
54133
+ corecomponents_v12.InputRadioButtonModule
54094
54134
  ],
54095
54135
  declarations: [
54096
54136
  TransactionHeaderPopupComponent,
@@ -55778,7 +55818,7 @@
55778
55818
  TransactionHeaderCustomerPortalComponent.decorators = [
55779
55819
  { type: i0.Component, args: [{
55780
55820
  selector: 'co-transaction-header-customer-portal',
55781
- template: "\n <div class=\"transaction-header-customer-portal\">\n <div class=\"transaction-order-lines-wrapper\">\n <div class=\"transaction-order-info\" *ngIf=\"transaction.transactionInfo.transactionKind !== 'S'\">\n <div class=\"order-number-info\">\n <span [textContent]=\"'ORDER_NUMBER' | localize\"></span>\n <span [textContent]=\"transaction.transactionInfo.transactionNr\"></span>\n </div>\n <div class=\"order-details-info\">\n <div class=\"order-detail-section\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularCartShoppingClock)\" class=\"store-icon\"></co-icon>\n <div class=\"value\">\n <span [textContent]=\"transaction.transactionInfo.transactionDate | date:'dd-MM-yyyy'\"></span>\n </div>\n </div>\n <div class=\"order-detail-section\" *ngIf=\"transaction.transactionInfo.deliveryDate\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularTruckMovingClock)\" class=\"store-icon\"></co-icon>\n <div class=\"value\">\n <span [textContent]=\"transaction.transactionInfo.deliveryDate | date:'dd-MM-yyyy'\"></span>\n </div>\n </div>\n <div class=\"order-detail-section\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularCartShoppingTag)\" class=\"store-icon\"></co-icon>\n <div class=\"value\">\n <span [textContent]=\"transactionTotal?.netAmount | coCurrency: true\"></span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"transaction-order-info service-wrapper\" *ngIf=\"transaction.transactionInfo.transactionKind == 'S'\">\n <div class=\"order-number-info\">\n <span [textContent]=\"'SERVICE_NUMBER' | localize\"></span>\n <span [textContent]=\"transaction.transactionInfo.transactionNr\"></span>\n </div>\n <div class=\"order-details-info\">\n <div class=\"order-detail-section\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularCartShoppingClock)\" class=\"store-icon\"></co-icon>\n <div class=\"value\">\n <span [textContent]=\"transaction.transactionInfo.transactionDate | date:'dd-MM-yyyy'\"></span>\n </div>\n </div>\n <div class=\"order-detail-section\" *ngIf=\"transaction.transactionInfo.deliveryDate\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularTruckMovingClock)\" class=\"store-icon\"></co-icon>\n <div class=\"value\">\n <span [textContent]=\"transaction.transactionInfo.deliveryDate | date:'dd-MM-yyyy'\"></span>\n </div>\n </div>\n <div class=\"order-detail-section\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularCartShoppingTag)\" class=\"store-icon\"></co-icon>\n <div class=\"value\">\n <span [textContent]=\"transactionTotal?.netAmount | coCurrency: true\"></span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"planning-request-button-wrapper\" *ngIf=\"showPreferredPlanning && !showPlanningDialog\"\n (click)=\"checkCanPlanDelivery()\">\n <span [textContent]=\"'PREFERRED_DELIVERY_DATE_HEADER' | localize\"></span>\n <co-icon class=\"planning-request-button\" [class.co-transaction-check]=\"transaction.transactionInfo.deliveryDateDefinitive\"\n [iconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"></co-icon>\n </div>\n <co-dialog-transaction-planning-request\n *ngIf=\"showPlanningDialog\"\n (closeClick)=\"showPlanningDialog = false\">\n </co-dialog-transaction-planning-request>\n </div>\n ",
55821
+ template: "\n <div class=\"transaction-header-customer-portal\">\n <div class=\"transaction-order-lines-wrapper\">\n <div class=\"transaction-order-info\" *ngIf=\"transaction.transactionInfo.transactionKind !== 'S'\">\n <div class=\"order-number-info\">\n <span [textContent]=\"'ORDER_NUMBER' | localize\"></span>\n <span [textContent]=\"transaction.transactionInfo.transactionNr\"></span>\n </div>\n <div class=\"order-details-info\">\n <div class=\"order-detail-section\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularCartShoppingClock)\" class=\"store-icon\"></co-icon>\n <div class=\"value\">\n <span [textContent]=\"transaction.transactionInfo.transactionDate | date:'dd-MM-yyyy'\"></span>\n </div>\n </div>\n <div class=\"order-detail-section\" *ngIf=\"transaction.transactionInfo.deliveryDate\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularTruckMovingClock)\" class=\"store-icon\"></co-icon>\n <div class=\"value\">\n <span [textContent]=\"transaction.transactionInfo.deliveryDate | date:'dd-MM-yyyy'\"></span>\n </div>\n </div>\n <div class=\"order-detail-section\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularCartShoppingTag)\" class=\"store-icon\"></co-icon>\n <div class=\"value\">\n <span [textContent]=\"transactionTotal?.netAmount | coCurrency: true\"></span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"transaction-order-info service-wrapper\" *ngIf=\"transaction.transactionInfo.transactionKind == 'S'\">\n <div class=\"order-number-info\">\n <span [textContent]=\"'SERVICE_NUMBER' | localize\"></span>\n <span [textContent]=\"transaction.transactionInfo.transactionNr\"></span>\n </div>\n <div class=\"order-details-info\">\n <div class=\"order-detail-section\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularCartShoppingClock)\" class=\"store-icon\"></co-icon>\n <div class=\"value\">\n <span [textContent]=\"transaction.transactionInfo.transactionDate | date:'dd-MM-yyyy'\"></span>\n </div>\n </div>\n <div class=\"order-detail-section\" *ngIf=\"transaction.transactionInfo.deliveryDate\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularTruckMovingClock)\" class=\"store-icon\"></co-icon>\n <div class=\"value\">\n <span [textContent]=\"transaction.transactionInfo.deliveryDate | date:'dd-MM-yyyy'\"></span>\n </div>\n </div>\n <div class=\"order-detail-section\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.RegularCartShoppingTag)\" class=\"store-icon\"></co-icon>\n <div class=\"value\">\n <span [textContent]=\"transactionTotal?.netAmount | coCurrency: true\"></span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"planning-request-button-wrapper\" *ngIf=\"showPreferredPlanning && !showPlanningDialog\"\n (click)=\"checkCanPlanDelivery()\">\n <div class=\"preferred-delivery-date\">\n <span [textContent]=\"'PREFERRED_DELIVERY_DATE_HEADER' | localize\"></span>\n <span [textContent]=\"transaction.transactionInfo.preferredDeliveryDate | date:'dd-MM-yyyy'\"></span>\n </div>\n <co-icon class=\"planning-request-button\" [class.co-transaction-check]=\"transaction.transactionInfo.deliveryDateDefinitive\"\n [iconData]=\"iconCacheService.getIcon(icons.CalendarDayRegular)\"></co-icon>\n </div>\n <co-dialog-transaction-planning-request\n *ngIf=\"showPlanningDialog\"\n (closeClick)=\"showPlanningDialog = false\">\n </co-dialog-transaction-planning-request>\n </div>\n ",
55782
55822
  encapsulation: i0.ViewEncapsulation.None
55783
55823
  },] }
55784
55824
  ];
@@ -57882,6 +57922,14 @@
57882
57922
  _this.customers = [];
57883
57923
  _this.copyTransactionRequest = new copyTransactionRequest.CopyTransactionRequest();
57884
57924
  _this.closeDialog = new i0.EventEmitter();
57925
+ _this.getCustomers = function (text) {
57926
+ var request = new relationRequest.RelationRequest();
57927
+ request.relationType = relationKind_enum.RelationKind.Customer;
57928
+ request.general = text;
57929
+ return _this.relationService.getRelationListObjects(request).then(function (customers) {
57930
+ return customers;
57931
+ });
57932
+ };
57885
57933
  return _this;
57886
57934
  }
57887
57935
  TransactionCopyOrderComponent.prototype.showClass = function () {
@@ -57890,8 +57938,8 @@
57890
57938
  TransactionCopyOrderComponent.prototype.transactionSet = function () {
57891
57939
  this.copyTransactionRequest.transactionDate = new Date();
57892
57940
  this.copyTransactionRequest.transId = this.transactionInfo.id;
57941
+ this.selectedCustomer = this.transactionInfo.relation;
57893
57942
  this._getSalesPersons();
57894
- this._getCustomers();
57895
57943
  this._getBranches();
57896
57944
  };
57897
57945
  TransactionCopyOrderComponent.prototype.getHeaderTitle = function () {
@@ -57985,27 +58033,12 @@
57985
58033
  });
57986
58034
  });
57987
58035
  };
57988
- TransactionCopyOrderComponent.prototype._getCustomers = function () {
57989
- return __awaiter(this, void 0, void 0, function () {
57990
- var request;
57991
- var _this = this;
57992
- return __generator(this, function (_b) {
57993
- request = new relationRequest.RelationRequest();
57994
- this.relationService.getRelationListObjects(request).then(function (customers) {
57995
- _this.customers = customers;
57996
- });
57997
- this.copyTransactionRequest.transactionRelationId = this.transactionInfo.relation.relationId;
57998
- this.selectedCustomer = this.transactionInfo.relation;
57999
- return [2 /*return*/];
58000
- });
58001
- });
58002
- };
58003
58036
  return TransactionCopyOrderComponent;
58004
58037
  }(TransactionHeaderBaseComponent));
58005
58038
  TransactionCopyOrderComponent.decorators = [
58006
58039
  { type: i0.Component, args: [{
58007
58040
  selector: "co-transaction-copy-order",
58008
- template: "\n <co-dialog\n [modal]=\"true\"\n [headerTemplate]=\"headerTemplate\"\n [footerTemplate]=\"footerTemplate\"\n (closeClick)=\"closeDialog.next()\">\n <div class=\"content-wrapper\">\n <span [textContent]=\"'BASIC_ORDER_DETAILS' | localize\"></span>\n <div class=\"selection-wrapper\">\n <co-list-of-values\n [readonly]=\"readonly\"\n [required]=\"true\"\n [label]=\"'CUSTOMER' | localize\"\n [collection]=\"customers\"\n [displayField]=\"'familyName'\"\n [(model)]=\"selectedCustomer\">\n </co-list-of-values>\n <co-list-of-values\n [readonly]=\"readonly\"\n [required]=\"true\"\n [label]=\"'BRANCH' | localize\"\n [collection]=\"branches\"\n [displayField]=\"'description'\"\n [(model)]=\"selectedBranch\">\n </co-list-of-values>\n <co-input-date\n [placeholder]=\"'ORDER_DATE' | localize\"\n [(model)]=\"copyTransactionRequest.transactionDate\">\n </co-input-date>\n <co-list-of-values\n [readonly]=\"readonly\"\n [label]=\"'SALES_PERSON' | localize\"\n [collection]=\"salesPersons\"\n [displayField]=\"'name'\"\n [(model)]=\"selectedSalesPerson\">\n </co-list-of-values>\n </div>\n </div>\n </co-dialog>\n\n <ng-template #headerTemplate>\n <div class=\"header-wrapper\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.BoxesPackingRegular)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"getHeaderTitle() | localize\"></div>\n </div>\n </ng-template>\n\n <ng-template #footerTemplate>\n <div class=\"co-dialog-footer-button-wrapper\">\n <co-default-confirm-cancel-buttons\n (handleConfirmButtonClicked)=\"handleOkClick()\"\n (handleCancelButtonClicked)=\"handleCancelClick()\">\n </co-default-confirm-cancel-buttons>\n </div>\n </ng-template>\n ",
58041
+ template: "\n <co-dialog\n [modal]=\"true\"\n [headerTemplate]=\"headerTemplate\"\n [footerTemplate]=\"footerTemplate\"\n (closeClick)=\"closeDialog.next()\">\n <div class=\"content-wrapper\">\n <span [textContent]=\"'BASIC_ORDER_DETAILS' | localize\"></span>\n <div class=\"selection-wrapper\">\n <co-list-of-values\n [largeCollection]=\"true\"\n [collectionLoadFn]=\"getCustomers\"\n [readonly]=\"readonly\"\n [required]=\"true\"\n [label]=\"'CUSTOMER' | localize\"\n [displayField]=\"'familyName'\"\n [(model)]=\"selectedCustomer\">\n </co-list-of-values>\n <co-list-of-values\n [readonly]=\"readonly\"\n [required]=\"true\"\n [label]=\"'BRANCH' | localize\"\n [collection]=\"branches\"\n [displayField]=\"'description'\"\n [(model)]=\"selectedBranch\">\n </co-list-of-values>\n <co-input-date\n [placeholder]=\"'ORDER_DATE' | localize\"\n [(model)]=\"copyTransactionRequest.transactionDate\">\n </co-input-date>\n <co-list-of-values\n [readonly]=\"readonly\"\n [label]=\"'SALES_PERSON' | localize\"\n [collection]=\"salesPersons\"\n [displayField]=\"'name'\"\n [(model)]=\"selectedSalesPerson\">\n </co-list-of-values>\n </div>\n </div>\n </co-dialog>\n\n <ng-template #headerTemplate>\n <div class=\"header-wrapper\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.BoxesPackingRegular)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"getHeaderTitle() | localize\"></div>\n </div>\n </ng-template>\n\n <ng-template #footerTemplate>\n <div class=\"co-dialog-footer-button-wrapper\">\n <co-default-confirm-cancel-buttons\n (handleConfirmButtonClicked)=\"handleOkClick()\"\n (handleCancelButtonClicked)=\"handleCancelClick()\">\n </co-default-confirm-cancel-buttons>\n </div>\n </ng-template>\n ",
58009
58042
  encapsulation: i0.ViewEncapsulation.None
58010
58043
  },] }
58011
58044
  ];