@colijnit/transaction 12.1.190 → 12.1.191

package/esm2015/lib/transaction-version.js

@@ -3,8 +3,8 @@ export class Version {
     constructor() {
         this.name = "@colijnit/transaction";
         this.description = "Colijn IT transaction package";
-        this.symVer = "12.1.190";
-        this.publishDate = "17-2-2024 11:14:23";
+        this.symVer = "12.1.191";
+        this.publishDate = "20-2-2024 18:15:42";
     }
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNhY3Rpb24tdmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3RyYW5zYWN0aW9uL3NyYy9saWIvdHJhbnNhY3Rpb24tdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1REFBdUQ7QUFDdkQsTUFBTSxPQUFPLE9BQU87SUFBcEI7UUFDUyxTQUFJLEdBQUcsdUJBQXVCLENBQUM7UUFDL0IsZ0JBQVcsR0FBRywrQkFBK0IsQ0FBQztRQUM5QyxXQUFNLEdBQUcsVUFBVSxDQUFDO1FBQ3BCLGdCQUFXLEdBQUcsb0JBQW9CLENBQUM7SUFDNUMsQ0FBQztDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiLy8gdGhpcyBmaWxlIGlzIGR5bmFtaWNhbGx5IGNyZWF0ZWQsIGRvIG5vdCBjaGFuZ2UgdGhpc1xuZXhwb3J0IGNsYXNzIFZlcnNpb24ge1xuICBwdWJsaWMgbmFtZSA9IFwiQGNvbGlqbml0L3RyYW5zYWN0aW9uXCI7XG4gIHB1YmxpYyBkZXNjcmlwdGlvbiA9IFwiQ29saWpuIElUIHRyYW5zYWN0aW9uIHBhY2thZ2VcIjtcbiAgcHVibGljIHN5bVZlciA9IFwiMTIuMS4xOTBcIjtcbiAgcHVibGljIHB1Ymxpc2hEYXRlID0gXCIxNy0yLTIwMjQgMTE6MTQ6MjNcIjtcbn0iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNhY3Rpb24tdmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3RyYW5zYWN0aW9uL3NyYy9saWIvdHJhbnNhY3Rpb24tdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1REFBdUQ7QUFDdkQsTUFBTSxPQUFPLE9BQU87SUFBcEI7UUFDUyxTQUFJLEdBQUcsdUJBQXVCLENBQUM7UUFDL0IsZ0JBQVcsR0FBRywrQkFBK0IsQ0FBQztRQUM5QyxXQUFNLEdBQUcsVUFBVSxDQUFDO1FBQ3BCLGdCQUFXLEdBQUcsb0JBQW9CLENBQUM7SUFDNUMsQ0FBQztDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiLy8gdGhpcyBmaWxlIGlzIGR5bmFtaWNhbGx5IGNyZWF0ZWQsIGRvIG5vdCBjaGFuZ2UgdGhpc1xuZXhwb3J0IGNsYXNzIFZlcnNpb24ge1xuICBwdWJsaWMgbmFtZSA9IFwiQGNvbGlqbml0L3RyYW5zYWN0aW9uXCI7XG4gIHB1YmxpYyBkZXNjcmlwdGlvbiA9IFwiQ29saWpuIElUIHRyYW5zYWN0aW9uIHBhY2thZ2VcIjtcbiAgcHVibGljIHN5bVZlciA9IFwiMTIuMS4xOTFcIjtcbiAgcHVibGljIHB1Ymxpc2hEYXRlID0gXCIyMC0yLTIwMjQgMTg6MTU6NDJcIjtcbn0iXX0=

package/fesm2015/colijnit-transaction.js

@@ -220,8 +220,8 @@ class Version {
     constructor() {
         this.name = "@colijnit/transaction";
         this.description = "Colijn IT transaction package";
-        this.symVer = "12.1.190";
-        this.publishDate = "17-2-2024 11:14:23";
+        this.symVer = "12.1.191";
+        this.publishDate = "20-2-2024 18:15:42";
     }
 }
 
@@ -6399,6 +6399,8 @@ var TransactionCfgName;
     TransactionCfgName["AddTransactionBtn"] = "addTransactionBtn";
     TransactionCfgName["DeleteTransactionBtn"] = "deleteTransactionBtn";
     TransactionCfgName["CopyTransactionBtn"] = "copyTransactionBtn";
+    TransactionCfgName["HeaderHandledBy"] = "headerHandledBy";
+    TransactionCfgName["HeaderBranch"] = "headerBranch";
     /*Transaction header*/
     TransactionCfgName["OrderInfoHeader"] = "orderInfoHeader";
     TransactionCfgName["DeliveryInfoHeader"] = "deliveryInfoHeader";
@@ -6442,6 +6444,7 @@ var TransactionCfgName;
     TransactionCfgName["SalesPerson"] = "salesPerson";
     TransactionCfgName["Buyer"] = "buyer";
     TransactionCfgName["MarketingCode"] = "marketingCode";
+    TransactionCfgName["ProjectCode"] = "projectCode";
     TransactionCfgName["HeaderPaymentAvatarHeader"] = "headerPaymentAvatarHeader";
     TransactionCfgName["HeaderPaymentPercentageHeader"] = "headerPaymentPercentageHeader";
     TransactionCfgName["HeaderPaymentAmountHeader"] = "headerPaymentAmountHeader";
@@ -13401,9 +13404,11 @@ TransactionLineImageAndDescriptionComponent.decorators = [
                 selector: "co-transaction-line-image-and-description",
                 template: `
     <span class="transaction-field-label" [textContent]="'ARTICLE_INFORMATION' | localize" *ngIf="isFirst"></span>
-    <div class="transaction-line-image" [class.preview]="preview" [screenConfigurationObject]="imageAndDescriptionConfigNames?.image" screenConfigNativeElement>
+    <div *ngIf="!transactionLine.isPayment" class="transaction-line-image" [class.preview]="preview" [screenConfigurationObject]="imageAndDescriptionConfigNames?.image" screenConfigNativeElement>
       <co-image-display [model]="image"></co-image-display>
     </div>
+    <co-icon *ngIf="transactionLine.isPayment" class="payment-line-icon" [iconData]="iconCacheService.getIcon(icons.UpFromLineRegular)">
+    </co-icon>
     <div class="colorBlock" *ngIf="transactionLine.color" [style.background-color]="transactionLine.color"></div>
     <div class="transaction-line-description" data-action="openSidePanel">
       <div class="description-wrapper">
@@ -18788,25 +18793,27 @@ TransactionCashRegisterOrderLineComponent.decorators = [
         [checkbox]="false"
         [actionButtons]="false"
         observeVisibility #observer=visibilityObserve (visibilityChange)="handleVisibilityChange(transactionLine, $event)">
-        <div class="line-content-wrapper">
-          <co-transaction-line-warehouse-button [transactionLine]="transactionLine" [transactionInfo]="transactionInfo"></co-transaction-line-warehouse-button>
-          <co-transaction-line-vat-button [transactionLine]="transactionLine" [transactionInfo]="transactionInfo"></co-transaction-line-vat-button>
-          <co-editable-label class="transaction-line-totals-total price"
-                             [model]="(transactionLine.price + transactionLine.discountAmount) | coCurrency"
-                             [crossedOut]="!!transactionLine.discountAmount"
-                             [editModel]="transactionLine.displayNetLineTotal"
-                             [readonly]="true"
-          ></co-editable-label>
-          <co-transaction-line-discount-button [transactionLine]="transactionLine" [transactionInfo]="transactionInfo"></co-transaction-line-discount-button>
-          <co-editable-label class="transaction-line-totals-total price"
+        <div class="line-content-wrapper" [class.payment-line]="transactionLine && transactionLine.isPayment">
+          <co-transaction-line-warehouse-button *ngIf="!transactionLine.isPayment" [transactionLine]="transactionLine" [transactionInfo]="transactionInfo"></co-transaction-line-warehouse-button>
+          <co-transaction-line-vat-button *ngIf="!transactionLine.isPayment" [transactionLine]="transactionLine" [transactionInfo]="transactionInfo"></co-transaction-line-vat-button>
+          <co-transaction-line-price *ngIf="!transactionLine.isPayment" class="transaction-line-totals-price price"
+                                     [screenConfigurationObject]="cfgNames.LinePrice"
+                                     [transactionInfo]="transactionInfo"
+                                     [transactionLine]="transactionLine"
+                                     [showLabel]="false"
+                                     [defaultEditMode]="false"
+          ></co-transaction-line-price>
+          <co-transaction-line-discount-button *ngIf="!transactionLine.isPayment" [transactionLine]="transactionLine" [transactionInfo]="transactionInfo"></co-transaction-line-discount-button>
+          <co-editable-label *ngIf="!transactionLine.isPayment"
+                             class="transaction-line-totals-total price"
                              [model]="transactionLine.price | coCurrency"
                              [readonly]="true"
           ></co-editable-label>
-          <div class="transaction-line-totals-amount">
+          <div class="transaction-line-totals-amount" *ngIf="!transactionLine.isPayment">
             <co-transaction-line-amount class="amount-number-picker" [transactionLine]="transactionLine"
                                         [transactionInfo]="transactionInfo"></co-transaction-line-amount>
           </div>
-          <co-editable-label class="transaction-line-totals-total price"
+          <co-editable-label class="transaction-line-totals-total price" [class.payment-label]="transactionLine && transactionLine.isPayment"
                              [model]="transactionLine.displayNetLineTotal | coCurrency"
                              [editModel]="transactionLine.displayNetLineTotal"
                              [readonly]="true"
@@ -20001,11 +20008,12 @@ class TransactionLinesSidePanelCashDeskComponent extends TransactionBaseComponen
     handlePayed() {
         this.transactionEventService.posOrderPayed.next();
     }
-    //TODO TO BE REINSTATED ONCE BACKEND SUPPORT IS FIXED-->
-    /*public async createExpenseForOrder(request: TransactionAddPaymentLineRequest): Promise<void> {
-      this.showExpenseDialog = false;
-      await this.transactionService.addPaymentLineToTransaction(request);
-    }*/
+    createExpenseForOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.showExpenseDialog = false;
+            yield this.transactionService.addPaymentLineToTransaction(request);
+        });
+    }
     paymentMethodSelected(method, index) {
         this.cashRegisterNr = this.posOrderData ? this.posOrderData.cashRegisterNr : this.transaction.transactionInfo.cashRegisterNr;
         this.cashRegisterGroupId = this.posOrderData ? this.posOrderData.cashRegisterGroupId : this.transaction.transactionInfo.cashRegisterGroupId;
@@ -20025,13 +20033,11 @@ TransactionLinesSidePanelCashDeskComponent.decorators = [
     { type: Component, args: [{
                 selector: 'co-transaction-lines-side-panel-cash-desk',
                 template: `
-    <!--TODO TO BE REINSTATED ONCE BACKEND SUPPORT IS FIXED-->
-    <!--
      <div class="cash-register-button-wrapper">
        <co-button class="expense-button" [iconData]="iconCacheService.getIcon(icons.UpFromLineRegular)"
                   [label]="'EXPENSE' | localize" (click)="showExpenseDialog = true">
        </co-button>
-     </div>-->
+     </div>
      <div class="cash-register-payment-methods-wrapper">
          <co-payment-tile *ngFor="let paymentMethod of paymentMethods; let index = index"
                           [image]="paymentMethod.image"
@@ -20059,13 +20065,12 @@ TransactionLinesSidePanelCashDeskComponent.decorators = [
                                                   (closeDialog)="showCashRegisterPaymentDialog = false"
      >
      </co-transaction-cash-register-payment-dialog>
-     <!--TODO TO BE REINSTATED ONCE BACKEND SUPPORT IS FIXED-->
-     <!-- <co-transaction-cash-register-order-expense-dialog *ngIf="showExpenseDialog"
+     <co-transaction-cash-register-order-expense-dialog *ngIf="showExpenseDialog"
                                                          [transaction]="this.transaction"
                                                          (cancelClicked)="showExpenseDialog = false"
                                                          (okayClicked)="createExpenseForOrder($event)"
       >
-      </co-transaction-cash-register-order-expense-dialog>-->
+      </co-transaction-cash-register-order-expense-dialog>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -21119,7 +21124,7 @@ TransactionBaseLineComponent.decorators = [
                            (modelChange)="checkboxValueChanged.emit($event)"
         ></co-input-checkbox>
         <co-transaction-line-image-and-description
-          *ngIf="transactionLine.isArticle" class="transaction-line-image-and-description-wrapper"
+          *ngIf="transactionLine.isArticle || transactionLine.isPayment" class="transaction-line-image-and-description-wrapper"
           [preview]="preview"
           [isFirst]="isFirst"
           [showPurchaseDesc]="showPurchaseDescAndPrice"
@@ -25423,7 +25428,9 @@ TransactionCashRegisterOrderLineModule.decorators = [
                     TransactionLineVatButtonModule,
                     CoCurrencyPipeModule,
                     TransactionLineDiscountButtonModule,
-                    TransactionLineAmountModule
+                    TransactionLineAmountModule,
+                    TransactionLinePriceModule,
+                    ScreenConfigurationModule
                 ],
                 declarations: [
                     TransactionCashRegisterOrderLineComponent
@@ -29060,7 +29067,7 @@ TransactionHeaderPopupOrderComponent.decorators = [
             <co-transaction-header-sales-person *ngIf="transactionKind === transKind.PurchaseOrder"
                 [screenConfigurationObject]="cfgNames.Buyer" [label]="'PURCHASE_PERSON'" [transactionInfo]="transactionInfo" [lockAndSave]="false"></co-transaction-header-sales-person>
             <co-transaction-header-currency  [screenConfigurationObject]="cfgNames.Currency" [transactionInfo]="transactionInfo" [lockAndSave]="false"></co-transaction-header-currency>
-            <co-transaction-header-project-code [screenConfigurationObject]="cfgNames.Currency" [transactionInfo]="transactionInfo" [lockAndSave]="false"></co-transaction-header-project-code>
+            <co-transaction-header-project-code [screenConfigurationObject]="cfgNames.ProjectCode" [transactionInfo]="transactionInfo" [lockAndSave]="false"></co-transaction-header-project-code>
           </div>
         </div>
         <div class="transaction-header-popup-section" *ngIf="transactionInfo.transactionKind === transKind.SalesQuotation">
@@ -31882,6 +31889,13 @@ class TransactionInternalComponent {
         // Adjust the width condition as needed
         return this.screenWidth < 1280; // Show the div if screen width is smaller than 1280px
     }
+    fullyInvoiced() {
+        return (this.transaction &&
+            this.transaction.transactionInfo &&
+            this.transaction.transactionInfo.headerInfoStatus &&
+            this.transaction.transactionInfo.headerInfoStatus.hasOwnProperty('isFullyInvoiced') &&
+            this.transaction.transactionInfo.headerInfoStatus.isFullyInvoiced);
+    }
     _getOrderLineSetIfExists(line) {
         if (!line.orderLineSetCode) {
             return null;
@@ -31931,122 +31945,130 @@ TransactionInternalComponent.decorators = [
     { type: Component, args: [{
                 selector: 'co-transaction-internal',
                 template: `
-        <ng-container *ngIf="loaded">
-            <co-transaction-header *ngIf="showHeader" [transaction]="transaction" [relation]="relation"
-                                   (relationChange)="handleRelationChange($event)"></co-transaction-header>
+      <ng-container *ngIf="loaded">
+          <co-transaction-header *ngIf="showHeader" [transaction]="transaction" [relation]="relation"
+                                 (relationChange)="handleRelationChange($event)"></co-transaction-header>
 
-            <div class="transaction-lines-header">
-                <co-transaction-quick-access *ngIf="showQuickAccess" class="transaction-lines-header-item"
-                                             [transaction]="transaction"
-                                             [relation]="relation"
-                                             [activeCategory]="activeCategory"
-                ></co-transaction-quick-access>
-                <co-transaction-button-bar *ngIf="showButtonBar" class="transaction-lines-header-item"
-                                           [selectedCategory]="activeCategory"
-                                           (buttonClicked)="handleButtonBarButtonClicked($event)"
-                ></co-transaction-button-bar>
-                <div class="transaction-lines-header-item right">
-                    <co-avatar class="transaction-sales-avatar" [relationId]="transaction.transactionInfo.handledBy"></co-avatar>
-                    <co-avatar class="transaction-sales-avatar"
-                               [relationId]="transaction.transactionInfo.branch?.relationId"></co-avatar>
-                    <co-view-mode-buttons *ngIf="!shouldShowTiles()" [showViewModes]="[viewModes.List, viewModes.Tiles]"
-                                          (viewModeChange)="activeViewMode = $event"></co-view-mode-buttons>
-                </div>
-            </div>
-            <div class="transaction-lines-content-wrapper">
-            <!--<co-transaction-document-button-bar [transaction]="transaction"></co-transaction-document-button-bar>-->
-                <div class="transaction-lines-content">
-                    <div class="transaction-tiles-wrapper" *ngIf="activeViewMode === viewModes.Tiles || shouldShowTiles()">
-                        <co-transaction-card
-                          *ngFor="let line of (historicTransactionLines ? historicTransactionLines : transaction.transactionLines)"
-                          [statusBarConfigNames]="statusBarConfigNames"
-                          [transaction]="transaction"
-                          [transactionLine]="line"
-                          [readonly]="historicTransactionLines !== null"
-                          [activeCategory]="activeCategory"
-                        ></co-transaction-card>
-                    </div>
-                    <div class="transaction-lines-wrapper" *ngIf="activeViewMode === viewModes.List && !shouldShowTiles()">
-                        <co-transaction-lines
-                          [transaction]="transaction"
-                          [activeCategory]="activeCategory"
-                          (saveTransactionLine)="saveTransactionLineText($event)"
-                        ></co-transaction-lines>
-                    </div>
-                    <div class="transaction-footer-wrapper">
+          <div class="transaction-lines-header">
+              <co-transaction-quick-access *ngIf="showQuickAccess" class="transaction-lines-header-item"
+                                           [transaction]="transaction"
+                                           [relation]="relation"
+                                           [activeCategory]="activeCategory"
+              ></co-transaction-quick-access>
+              <co-transaction-button-bar *ngIf="showButtonBar" class="transaction-lines-header-item"
+                                         [selectedCategory]="activeCategory"
+                                         (buttonClicked)="handleButtonBarButtonClicked($event)"
+              ></co-transaction-button-bar>
+              <div class="transaction-lines-header-item right">
+                  <co-avatar class="transaction-sales-avatar" [relationId]="transaction.transactionInfo.handledBy"
+                             [screenConfigurationObject]="cfgNames.HeaderHandledBy" screenConfigNativeElement></co-avatar>
+                  <co-avatar class="transaction-sales-avatar"
+                             [relationId]="transaction.transactionInfo.branch?.relationId"
+                             [screenConfigurationObject]="cfgNames.HeaderBranch" screenConfigNativeElement></co-avatar>
+                  <co-view-mode-buttons *ngIf="!shouldShowTiles()" [showViewModes]="[viewModes.List, viewModes.Tiles]"
+                                        (viewModeChange)="activeViewMode = $event"></co-view-mode-buttons>
+              </div>
+          </div>
+          <div class="transaction-lines-content-wrapper">
+              <!--<co-transaction-document-button-bar [transaction]="transaction"></co-transaction-document-button-bar>-->
+              <div class="transaction-lines-content">
+                  <div class="transaction-tiles-wrapper" *ngIf="activeViewMode === viewModes.Tiles || shouldShowTiles()">
+                      <co-transaction-card
+                              *ngFor="let line of (historicTransactionLines ? historicTransactionLines : transaction.transactionLines)"
+                              [statusBarConfigNames]="statusBarConfigNames"
+                              [transaction]="transaction"
+                              [transactionLine]="line"
+                              [readonly]="historicTransactionLines !== null"
+                              [activeCategory]="activeCategory"
+                      ></co-transaction-card>
+                  </div>
+                  <div class="transaction-lines-wrapper" *ngIf="activeViewMode === viewModes.List && !shouldShowTiles()">
+                      <co-transaction-lines
+                              [transaction]="transaction"
+                              [activeCategory]="activeCategory"
+                              (saveTransactionLine)="saveTransactionLineText($event)"
+                      ></co-transaction-lines>
+                  </div>
+                  <div class="transaction-footer-wrapper">
                       <div class="transaction-footer-left">
-                        <co-add-product
-                          *ngIf="activeCategory === categories.SalesOrderCashRegister || activeCategory === categories.SalesOrderOverview || activeCategory === categories.PurchaseOrderOverview || activeCategory === categories.SalesOrderQuotation">
-                        </co-add-product>
-                        <co-transaction-button  class="custom-width"
-                                                [iconData]="iconCacheService.getIcon(icons.TextSolid)"
-                                                (click)="handleTransactionText()"
-                                                [label]="'ORDER_TEXT_LINE' | localize">
-                        </co-transaction-button>
+                          <co-add-product
+                                  *ngIf="activeCategory === categories.SalesOrderCashRegister || activeCategory === categories.SalesOrderOverview || activeCategory === categories.PurchaseOrderOverview || activeCategory === categories.SalesOrderQuotation">
+                          </co-add-product>
+                          <co-transaction-button class="custom-width"
+                                                 [iconData]="iconCacheService.getIcon(icons.TextSolid)"
+                                                 (click)="handleTransactionText()"
+                                                 [label]="'ORDER_TEXT_LINE' | localize">
+                          </co-transaction-button>
                       </div>
                       <co-transaction-totals
-                          [transactionInfo]="transaction.transactionInfo"
-                          [transactionTotal]="transaction.transactionTotal"
-                          [showDiscount]="true"
-                        ></co-transaction-totals>
-                    </div>
-                </div>
-                <co-transaction-lines-side-panel *ngIf="transaction && transaction.transactionInfo.transactionKind === transactionKind.CashDesk"
-                  [posOrderData]="posOrderData"
-                  [transaction]="transaction"
-                ></co-transaction-lines-side-panel>
-                <co-transaction-line-side-panel *ngIf="showSidePanel"
-                                                [transaction]="transaction"
-                                                [transactionInfo]="transaction.transactionInfo"
-                                                [transactionLine]="sidePanelTransactionLine"
-                                                [activeCategory]="activeCategory"
-                                                (cancelClick)="showSidePanel = false"
-                ></co-transaction-line-side-panel>
+                              [transactionInfo]="transaction.transactionInfo"
+                              [transactionTotal]="transaction.transactionTotal"
+                              [showDiscount]="true"
+                      ></co-transaction-totals>
+                  </div>
+              </div>
+              <co-transaction-lines-side-panel
+                      *ngIf="transaction && transaction.transactionInfo.transactionKind === transactionKind.CashDesk && !fullyInvoiced()"
+                      [posOrderData]="posOrderData"
+                      [transaction]="transaction"
+              ></co-transaction-lines-side-panel>
+              <co-transaction-line-side-panel *ngIf="showSidePanel"
+                                              [transaction]="transaction"
+                                              [transactionInfo]="transaction.transactionInfo"
+                                              [transactionLine]="sidePanelTransactionLine"
+                                              [activeCategory]="activeCategory"
+                                              (cancelClick)="showSidePanel = false"
+              ></co-transaction-line-side-panel>
 
-                <!--Popup voor wijzigen volgorde van tekstregels-->
-                <co-transaction-article-text-overview *ngIf="showArticleTextOverview"
-                                                      [transactionInfo]="transaction.transactionInfo"
-                                                      [transactionLine]="transactionLine"
-                                                      (closeClick)="closeArticleTextOverview()"
-                                                      (cancelClick)="closeArticleTextOverview()"
-                ></co-transaction-article-text-overview>
+              <!--Popup voor wijzigen volgorde van tekstregels-->
+              <co-transaction-article-text-overview *ngIf="showArticleTextOverview"
+                                                    [transactionInfo]="transaction.transactionInfo"
+                                                    [transactionLine]="transactionLine"
+                                                    (closeClick)="closeArticleTextOverview()"
+                                                    (cancelClick)="closeArticleTextOverview()"
+              ></co-transaction-article-text-overview>
 
-                <!--Popup voor aanmaken en updaten transactietekstregels-->
-                <co-transaction-article-text *ngIf="showTransactionText"
-                                             [header]="'ORDER_TEXT_LINE' | localize"
-                                             [transactionUuid]="transaction.transactionInfo.uuid"
-                                             [editText]="textToEdit"
-                                             [orderLineSetDTO]="selectedOrderLineSetDTO"
-                                             [transactionLine]="transactionLine"
-                                             (saveClick)="saveTransactionLineText($event)"
-                                             (closeClick)="closeTransactionText()"
-                                             (cancelClick)="closeTransactionText()"
-                                             (saveOrderLineSetClick)="saveOrderLineSet($event)"
+              <!--Popup voor aanmaken en updaten transactietekstregels-->
+              <co-transaction-article-text *ngIf="showTransactionText"
+                                           [header]="'ORDER_TEXT_LINE' | localize"
+                                           [transactionUuid]="transaction.transactionInfo.uuid"
+                                           [editText]="textToEdit"
+                                           [orderLineSetDTO]="selectedOrderLineSetDTO"
+                                           [transactionLine]="transactionLine"
+                                           (saveClick)="saveTransactionLineText($event)"
+                                           (closeClick)="closeTransactionText()"
+                                           (cancelClick)="closeTransactionText()"
+                                           (saveOrderLineSetClick)="saveOrderLineSet($event)"
 
-                ></co-transaction-article-text>
+              ></co-transaction-article-text>
 
-                <!--Popup voor aanmaken en updaten artikeltekstregels-->
-                <co-transaction-article-text *ngIf="showArticleText"
-                                             [header]="'PRODUCT_DESCRIPTION_AND_TEXTS' | localize"
-                                             [transactionUuid]="transaction.transactionInfo.uuid"
-                                             [showArticleImageDescription]="transactionLine.articleBound"
-                                             [showImage]="false"
-                                             [articleLineNr]="transactionLine.lineNr"
-                                             [articleRef]="transactionLine.articleNumber"
-                                             [transactionLine]="transactionLine"
-                                             [editText]="textToEdit"
-                                             (saveClick)="saveArticleLineText($event)"
-                                             (closeClick)="closeArticleText()"
-                                             (cancelClick)="closeArticleText()"
-                ></co-transaction-article-text>
+              <!--Popup voor aanmaken en updaten artikeltekstregels-->
+              <co-transaction-article-text *ngIf="showArticleText"
+                                           [header]="'PRODUCT_DESCRIPTION_AND_TEXTS' | localize"
+                                           [transactionUuid]="transaction.transactionInfo.uuid"
+                                           [showArticleImageDescription]="transactionLine.articleBound"
+                                           [showImage]="false"
+                                           [articleLineNr]="transactionLine.lineNr"
+                                           [articleRef]="transactionLine.articleNumber"
+                                           [transactionLine]="transactionLine"
+                                           [editText]="textToEdit"
+                                           (saveClick)="saveArticleLineText($event)"
+                                           (closeClick)="closeArticleText()"
+                                           (cancelClick)="closeArticleText()"
+              ></co-transaction-article-text>
 
-                <co-transaction-copy-order *ngIf="showCopyOrderDialog"
-                                           [transaction]="transaction"
-                                           (closeDialog)="showCopyOrderDialog = false"
-                ></co-transaction-copy-order>
-            </div>
-        </ng-container>
-    `,
+              <co-transaction-copy-order *ngIf="showCopyOrderDialog"
+                                         [transaction]="transaction"
+                                         (closeDialog)="showCopyOrderDialog = false"
+              ></co-transaction-copy-order>
+          </div>
+      </ng-container>
+  `,
+                providers: [{
+                        provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                        useExisting: forwardRef(() => TransactionInternalComponent)
+                    }
+                ],
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
@@ -37497,8 +37519,6 @@ class TransactionLineSidePanelArticleDetailsComponent {
     showClass() {
         return true;
     }
-    ngAfterViewInit() {
-    }
     handleCancelClick() {
         this.closeSideBarClicked.next();
     }
@@ -37685,7 +37705,7 @@ TransactionLineSidePanelArticleDetailsComponent.decorators = [
           <div class="detail-column">
             <div class="column-input-item">
               <co-input-text
-                [placeholder]="'AMOUNT2' | localize"
+                [placeholder]="'AMOUNT' | localize"
                 [type]="'number'"
                 [(model)]="purchaseAdviceLine.orderAmount"
                 [min]="1"
@@ -39084,7 +39104,7 @@ TransactionCashRegisterOrderExpenseDialogComponent.decorators = [
                                [(model)]="chosenCashType"
                                [collection]="cashTypeCollection"></co-list-of-values>
             <co-input-text [(model)]="paymentAmount" [type]="'number'"
-                           [placeholder]="'AMOUNT' | localize">
+                           [placeholder]="'AMOUNT2' | localize">
             </co-input-text>
           </div>
           <div class="expense-dialog-column divide-fields">
@@ -39213,7 +39233,8 @@ TransactionInternalModule.decorators = [
                     TransactionLinesSidePanelModule,
                     ButtonModule,
                     IconModule,
-                    TransactionButtonModule
+                    TransactionButtonModule,
+                    ScreenConfigurationModule
                 ],
                 declarations: [
                     TransactionInternalComponent
@@ -43412,7 +43433,7 @@ class TransactionNumberLabelComponent {
         this._transactionEventService = _transactionEventService;
         this._subs = [];
         this._subs.push(this._transactionEventService.transactionSet.subscribe((transaction) => {
-            if (transaction && transaction.transactionInfo.id) {
+            if (transaction && transaction.transactionInfo && transaction.transactionInfo.transactionNr) {
                 this.label = transaction.transactionInfo.transactionNr.toString();
             }
         }));
@@ -43463,7 +43484,7 @@ class TransactionCreateDateLabelComponent {
         this._transactionEventService = _transactionEventService;
         this._subs = [];
         this._subs.push(this._transactionEventService.transactionSet.subscribe((transaction) => {
-            if (transaction && transaction.transactionInfo.id) {
+            if (transaction && transaction.transactionInfo) {
                 this.date = transaction.transactionInfo.transactionDate;
             }
         }));