@colijnit/transaction 300.1.13 → 300.1.14

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 (5) hide show
  1. package/fesm2022/colijnit-transaction.mjs +319 -264
  2. package/fesm2022/colijnit-transaction.mjs.map +1 -1
  3. package/index.d.ts +8 -1
  4. package/lib/component/transaction-header/transaction-header-customer-portal/style/_layout.scss +19 -0
  5. package/package.json +4 -4
package/fesm2022/colijnit-transaction.mjs CHANGED
@@ -356,8 +356,8 @@ import { DateField } from '@colijnit/ioneconnector/build/factory/decorators/date
356
356
  class Version {
357
357
  name = "@colijnit/transaction";
358
358
  description = "Colijn IT transaction package";
359
- symVer = "300.1.13";
360
- publishDate = "19-8-2026, 16:43:20";
359
+ symVer = "300.1.14";
360
+ publishDate = "25-8-2026, 13:02:13";
361
361
  }
362
362
 
363
363
  class CheckoutModuleService extends BaseModuleService {
@@ -14618,13 +14618,15 @@ class TransactionBaseComponent {
14618
14618
  ngOnDestroy() {
14619
14619
  }
14620
14620
  handleCommit = async (value) => {
14621
- if (this.readonly || this.forceReadonly) {
14621
+ if (this.readonly || this.forceReadonly || this.committing) {
14622
14622
  return;
14623
14623
  }
14624
14624
  if (await this.lockTransaction()) {
14625
14625
  this.committing = true;
14626
+ this.detectChanges();
14626
14627
  const response = await this.commit(value);
14627
14628
  this.committing = false;
14629
+ this.detectChanges();
14628
14630
  return response;
14629
14631
  }
14630
14632
  else {
@@ -46242,7 +46244,7 @@ class DialogCatalogComponent {
46242
46244
  </co-stock>
46243
46245
  </co-dialog>
46244
46246
  }
46245
- `, isInline: true, dependencies: [{ kind: "component", type: i1$1.CoDialogComponent, selector: "co-dialog", inputs: ["customCssClass", "headerTemplate", "footerTemplate", "showCloseIcon", "modal", "borderless"], outputs: ["closeClick"] }, { kind: "component", type: i3$1.CatalogSearchComponent, selector: "co-catalog-search", inputs: ["settings", "title", "subTitle", "searchPlaceholder", "createFrozenArticle", "showNavigation", "showLandingPage", "tempFilter", "popupFilter", "showViewModes", "embedded", "externalSource", "isReturn", "currentTransactionBranchId", "generalFilterOrders", "purchaseFilterOrders", "logisticsFilterOrders"], outputs: ["settingsChange", "onLookAtArticleButtonClick", "onArButtonClick", "onAddArticleButtonClick", "onArticleClick", "onStockDetailsClick", "onExternalSourceClick"] }, { kind: "component", type: i2.StockComponent, selector: "co-stock", inputs: ["article", "articleWarehouse", "allWarehouses"], outputs: ["handleStickerClicked", "okButtonClicked", "cancelButtonClicked", "handleClick", "handleTransactionClick"] }, { kind: "component", type: i3$1.CatalogExternalSourceComponent, selector: "co-catalog-external-source", inputs: ["catalogDefinition", "user", "externalCatalogStartupInfo", "title", "subTitle", "searchPlaceholder", "tempFilter", "showNavigation", "options", "embedded", "languageCode", "name"], outputs: ["articleClick", "addArticleClick", "lookAtArticleClick", "iFrameFeedbackReceived"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: i6.IoneProductComponent, selector: "app-ione-product", inputs: ["sku", "isReturn", "enableRenderCarousel", "settings", "handleAddArticleInternally", "handleAddToCartInternally", "externalButtonTemplate"], outputs: ["onAddToCart", "forceRenderImage", "getRenderForRenderCarousel", "onAlternativeClick", "onArticleInfoReceived", "onArticleReceived", "onSelectionsReceived", "onAddToQuote", "openStockEvent", "onAnswersAvailable"] }, { kind: "component", type: i6.ProductExternalSourceComponent, selector: "co-product-external-source", inputs: ["sku", "catalogDefinition", "ownSettings", "externalSource", "externalCatalogStartupInfo", "options"], outputs: ["addToCart", "addToQuote", "alternativeClick", "configuratorFinished"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }, { kind: "pipe", type: AppendPipe, name: "append" }], animations: [
46247
+ `, isInline: true, dependencies: [{ kind: "component", type: i1$1.CoDialogComponent, selector: "co-dialog", inputs: ["customCssClass", "headerTemplate", "footerTemplate", "showCloseIcon", "modal", "borderless"], outputs: ["closeClick"] }, { kind: "component", type: i3$1.CatalogSearchComponent, selector: "co-catalog-search", inputs: ["settings", "title", "subTitle", "searchPlaceholder", "createFrozenArticle", "showNavigation", "showLandingPage", "tempFilter", "popupFilter", "showViewModes", "embedded", "externalSource", "isReturn", "currentTransactionBranchId", "generalFilterOrders", "purchaseFilterOrders", "logisticsFilterOrders"], outputs: ["settingsChange", "onLookAtArticleButtonClick", "onArButtonClick", "onAddArticleButtonClick", "onArticleClick", "onStockDetailsClick", "onExternalSourceClick"] }, { kind: "component", type: i2.StockComponent, selector: "co-stock", inputs: ["article", "branchNr", "articleWarehouse", "allWarehouses"], outputs: ["handleStickerClicked", "okButtonClicked", "cancelButtonClicked", "handleClick", "handleTransactionClick"] }, { kind: "component", type: i3$1.CatalogExternalSourceComponent, selector: "co-catalog-external-source", inputs: ["catalogDefinition", "user", "externalCatalogStartupInfo", "title", "subTitle", "searchPlaceholder", "tempFilter", "showNavigation", "options", "embedded", "languageCode", "name"], outputs: ["articleClick", "addArticleClick", "lookAtArticleClick", "iFrameFeedbackReceived"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: i6.IoneProductComponent, selector: "app-ione-product", inputs: ["sku", "isReturn", "enableRenderCarousel", "settings", "handleAddArticleInternally", "handleAddToCartInternally", "externalButtonTemplate"], outputs: ["onAddToCart", "forceRenderImage", "getRenderForRenderCarousel", "onAlternativeClick", "onArticleInfoReceived", "onArticleReceived", "onSelectionsReceived", "onAddToQuote", "openStockEvent", "onAnswersAvailable"] }, { kind: "component", type: i6.ProductExternalSourceComponent, selector: "co-product-external-source", inputs: ["sku", "catalogDefinition", "ownSettings", "externalSource", "externalCatalogStartupInfo", "options"], outputs: ["addToCart", "addToQuote", "alternativeClick", "configuratorFinished"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }, { kind: "pipe", type: AppendPipe, name: "append" }], animations: [
46246
46248
  trigger("showHideProduct", [
46247
46249
  state("true", style({ transform: "translateX(-50%)" })),
46248
46250
  state("false", style({ transform: "translateX(0)" })),
@@ -54524,7 +54526,7 @@ class TransactionOverviewLineComponent extends TransactionLineBaseComponent {
54524
54526
  if (!this.transactionLine.orderLineSetCode) {
54525
54527
  //We are now allowed to actually add new lines to a composition.
54526
54528
  //If we're looking at members of a composition set don't show a checkbox for lines we can't add anyway.
54527
- return isNaN(this.orderLineSetService.currentCompositionId);
54529
+ return (isNaN(this.orderLineSetService.currentCompositionId) || this.orderLineSetService.currentCompositionId === null);
54528
54530
  }
54529
54531
  if (this.orderLineSetService.currentOrderLineSetCode === this.transactionLine.orderLineSetCode) {
54530
54532
  return true;
@@ -54535,7 +54537,7 @@ class TransactionOverviewLineComponent extends TransactionLineBaseComponent {
54535
54537
  return false;
54536
54538
  }
54537
54539
  checkboxValue() {
54538
- if (isNaN(this.orderLineSetService.currentCompositionId)) {
54540
+ if (isNaN(this.orderLineSetService.currentCompositionId) || this.orderLineSetService.currentCompositionId === null) {
54539
54541
  return (this.orderLineSetService.currentOrderLineSetCode === this.transactionLine.orderLineSetCode);
54540
54542
  }
54541
54543
  else {
@@ -54573,7 +54575,7 @@ class TransactionOverviewLineComponent extends TransactionLineBaseComponent {
54573
54575
  [isFirst]="isFirst"
54574
54576
  [checkbox]="canShowCheckbox()"
54575
54577
  [checkboxValue]="checkboxValue()"
54576
- [checkboxReadonly]="!isNaN(orderLineSetService.currentCompositionId)"
54578
+ [checkboxReadonly]="(!isNaN(orderLineSetService.currentCompositionId) && orderLineSetService.currentCompositionId !== null)"
54577
54579
  (checkboxValueChanged)="handleCheckBoxValueChanged($event)">
54578
54580
  <ng-container *ngIf="transactionLine.isArticle">
54579
54581
  <div class="transaction-line-wrapper">
@@ -54684,7 +54686,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
54684
54686
  [isFirst]="isFirst"
54685
54687
  [checkbox]="canShowCheckbox()"
54686
54688
  [checkboxValue]="checkboxValue()"
54687
- [checkboxReadonly]="!isNaN(orderLineSetService.currentCompositionId)"
54689
+ [checkboxReadonly]="(!isNaN(orderLineSetService.currentCompositionId) && orderLineSetService.currentCompositionId !== null)"
54688
54690
  (checkboxValueChanged)="handleCheckBoxValueChanged($event)">
54689
54691
  <ng-container *ngIf="transactionLine.isArticle">
54690
54692
  <div class="transaction-line-wrapper">
@@ -63530,7 +63532,7 @@ class TransactionSalesOrderQuotationLineComponent extends TransactionLineBaseCom
63530
63532
  if (!this.transactionLine.orderLineSetCode) {
63531
63533
  //We are now allowed to actually add new lines to a composition.
63532
63534
  //If we're looking at members of a composition set don't show a checkbox for lines we can't add anyway.
63533
- return isNaN(this.orderLineSetService.currentCompositionId);
63535
+ return (isNaN(this.orderLineSetService.currentCompositionId) || this.orderLineSetService.currentCompositionId === null);
63534
63536
  }
63535
63537
  if (this.orderLineSetService.currentOrderLineSetCode === this.transactionLine.orderLineSetCode) {
63536
63538
  return true;
@@ -63541,7 +63543,7 @@ class TransactionSalesOrderQuotationLineComponent extends TransactionLineBaseCom
63541
63543
  return false;
63542
63544
  }
63543
63545
  checkboxValue() {
63544
- if (isNaN(this.orderLineSetService.currentCompositionId)) {
63546
+ if (isNaN(this.orderLineSetService.currentCompositionId) || this.orderLineSetService.currentCompositionId === null) {
63545
63547
  return (this.orderLineSetService.currentOrderLineSetCode === this.transactionLine.orderLineSetCode);
63546
63548
  }
63547
63549
  else {
@@ -63576,7 +63578,7 @@ class TransactionSalesOrderQuotationLineComponent extends TransactionLineBaseCom
63576
63578
  [selected]="selected"
63577
63579
  [checkbox]="canShowCheckbox()"
63578
63580
  [checkboxValue]="checkboxValue()"
63579
- [checkboxReadonly]="!isNaN(orderLineSetService.currentCompositionId)"
63581
+ [checkboxReadonly]="(!isNaN(orderLineSetService.currentCompositionId) && orderLineSetService.currentCompositionId !== null)"
63580
63582
  (checkboxValueChanged)="handleCheckBoxValueChanged($event)">
63581
63583
  @if (transactionLine.isArticle && !preview) {
63582
63584
  <div class="transaction-line-wrapper">
@@ -63640,7 +63642,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
63640
63642
  [selected]="selected"
63641
63643
  [checkbox]="canShowCheckbox()"
63642
63644
  [checkboxValue]="checkboxValue()"
63643
- [checkboxReadonly]="!isNaN(orderLineSetService.currentCompositionId)"
63645
+ [checkboxReadonly]="(!isNaN(orderLineSetService.currentCompositionId) && orderLineSetService.currentCompositionId !== null)"
63644
63646
  (checkboxValueChanged)="handleCheckBoxValueChanged($event)">
63645
63647
  @if (transactionLine.isArticle && !preview) {
63646
63648
  <div class="transaction-line-wrapper">
@@ -88033,7 +88035,7 @@ class TransactionArticleStockComponent extends DialogBaseComponent {
88033
88035
  (click)="handleCloseDialog($event)"></co-button>
88034
88036
  </div>
88035
88037
  </ng-template>
88036
- `, isInline: true, dependencies: [{ kind: "component", type: i1$1.CoDialogComponent, selector: "co-dialog", inputs: ["customCssClass", "headerTemplate", "footerTemplate", "showCloseIcon", "modal", "borderless"], outputs: ["closeClick"] }, { kind: "component", type: i1$1.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: i2.StockComponent, selector: "co-stock", inputs: ["article", "articleWarehouse", "allWarehouses"], outputs: ["handleStickerClicked", "okButtonClicked", "cancelButtonClicked", "handleClick", "handleTransactionClick"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
88038
+ `, isInline: true, dependencies: [{ kind: "component", type: i1$1.CoDialogComponent, selector: "co-dialog", inputs: ["customCssClass", "headerTemplate", "footerTemplate", "showCloseIcon", "modal", "borderless"], outputs: ["closeClick"] }, { kind: "component", type: i1$1.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: i2.StockComponent, selector: "co-stock", inputs: ["article", "branchNr", "articleWarehouse", "allWarehouses"], outputs: ["handleStickerClicked", "okButtonClicked", "cancelButtonClicked", "handleClick", "handleTransactionClick"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
88037
88039
  }
88038
88040
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionArticleStockComponent, decorators: [{
88039
88041
  type: Component,
@@ -88078,12 +88080,16 @@ class TransactionHeaderCustomerPortalComponent {
88078
88080
  transactionHeaderService;
88079
88081
  transactionService;
88080
88082
  _transactionConnectorService;
88083
+ _paymentConnectorService;
88081
88084
  cfgNames = TransactionCfgName;
88082
88085
  icons = Icon;
88083
88086
  set transaction(value) {
88084
88087
  if (value) {
88085
88088
  this._transaction = value;
88086
88089
  this.isPurchaseOrder = this._transaction.transactionInfo.transactionKind === TransactionKind.PurchaseOrder;
88090
+ if (this._transaction.transactionInfo?.uuid) {
88091
+ this.getDepositInfo();
88092
+ }
88087
88093
  }
88088
88094
  }
88089
88095
  get transaction() {
@@ -88096,12 +88102,18 @@ class TransactionHeaderCustomerPortalComponent {
88096
88102
  showPlanningDialog = false;
88097
88103
  isPurchaseOrder = true;
88098
88104
  canPlanDelivery = false;
88105
+ paidDown = 0;
88106
+ settled = 0;
88107
+ depositAmount = 0;
88108
+ depositSettled = 0;
88109
+ depositRemainder = 0;
88099
88110
  _transaction = new TransactionInfoResponse();
88100
- constructor(iconCacheService, transactionHeaderService, transactionService, _transactionConnectorService) {
88111
+ constructor(iconCacheService, transactionHeaderService, transactionService, _transactionConnectorService, _paymentConnectorService) {
88101
88112
  this.iconCacheService = iconCacheService;
88102
88113
  this.transactionHeaderService = transactionHeaderService;
88103
88114
  this.transactionService = transactionService;
88104
88115
  this._transactionConnectorService = _transactionConnectorService;
88116
+ this._paymentConnectorService = _paymentConnectorService;
88105
88117
  }
88106
88118
  checkCanPlanDelivery() {
88107
88119
  this.canPlanDelivery = true;
@@ -88123,6 +88135,15 @@ class TransactionHeaderCustomerPortalComponent {
88123
88135
  get transactionTotal() {
88124
88136
  return this.transactionHeaderService.transactionTotal;
88125
88137
  }
88138
+ getDepositInfo() {
88139
+ this._paymentConnectorService.getDepositPaymentInfo(this.transaction.transactionInfo.uuid).then((info) => {
88140
+ if (info) {
88141
+ this.depositAmount = info.depositAmount;
88142
+ this.depositSettled = info.depositAmountSettled;
88143
+ this.depositRemainder = info.depositRemainderAmount;
88144
+ }
88145
+ });
88146
+ }
88126
88147
  getWeekNumber(dateInput) {
88127
88148
  if (!dateInput)
88128
88149
  return '';
@@ -88135,266 +88156,300 @@ class TransactionHeaderCustomerPortalComponent {
88135
88156
  const weekNumber = 1 + Math.round(diff / (7 * 24 * 60 * 60 * 1000));
88136
88157
  return `${weekNumber}`;
88137
88158
  }
88138
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionHeaderCustomerPortalComponent, deps: [{ token: IconCacheService }, { token: TransactionHeaderService }, { token: TransactionService }, { token: TransactionConnectorService }], target: i0.ɵɵFactoryTarget.Component });
88139
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionHeaderCustomerPortalComponent, isStandalone: false, selector: "co-transaction-header-customer-portal", inputs: { transaction: "transaction", showPreferredPlanning: "showPreferredPlanning" }, host: { properties: { "class.co-transaction-header-customer-portal": "this.showClass" } }, ngImport: i0, template: `
88140
- <div class="transaction-header-customer-portal">
88141
- <div class="transaction-order-lines-wrapper">
88142
- @if (transaction.transactionInfo.transactionKind !== 'S') {
88143
- <div class="transaction-order-info">
88144
- <div class="order-number-info">
88145
- <span [textContent]="'ORDER_NUMBER' | localize"></span>
88146
- <span [textContent]="transaction.transactionInfo.transactionNr"></span>
88147
- </div>
88148
- <div class="order-details-info">
88149
- <div class="order-detail-section">
88150
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
88151
- <div class="value">
88152
- <span [textContent]="transaction.transactionInfo.transactionDate | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
88153
- </div>
88154
- </div>
88155
- @if (transaction.transactionInfo.deliveryDate) {
88156
- <div class="order-detail-section">
88157
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
88158
- @if (!transaction.transactionInfo.deliveryDateDefinitive) {
88159
- <div class="value">
88160
- <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
88161
- <span class="expected-label">
88162
- <span [textContent]="'WEEK' | localize"></span><span [textContent]="getWeekNumber(transaction.transactionInfo.deliveryDate)"></span>
88163
- </span>
88164
- </div>
88165
- }
88166
- @if (transaction.transactionInfo.deliveryDateDefinitive) {
88167
- <div class="value">
88168
- <span [textContent]="transaction.transactionInfo.deliveryDate | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
88169
- </div>
88170
- }
88171
- </div>
88172
- }
88173
- <div class="order-detail-section">
88174
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
88175
- <div class="value totals-wrapper">
88176
- <span [textContent]="transactionTotal?.netAmount | coCurrency: true"></span>
88177
- @if (transactionTotal?.totalDiscountAmount > 0 || transactionTotal?.orderTotalDeliveryCostsAmount > 0) {
88178
- <div class="totals-summary">
88179
- <co-icon [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)" class="store-icon"></co-icon>
88180
- <div class="totals-dropdown">
88181
- <span class="summary gross">
88182
- <span [textContent]="'TOTAL_GROSS' | localize"></span><span [textContent]="transactionTotal?.grossAmount | coCurrency: true"></span>
88183
- </span>
88184
- @if (transactionTotal?.totalDiscountAmount > 0) {
88185
- <span class="summary discount">
88186
- <span [textContent]="'DELIVERY_COSTS' | localize"></span><span [textContent]="transactionTotal?.totalDiscountAmount | coCurrency: true"></span>
88187
- </span>
88188
- }
88189
- @if (transactionTotal?.orderTotalDeliveryCostsAmount > 0) {
88190
- <span class="summary delivery">
88191
- <span [textContent]="'DELIVERY_COSTS' | localize"></span><span [textContent]="transactionTotal?.orderTotalDeliveryCostsAmount | coCurrency: true"></span>
88192
- </span>
88193
- }
88194
- <span class="summary total">
88195
- <span [textContent]="'TOTAL_AMOUNT' | localize"></span><span [textContent]="transactionTotal?.netAmount | coCurrency: true"></span>
88196
- </span>
88197
- </div>
88198
- </div>
88199
- }
88200
- </div>
88201
- </div>
88202
- </div>
88203
- </div>
88204
- }
88205
- @if (transaction.transactionInfo.transactionKind == 'S') {
88206
- <div class="transaction-order-info service-wrapper">
88207
- <div class="order-number-info">
88208
- <span [textContent]="'SERVICE_NUMBER' | localize"></span>
88209
- <span [textContent]="transaction.transactionInfo.transactionNr"></span>
88210
- </div>
88211
- <div class="order-details-info">
88212
- <div class="order-detail-section">
88213
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
88214
- <div class="value">
88215
- <span [textContent]="transaction.transactionInfo.transactionDate | date:'dd-MM-yyyy'"></span>
88216
- </div>
88217
- </div>
88218
- @if (transaction.transactionInfo.deliveryDate) {
88219
- <div class="order-detail-section">
88220
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
88221
- @if (!transaction.transactionInfo.deliveryDateDefinitive) {
88222
- <div class="value">
88223
- <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
88224
- <span class="expected-label">
88225
- <span [textContent]="'WEEK' | localize"></span><span [textContent]="getWeekNumber(transaction.transactionInfo.deliveryDate)"></span>
88226
- </span>
88227
- </div>
88228
- }
88229
- @if (transaction.transactionInfo.deliveryDateDefinitive) {
88230
- <div class="value">
88231
- <span [textContent]="transaction.transactionInfo.deliveryDate | date:'dd-MM-yyyy'"></span>
88232
- </div>
88233
- }
88234
- </div>
88235
- }
88236
- <div class="order-detail-section">
88237
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
88238
- <div class="value">
88239
- <span [textContent]="transactionTotal?.netAmount | coCurrency: true"></span>
88240
- </div>
88241
- </div>
88242
- </div>
88243
- </div>
88244
- }
88245
- </div>
88246
- @if (showPreferredPlanning && !showPlanningDialog) {
88247
- <div class="planning-request-button-wrapper"
88248
- (click)="checkCanPlanDelivery()">
88249
- <div class="preferred-delivery-date">
88250
- <span [textContent]="'PREFERRED_DELIVERY_DATE_HEADER' | localize"></span>
88251
- <span [textContent]="transaction.transactionInfo.preferredDeliveryDate | date:'dd-MM-yyyy'"></span>
88252
- </div>
88253
- <co-icon class="planning-request-button" [class.co-transaction-check]="transaction.transactionInfo.deliveryDateDefinitive"
88254
- [iconData]="iconCacheService.getIcon(icons.CalendarDayRegular)"></co-icon>
88255
- </div>
88256
- }
88257
- @if (showPlanningDialog) {
88258
- <co-dialog-transaction-planning-request
88259
- (closeClick)="showPlanningDialog = false">
88260
- </co-dialog-transaction-planning-request>
88261
- }
88262
- </div>
88159
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionHeaderCustomerPortalComponent, deps: [{ token: IconCacheService }, { token: TransactionHeaderService }, { token: TransactionService }, { token: TransactionConnectorService }, { token: TransactionPaymentConnectorService }], target: i0.ɵɵFactoryTarget.Component });
88160
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: TransactionHeaderCustomerPortalComponent, isStandalone: false, selector: "co-transaction-header-customer-portal", inputs: { transaction: "transaction", showPreferredPlanning: "showPreferredPlanning" }, host: { properties: { "class.co-transaction-header-customer-portal": "this.showClass" } }, ngImport: i0, template: `
88161
+ <div class="transaction-header-customer-portal">
88162
+ <div class="transaction-order-lines-wrapper">
88163
+ @if (transaction.transactionInfo.transactionKind !== 'S') {
88164
+ <div class="transaction-order-info">
88165
+ <div class="order-number-info">
88166
+ <span [textContent]="'ORDER_NUMBER' | localize"></span>
88167
+ <span [textContent]="transaction.transactionInfo.transactionNr"></span>
88168
+ </div>
88169
+ <div class="order-details-info">
88170
+ <div class="order-detail-section">
88171
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
88172
+ <div class="value">
88173
+ <span [textContent]="transaction.transactionInfo.transactionDate | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
88174
+ </div>
88175
+ </div>
88176
+ @if (transaction.transactionInfo.deliveryDate) {
88177
+ <div class="order-detail-section">
88178
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
88179
+ @if (!transaction.transactionInfo.deliveryDateDefinitive) {
88180
+ <div class="value">
88181
+ <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
88182
+ <span class="expected-label">
88183
+ <span [textContent]="'WEEK' | localize"></span><span [textContent]="getWeekNumber(transaction.transactionInfo.deliveryDate)"></span>
88184
+ </span>
88185
+ </div>
88186
+ }
88187
+ @if (transaction.transactionInfo.deliveryDateDefinitive) {
88188
+ <div class="value">
88189
+ <span [textContent]="transaction.transactionInfo.deliveryDate | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
88190
+ </div>
88191
+ }
88192
+ </div>
88193
+ }
88194
+ <div class="order-detail-section">
88195
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
88196
+ <div class="value totals-wrapper">
88197
+ <span [textContent]="transactionTotal?.netAmount | coCurrency: true"></span>
88198
+ @if (transactionTotal?.totalDiscountAmount > 0 || transactionTotal?.orderTotalDeliveryCostsAmount > 0) {
88199
+ <div class="totals-summary">
88200
+ <co-icon [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)" class="store-icon"></co-icon>
88201
+ <div class="totals-dropdown">
88202
+ <span class="summary gross">
88203
+ <span [textContent]="'TOTAL_GROSS' | localize"></span><span [textContent]="transactionTotal?.grossAmount | coCurrency: true"></span>
88204
+ </span>
88205
+ @if (transactionTotal?.totalDiscountAmount > 0) {
88206
+ <span class="summary discount">
88207
+ <span [textContent]="'DISCOUNT' | localize"></span><span [textContent]="transactionTotal?.totalDiscountAmount | coCurrency: true"></span>
88208
+ </span>
88209
+ }
88210
+ @if (transactionTotal?.orderTotalDeliveryCostsAmount > 0) {
88211
+ <span class="summary delivery">
88212
+ <span [textContent]="'DELIVERY_COSTS' | localize"></span><span [textContent]="transactionTotal?.orderTotalDeliveryCostsAmount | coCurrency: true"></span>
88213
+ </span>
88214
+ }
88215
+ @if (depositAmount > 0) {
88216
+ <div class="deposit-wrapper">
88217
+ <span class="total-label" [textContent]="'DEPOSIT' | localize"></span>
88218
+ <div class="summary deposit">
88219
+ <span [textContent]="'AMOUNT2' | localize"></span>
88220
+ <span [textContent]="depositAmount | coCurrency: true"></span>
88221
+ </div>
88222
+ <div class="summary settled">
88223
+ <span [textContent]="'SETTLED' | localize"></span>
88224
+ <span [textContent]="depositSettled | coCurrency: true"></span>
88225
+ </div>
88226
+ <div class="summary remainder">
88227
+ <span [textContent]="'OUTSTANDING' | localize"></span>
88228
+ <span [textContent]="depositRemainder | coCurrency: true"></span>
88229
+ </div>
88230
+ </div>
88231
+ }
88232
+ <span class="summary total">
88233
+ <span [textContent]="'TOTAL_AMOUNT' | localize"></span><span [textContent]="transactionTotal?.netAmount | coCurrency: true"></span>
88234
+ </span>
88235
+ </div>
88236
+ </div>
88237
+ }
88238
+ </div>
88239
+ </div>
88240
+ </div>
88241
+ </div>
88242
+ }
88243
+ @if (transaction.transactionInfo.transactionKind == 'S') {
88244
+ <div class="transaction-order-info service-wrapper">
88245
+ <div class="order-number-info">
88246
+ <span [textContent]="'SERVICE_NUMBER' | localize"></span>
88247
+ <span [textContent]="transaction.transactionInfo.transactionNr"></span>
88248
+ </div>
88249
+ <div class="order-details-info">
88250
+ <div class="order-detail-section">
88251
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
88252
+ <div class="value">
88253
+ <span [textContent]="transaction.transactionInfo.transactionDate | date:'dd-MM-yyyy'"></span>
88254
+ </div>
88255
+ </div>
88256
+ @if (transaction.transactionInfo.deliveryDate) {
88257
+ <div class="order-detail-section">
88258
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
88259
+ @if (!transaction.transactionInfo.deliveryDateDefinitive) {
88260
+ <div class="value">
88261
+ <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
88262
+ <span class="expected-label">
88263
+ <span [textContent]="'WEEK' | localize"></span><span [textContent]="getWeekNumber(transaction.transactionInfo.deliveryDate)"></span>
88264
+ </span>
88265
+ </div>
88266
+ }
88267
+ @if (transaction.transactionInfo.deliveryDateDefinitive) {
88268
+ <div class="value">
88269
+ <span [textContent]="transaction.transactionInfo.deliveryDate | date:'dd-MM-yyyy'"></span>
88270
+ </div>
88271
+ }
88272
+ </div>
88273
+ }
88274
+ <div class="order-detail-section">
88275
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
88276
+ <div class="value">
88277
+ <span [textContent]="transactionTotal?.netAmount | coCurrency: true"></span>
88278
+ </div>
88279
+ </div>
88280
+ </div>
88281
+ </div>
88282
+ }
88283
+ </div>
88284
+ @if (showPreferredPlanning && !showPlanningDialog) {
88285
+ <div class="planning-request-button-wrapper"
88286
+ (click)="checkCanPlanDelivery()">
88287
+ <div class="preferred-delivery-date">
88288
+ <span [textContent]="'PREFERRED_DELIVERY_DATE_HEADER' | localize"></span>
88289
+ <span [textContent]="transaction.transactionInfo.preferredDeliveryDate | date:'dd-MM-yyyy'"></span>
88290
+ </div>
88291
+ <co-icon class="planning-request-button" [class.co-transaction-check]="transaction.transactionInfo.deliveryDateDefinitive"
88292
+ [iconData]="iconCacheService.getIcon(icons.CalendarDayRegular)"></co-icon>
88293
+ </div>
88294
+ }
88295
+ @if (showPlanningDialog) {
88296
+ <co-dialog-transaction-planning-request
88297
+ (closeClick)="showPlanningDialog = false">
88298
+ </co-dialog-transaction-planning-request>
88299
+ }
88300
+ </div>
88263
88301
  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: DialogTransactionPlanningRequest, selector: "co-dialog-transaction-planning-request", outputs: ["closeClick"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }, { kind: "pipe", type: CoCurrencyPipe, name: "coCurrency" }], encapsulation: i0.ViewEncapsulation.None });
88264
88302
  }
88265
88303
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionHeaderCustomerPortalComponent, decorators: [{
88266
88304
  type: Component,
88267
88305
  args: [{
88268
88306
  selector: 'co-transaction-header-customer-portal',
88269
- template: `
88270
- <div class="transaction-header-customer-portal">
88271
- <div class="transaction-order-lines-wrapper">
88272
- @if (transaction.transactionInfo.transactionKind !== 'S') {
88273
- <div class="transaction-order-info">
88274
- <div class="order-number-info">
88275
- <span [textContent]="'ORDER_NUMBER' | localize"></span>
88276
- <span [textContent]="transaction.transactionInfo.transactionNr"></span>
88277
- </div>
88278
- <div class="order-details-info">
88279
- <div class="order-detail-section">
88280
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
88281
- <div class="value">
88282
- <span [textContent]="transaction.transactionInfo.transactionDate | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
88283
- </div>
88284
- </div>
88285
- @if (transaction.transactionInfo.deliveryDate) {
88286
- <div class="order-detail-section">
88287
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
88288
- @if (!transaction.transactionInfo.deliveryDateDefinitive) {
88289
- <div class="value">
88290
- <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
88291
- <span class="expected-label">
88292
- <span [textContent]="'WEEK' | localize"></span><span [textContent]="getWeekNumber(transaction.transactionInfo.deliveryDate)"></span>
88293
- </span>
88294
- </div>
88295
- }
88296
- @if (transaction.transactionInfo.deliveryDateDefinitive) {
88297
- <div class="value">
88298
- <span [textContent]="transaction.transactionInfo.deliveryDate | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
88299
- </div>
88300
- }
88301
- </div>
88302
- }
88303
- <div class="order-detail-section">
88304
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
88305
- <div class="value totals-wrapper">
88306
- <span [textContent]="transactionTotal?.netAmount | coCurrency: true"></span>
88307
- @if (transactionTotal?.totalDiscountAmount > 0 || transactionTotal?.orderTotalDeliveryCostsAmount > 0) {
88308
- <div class="totals-summary">
88309
- <co-icon [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)" class="store-icon"></co-icon>
88310
- <div class="totals-dropdown">
88311
- <span class="summary gross">
88312
- <span [textContent]="'TOTAL_GROSS' | localize"></span><span [textContent]="transactionTotal?.grossAmount | coCurrency: true"></span>
88313
- </span>
88314
- @if (transactionTotal?.totalDiscountAmount > 0) {
88315
- <span class="summary discount">
88316
- <span [textContent]="'DELIVERY_COSTS' | localize"></span><span [textContent]="transactionTotal?.totalDiscountAmount | coCurrency: true"></span>
88317
- </span>
88318
- }
88319
- @if (transactionTotal?.orderTotalDeliveryCostsAmount > 0) {
88320
- <span class="summary delivery">
88321
- <span [textContent]="'DELIVERY_COSTS' | localize"></span><span [textContent]="transactionTotal?.orderTotalDeliveryCostsAmount | coCurrency: true"></span>
88322
- </span>
88323
- }
88324
- <span class="summary total">
88325
- <span [textContent]="'TOTAL_AMOUNT' | localize"></span><span [textContent]="transactionTotal?.netAmount | coCurrency: true"></span>
88326
- </span>
88327
- </div>
88328
- </div>
88329
- }
88330
- </div>
88331
- </div>
88332
- </div>
88333
- </div>
88334
- }
88335
- @if (transaction.transactionInfo.transactionKind == 'S') {
88336
- <div class="transaction-order-info service-wrapper">
88337
- <div class="order-number-info">
88338
- <span [textContent]="'SERVICE_NUMBER' | localize"></span>
88339
- <span [textContent]="transaction.transactionInfo.transactionNr"></span>
88340
- </div>
88341
- <div class="order-details-info">
88342
- <div class="order-detail-section">
88343
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
88344
- <div class="value">
88345
- <span [textContent]="transaction.transactionInfo.transactionDate | date:'dd-MM-yyyy'"></span>
88346
- </div>
88347
- </div>
88348
- @if (transaction.transactionInfo.deliveryDate) {
88349
- <div class="order-detail-section">
88350
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
88351
- @if (!transaction.transactionInfo.deliveryDateDefinitive) {
88352
- <div class="value">
88353
- <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
88354
- <span class="expected-label">
88355
- <span [textContent]="'WEEK' | localize"></span><span [textContent]="getWeekNumber(transaction.transactionInfo.deliveryDate)"></span>
88356
- </span>
88357
- </div>
88358
- }
88359
- @if (transaction.transactionInfo.deliveryDateDefinitive) {
88360
- <div class="value">
88361
- <span [textContent]="transaction.transactionInfo.deliveryDate | date:'dd-MM-yyyy'"></span>
88362
- </div>
88363
- }
88364
- </div>
88365
- }
88366
- <div class="order-detail-section">
88367
- <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
88368
- <div class="value">
88369
- <span [textContent]="transactionTotal?.netAmount | coCurrency: true"></span>
88370
- </div>
88371
- </div>
88372
- </div>
88373
- </div>
88374
- }
88375
- </div>
88376
- @if (showPreferredPlanning && !showPlanningDialog) {
88377
- <div class="planning-request-button-wrapper"
88378
- (click)="checkCanPlanDelivery()">
88379
- <div class="preferred-delivery-date">
88380
- <span [textContent]="'PREFERRED_DELIVERY_DATE_HEADER' | localize"></span>
88381
- <span [textContent]="transaction.transactionInfo.preferredDeliveryDate | date:'dd-MM-yyyy'"></span>
88382
- </div>
88383
- <co-icon class="planning-request-button" [class.co-transaction-check]="transaction.transactionInfo.deliveryDateDefinitive"
88384
- [iconData]="iconCacheService.getIcon(icons.CalendarDayRegular)"></co-icon>
88385
- </div>
88386
- }
88387
- @if (showPlanningDialog) {
88388
- <co-dialog-transaction-planning-request
88389
- (closeClick)="showPlanningDialog = false">
88390
- </co-dialog-transaction-planning-request>
88391
- }
88392
- </div>
88307
+ template: `
88308
+ <div class="transaction-header-customer-portal">
88309
+ <div class="transaction-order-lines-wrapper">
88310
+ @if (transaction.transactionInfo.transactionKind !== 'S') {
88311
+ <div class="transaction-order-info">
88312
+ <div class="order-number-info">
88313
+ <span [textContent]="'ORDER_NUMBER' | localize"></span>
88314
+ <span [textContent]="transaction.transactionInfo.transactionNr"></span>
88315
+ </div>
88316
+ <div class="order-details-info">
88317
+ <div class="order-detail-section">
88318
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
88319
+ <div class="value">
88320
+ <span [textContent]="transaction.transactionInfo.transactionDate | date:'dd-MM-yyyy'" [title]="'TRANSACTION_DATE' | localize"></span>
88321
+ </div>
88322
+ </div>
88323
+ @if (transaction.transactionInfo.deliveryDate) {
88324
+ <div class="order-detail-section">
88325
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
88326
+ @if (!transaction.transactionInfo.deliveryDateDefinitive) {
88327
+ <div class="value">
88328
+ <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
88329
+ <span class="expected-label">
88330
+ <span [textContent]="'WEEK' | localize"></span><span [textContent]="getWeekNumber(transaction.transactionInfo.deliveryDate)"></span>
88331
+ </span>
88332
+ </div>
88333
+ }
88334
+ @if (transaction.transactionInfo.deliveryDateDefinitive) {
88335
+ <div class="value">
88336
+ <span [textContent]="transaction.transactionInfo.deliveryDate | date:'dd-MM-yyyy'" [title]="'DELIVERY_DATE' | localize"></span>
88337
+ </div>
88338
+ }
88339
+ </div>
88340
+ }
88341
+ <div class="order-detail-section">
88342
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
88343
+ <div class="value totals-wrapper">
88344
+ <span [textContent]="transactionTotal?.netAmount | coCurrency: true"></span>
88345
+ @if (transactionTotal?.totalDiscountAmount > 0 || transactionTotal?.orderTotalDeliveryCostsAmount > 0) {
88346
+ <div class="totals-summary">
88347
+ <co-icon [iconData]="iconCacheService.getIcon(icons.CircleInfoRegular)" class="store-icon"></co-icon>
88348
+ <div class="totals-dropdown">
88349
+ <span class="summary gross">
88350
+ <span [textContent]="'TOTAL_GROSS' | localize"></span><span [textContent]="transactionTotal?.grossAmount | coCurrency: true"></span>
88351
+ </span>
88352
+ @if (transactionTotal?.totalDiscountAmount > 0) {
88353
+ <span class="summary discount">
88354
+ <span [textContent]="'DISCOUNT' | localize"></span><span [textContent]="transactionTotal?.totalDiscountAmount | coCurrency: true"></span>
88355
+ </span>
88356
+ }
88357
+ @if (transactionTotal?.orderTotalDeliveryCostsAmount > 0) {
88358
+ <span class="summary delivery">
88359
+ <span [textContent]="'DELIVERY_COSTS' | localize"></span><span [textContent]="transactionTotal?.orderTotalDeliveryCostsAmount | coCurrency: true"></span>
88360
+ </span>
88361
+ }
88362
+ @if (depositAmount > 0) {
88363
+ <div class="deposit-wrapper">
88364
+ <span class="total-label" [textContent]="'DEPOSIT' | localize"></span>
88365
+ <div class="summary deposit">
88366
+ <span [textContent]="'AMOUNT2' | localize"></span>
88367
+ <span [textContent]="depositAmount | coCurrency: true"></span>
88368
+ </div>
88369
+ <div class="summary settled">
88370
+ <span [textContent]="'SETTLED' | localize"></span>
88371
+ <span [textContent]="depositSettled | coCurrency: true"></span>
88372
+ </div>
88373
+ <div class="summary remainder">
88374
+ <span [textContent]="'OUTSTANDING' | localize"></span>
88375
+ <span [textContent]="depositRemainder | coCurrency: true"></span>
88376
+ </div>
88377
+ </div>
88378
+ }
88379
+ <span class="summary total">
88380
+ <span [textContent]="'TOTAL_AMOUNT' | localize"></span><span [textContent]="transactionTotal?.netAmount | coCurrency: true"></span>
88381
+ </span>
88382
+ </div>
88383
+ </div>
88384
+ }
88385
+ </div>
88386
+ </div>
88387
+ </div>
88388
+ </div>
88389
+ }
88390
+ @if (transaction.transactionInfo.transactionKind == 'S') {
88391
+ <div class="transaction-order-info service-wrapper">
88392
+ <div class="order-number-info">
88393
+ <span [textContent]="'SERVICE_NUMBER' | localize"></span>
88394
+ <span [textContent]="transaction.transactionInfo.transactionNr"></span>
88395
+ </div>
88396
+ <div class="order-details-info">
88397
+ <div class="order-detail-section">
88398
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingClock)" class="store-icon"></co-icon>
88399
+ <div class="value">
88400
+ <span [textContent]="transaction.transactionInfo.transactionDate | date:'dd-MM-yyyy'"></span>
88401
+ </div>
88402
+ </div>
88403
+ @if (transaction.transactionInfo.deliveryDate) {
88404
+ <div class="order-detail-section">
88405
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularTruckMovingClock)" class="store-icon"></co-icon>
88406
+ @if (!transaction.transactionInfo.deliveryDateDefinitive) {
88407
+ <div class="value">
88408
+ <span class="expected" [textContent]="'EXPECTED_DELIVERY_WEEK' | localize"></span>
88409
+ <span class="expected-label">
88410
+ <span [textContent]="'WEEK' | localize"></span><span [textContent]="getWeekNumber(transaction.transactionInfo.deliveryDate)"></span>
88411
+ </span>
88412
+ </div>
88413
+ }
88414
+ @if (transaction.transactionInfo.deliveryDateDefinitive) {
88415
+ <div class="value">
88416
+ <span [textContent]="transaction.transactionInfo.deliveryDate | date:'dd-MM-yyyy'"></span>
88417
+ </div>
88418
+ }
88419
+ </div>
88420
+ }
88421
+ <div class="order-detail-section">
88422
+ <co-icon [iconData]="iconCacheService.getIcon(icons.RegularCartShoppingTag)" class="store-icon"></co-icon>
88423
+ <div class="value">
88424
+ <span [textContent]="transactionTotal?.netAmount | coCurrency: true"></span>
88425
+ </div>
88426
+ </div>
88427
+ </div>
88428
+ </div>
88429
+ }
88430
+ </div>
88431
+ @if (showPreferredPlanning && !showPlanningDialog) {
88432
+ <div class="planning-request-button-wrapper"
88433
+ (click)="checkCanPlanDelivery()">
88434
+ <div class="preferred-delivery-date">
88435
+ <span [textContent]="'PREFERRED_DELIVERY_DATE_HEADER' | localize"></span>
88436
+ <span [textContent]="transaction.transactionInfo.preferredDeliveryDate | date:'dd-MM-yyyy'"></span>
88437
+ </div>
88438
+ <co-icon class="planning-request-button" [class.co-transaction-check]="transaction.transactionInfo.deliveryDateDefinitive"
88439
+ [iconData]="iconCacheService.getIcon(icons.CalendarDayRegular)"></co-icon>
88440
+ </div>
88441
+ }
88442
+ @if (showPlanningDialog) {
88443
+ <co-dialog-transaction-planning-request
88444
+ (closeClick)="showPlanningDialog = false">
88445
+ </co-dialog-transaction-planning-request>
88446
+ }
88447
+ </div>
88393
88448
  `,
88394
88449
  encapsulation: ViewEncapsulation.None,
88395
88450
  standalone: false
88396
88451
  }]
88397
- }], ctorParameters: () => [{ type: IconCacheService }, { type: TransactionHeaderService }, { type: TransactionService }, { type: TransactionConnectorService }], propDecorators: { transaction: [{
88452
+ }], ctorParameters: () => [{ type: IconCacheService }, { type: TransactionHeaderService }, { type: TransactionService }, { type: TransactionConnectorService }, { type: TransactionPaymentConnectorService }], propDecorators: { transaction: [{
88398
88453
  type: Input
88399
88454
  }], showClass: [{
88400
88455
  type: HostBinding,