@colijnit/transaction 258.1.35 → 258.1.37

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 (20) hide show
  1. package/bundles/colijnit-transaction.umd.js +38 -10
  2. package/bundles/colijnit-transaction.umd.js.map +1 -1
  3. package/colijnit-transaction.metadata.json +1 -1
  4. package/esm2015/lib/component/checkout/checkout-overview-relation-edit/checkout-overview-relation-edit.component.js +3 -5
  5. package/esm2015/lib/component/deposit-payment/deposit-payment.component.js +5 -2
  6. package/esm2015/lib/component/payment/payment.component.js +10 -3
  7. package/esm2015/lib/component/relation/relation-address/relation-address.component.js +25 -15
  8. package/esm2015/lib/component/transaction-line/transaction-receive-goods-line/transaction-receive-goods-line-base.component.js +3 -1
  9. package/esm2015/lib/component/transaction-line/transaction-receive-goods-line/transaction-receive-goods-line.component.js +2 -3
  10. package/esm2015/lib/component/transaction-line-purchase-receive-goods/transaction-line-purchase-receive-goods.component.js +3 -3
  11. package/esm2015/lib/component/transaction-quick-access/transaction-quick-access-send-method-base.component.js +10 -2
  12. package/esm2015/lib/transaction-version.js +3 -3
  13. package/fesm2015/colijnit-transaction.js +53 -27
  14. package/fesm2015/colijnit-transaction.js.map +1 -1
  15. package/lib/component/deposit-payment/deposit-payment.component.d.ts +2 -1
  16. package/lib/component/payment/payment.component.d.ts +2 -0
  17. package/lib/component/relation/relation-address/relation-address.component.d.ts +5 -0
  18. package/lib/component/transaction-line/transaction-receive-goods-line/transaction-receive-goods-line-base.component.d.ts +1 -0
  19. package/lib/component/transaction-quick-access/transaction-quick-access-send-method-base.component.d.ts +1 -0
  20. 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 = "258.1.35";
37
- this.publishDate = "19-6-2025 10:49:58";
36
+ this.symVer = "258.1.37";
37
+ this.publishDate = "23-6-2025 11:42:41";
38
38
  }
39
39
  return Version;
40
40
  }());
@@ -21694,7 +21694,7 @@
21694
21694
  CheckoutOverviewRelationEditComponent.decorators = [
21695
21695
  { type: i0.Component, args: [{
21696
21696
  selector: 'co-checkout-overview-relation-edit',
21697
- template: "\n <div class=\"relation-edit-content\">\n <co-form>\n <div class=\"checkout-form-wrapper\">\n <div class=\"checkout-label-column\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'PERSONAL_DATA' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-relation-type *ngIf=\"relationKind === relKind.Customer\"\n [screenConfigurationObject]=\"cfgNames.RelationType\"\n [relation]=\"relation\"\n (relationChange)=\"handleRelationTypeChange($event)\"\n ></co-relation-type>\n <co-button class=\"empty-relation-button default-width\" [label]=\"'EMPTY' | localize\"\n (click)=\"emptyRelation($event)\"></co-button>\n </div>\n <div class=\"checkout-data-row\" *ngIf=\"relationKind === relKind.Customer\">\n <relation-customer-groups\n [screenConfigurationObject]=\"cfgNames.RelationCustomerGroup\"\n [model]=\"customerGroup\"\n (modelChange)=\"handleCustomerGroupChange($event)\">\n </relation-customer-groups>\n <relation-customer-languages\n [screenConfigurationObject]=\"cfgNames.RelationLanguage\"\n [model]=\"customerLanguage\"\n (modelChange)=\"handleCustomerLanguageChange($event)\">\n </relation-customer-languages>\n <relation-customer-titles\n [screenConfigurationObject]=\"cfgNames.RelationTitle\"\n [model]=\"customerTitle\"\n (modelChange)=\"handleCustomerTitleChange($event)\">\n </relation-customer-titles>\n </div>\n <div class=\"checkout-data-row\">\n <co-relation-general\n [configNames]=\"relationGeneralConfigNames\"\n [relation]=\"relation\"\n [relationType]=\"relationType\"\n (relationChange)=\"updateRelation($event)\"\n (inputChangeForSuggestions)=\"handleInputChange($event)\"\n ></co-relation-general>\n </div>\n <div class=\"checkout-data-row\">\n <co-relation-address\n [configNames]=\"relationAddressConfigNames\"\n [address]=\"address\"\n (inputChangeForSuggestions)=\"handleInputChange($event)\"\n ></co-relation-address>\n </div>\n </div>\n <div class=\"checkout-data-column\" *ngIf=\"relationKind === relKind.Customer\">\n <div class=\"checkout-data-row\">\n <co-vat-payment [model]=\"vatPayment\"\n [screenConfigurationObject]=\"cfgNames.RelationVatPayment\"\n (modelChange)=\"handleVatPaymentChange($event)\"\n ></co-vat-payment>\n <co-vat-code [model]=\"vatCode\" *ngIf=\"!vatPayment\"\n [screenConfigurationObject]=\"cfgNames.RelationVatCode\"\n (modelChange)=\"handleVatCodeChange($event)\"\n ></co-vat-code>\n </div>\n </div>\n <ng-container *ngIf=\"showAddresses\">\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-relation-addresses\n [relation]=\"relation\"\n [addresses]=\"relation.activeAddresses\"\n [type]=\"addressType.DeliveryAddress\"\n [selectedNawNr]=\"deliveryAddressNawNr\"\n [noSaveOnAddAddress]=\"true\"\n (selectedNawNrChange)=\"handleDeliveryAddressChange($event)\"\n ></co-relation-addresses>\n </div>\n </div>\n <div class=\"checkout-label-column\" *ngIf=\"relationKind === relKind.Customer\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'INVOICE_ADDRESS' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\" *ngIf=\"relationKind === relKind.Customer\">\n <div class=\"checkout-data-row\">\n <co-input-checkbox [(model)]=\"service.invoiceAddressSameAsDelivery\"\n (modelChange)=\"checkSameAddress($event)\"\n [label]=\"'SAME_AS_DELIVERY' | localize\"></co-input-checkbox>\n </div>\n <div class=\"overview-delivery-invoice-address\" *ngIf=\"!service.invoiceAddressSameAsDelivery\"\n @showHideInvoiceAddress>\n <div class=\"checkout-data-row\">\n <co-relation-addresses\n [relation]=\"relation\"\n [addresses]=\"relation.activeAddresses\"\n [type]=\"addressType.BillingAddress\"\n [selectedNawNr]=\"invoiceAddressNawNr\"\n [noSaveOnAddAddress]=\"true\"\n (selectedNawNrChange)=\"invoiceAddressChange.emit($event)\"\n ></co-relation-addresses>\n </div>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"showContactDetails\">\n <div class=\"checkout-label-column\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'CONTACT_DETAILS' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-relation-contact-details\n [configNames]=\"contactDetailsConfigNames\"\n [(relation)]=\"relation\"\n [relationKind]=\"relationKind\"></co-relation-contact-details>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"relationKind === relKind.Customer && showPreferences\">\n <div class=\"checkout-label-column\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'PRIVACY_PREFERENCES' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-relation-preferences\n [(relation)]=\"relation\"></co-relation-preferences>\n </div>\n </div>\n </ng-container>\n </div>\n </co-form>\n </div>\n ",
21697
+ template: "\n <div class=\"relation-edit-content\">\n <co-form>\n <div class=\"checkout-form-wrapper\">\n <div class=\"checkout-label-column\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'PERSONAL_DATA' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-relation-type *ngIf=\"relationKind === relKind.Customer\"\n [screenConfigurationObject]=\"cfgNames.RelationType\"\n [relation]=\"relation\"\n (relationChange)=\"handleRelationTypeChange($event)\"\n ></co-relation-type>\n <co-button class=\"empty-relation-button default-width\" [label]=\"'EMPTY' | localize\"\n (click)=\"emptyRelation($event)\"></co-button>\n </div>\n <div class=\"checkout-data-row\" *ngIf=\"relationKind === relKind.Customer\">\n <relation-customer-groups\n [screenConfigurationObject]=\"cfgNames.RelationCustomerGroup\"\n [model]=\"customerGroup\"\n (modelChange)=\"handleCustomerGroupChange($event)\">\n </relation-customer-groups>\n <relation-customer-languages\n [screenConfigurationObject]=\"cfgNames.RelationLanguage\"\n [model]=\"customerLanguage\"\n (modelChange)=\"handleCustomerLanguageChange($event)\">\n </relation-customer-languages>\n <relation-customer-titles\n [screenConfigurationObject]=\"cfgNames.RelationTitle\"\n [model]=\"customerTitle\"\n (modelChange)=\"handleCustomerTitleChange($event)\">\n </relation-customer-titles>\n </div>\n <div class=\"checkout-data-row\">\n <co-relation-general\n [configNames]=\"relationGeneralConfigNames\"\n [relation]=\"relation\"\n [relationType]=\"relationType\"\n (relationChange)=\"updateRelation($event)\"\n (inputChangeForSuggestions)=\"handleInputChange($event)\"\n ></co-relation-general>\n </div>\n <div class=\"checkout-data-row\">\n <co-relation-address\n [configNames]=\"relationAddressConfigNames\"\n [address]=\"address\"\n (inputChangeForSuggestions)=\"handleInputChange($event)\"\n ></co-relation-address>\n </div>\n <div *ngIf=\"relationKind === relKind.Customer\">\n <co-vat-payment [model]=\"vatPayment\"\n [screenConfigurationObject]=\"cfgNames.RelationVatPayment\"\n (modelChange)=\"handleVatPaymentChange($event)\"\n ></co-vat-payment>\n <co-vat-code [model]=\"vatCode\" *ngIf=\"!vatPayment\"\n [screenConfigurationObject]=\"cfgNames.RelationVatCode\"\n (modelChange)=\"handleVatCodeChange($event)\"\n ></co-vat-code>\n </div>\n </div>\n <ng-container *ngIf=\"showAddresses\">\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-relation-addresses\n [relation]=\"relation\"\n [addresses]=\"relation.activeAddresses\"\n [type]=\"addressType.DeliveryAddress\"\n [selectedNawNr]=\"deliveryAddressNawNr\"\n [noSaveOnAddAddress]=\"true\"\n (selectedNawNrChange)=\"handleDeliveryAddressChange($event)\"\n ></co-relation-addresses>\n </div>\n </div>\n <div class=\"checkout-label-column\" *ngIf=\"relationKind === relKind.Customer\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'INVOICE_ADDRESS' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\" *ngIf=\"relationKind === relKind.Customer\">\n <div class=\"checkout-data-row\">\n <co-input-checkbox [(model)]=\"service.invoiceAddressSameAsDelivery\"\n (modelChange)=\"checkSameAddress($event)\"\n [label]=\"'SAME_AS_DELIVERY' | localize\"></co-input-checkbox>\n </div>\n <div class=\"overview-delivery-invoice-address\" *ngIf=\"!service.invoiceAddressSameAsDelivery\"\n @showHideInvoiceAddress>\n <div class=\"checkout-data-row\">\n <co-relation-addresses\n [relation]=\"relation\"\n [addresses]=\"relation.activeAddresses\"\n [type]=\"addressType.BillingAddress\"\n [selectedNawNr]=\"invoiceAddressNawNr\"\n [noSaveOnAddAddress]=\"true\"\n (selectedNawNrChange)=\"invoiceAddressChange.emit($event)\"\n ></co-relation-addresses>\n </div>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"showContactDetails\">\n <div class=\"checkout-label-column\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'CONTACT_DETAILS' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-relation-contact-details\n [configNames]=\"contactDetailsConfigNames\"\n [(relation)]=\"relation\"\n [relationKind]=\"relationKind\"></co-relation-contact-details>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"relationKind === relKind.Customer && showPreferences\">\n <div class=\"checkout-label-column\">\n <span #indexLabel></span>\n <span class=\"label-description\" [textContent]=\"'PRIVACY_PREFERENCES' | localize\"></span>\n </div>\n <div class=\"checkout-data-column\">\n <div class=\"checkout-data-row\">\n <co-relation-preferences\n [(relation)]=\"relation\"></co-relation-preferences>\n </div>\n </div>\n </ng-container>\n </div>\n </co-form>\n </div>\n ",
21698
21698
  providers: [
21699
21699
  corecomponents_v12.FormMasterService,
21700
21700
  RelationSuggestionsService
@@ -23121,7 +23121,7 @@
23121
23121
  _this.transactionService = transactionService;
23122
23122
  _this.addressChange = new i0.EventEmitter();
23123
23123
  _this.countries = [];
23124
- // public addressTypes: CoDomainValue[] = [];
23124
+ _this.addressTypes = [];
23125
23125
  _this.fields = { text: "description", value: "code" };
23126
23126
  _this.postalCodeCheckErrorMessage = "";
23127
23127
  _this._prevPostalCodeForCheck = "";
@@ -23151,6 +23151,9 @@
23151
23151
  _this.countries = countries;
23152
23152
  _this._setSelectedAddress();
23153
23153
  });
23154
+ this._connector.getAddressTypes('NL').then(function (codes) {
23155
+ _this.addressTypes = codes;
23156
+ });
23154
23157
  return [2 /*return*/];
23155
23158
  });
23156
23159
  });
@@ -23225,6 +23228,14 @@
23225
23228
  this.inputChangeForSuggestions.next(this.suggestionRequest);
23226
23229
  }
23227
23230
  };
23231
+ RelationAddressComponent.prototype.handleAddressTypeChange = function (addressType) {
23232
+ if (Object.values(addressType_enum.AddressType).includes(addressType.code)) {
23233
+ this.address.addressType = addressType.code;
23234
+ }
23235
+ };
23236
+ RelationAddressComponent.prototype.addressTypeForCode = function (addressType) {
23237
+ return this.addressTypes.find(function (addressTypeListItem) { return addressTypeListItem.code === addressType; });
23238
+ };
23228
23239
  RelationAddressComponent.prototype._setSelectedAddress = function () {
23229
23240
  var _this = this;
23230
23241
  if (!this.address || !this.countries) {
@@ -23240,7 +23251,7 @@
23240
23251
  RelationAddressComponent.decorators = [
23241
23252
  { type: i0.Component, args: [{
23242
23253
  selector: "co-relation-address",
23243
- template: "\n <label *ngIf=label [textContent]=\"label | localize\"\n class=\"checkout-label-h3\"\n ></label>\n <div class=\"relation-address-data-row default\" [class.validation-error]=\"wrongAddress\">\n <co-input-text\n [(model)]=\"address.postalCode\"\n [placeholder]=\"'POSTAL_CODE' | localize\"\n (blur)=\"checkForPostalCodeCheckError()\"\n (modelChange)=\"handlePostalCodeChange()\"\n required\n ></co-input-text>\n <co-input-text class=\"default-width\"\n [(model)]=\"address.houseNo\"\n [placeholder]=\"'HOUSE_NO' | localize\"\n [digitsOnly]=\"true\"\n (blur)=\"checkForPostalCodeCheckError()\"\n (modelChange)=\"changeHouseNo()\"\n required\n ></co-input-text>\n <co-input-text\n [(model)]=\"address.houseNoAddition\"\n [placeholder]=\"'HOUSE_NO_ADDITION' | localize\"\n ></co-input-text>\n <span *ngIf=\"wrongAddress\" class=\"wrong-address\" [textContent]=\"'UNKNOWN_ADDRESS_CHECK_IT' | localize\"></span>\n </div>\n <div class=\"relation-address-data-row default\">\n <co-input-text\n [(model)]=\"address.streetName\"\n [placeholder]=\"'STREET' | localize\" required\n (modelChange)=\"handleStreetChange()\"></co-input-text>\n <co-input-text\n [(model)]=\"address.city\"\n [placeholder]=\"'CITY' | localize\" required\n (modelChange)=\"handleCityChange()\"></co-input-text>\n </div>\n <div class=\"relation-address-data-row default single\">\n <co-list-of-values\n [model]=\"countryModel\"\n [collection]=\"countries\"\n [displayField]=\"'description'\"\n [label]=\"'COUNTRY' | localize\"\n [required]=\"true\"\n (modelChange)=\"handleCountryChange($event)\"\n ></co-list-of-values>\n </div>\n<!-- <div class=\"relation-address-data-row default single\">-->\n<!-- <co-list-of-values-->\n<!-- [(model)]=\"address.addressType\"-->\n<!-- [collection]=\"addressTypes\"-->\n<!-- [displayField]=\"'description'\"-->\n<!-- [label]=\"'ADDRESS_TYPE' | localize\"-->\n<!-- [required]=\"true\"-->\n<!-- ></co-list-of-values>-->\n<!-- </div>-->\n<!-- -->\n ",
23254
+ template: "\n <label *ngIf=label [textContent]=\"label | localize\"\n class=\"checkout-label-h3\"\n ></label>\n <div class=\"relation-address-data-row default\" [class.validation-error]=\"wrongAddress\">\n <co-input-text\n [(model)]=\"address.postalCode\"\n [placeholder]=\"'POSTAL_CODE' | localize\"\n (blur)=\"checkForPostalCodeCheckError()\"\n (modelChange)=\"handlePostalCodeChange()\"\n required\n ></co-input-text>\n <co-input-text class=\"default-width\"\n [(model)]=\"address.houseNo\"\n [placeholder]=\"'HOUSE_NO' | localize\"\n [digitsOnly]=\"true\"\n (blur)=\"checkForPostalCodeCheckError()\"\n (modelChange)=\"changeHouseNo()\"\n required\n ></co-input-text>\n <co-input-text\n [(model)]=\"address.houseNoAddition\"\n [placeholder]=\"'HOUSE_NO_ADDITION' | localize\"\n ></co-input-text>\n <span *ngIf=\"wrongAddress\" class=\"wrong-address\" [textContent]=\"'UNKNOWN_ADDRESS_CHECK_IT' | localize\"></span>\n </div>\n <div class=\"relation-address-data-row default\">\n <co-input-text\n [(model)]=\"address.streetName\"\n [placeholder]=\"'STREET' | localize\" required\n (modelChange)=\"handleStreetChange()\"></co-input-text>\n <co-input-text\n [(model)]=\"address.city\"\n [placeholder]=\"'CITY' | localize\" required\n (modelChange)=\"handleCityChange()\"></co-input-text>\n </div>\n <div class=\"relation-address-data-row default single\">\n <co-list-of-values\n [model]=\"countryModel\"\n [collection]=\"countries\"\n [displayField]=\"'description'\"\n [label]=\"'COUNTRY' | localize\"\n [required]=\"true\"\n (modelChange)=\"handleCountryChange($event)\"\n ></co-list-of-values>\n </div>\n <div class=\"relation-address-data-row default single\">\n <co-list-of-values\n [model]=\"addressTypeForCode(address.addressType)\"\n (modelChange)=\"handleAddressTypeChange($event)\"\n [collection]=\"addressTypes\"\n [displayField]=\"'description'\"\n [label]=\"'ADDRESS_TYPE' | localize\"\n [required]=\"true\"\n ></co-list-of-values>\n </div>\n \n ",
23244
23255
  encapsulation: i0.ViewEncapsulation.None
23245
23256
  },] }
23246
23257
  ];
@@ -26372,6 +26383,7 @@
26372
26383
  _this.additionalFileName = '';
26373
26384
  _this.pdfDoc = '';
26374
26385
  _this.disablePdfPreview = false;
26386
+ _this.isAdditionalDocAllowedByScreenConfig = false;
26375
26387
  return _this;
26376
26388
  }
26377
26389
  TransactionQuickAccessSendMethodBaseComponent.prototype.ngOnInit = function () {
@@ -26495,6 +26507,9 @@
26495
26507
  this.transactionService.getTermsAndConditionsForm(this.transactionInfo.id).then(function (result) {
26496
26508
  _this.additionalFileContents = result;
26497
26509
  _this.additionalFileName = _this.transactionInfo.transactionKind + '_' + _this.transactionInfo.transactionNr.toString();
26510
+ // @ts-ignore
26511
+ _this.isAdditionalDocEnabled = _this.isAdditionalDocAllowedByScreenConfig && !!result;
26512
+ _this.detectChanges();
26498
26513
  });
26499
26514
  };
26500
26515
  TransactionQuickAccessSendMethodBaseComponent.prototype.upsertDocument = function (doc) {
@@ -26535,7 +26550,11 @@
26535
26550
  this._getEmailLayouts();
26536
26551
  this._getPrintLayouts();
26537
26552
  this.isDocSignEnabled = this.screenConfigService.getObjectConfigurationFor(this.cfgNames.IsDocSignEnabled).immediatelyVisible();
26538
- this.isAdditionalDocEnabled = this.screenConfigService.getObjectConfigurationFor(this.cfgNames.IsAdditionalDocEnabled).immediatelyVisible();
26553
+ this.isAdditionalDocAllowedByScreenConfig =
26554
+ this.screenConfigService.getObjectConfigurationFor(this.cfgNames.IsAdditionalDocEnabled).immediatelyVisible();
26555
+ if (this.isAdditionalDocAllowedByScreenConfig) {
26556
+ this.getTermsAndConditionsForm();
26557
+ }
26539
26558
  this.getHistoricDocuments();
26540
26559
  };
26541
26560
  TransactionQuickAccessSendMethodBaseComponent.prototype._getPrinters = function () {
@@ -27918,6 +27937,7 @@
27918
27937
  _this.transactionTypeCategory = TransactionTypeCategory;
27919
27938
  _this.warehouseLocationButtonDisabled = false;
27920
27939
  _this.showCheckboxForLine = false;
27940
+ _this.returnStockMode = false;
27921
27941
  _this._subscriptions = [];
27922
27942
  return _this;
27923
27943
  }
@@ -27947,6 +27967,7 @@
27947
27967
  TransactionReceiveGoodsLineBaseComponent.prototype.transactionLineSet = function () {
27948
27968
  _super.prototype.transactionLineSet.call(this);
27949
27969
  this._handleTransactionLineSet(this.transactionLine);
27970
+ this.returnStockMode = this.transactionLine.amount < 0;
27950
27971
  };
27951
27972
  TransactionReceiveGoodsLineBaseComponent.prototype._handleTransactionLineSet = function (transLine) {
27952
27973
  this.warehouseLocationButtonDisabled = transLine.articleLineStatus.quantityReceived === transLine.amount ||
@@ -27982,7 +28003,7 @@
27982
28003
  TransactionReceiveGoodsLineComponent.decorators = [
27983
28004
  { type: i0.Component, args: [{
27984
28005
  selector: "co-transaction-receive-goods-line",
27985
- template: "\n <co-transaction-base-line\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [preview]=\"preview\"\n [isFirst]=\"isFirst\"\n [checkbox]=\"showCheckboxForLine\"\n [checkboxValue]=\"transactionLine.selected\"\n (checkboxValueChanged)=\"transactionLine.selected = $event\"\n >\n <div class=\"transaction-line-wrapper\">\n <div class=\"transaction-line-extended-wrapper\">\n <div class=\"column-full align-right\">\n <co-transaction-line-statusbar\n [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [activeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\">\n </co-transaction-line-statusbar>\n <co-transaction-line-warehouse-button\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n [inputLabel]=\"true\"\n ></co-transaction-line-warehouse-button>\n <co-transaction-line-warehouse-location-button\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.LineWarehouseLocationReceived\"\n [readonly]=\"warehouseLocationButtonDisabled\"\n [inputLabel]=\"true\">\n </co-transaction-line-warehouse-location-button>\n <div class=\"transaction-field-wrapper small\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'QUANTITY'\"></co-transaction-line-label>\n <co-input-text\n [model]=\"transactionLine.amount\"\n [leftIconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n [readonly]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper medium\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'QUANTITY_ACCEPTED'\"></co-transaction-line-label>\n <co-input-text\n [leftIconData]=\"iconCacheService.getIcon(icons.RegularCartFlatbedBoxesCircleCheck)\"\n [readonly]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper medium\" *ngIf=\"transactionLine.isBatchNrRequired\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'BATCH_NR'\"></co-transaction-line-label>\n <co-input-text class=\"side-panel-input\"\n [(model)]=\"transactionLine.batchNr\"\n [type]=\"'number'\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"true\"\n [required]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <co-transaction-print-package-sticker\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.StickerAmount\"\n [inputLabel]=\"true\"\n ></co-transaction-print-package-sticker>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'QUANTITY_TO_RECEIVE'\"></co-transaction-line-label>\n <co-input-number-picker class=\"amount-number-picker\"\n [screenConfigurationObject]=\"cfgNames.LineQuantityToReceive\"\n [model]=\"transactionLine.articleLineStatus?.quantityToReceive\"\n [decimals]=\"decimals\"\n [min]=\"1\"\n [max]=\"transactionLine.amount - lineQuantityReceived\"\n [leftIconData]=\"iconCacheService.getIcon(icons.CartFlatbedBoxesRegular)\"\n [readonly]=\"readonly || lineQuantityReceived === transactionLine.amount\"\n (modelChange)=\"changeLineAmount($event)\">\n </co-input-number-picker>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-print-package-sticker\n [screenConfigurationObject]=\"cfgNames.StickerAmount\"\n [inputLabel]=\"true\"\n ></co-transaction-print-package-sticker>\n </div>\n </div>\n <co-editable-label\n class=\"transaction-field-wrapper small transaction-line-totals-total price\"\n [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n [editModel]=\"transactionLine.displayNetLineTotal\"\n [commit]=\"!readonly\"\n [readonly]=\"true\"\n [editMode]=\"false\"\n [inputLabel]=\"true\"\n ></co-editable-label>\n </div>\n </div>\n </div>\n </co-transaction-base-line>\n ",
28006
+ template: "\n <co-transaction-base-line\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [preview]=\"preview\"\n [isFirst]=\"isFirst\"\n [checkbox]=\"showCheckboxForLine\"\n [checkboxValue]=\"transactionLine.selected\"\n (checkboxValueChanged)=\"transactionLine.selected = $event\"\n >\n <div class=\"transaction-line-wrapper\">\n <div class=\"transaction-line-extended-wrapper\">\n <div class=\"column-full align-right\">\n <co-transaction-line-statusbar\n [screenConfigurationObject]=\"cfgNames.StatusBar\"\n [configNames]=\"statusBarConfigNames\"\n [activeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\">\n </co-transaction-line-statusbar>\n <co-transaction-line-warehouse-button\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.LineWarehouse\"\n [inputLabel]=\"true\"\n ></co-transaction-line-warehouse-button>\n <co-transaction-line-warehouse-location-button\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.LineWarehouseLocationReceived\"\n [readonly]=\"warehouseLocationButtonDisabled\"\n [inputLabel]=\"true\">\n </co-transaction-line-warehouse-location-button>\n <div class=\"transaction-field-wrapper small\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'QUANTITY'\"></co-transaction-line-label>\n <co-input-text\n [model]=\"transactionLine.amount\"\n [leftIconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n [readonly]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper medium\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'QUANTITY_ACCEPTED'\"></co-transaction-line-label>\n <co-input-text\n [leftIconData]=\"iconCacheService.getIcon(icons.RegularCartFlatbedBoxesCircleCheck)\"\n [readonly]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <div class=\"transaction-field-wrapper medium\" *ngIf=\"transactionLine.isBatchNrRequired\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'BATCH_NR'\"></co-transaction-line-label>\n <co-input-text class=\"side-panel-input\"\n [(model)]=\"transactionLine.batchNr\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"this.returnStockMode || readonly\"\n [required]=\"true\"\n [customHeight]=\"true\"\n ></co-input-text>\n </div>\n </div>\n <co-transaction-print-package-sticker\n class=\"transaction-field-wrapper medium\"\n [screenConfigurationObject]=\"cfgNames.StickerAmount\"\n [inputLabel]=\"true\"\n ></co-transaction-print-package-sticker>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-line-label [insideLabel]=\"'QUANTITY_TO_RECEIVE'\"></co-transaction-line-label>\n <co-input-number-picker class=\"amount-number-picker\"\n [screenConfigurationObject]=\"cfgNames.LineQuantityToReceive\"\n [model]=\"transactionLine.articleLineStatus?.quantityToReceive\"\n [decimals]=\"decimals\"\n [min]=\"1\"\n [max]=\"transactionLine.amount - lineQuantityReceived\"\n [leftIconData]=\"iconCacheService.getIcon(icons.CartFlatbedBoxesRegular)\"\n [readonly]=\"readonly || lineQuantityReceived === transactionLine.amount\"\n (modelChange)=\"changeLineAmount($event)\">\n </co-input-number-picker>\n </div>\n </div>\n <div class=\"transaction-field-wrapper\">\n <div class=\"inside-field\">\n <co-transaction-print-package-sticker\n [screenConfigurationObject]=\"cfgNames.StickerAmount\"\n [inputLabel]=\"true\"\n ></co-transaction-print-package-sticker>\n </div>\n </div>\n <co-editable-label\n class=\"transaction-field-wrapper small transaction-line-totals-total price\"\n [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n [editModel]=\"transactionLine.displayNetLineTotal\"\n [commit]=\"!readonly\"\n [readonly]=\"true\"\n [editMode]=\"false\"\n [inputLabel]=\"true\"\n ></co-editable-label>\n </div>\n </div>\n </div>\n </co-transaction-base-line>\n ",
27986
28007
  encapsulation: i0.ViewEncapsulation.None,
27987
28008
  changeDetection: i0.ChangeDetectionStrategy.OnPush
27988
28009
  },] }
@@ -40651,7 +40672,8 @@
40651
40672
  this.receiptDetails.lineNr = this.transactionLine.lineNr;
40652
40673
  this.receiptDetails.quantityToReceive = this.lineQuantityToReceive;
40653
40674
  this.receiptDetails.locationNr = this.transactionLine.locationNr;
40654
- this.returnStockMode === this.transactionLine.amount < 0;
40675
+ this.returnStockMode = this.transactionLine.amount < 0;
40676
+ this.receiptDetails.batchNr = this.transactionLine.batchNr;
40655
40677
  this.getGoodsReceiptHistory();
40656
40678
  };
40657
40679
  TransactionLinePurchaseReceiveGoodsComponent.prototype._getAvailableStock = function () {
@@ -40674,7 +40696,7 @@
40674
40696
  TransactionLinePurchaseReceiveGoodsComponent.decorators = [
40675
40697
  { type: i0.Component, args: [{
40676
40698
  selector: 'co-transaction-line-purchase-receive-goods',
40677
- template: "\n <div class=\"receive-details-wrapper form-and-buttons\">\n <co-form>\n <!--div class=\"header-wrapper\">\n <div class=\"status-header\">\n <span [textContent]=\"'STATE' | localize\"></span>\n <co-transaction-line-statusbar class=\"status-bar-wrapper\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [activeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\"></co-transaction-line-statusbar>\n </div>\n </div-->\n <div class=\"side-panel-input-row\">\n <co-input-number-picker class=\"side-panel-input\"\n [max]=\"returnStockMode ? returnMaxToReceive : lineQuantityToReceive\"\n [(model)]=\"receiptDetails.serialNr ? 1 : receiptDetails.quantityToReceive\"\n [decimals]=\"2\"\n [min]=\"0\"\n [readonly]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive || readonly\"\n [disabled]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive\"\n [required]=\"true\"\n ></co-input-number-picker>\n <co-input-date class=\"side-panel-input\"\n [placeholder]=\"'RECEIVED_DATE' | localize\"\n [(model)]=\"request.receivedDate\"\n [readonly]=\"readonly\"\n ></co-input-date>\n <co-input-text class=\"side-panel-input\"\n *ngIf=\"!returnStockMode\"\n [(model)]=\"request.packingSlipNr\"\n [placeholder]=\"'PACKING_SLIP' | localize\"\n [required]=\"true\"\n [readonly]=\"readonly\"\n ></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n<!-- dit ding werkt helemaal niet\n <co-transaction-labeled-warehouse-location-button class=\"side-panel-input\" *ngIf=\"transactionLine.isLocationRequired\"\n [readonly]=\"returnStockMode || receiptDetails.quantityToReceive === 0\"\n [warehouseNumber]=\"transactionLine.warehouseNumber\"\n [(locationNr)]=\"transactionLine.locationNr\"\n (locationNrChange)=\"receiptDetails.locationNr = $event\"\n ></co-transaction-labeled-warehouse-location-button>\n-->\n <co-input-text class=\"side-panel-input\" [(model)]=\"receiptDetails.batchNr\" *ngIf=\"transactionLine.isBatchNrRequired\"\n [type]=\"'number'\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"readonly || returnStockMode\"\n [disabled]=\"returnStockMode\"\n [required]=\"true\"\n [placeholder]=\"'BATCH_NUMBER' | localize\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [(model)]=\"receiptDetails.serialNr\" *ngIf=\"transactionLine.isSerialNrRequired\"\n [type]=\"'text'\"\n [maxLength]=\"15\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"readonly || returnStockMode\"\n [disabled]=\"returnStockMode\"\n [required]=\"true\"\n [placeholder]=\"'SERIAL_NUMBER' | localize\"></co-input-text>\n </div>\n </co-form>\n <div class=\"save-cancel-wrapper\">\n <co-button\n [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n (click)=\"handleSaveDetailsEdit()\"\n ></co-button>\n <co-button class=\"cancel-button\"\n [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n ></co-button>\n <!-- <div class=\"commit-button clickable\" *ngIf=\"!readonly\" (click)=\"handleSaveDetailsEdit()\"-->\n <!-- [class.disabled]=\"receiptDetails.quantityToReceive === 0\">-->\n <!-- <span class=\"commit-text\" [textContent]=\"returnStockMode ? ('RETURN_STOCK' | localize) : ('RECEIVE' | localize)\"></span>-->\n <!-- </div>-->\n </div>\n </div>\n <co-transaction-receiving-goods-history *ngIf=\"transactionLine.amount >= 0\"\n [goodsReceiptHistory]=\"goodsReceiptHistory\"\n (deleteRow)=\"handleDeleteSelectedRow($event)\"\n ></co-transaction-receiving-goods-history>\n <co-transaction-available-stock-grid *ngIf=\"transactionLine.amount < 0\"\n [collection]=\"availableStockCollection\"\n (selectStock)=\"handleSelectStock($event)\"\n ></co-transaction-available-stock-grid>\n ",
40699
+ template: "\n <div class=\"receive-details-wrapper form-and-buttons\">\n <co-form>\n <!--div class=\"header-wrapper\">\n <div class=\"status-header\">\n <span [textContent]=\"'STATE' | localize\"></span>\n <co-transaction-line-statusbar class=\"status-bar-wrapper\"\n [transactionInfo]=\"transactionInfo\"\n [transactionLine]=\"transactionLine\"\n [activeCategory]=\"transactionTypeCategory.PurchaseOrderReceivedGoods\"></co-transaction-line-statusbar>\n </div>\n </div-->\n <div class=\"side-panel-input-row\">\n <co-input-number-picker class=\"side-panel-input\"\n [max]=\"returnStockMode ? returnMaxToReceive : lineQuantityToReceive\"\n [(model)]=\"receiptDetails.serialNr ? 1 : receiptDetails.quantityToReceive\"\n [decimals]=\"2\"\n [min]=\"0\"\n [readonly]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive || readonly\"\n [disabled]=\"!!receiptDetails.serialNr || receiptDetails.quantityToReceive === 0 || !receiptDetails.quantityToReceive\"\n [required]=\"true\"\n ></co-input-number-picker>\n <co-input-date class=\"side-panel-input\"\n [placeholder]=\"'RECEIVED_DATE' | localize\"\n [(model)]=\"request.receivedDate\"\n [readonly]=\"readonly\"\n ></co-input-date>\n <co-input-text class=\"side-panel-input\"\n *ngIf=\"!returnStockMode\"\n [(model)]=\"request.packingSlipNr\"\n [placeholder]=\"'PACKING_SLIP' | localize\"\n [required]=\"true\"\n [readonly]=\"readonly\"\n ></co-input-text>\n </div>\n <div class=\"side-panel-input-row\">\n<!-- dit ding werkt helemaal niet\n <co-transaction-labeled-warehouse-location-button class=\"side-panel-input\" *ngIf=\"transactionLine.isLocationRequired\"\n [readonly]=\"returnStockMode || receiptDetails.quantityToReceive === 0\"\n [warehouseNumber]=\"transactionLine.warehouseNumber\"\n [(locationNr)]=\"transactionLine.locationNr\"\n (locationNrChange)=\"receiptDetails.locationNr = $event\"\n ></co-transaction-labeled-warehouse-location-button>\n-->\n <co-input-text class=\"side-panel-input\" [(model)]=\"receiptDetails.batchNr\" *ngIf=\"transactionLine.isBatchNrRequired\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"readonly || returnStockMode\"\n [disabled]=\"returnStockMode\"\n [required]=\"true\"\n [placeholder]=\"'BATCH_NUMBER' | localize\"></co-input-text>\n <co-input-text class=\"side-panel-input\" [(model)]=\"receiptDetails.serialNr\" *ngIf=\"transactionLine.isSerialNrRequired\"\n [type]=\"'text'\"\n [maxLength]=\"15\"\n [hideArrowButtons]=\"true\"\n [readonly]=\"readonly || returnStockMode\"\n [disabled]=\"returnStockMode\"\n [required]=\"true\"\n [placeholder]=\"'SERIAL_NUMBER' | localize\"></co-input-text>\n </div>\n </co-form>\n <div class=\"save-cancel-wrapper\">\n <co-button\n [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n (click)=\"handleSaveDetailsEdit()\"\n ></co-button>\n <co-button class=\"cancel-button\"\n [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n ></co-button>\n <!-- <div class=\"commit-button clickable\" *ngIf=\"!readonly\" (click)=\"handleSaveDetailsEdit()\"-->\n <!-- [class.disabled]=\"receiptDetails.quantityToReceive === 0\">-->\n <!-- <span class=\"commit-text\" [textContent]=\"returnStockMode ? ('RETURN_STOCK' | localize) : ('RECEIVE' | localize)\"></span>-->\n <!-- </div>-->\n </div>\n </div>\n <co-transaction-receiving-goods-history *ngIf=\"transactionLine.amount >= 0\"\n [goodsReceiptHistory]=\"goodsReceiptHistory\"\n (deleteRow)=\"handleDeleteSelectedRow($event)\"\n ></co-transaction-receiving-goods-history>\n <co-transaction-available-stock-grid *ngIf=\"transactionLine.amount < 0\"\n [collection]=\"availableStockCollection\"\n (selectStock)=\"handleSelectStock($event)\"\n ></co-transaction-available-stock-grid>\n ",
40678
40700
  providers: [
40679
40701
  corecomponents_v12.FormMasterService
40680
40702
  ],
@@ -50882,12 +50904,15 @@
50882
50904
  _super.prototype.cashRegisterSelected.call(this, cashRegister, index);
50883
50905
  this.activeCashRegister = cashRegister;
50884
50906
  };
50907
+ PaymentComponent.prototype.onDepositPaymentFetched = function (depositAmount) {
50908
+ this.depositAmount = depositAmount;
50909
+ };
50885
50910
  return PaymentComponent;
50886
50911
  }(TransactionPaymentBaseComponent));
50887
50912
  PaymentComponent.decorators = [
50888
50913
  { type: i0.Component, args: [{
50889
50914
  selector: "co-payment",
50890
- template: "\n <div class=\"payment-wrapper\">\n <div class=\"payment-methods-register-wrapper\">\n <div class=\"payment-methods-wrapper\">\n <div class=\"payment-methods-header\">\n <span class=\"payment-header-title\" [textContent]=\"'SELECT' | localize\"></span>\n <!--span class=\"payment-header-title extra\" [textContent]=\"'FREE' | localize:false\"></span-->\n <span class=\"payment-header-title\" [textContent]=\"'PAYMENT_METHOD' | localize:false\"></span>\n </div>\n <div class=\"payment-methods co-small-scrollbar\">\n <co-loader class=\"loader\" *ngIf=\"showLoader\"></co-loader>\n <ng-container *ngIf=\"!showLoader\">\n <co-payment-tile *ngFor=\"let paymentMethod of paymentMethods; let index = index\"\n [image]=\"paymentMethod.image\"\n [description]=\"paymentMethod.payment.description\"\n [selected]=\"paymentMethodIdx === index\"\n (selectedChange)=\"paymentMethodSelected(paymentMethod.payment, index)\"\n ></co-payment-tile>\n </ng-container>\n </div>\n </div>\n <div class=\"payment-cash-register-wrapper\" *ngIf=\"showCashRegisters\">\n <div class=\"payment-cash-register-header\">\n <span class=\"payment-header-title\" [textContent]=\"'SELECT_CASH_REGISTER' | localize\"></span>\n </div>\n <div class=\"payment-methods\">\n <co-payment-tile *ngFor=\"let cashRegister of cashRegisters; let index = index\"\n [icon]=\"cashRegister.icon\"\n [description]=\"cashRegister.description\"\n [selected]=\"cashRegisterIdx === index\"\n (selectedChange)=\"cashRegisterSelected(cashRegister, index)\"\n ></co-payment-tile>\n </div>\n </div>\n </div>\n <div class=\"payment-to-pay-wrapper\">\n <div class=\"payment-to-pay-total\">\n <div class=\"payment-to-pay-header\">\n <span class=\"payment-header-title\" [textContent]=\"'TOTAL_AMOUNT_TO_PAY' | localize\"></span>\n <span class=\"payment-total-pay\" [textContent]=\"amount === 0 ? amount : (amount | coCurrency)\"></span>\n </div>\n <div class=\"payment-input-button-wrapper\">\n <div class=\"payment-input-button\">\n <co-payment-to-pay\n [amountToPay]=\"paymentService.amountToPay\"></co-payment-to-pay>\n <div class=\"payment-to-pay-button\">\n <co-button\n [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n [disabled]=\"paymentService.amountToPay === 0\"\n (click)=\"handlePayment()\">\n </co-button>\n </div>\n </div>\n <div class=\"payment-bookdate\" *ngIf=\"showPaymentDate\">\n <co-input-date [(model)]=\"paymentDate\"></co-input-date>\n </div>\n <div class=\"payment-error-message\" *ngIf=\"paymentService.statusMessage\"\n [textContent]=\"paymentService.statusMessage\"></div>\n </div>\n </div>\n\n <div class=\"payment-deposit\">\n <co-deposit-payment [branch]=\"branch\" [transactionUuid]=\"transactionUuid\"></co-deposit-payment>\n </div>\n <co-key-pad class=\"payment-to-pay-keypad\" *ngIf=\"showKeyPad\"\n [showValue]=\"false\"\n [emitModelChangeOnEnter]=\"false\"\n [model]=\"paymentService.amountToPay\"\n (modelChange)=\"handleKeyPadModelChange($event)\"\n (enterClick)=\"handlePayment()\"\n ></co-key-pad>\n </div>\n </div>\n <co-dialog *ngIf=\"paymentService.showPspQrCode\" (closeClick)=\"paymentService.showPspQrCode = false\">\n <co-payment-qr-code\n [qrCodeImage]=\"paymentService.qrCodeImage\"\n ></co-payment-qr-code>\n </co-dialog>\n ",
50915
+ template: "\n <div class=\"payment-wrapper\">\n <div class=\"payment-methods-register-wrapper\">\n <div class=\"payment-methods-wrapper\">\n <div class=\"payment-methods-header\">\n <span class=\"payment-header-title\" [textContent]=\"'SELECT' | localize\"></span>\n <!--span class=\"payment-header-title extra\" [textContent]=\"'FREE' | localize:false\"></span-->\n <span class=\"payment-header-title\" [textContent]=\"'PAYMENT_METHOD' | localize:false\"></span>\n </div>\n <div class=\"payment-methods co-small-scrollbar\">\n <co-loader class=\"loader\" *ngIf=\"showLoader\"></co-loader>\n <ng-container *ngIf=\"!showLoader\">\n <co-payment-tile *ngFor=\"let paymentMethod of paymentMethods; let index = index\"\n [image]=\"paymentMethod.image\"\n [description]=\"paymentMethod.payment.description\"\n [selected]=\"paymentMethodIdx === index\"\n (selectedChange)=\"paymentMethodSelected(paymentMethod.payment, index)\"\n ></co-payment-tile>\n </ng-container>\n </div>\n </div>\n <div class=\"payment-cash-register-wrapper\" *ngIf=\"showCashRegisters\">\n <div class=\"payment-cash-register-header\">\n <span class=\"payment-header-title\" [textContent]=\"'SELECT_CASH_REGISTER' | localize\"></span>\n </div>\n <div class=\"payment-methods\">\n <co-payment-tile *ngFor=\"let cashRegister of cashRegisters; let index = index\"\n [icon]=\"cashRegister.icon\"\n [description]=\"cashRegister.description\"\n [selected]=\"cashRegisterIdx === index\"\n (selectedChange)=\"cashRegisterSelected(cashRegister, index)\"\n ></co-payment-tile>\n </div>\n </div>\n </div>\n <div class=\"payment-to-pay-wrapper\">\n <div class=\"payment-to-pay-total\">\n <div class=\"payment-to-pay-header\">\n <span class=\"payment-header-title\" [textContent]=\"'TOTAL_AMOUNT_TO_PAY' | localize\"></span>\n <span class=\"payment-total-pay\" [textContent]=\"depositAmount ? (depositAmount | coCurrency: true) : (paymentService.amount | coCurrency: true)\"></span>\n </div>\n <div class=\"payment-input-button-wrapper\">\n <div class=\"payment-input-button\">\n <co-payment-to-pay\n [amountToPay]=\"paymentService.amountToPay\"></co-payment-to-pay>\n <div class=\"payment-to-pay-button\">\n <co-button\n [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n [disabled]=\"paymentService.amountToPay === 0\"\n (click)=\"handlePayment()\">\n </co-button>\n </div>\n </div>\n <div class=\"payment-bookdate\" *ngIf=\"showPaymentDate\">\n <co-input-date [(model)]=\"paymentDate\"></co-input-date>\n </div>\n <div class=\"payment-error-message\" *ngIf=\"paymentService.statusMessage\"\n [textContent]=\"paymentService.statusMessage\"></div>\n </div>\n </div>\n\n <div class=\"payment-deposit\">\n <co-deposit-payment\n [branch]=\"branch\"\n [transactionUuid]=\"transactionUuid\"\n (depositPaymentFetched)=\"onDepositPaymentFetched($event)\">\n </co-deposit-payment>\n </div>\n <co-key-pad class=\"payment-to-pay-keypad\" *ngIf=\"showKeyPad\"\n [showValue]=\"false\"\n [emitModelChangeOnEnter]=\"false\"\n [model]=\"paymentService.amountToPay\"\n (modelChange)=\"handleKeyPadModelChange($event)\"\n (enterClick)=\"handlePayment()\"\n ></co-key-pad>\n </div>\n </div>\n <co-dialog *ngIf=\"paymentService.showPspQrCode\" (closeClick)=\"paymentService.showPspQrCode = false\">\n <co-payment-qr-code\n [qrCodeImage]=\"paymentService.qrCodeImage\"\n ></co-payment-qr-code>\n </co-dialog>\n ",
50891
50916
  providers: [
50892
50917
  TransactionPaymentService
50893
50918
  ],
@@ -51031,6 +51056,7 @@
51031
51056
  this._transactionEventService = _transactionEventService;
51032
51057
  this.transKind = transactionKind_enum.TransactionKind;
51033
51058
  this.showTitle = true;
51059
+ this.depositPaymentFetched = new i0.EventEmitter();
51034
51060
  this.paymentMethods = [];
51035
51061
  this.depositPayments = [];
51036
51062
  this.showLoader = true;
@@ -51056,6 +51082,7 @@
51056
51082
  this._paymentConnectorService.getDepositPaymentInfo(this.transactionUuid).then(function (info) {
51057
51083
  _this.depositPayments.length = 0;
51058
51084
  if (info && info.depositPayments) {
51085
+ _this.depositPaymentFetched.emit(info.depositAmount);
51059
51086
  info.depositPayments.sort(function (a, b) { return a.id > b.id ? 1 : -1; });
51060
51087
  info.depositPayments.forEach(function (dp) {
51061
51088
  var paymentMethod = _this.paymentMethods.find(function (pm) { return pm.payment.code === dp.paymentMethodCode; });
@@ -51094,6 +51121,7 @@
51094
51121
  transactionKind: [{ type: i0.Input }],
51095
51122
  showTitle: [{ type: i0.Input }],
51096
51123
  transactionUuid: [{ type: i0.Input }],
51124
+ depositPaymentFetched: [{ type: i0.Output }],
51097
51125
  showClass: [{ type: i0.HostBinding, args: ["class.co-deposit-payment",] }]
51098
51126
  };
51099
51127