@colijnit/transaction 12.1.1 → 12.1.5

package/fesm2015/colijnit-transaction.js

@@ -35,26 +35,27 @@ import { TransactionLineType } from '@colijnit/transactionapi/build/enum/transac
 import { LineOperationStatus } from '@colijnit/transactionapi/build/model/line-operation-status.bo';
 import { TransactionInfo } from '@colijnit/transactionapi/build/model/transaction-info.bo';
 import { PendingReasonType } from '@colijnit/transactionapi/build/enum/pending-reason-type.enum';
+import { PromptService, FormComponent, CoSidebarComponent, CoreComponentsIcon, IconCacheService, IconModule, InputTextModule, InputCheckboxModule, InputRadioButtonModule, FormModule, InputComboBoxModule, InputDatePickerModule, InputNumberPickerModule, CoDialogModule, CoDialogPromptModule, ButtonModule, MultiSelectListModule, DropDownModule, PopupModule, CoSidebarModule, CoGridModule, CoRichTextEditorModule } from '@colijnit/corecomponents_v12';
 import { CommunicationType } from '@colijnit/transactionapi/build/enum/communication-type.enum';
 import { ContactOption } from '@colijnit/transactionapi/build/model/contact-option.bo';
 import { RelationNameKind } from '@colijnit/transactionapi/build/enum/relation-name-kind.enum';
 import { AddressType } from '@colijnit/transactionapi/build/enum/address-type.enum';
 import { GenderType } from '@colijnit/transactionapi/build/enum/gender-type.enum';
 import { BusinessObjectUtils } from '@colijnit/transactionapi/build/utils/business-object-utils';
-import { FormComponent, CoSidebarComponent, PromptService, CoreComponentsIcon, IconCacheService, IconModule, InputTextModule, InputCheckboxModule, InputRadioButtonModule, FormModule, InputComboBoxModule, InputDatePickerModule, InputNumberPickerModule, CoDialogModule, CoDialogPromptModule, ButtonModule, MultiSelectListModule, DropDownModule, PopupModule, CoSidebarModule, CoGridModule } from '@colijnit/corecomponents_v12';
 import { FunctionUtils } from '@colijnit/transactionapi/build/utils/function-utils';
 import { Address } from '@colijnit/transactionapi/build/model/address.bo';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { FlexModule } from '@angular/flex-layout';
 import { MatStepperModule } from '@angular/material/stepper';
 import { CommonModule } from '@angular/common';
 import { DomSanitizer } from '@angular/platform-browser';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { ResolvePendingLineReasonRequest } from '@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo';
 import { SortDirection } from '@colijnit/transactionapi/build/enum/sort-direction';
 import { SortType } from '@colijnit/transactionapi/build/enum/sort-type.enum';
 import { StockStatus } from '@colijnit/transactionapi/build/enum/refcode/stock-status.enum';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { RelationRequest } from '@colijnit/transactionapi/build/model/relation-request';
+import { ToolbarService, LinkService, ImageService, HtmlEditorService, RichTextEditorModule } from '@syncfusion/ej2-angular-richtexteditor';
 import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons';
 import { ChipListModule, CheckBoxModule } from '@syncfusion/ej2-angular-buttons';
 import { DropDownListModule } from '@syncfusion/ej2-angular-dropdowns';
@@ -806,6 +807,9 @@ class BusinessObjectFactory {
     }
 }
 
+class StandardText {
+}
+
 class IOneConnectorAdapterService {
     constructor() {
         this._boFactory = new BusinessObjectFactory();
@@ -857,14 +861,19 @@ class IOneConnectorAdapterService {
         return new Promise((resolve, reject) => {
             return this.connector.getSingleImage(nodeId, publication, includeMimetype, thumb).then((result) => {
                 if (result.validationResult && result.validationResult.success) {
-                    if (result.resultObject.filePath !== null && result.resultObject.filePath !== "") {
+                    if (result.resultObject && result.resultObject.filePath !== null && result.resultObject.filePath !== "") {
                         return resolve(ImageUtils.getFixedImageFilepathUrl(result.resultObject.filePath));
                     }
                     else {
-                        if (includeMimetype) {
-                            return resolve(ImageUtils.getDocBodyWithMimeTypeDefinition(result.resultObject.fileName, thumb ? result.resultObject.thumbnailBody : result.resultObject.documentBody));
+                        if (result.resultObject) {
+                            if (includeMimetype) {
+                                return resolve(ImageUtils.getDocBodyWithMimeTypeDefinition(result.resultObject.fileName, thumb ? result.resultObject.thumbnailBody : result.resultObject.documentBody));
+                            }
+                            return resolve(thumb ? result.resultObject.thumbnailBody : result.resultObject.documentBody);
+                        }
+                        else {
+                            reject(result.validationMessagesAsString);
                         }
-                        return resolve(thumb ? result.resultObject.thumbnailBody : result.resultObject.documentBody);
                     }
                 }
                 else {
@@ -1303,6 +1312,34 @@ class IOneConnectorAdapterService {
             });
         });
     }
+    getTextTypes(languageCode) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.connector.getTextTypes(languageCode).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        resolve(result.resultObjects);
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+    getStandardTexts(languageCode) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.connector.getStandardTexts(languageCode).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(StandardText, result.resultObject));
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
 }
 IOneConnectorAdapterService.ɵprov = i0.ɵɵdefineInjectable({ factory: function IOneConnectorAdapterService_Factory() { return new IOneConnectorAdapterService(); }, token: IOneConnectorAdapterService, providedIn: "root" });
 IOneConnectorAdapterService.decorators = [
@@ -1313,8 +1350,9 @@ IOneConnectorAdapterService.decorators = [
 IOneConnectorAdapterService.ctorParameters = () => [];
 
 class TransactionService {
-    constructor(_connector) {
+    constructor(_connector, _prompt) {
         this._connector = _connector;
+        this._prompt = _prompt;
         this.transactionUpdated = new EventEmitter();
         this.transactionLoaded = new EventEmitter();
         this.applicationUser = false;
@@ -1360,6 +1398,11 @@ class TransactionService {
             && line.pendingReasonType !== PendingReasonType.NON_CRITICAL_DISCONTINUATION);
         return status;
     }
+    pendingLineOperationStatus(lineOperationStatuses) {
+        const status = lineOperationStatuses.find(line => line.pendingReasonType !== PendingReasonType.NONE
+            && line.pendingReasonType !== PendingReasonType.NON_CRITICAL_DISCONTINUATION);
+        return status;
+    }
     getArticleFullObject(goodId) {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this._connector.getArticleFullObject(goodId);
@@ -1440,11 +1483,10 @@ class TransactionService {
             });
         });
     }
-    resolvePendingLineReason(pendingLineValues) {
+    resolvePendingLineReason(pendingLineValues, remember = true) {
         return new Promise((resolve) => {
             this._connector.resolvePendingLineReason(pendingLineValues).then((response) => __awaiter(this, void 0, void 0, function* () {
-                this._rememberCurrentTransaction(response);
-                this._rememberCurrentTransactionLineStatus(response);
+                this._rememberResponse(remember, response);
                 resolve(response);
             })).catch((reason) => {
                 resolve();
@@ -1498,6 +1540,28 @@ class TransactionService {
             }
         });
     }
+    saveTransactionByUuid(transactionUuid) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                this._connector.saveTransaction(transactionUuid)
+                    .then((response) => __awaiter(this, void 0, void 0, function* () {
+                    if (response.isSuccess) {
+                        this.transactionLoaded.emit(response);
+                        resolve(true);
+                    }
+                    else {
+                        reject(false);
+                    }
+                }))
+                    .catch((reason) => {
+                    if (reason) {
+                        this._prompt.showError(reason.getFullErrorString());
+                    }
+                    reject(false);
+                });
+            });
+        });
+    }
     addRelationToTransaction(relationId) {
         return __awaiter(this, void 0, void 0, function* () {
             const success = yield this._connector.addRelationToTransaction(this._currentTransaction.uuid, relationId);
@@ -1611,13 +1675,29 @@ class TransactionService {
             });
         });
     }
-    addTransactionLine(lineType, articleNo, amount, warehouseNo, commissionCode, isReturn, aboveLineNr, belowLineNr) {
+    addArticleToTransaction(transactionUuid, articleNo, amount = 1, warehouseNo = 1, commissionCode = "2", isReturn = false, aboveLineNr = 0, belowLineNr = 0) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                this._connector.addTransactionLine(transactionUuid, TransactionLineType.ArticleLine, articleNo, amount, warehouseNo, commissionCode, isReturn, aboveLineNr, belowLineNr)
+                    .then((response) => __awaiter(this, void 0, void 0, function* () {
+                    resolve(response);
+                }), (error) => {
+                    this._prompt.showError(error);
+                    reject(error);
+                })
+                    .catch((reason) => {
+                    this._prompt.showError(reason.getFullErrorString());
+                    resolve(null);
+                });
+            });
+        });
+    }
+    addTransactionLine(lineType, articleNo, amount, warehouseNo, commissionCode, isReturn, aboveLineNr, belowLineNr, remember = true) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
                 this._connector.addTransactionLine(this.currentTransaction.uuid, lineType, articleNo, amount, warehouseNo, commissionCode, isReturn, aboveLineNr, belowLineNr)
                     .then((response) => __awaiter(this, void 0, void 0, function* () {
-                    this._rememberCurrentTransaction(response);
-                    this._rememberCurrentTransactionLineStatus(response);
+                    this._rememberResponse(remember, response);
                     resolve(response);
                 }), (error) => {
                     reject(error);
@@ -1628,13 +1708,12 @@ class TransactionService {
             });
         });
     }
-    addTextLineToTransaction(showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr) {
+    addTextLine(showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr, remember = true) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
                 this._connector.addTextLineToTransaction(this.currentTransaction.uuid, showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr)
                     .then((response) => __awaiter(this, void 0, void 0, function* () {
-                    this._rememberCurrentTransaction(response);
-                    this._rememberCurrentTransactionLineStatus(response);
+                    this._rememberResponse(remember, response);
                     resolve(response);
                 }), (error) => {
                     reject(error);
@@ -1645,12 +1724,26 @@ class TransactionService {
             });
         });
     }
-    changeLineSequence(lineUuid, aboveLineNr, belowLineNr) {
+    addTextLineToTransaction(transactionUuid, showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                this._connector.addTextLineToTransaction(transactionUuid, showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr)
+                    .then((response) => __awaiter(this, void 0, void 0, function* () {
+                    resolve(response);
+                }), (error) => {
+                    reject(error);
+                })
+                    .catch((reason) => {
+                    resolve(null);
+                });
+            });
+        });
+    }
+    changeLineSequence(lineUuid, aboveLineNr, belowLineNr, remember = true) {
         return new Promise((resolve, reject) => {
             this._connector.changeLineSequence(this.currentTransaction.uuid, lineUuid, aboveLineNr, belowLineNr)
                 .then((response) => __awaiter(this, void 0, void 0, function* () {
-                this._rememberCurrentTransaction(response);
-                this._rememberCurrentTransactionLineStatus(response);
+                this._rememberResponse(remember, response);
                 resolve(response);
             }), (error) => {
                 reject(error);
@@ -1660,12 +1753,14 @@ class TransactionService {
             });
         });
     }
-    cancelAddTransactionLine(lineUuid) {
+    cancelAddTransactionLine(lineUuid, remember = true) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
                 this._connector.cancelAddTransactionLine(lineUuid)
                     .then((response) => __awaiter(this, void 0, void 0, function* () {
-                    this._rememberCurrentTransaction(response);
+                    if (remember) {
+                        this._rememberCurrentTransaction(response);
+                    }
                     if (response.isSuccess) {
                         resolve(response);
                     }
@@ -1679,13 +1774,12 @@ class TransactionService {
             });
         });
     }
-    deleteTransactionLine(transactionUuid, TransactionLineUuid) {
+    deleteTransactionLine(transactionUuid, TransactionLineUuid, remember = true) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
                 this._connector.deleteTransactionLine(transactionUuid, TransactionLineUuid)
                     .then((response) => __awaiter(this, void 0, void 0, function* () {
-                    this._rememberCurrentTransaction(response);
-                    this._rememberCurrentTransactionLineStatus(response);
+                    this._rememberResponse(remember, response);
                     if (response.isSuccess) {
                         resolve(response);
                     }
@@ -1699,14 +1793,13 @@ class TransactionService {
             });
         });
     }
-    changeTransactionLineQuantity(lineUuid, newQuantity) {
+    changeTransactionLineQuantity(lineUuid, newQuantity, remember = true) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve) => {
                 this._connector.changeTransactionLineQuantity(this.currentTransaction.uuid, lineUuid, newQuantity)
                     .then((response) => __awaiter(this, void 0, void 0, function* () {
                     if (response.isSuccess) {
-                        this._rememberCurrentTransaction(response);
-                        this._rememberCurrentTransactionLineStatus(response);
+                        this._rememberResponse(remember, response);
                     }
                     resolve(response);
                 })).catch((reason) => {
@@ -1740,6 +1833,17 @@ class TransactionService {
     //   const response: boolean = await this._connector.setRelationByUser(this.currentTransaction.uuid, username, password);
     //   return response;
     // }
+    getTextTypes(languageCode) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._connector.getTextTypes(languageCode);
+        });
+    }
+    getStandardTexts(languageCode) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let data = yield this._connector.getStandardTexts(languageCode);
+            return data;
+        });
+    }
     _initializeTransaction() {
         if (this._currentTransaction.preferredDeliveryDate2 === undefined) {
             this._currentTransaction.preferredDeliveryDate2 = "=";
@@ -1787,12 +1891,19 @@ class TransactionService {
         transactionDeliveryOptionsRequest.invoiceAddress = this._currentTransaction.invoiceAddress.nawNr;
         return transactionDeliveryOptionsRequest;
     }
+    _rememberResponse(remember, response) {
+        if (remember) {
+            this._rememberCurrentTransaction(response);
+            this._rememberCurrentTransactionLineStatus(response);
+        }
+    }
 }
 TransactionService.decorators = [
     { type: Injectable }
 ];
 TransactionService.ctorParameters = () => [
-    { type: IOneConnectorAdapterService }
+    { type: IOneConnectorAdapterService },
+    { type: PromptService }
 ];
 
 var LanguageCode;
@@ -1888,6 +1999,7 @@ class Dictionary {
                 "ARTICLE_DESCRIPTION": "Artikelomschrijving",
                 "ARTICLE_IN_OUT_COLLECTION": "Status van artikel is '|~'. Weet u zeker dat u door wilt gaan?",
                 "ARTICLE_NR": "Artikelnummer",
+                "ARTICLE_UNKNOWN": "Onbekend artikel",
                 "ASSEMBLY_COSTS": "Montagekosten",
                 "ASSEMBLY_DATE": "Montagedatum",
                 "AMOUNT": "Aantal",
@@ -2027,8 +2139,13 @@ class Dictionary {
                 "VAT": "Btw",
                 "VAT_AMOUNT": "BTW-bedrag",
                 "VALUE": "Waarde",
+                "WHERE_ARE_YOU_LOOKING_FOR": "Waar ben je naar op zoek?",
                 "WAREHOUSE": "Magazijn",
                 "YOUR_DATA": "Uw gegevens",
+                "STANDARD_TEXTS": "Standaardteksten",
+                "ARTICLE_BOUND_TEXT": "Artikelgebonden tekst",
+                "FOR_DOCUMENTS": "Bestemd voor documenten",
+                "CHANGE_ARTICLE_TEXT": "Wijzigen artikeltekst",
             },
             "de": {},
             "fr": {},
@@ -2049,6 +2166,7 @@ class Dictionary {
                 "ARTICLE_DESCRIPTION": "Article description",
                 "ARTICLE_IN_OUT_COLLECTION": "Status of article is '|~'. Are you sure to proceed?",
                 "ARTICLE_NR": "Article number",
+                "ARTICLE_UNKNOWN": "Article unknown",
                 "ASSEMBLY_COSTS": "Assembly costs",
                 "ASSEMBLY_DATE": "Assembly date",
                 "AMOUNT": "Amount",
@@ -2181,7 +2299,12 @@ class Dictionary {
                 "VAT": "VAT",
                 "VAT_AMOUNT": "VAT amount",
                 "WAREHOUSE": "Warehouse",
+                "WHERE_ARE_YOU_LOOKING_FOR": "Where are you looking for?",
                 "YOUR_DATA": "Your data",
+                "STANDARD_TEXTS": "Standard texts",
+                "ARTICLE_BOUND_TEXT": "Article bound text",
+                "FOR_DOCUMENTS": "Used at documents",
+                "CHANGE_ARTICLE_TEXT": "Change article text",
             },
         };
     }
@@ -2207,15 +2330,18 @@ class DictionaryService {
     setDictionary(language) {
         return __awaiter(this, void 0, void 0, function* () {
             this._language = language || LanguageCode.Dutch;
-            if (!this._dictionaries.has(this._language)) {
-                const dictionary = new Dictionary();
+            this._loadDictionary();
+        });
+    }
+    _loadDictionary() {
+        if (!this._dictionaries.has(this._language)) {
+            const dictionary = new Dictionary();
+            // eslint-disable-next-line no-magic-numbers
+            if (dictionary.strings[this._language.substr(0, 2).toLowerCase()] !== undefined) {
                 // eslint-disable-next-line no-magic-numbers
-                if (dictionary.strings[this._language.substr(0, 2).toLowerCase()] !== undefined) {
-                    // eslint-disable-next-line no-magic-numbers
-                    this._dictionaries.set(this._language, dictionary.strings[this._language.substr(0, 2).toLowerCase()]);
-                }
+                this._dictionaries.set(this._language, dictionary.strings[this._language.substr(0, 2).toLowerCase()]);
             }
-        });
+        }
     }
     /**
      * Returns the localized text for the given dictionary key.
@@ -2228,6 +2354,10 @@ class DictionaryService {
         if (!StringUtils.IsStringWithLength(key)) {
             return key || "";
         }
+        if (this.language === undefined) {
+            this._language = LanguageCode.Dutch;
+            this._loadDictionary();
+        }
         let text = this._dictionaries.get(this.language)[key];
         text = StringUtils.IsStringWithLength(text) ? text : key;
         if (upperCaseFirst) {
@@ -2242,8 +2372,11 @@ class DictionaryService {
         return text;
     }
 }
+DictionaryService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DictionaryService_Factory() { return new DictionaryService(); }, token: DictionaryService, providedIn: "root" });
 DictionaryService.decorators = [
-    { type: Injectable }
+    { type: Injectable, args: [{
+                providedIn: "root"
+            },] }
 ];
 DictionaryService.ctorParameters = () => [];
 
@@ -2530,7 +2663,7 @@ CheckoutOverviewRelationEditComponent.decorators = [
         <div>
             <label [textContent]="'PERSONAL_DATA' | localize"
                    class="checkout-label-h3"
-            ></label>7
+            ></label>
         </div>
         <div>
             <div>
@@ -3258,7 +3391,7 @@ CheckoutOverviewComponent.decorators = [
                                  (editModeChange)="handleEditChangeRelation($event)">
             <ng-container edit-mode-content>
                 <checkout-overview-relation-edit #relationForm
-                                                 *ngIf="currentStep == steps.Relation && editMode"
+                                                 *ngIf="currentStep === steps.Relation && editMode"
                                                  [relation]="relation"
                                                  [transaction]="transaction"
                                                  (validSubmit)="onRelationValid()"
@@ -4290,7 +4423,6 @@ class IoneCheckoutModule {
 IoneCheckoutModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
-                    BrowserAnimationsModule,
                     IconModule,
                     InputTextModule,
                     InputCheckboxModule,
@@ -4310,6 +4442,8 @@ IoneCheckoutModule.decorators = [
                     CoSidebarModule,
                     CoGridModule,
                     CoreModule,
+                    CommonModule,
+                    NoopAnimationsModule,
                 ],
                 declarations: [
                     CheckoutComponent,
@@ -4431,7 +4565,7 @@ class ShoppingCartManagerComponent {
     }
     addTextLineToCartAt(text, lineNr, beforeOrAfter) {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.service.addTextLineToTransaction(0, text, 0, false, 0, beforeOrAfter === PositionGridRow.Before ? lineNr : undefined, beforeOrAfter === PositionGridRow.After ? lineNr : undefined)
+            yield this.service.addTextLine(0, text, 0, false, 0, beforeOrAfter === PositionGridRow.Before ? lineNr : undefined, beforeOrAfter === PositionGridRow.After ? lineNr : undefined)
                 .then((value) => {
                 this._handleLineOperationStatus();
             }, (error) => this.promptService.showError(error));
@@ -5404,7 +5538,7 @@ ShoppingCartLineComponent.decorators = [
          [textContent]="line.text">
     </div>
   `,
-                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.cart-line-r .cart-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}:host{padding-bottom:20px}:host{padding-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-bottom:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t,.cart-line-r .cart-line-right .cart-line-totals{margin-left:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:flex;flex-wrap:wrap;border-bottom:1px solid #DBE3E8;width:100%}:host.overlayed.is-text{display:none!important}:host.overlayed.is-selected{background-color:#add8e6}:host.overview.is-text{display:none!important}:host.overview.is-selected{background-color:#add8e6}.horizontal{display:flex;flex-direction:row-reverse}.cart-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.cart-line-r{flex-direction:column}}.cart-line-r co-button{border:0;padding:0}.cart-line-r .cart-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center}.cart-line-r .cart-line-image image-display{width:6em;height:6em}.cart-line-r .cart-line-description{display:flex;flex-direction:column;width:100%}.cart-line-r .cart-line-description .cart-line-description-main{font-weight:bold}.cart-line-r .cart-line-right{justify-content:flex-end}.cart-line-r .cart-line-right .cart-line-stock{width:10em}.cart-line-r .cart-line-right .cart-line-amount{width:10em}.cart-line-r .cart-line-right .cart-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.cart-line-r .cart-line-right .cart-line-totals span{text-align:right}.cart-line-t.article-text{padding-left:10em}\n"]
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.cart-line-r .cart-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}:host{padding-bottom:20px}:host{padding-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-top:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-r .cart-line-image,.cart-line-r .cart-line-right .cart-line-stock,.cart-line-r .cart-line-right .cart-line-totals{margin-bottom:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t,.cart-line-r .cart-line-right .cart-line-totals{margin-left:20px}.cart-line-r .cart-line-description,.cart-line-r .cart-line-right .cart-line-amount,.cart-line-t{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:flex;flex-wrap:wrap;border-bottom:1px solid #DBE3E8;width:100%}:host.overlayed.is-text{display:none!important}:host.overlayed.is-selected{background-color:#add8e6}:host.overview.is-text{display:none!important}:host.overview.is-selected{background-color:#add8e6}.horizontal{display:flex;flex-direction:row}.cart-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.cart-line-r{flex-direction:column}}.cart-line-r co-button{border:0;padding:0}.cart-line-r .cart-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center}.cart-line-r .cart-line-image image-display{width:6em;height:6em}.cart-line-r .cart-line-description{display:flex;flex-direction:column;width:100%}.cart-line-r .cart-line-description .cart-line-description-main{font-weight:bold}.cart-line-r .cart-line-right{justify-content:flex-end}.cart-line-r .cart-line-right .cart-line-stock{width:10em}.cart-line-r .cart-line-right .cart-line-amount{width:15em}.cart-line-r .cart-line-right .cart-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.cart-line-r .cart-line-right .cart-line-totals span{text-align:right}.cart-line-t.article-text{padding-left:10em}\n"]
             },] }
 ];
 ShoppingCartLineComponent.ctorParameters = () => [
@@ -5478,6 +5612,7 @@ class CharacteristicAnswerComponent {
 }
 CharacteristicAnswerComponent.decorators = [
     { type: Component, args: [{
+                // eslint-disable-next-line @angular-eslint/component-selector
                 selector: "characteristic-answer",
                 template: `
     <co-dialog
@@ -5554,7 +5689,6 @@ IoneShoppingCartModule.decorators = [
                     CharacteristicAnswerComponent,
                 ],
                 imports: [
-                    BrowserAnimationsModule,
                     CommonModule,
                     IconModule,
                     InputTextModule,
@@ -5584,7 +5718,7 @@ IoneShoppingCartModule.decorators = [
                 entryComponents: [
                     IoneShoppingCartComponent
                 ],
-                exports: [IoneShoppingCartComponent, StockStatusIndicatorComponent],
+                exports: [IoneShoppingCartComponent, StockStatusIndicatorComponent, CharacteristicAnswerComponent],
                 bootstrap: [IoneShoppingCartComponent]
             },] }
 ];
@@ -5596,14 +5730,18 @@ class IoneServiceOrderComponent {
         this._connector = _connector;
         this._dictionary = _dictionary;
         this._service = _service;
-        this.orderNr = 0;
-        this.orderId = 0;
         this.upAndLoaded = false;
         this._subscriptions = [];
         this._remoteOptions = true;
         this._publicOptions = true;
+        this._orderId = 0;
         this._subscriptions.push(this._optionsService.optionsLoaded.subscribe(loaded => this._handleSettingsLoaded(loaded)));
     }
+    set orderId(value) {
+        this._orderId = value;
+        this._getTransactionById(this._orderId);
+    }
+    ;
     set options(value) {
         if (value) {
             let options;
@@ -5636,15 +5774,6 @@ class IoneServiceOrderComponent {
     _initConnection() {
         return __awaiter(this, void 0, void 0, function* () {
             yield this._connector.connect(this._optionsService.options);
-            if (this.orderNr) {
-                yield this._service.getTransaction(this.orderNr);
-            }
-            else if (this.orderId) {
-                yield this._service.getTransactionById(this.orderId);
-            }
-            else {
-                yield this._service.getTransaction(IoneServiceOrderComponent.TEST_ORDER_NR);
-            }
             if (this._optionsService.options.url) {
                 this._dictionary.rootUrl = this._optionsService.options.url.replace("/ajaxservice", "");
             }
@@ -5654,8 +5783,12 @@ class IoneServiceOrderComponent {
             });
         });
     }
+    _getTransactionById(orderId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this._service.getTransactionById(orderId);
+        });
+    }
 }
-IoneServiceOrderComponent.TEST_ORDER_NR = 18156;
 IoneServiceOrderComponent.decorators = [
     { type: Component, args: [{
                 // eslint-disable-next-line @angular-eslint/component-selector
@@ -5676,7 +5809,6 @@ IoneServiceOrderComponent.ctorParameters = () => [
     { type: TransactionService }
 ];
 IoneServiceOrderComponent.propDecorators = {
-    orderNr: [{ type: Input }],
     orderId: [{ type: Input }],
     options: [{ type: Input }]
 };
@@ -5688,28 +5820,53 @@ class TransactionBaseComponent {
         this.customer = NULL_CUSTOMER_FULL_OBJECT;
         this._isService = false;
         this.basedOnProduct = false;
+        this._lineOperationStatuses = [];
+        this._transactionLines = [];
     }
     set transaction(value) {
         this._transaction = value;
-        if (this._transaction && this._transaction.transactionInfo) {
-            this._isService = this._transaction.transactionInfo.transactionKind === TransactionKind.ServiceOrder;
+        if (this._transaction) {
+            if (this._transaction.transactionInfo) {
+                this._transactionInfo = this._transaction.transactionInfo;
+                this._isService = this._transaction.transactionInfo.transactionKind === TransactionKind.ServiceOrder;
+            }
+            if (this._transaction.transactionLines) {
+                this.transactionLines = this._transaction.transactionLines;
+            }
+            if (this._transaction.transactionTotal) {
+                this._transactionTotal = this._transaction.transactionTotal;
+            }
+            if (this._transaction.lineOperationStatuses) {
+                this.lineOperationStatuses = this._transaction.lineOperationStatuses;
+            }
         }
     }
     get transaction() {
         return this._transaction;
     }
+    set transactionInfo(value) {
+        this._transactionInfo = value;
+    }
     get transactionInfo() {
-        return this._transaction.transactionInfo;
+        return this._transactionInfo;
+    }
+    set transactionLines(value) {
+        this._transactionLines = value;
     }
     get transactionLines() {
-        if (this._transaction) {
-            return this._transaction.transactionLines;
-        }
+        return this._transactionLines;
+    }
+    set transactionTotal(value) {
+        this._transactionTotal = value;
     }
     get transactionTotal() {
-        if (this._transaction) {
-            return this._transaction.transactionTotal;
-        }
+        return this._transactionTotal;
+    }
+    get lineOperationStatuses() {
+        return this._lineOperationStatuses;
+    }
+    set lineOperationStatuses(value) {
+        this._lineOperationStatuses = value;
     }
     get isService() {
         return this._isService;
@@ -5795,59 +5952,67 @@ TransactionBaseComponent.propDecorators = {
     customer: [{ type: Input }]
 };
 
+class TransactionAddTextLineRequest {
+    constructor() {
+        this.showOnDocuments = false;
+        this.text = "";
+        this.articleBound = false;
+        this.refArticleLineNr = 0;
+        this.aboveLineNr = 0;
+        this.belowLineNr = 0;
+    }
+}
+
 class TransactionArticleTextComponent extends TransactionBaseComponent {
     constructor(service) {
         super(service);
         this.service = service;
+        this.addTextLine = new EventEmitter();
+        this.transactionAddTextLineRequest = new TransactionAddTextLineRequest();
+        this.textTitle = "";
         this.visible = false;
-        this.floatButtonSelected = false;
-        this.overviewSelected = false;
-        this.editArtikelText = false;
-        this.collection = [
-            { id: 1, name: "Standaardtekst 1" },
-            { id: 2, name: "Standaardtekst 1" },
-            { id: 3, name: "Standaardtekst 1" },
-            { id: 4, name: "Standaardtekst 1" },
-            { id: 5, name: "Standaardtekst 1" }
-        ];
-        this.articleTexts = [
-            { title: "title 1", description: "Omschrijving 1" },
-            { title: "title 2", description: "Omschrijving 2" },
-            { title: "title 3", description: "Omschrijving 3" },
-            { title: "title 4", description: "Omschrijving 4" },
-            { title: "title 5", description: "Omschrijving 5" },
-        ];
-        this.fields = { text: "name", value: "id" };
+        this.collection = [];
+        this.fields = { text: "description", value: "textId" };
+        this.transactionAddTextLineRequest.text = "";
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.collection = yield this.service.getStandardTexts("NL");
+        });
     }
     onOkClick() {
+        if (this.selectedLine) {
+            this.transactionAddTextLineRequest.refArticleLineNr = this.selectedLine.lineNr;
+        }
+        this.addTextLine.emit(this.transactionAddTextLineRequest);
         this.hide();
     }
-    onPopupClose() {
+    onCancelClick() {
         this.hide();
-        this.hideOverview();
-        this.hideEditArtikelText();
-    }
-    hide() {
-        // TODO: throw hide event
-        this.visible = false;
     }
-    onOverview() {
-        this.overviewSelected = true;
+    onOverviewClick() {
+        this.articleTextOverview.open();
     }
-    onOkOverviewClick() {
-        this.hideOverview();
+    open() {
+        if (this.articleTextDialog) {
+            this.articleTextDialog.open();
+        }
     }
-    hideOverview() {
-        this.overviewSelected = false;
+    onPopupClose() {
+        this.hide();
     }
-    onDetailLinkClick(bo) {
-        this.editArtikelText = true;
+    hide() {
+        if (this.articleTextDialog) {
+            this.articleTextDialog.close();
+        }
     }
-    hideEditArtikelText() {
-        this.editArtikelText = false;
+    onChangeText(event) {
+        if (this.editor) {
+            this.transactionAddTextLineRequest.text = this.editor.getText();
+        }
     }
-    onOkEditArtikelTextClick() {
-        this.editArtikelText = false;
+    onSelectStandardText(value) {
+        this.transactionAddTextLineRequest.text = (this.collection.find(x => x.textId === value)).text;
     }
 }
 TransactionArticleTextComponent.decorators = [
@@ -5855,157 +6020,424 @@ TransactionArticleTextComponent.decorators = [
                 // eslint-disable-next-line @angular-eslint/component-selector
                 selector: "transaction-article-text",
                 template: `
-        <co-dialog [visible]="visible" (close)="onPopupClose()">
-          <ng-container header>{{ subHeader }}</ng-container>
-          <ng-container content>
-                <div class="tags-join-content" fxLayout fxLayoutGap="10px">
-                    <div class="column-separator">
-                        <co-input-text placeholder="Titel"></co-input-text>
-<!--transactiontransaction-->
-<!--                                label="Artikeltekst"-->
-<!--                        ></co-text-editor>-->
-                    </div>
-                    <div style="margin-left:5px;">
-                        <div style="margin-top:16px;">
-                            <ejs-dropdownlist
-                                    [dataSource]="collection"
-                                    [fields]="fields"
-                                    placeholder="Standaardteksten"
-                            ></ejs-dropdownlist>
-                        </div>
-                        <div style="margin-top:20px;">
-                            <co-input-checkbox
-                                    label="Artikelgebonden tekst"
-                                    name="articleBoundText">
-                            </co-input-checkbox>
-                        </div>
-                        <div style="margin-top:20px;">
-                            <label>Bestemd voor documenten</label>
-                            <ejs-chiplist id="chip-default">
-                                <e-chips>
-                                    <e-chip text="Apple" cssClass="e-primary"></e-chip>
-                                    <e-chip text="Microsoft" cssClass="e-info"></e-chip>
-                                    <e-chip text="Google" cssClass="e-success"></e-chip>
-                                    <e-chip text="Tesla" cssClass="e-warning"></e-chip>
-                                    <e-chip text="Intel" cssClass="e-danger"></e-chip>
-                                </e-chips>
-                            </ejs-chiplist>
-                        </div>
-                    </div>
-                </div>
-              </ng-container>
-              <ng-container footer>
-                <div class="footer" fxLayout fxLayoutAlign="center center" fxLayoutGap="10px" style="margin-top:30px;">
-                    <co-button label="OK" (click)="onOkClick()"></co-button>
-                    <co-button label="CANCEL" (click)="hide()"></co-button>
-                    <co-button label="OVERVIEW" (click)="onOverview()"></co-button>
-                </div>
-              </ng-container>
-        </co-dialog>
-
-        <co-dialog [visible]="overviewSelected" (close)="hideOverview()">
-          <ng-container header>Artikelgebonden teksten {{ subHeader }}</ng-container>
-          <ng-container content>
-                <div class="tags-join-content" fxLayout fxLayoutGap="10px">
-                    <div class="column-separator" style="width:75%">
-<!--                        <grid [data]="articleTexts" detailLink (detailLinkClick)="onDetailLinkClick($event)">-->
-<!--                            <grid-column key="title" header="TITLE" width="100px;"></grid-column>-->
-<!--                            <grid-column key="description" header="DESCRIPTION" width="200px"></grid-column>-->
-<!--                        </grid>-->
-                    </div>
-                    <div style="margin-left:5px;">
-                        <div style="margin-top:20px;">
-
-                            <co-input-checkbox
-                                    label="Artikelgebonden tekst"
-                                    name="articleBoundText"
-                                    value="true"
-                            ></co-input-checkbox>
-                        </div>
-                        <div style="margin-top:20px;">
-                            <label>Bestemd voor documenten</label>
-                            <ejs-chiplist id="chip-default">
-                                <e-chips>
-                                    <e-chip text="Apple" cssClass="e-primary"></e-chip>
-                                    <e-chip text="Microsoft" cssClass="e-info"></e-chip>
-                                    <e-chip text="Google" cssClass="e-success"></e-chip>
-                                    <e-chip text="Tesla" cssClass="e-warning"></e-chip>
-                                    <e-chip text="Intel" cssClass="e-danger"></e-chip>
-                                </e-chips>
-                            </ejs-chiplist>
-                        </div>
-                    </div>
-                </div>
-          </ng-container>
-          <ng-container footer>
-                <div class="footer" fxLayout fxPosition="row" fxLayoutAlign="center center" fxLayoutGap="10px" style="margin-top:30px;">
-                    <co-button label="OK" (click)="onOkOverviewClick()"></co-button>
-                    <co-button label="CANCEL" (click)="hideOverview()"></co-button>
-                </div>
-          </ng-container>
-        </co-dialog>
+    <co-dialog #articleTextDialog (close)="onPopupClose()">
+      <ng-container header>{{ subHeader }}</ng-container>
+      <ng-container content>
+        <div class="tags-join-content" fxLayout fxLayoutGap="10px">
+          <div>
+            <co-rich-text-editor
+              #rte
+              id="rte"
+              [model]="transactionAddTextLineRequest.text"
+              (onChangeEvent)="onChangeText($event)"
+            ></co-rich-text-editor>
+          </div>
+          <div style="margin-left:5px;">
+            <div style="margin-top:16px;">
+              <ejs-dropdownlist
+                [dataSource]="collection"
+                [fields]="fields"
+                [placeholder]="'STANDARD_TEXTS' | localize"
+                (valueChange)="onSelectStandardText($event)"
+              ></ejs-dropdownlist>
+<!--              <co-drop-down-list [-->
+<!--                                 [collection]="collection"-->
+<!--                                 [fields]="fields"-->
+<!--                                 [placeHolder]="'STANDARD_TEXTS' | localize"-->
+<!--              (valueChange)="onSelectStandardText($event)"-->
+              <!--              ></co-drop-down-list>-->
+            </div>
+            <div style="margin-top:20px;">
+              <co-input-checkbox
+                [(model)]="transactionAddTextLineRequest.articleBound"
+                [label]="'ARTICLE_BOUND_TEXT' | localize"
+                name="articleBoundText">
+              </co-input-checkbox>
+            </div>
+            <div style="margin-top:20px;">
+              <label [textContent]="'FOR_DOCUMENTS' | localize"></label>
+              <ejs-chiplist id="chip-default">
+                <e-chips>
+                  <e-chip text="Apple" cssClass="e-primary"></e-chip>
+                  <e-chip text="Microsoft" cssClass="e-info"></e-chip>
+                  <e-chip text="Google" cssClass="e-success"></e-chip>
+                  <e-chip text="Tesla" cssClass="e-warning"></e-chip>
+                  <e-chip text="Intel" cssClass="e-danger"></e-chip>
+                </e-chips>
+              </ejs-chiplist>
+            </div>
+          </div>
+        </div>
+      </ng-container>
+      <ng-container footer>
+        <div class="footer" fxLayout fxLayoutAlign="center center" fxLayoutGap="10px" style="margin-top:30px;">
+          <co-button [label]="'OK' | localize" (click)="onOkClick()"></co-button>
+          <co-button [label]="'CANCEL' | localize " (click)="onCancelClick()"></co-button>
+          <co-button [label]="'OVERVIEW' | localize" (click)="onOverviewClick()"></co-button>
+        </div>
+      </ng-container>
+    </co-dialog>
 
-        <co-dialog [visible]="editArtikelText"  (close)="hideEditArtikelText()">
-          <ng-container header>{{ subHeader }}</ng-container>
-          <ng-container content>
-                <div class="tags-join-content" fxLayout fxLayoutGap="10px">
-                    <div class="column-separator">
-                        <co-input-text placeholder="Titel"></co-input-text>
-<!--                        <co-text-editor-->
-<!--                                label="Artikeltekst"-->
-<!--                        ></co-text-editor>-->
-                    </div>
-                </div>
-          </ng-container>
-          <ng-container footer>
-              <div class="footer" fxLayout fxLayoutAlign="center center" fxLayoutGap="10px" style="margin-top:30px;">
-                  <co-button label="OK" (click)="onOkEditArtikelTextClick()"></co-button>
-                  <co-button label="CANCEL" (click)="hideEditArtikelText()"></co-button>
-              </div>
-          </ng-container>
-        </co-dialog>
-    `,
-                styles: [""]
+    <transaction-article-text-overview
+      #articleTextOverview>
+    </transaction-article-text-overview>
+  `,
+                providers: [ToolbarService, LinkService, ImageService, HtmlEditorService],
+                styles: [":host .e-toolbar-wrapper{height:50px}\n"]
             },] }
 ];
 TransactionArticleTextComponent.ctorParameters = () => [
     { type: TransactionService }
 ];
 TransactionArticleTextComponent.propDecorators = {
-    subHeader: [{ type: Input }]
+    articleTextDialog: [{ type: ViewChild, args: ["articleTextDialog",] }],
+    articleTextOverview: [{ type: ViewChild, args: ["articleTextOverview",] }],
+    editor: [{ type: ViewChild, args: ["rte",] }],
+    subHeader: [{ type: Input }],
+    addTextLine: [{ type: Output }]
 };
 
-class ServiceOrderComponent extends TransactionBaseComponent {
-    constructor(service, transactionEvents, iconCacheService) {
+class TransactionManagerComponent extends TransactionBaseComponent {
+    constructor(service, transactionEvents, promptService, _dictionaryService) {
         super(service);
         this.service = service;
         this.transactionEvents = transactionEvents;
-        this.iconCacheService = iconCacheService;
-        this.iconThickLines = CoreComponentsIcon.ThickLines;
-        this.iconThinLines = CoreComponentsIcon.ThinLines;
-        this.iconOrder = CoreComponentsIcon.Order;
-        this.viewModes = ContentViewMode;
-        this.canPlanDelivery = false;
-        this.showTotals = true;
-        this.contextMenuItems = [];
-        this.isRouteOptimizationConfigured = false;
-        this.activeViewMode = ContentViewMode.List;
-        this.floatButtonSelected = false;
+        this.promptService = promptService;
+        this._dictionaryService = _dictionaryService;
+        this.linesChanged = new EventEmitter();
+        this.articleAdded = new EventEmitter();
+        this.columns = [];
+        this._inOutCollection = [];
+        this._showCharacteristic = false;
         this._subs = [];
+        this._subs.push(this.service.transactionLoaded.subscribe((transactionInfoResponse) => {
+            if (transactionInfoResponse.isSuccess) {
+                this.transaction = transactionInfoResponse;
+            }
+        }));
     }
-    get inListView() {
-        return this.activeViewMode === ContentViewMode.List;
+    get amountOfLines() {
+        return NumberUtils.NrOrDefault(this.service.articleAmount, 0);
     }
-    get inGridView() {
-        return this.activeViewMode === ContentViewMode.Grid;
+    get showCharacteristicDialog() {
+        return this._showCharacteristic;
     }
-    ngOnInit() {
+    set showCharacteristicDialog(value) {
+        this._showCharacteristic = value;
+    }
+    ngOnDestroy() {
+        this._subs.forEach(sub => sub.unsubscribe());
+    }
+    addArticleLine(transactionUuid, sku, amount, lineNr, beforeOrAfter) {
         return __awaiter(this, void 0, void 0, function* () {
-            this._subs.push(this.service.transactionLoaded.subscribe((transactionInfoResponse) => {
-                if (transactionInfoResponse.isSuccess) {
-                    this.transaction = transactionInfoResponse;
-                    if (this.transaction && this.transaction.transactionInfo) {
-                        this.customerId = Number(this.transaction.transactionInfo.relation.relationNr);
+            const goodId = yield this.service.getGoodIdFromArticleNr(sku);
+            if (goodId) {
+                yield this._loadArticle(goodId);
+                yield this._handleAddArticleLineAt(amount, lineNr, beforeOrAfter);
+            }
+            else {
+                this.promptService.showError(this._dictionaryService.get("ARTICLE_UNKNOWN"));
+            }
+        });
+    }
+    changeLineSequence(fromIndex, toIndex) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let fromLine = this._getTransactionLineInfoByIndex(fromIndex);
+            let toLine = this._getTransactionLineInfoByIndex(toIndex);
+            let aboveLineNr;
+            let belowLineNr;
+            if (fromIndex > toIndex) {
+                aboveLineNr = toLine.lineNr;
+            }
+            else {
+                belowLineNr = toLine.lineNr;
+            }
+            yield this.service.changeLineSequence(fromLine.uuid, aboveLineNr, belowLineNr, false)
+                .then((value) => {
+                this.handleLineOperationStatus(value);
+            }, (error) => this.promptService.showError(error));
+        });
+    }
+    showStockManager(line) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.warehouse.selectedWarehouseNr = line.warehouseNumber;
+            this.warehouse.amount = line.amount;
+            this.warehouse.commissionCode = line.commissionCode;
+            this.warehouse.message = this.currentOperationStatus.pendingReason;
+            this.warehouse.show(line.articleNumber);
+        });
+    }
+    warehouseOkClick() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.warehouse.commissionCode !== undefined) {
+                this.currentReason.commissionCode = this.warehouse.commissionCode;
+            }
+            if (this.warehouse.amount !== undefined) {
+                this.currentReason.quantity = this.warehouse.amount;
+            }
+            if (this.warehouse.selectedWarehouseNr !== undefined) {
+                this.currentReason.warehouseNr = this.warehouse.selectedWarehouseNr;
+            }
+            if (this.currentReason) {
+                yield this.service.resolvePendingLineReason(this.currentReason, false)
+                    .then((value) => {
+                    this.handleLineOperationStatus(value);
+                });
+            }
+        });
+    }
+    warehouseCancelClick() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.currentReason) {
+                yield this._cancelArticle(this.currentReason.lineUuid);
+            }
+        });
+    }
+    handleCharacteristicAnswerOkClick(answer) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.currentReason = new ResolvePendingLineReasonRequest(this.currentOperationStatus.uuid, this.currentOperationStatus.pendingReason, this.currentOperationStatus.pendingReasonType);
+            this.currentReason.textualUserInput = answer;
+            yield this.service.resolvePendingLineReason(this.currentReason, false)
+                .then((value) => {
+                this.handleLineOperationStatus(value);
+            });
+        });
+    }
+    _handleAddArticle(amount = 1) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.service.addTransactionLine(TransactionLineType.ArticleLine, this.newArticleNr, amount, this.newArticle.standardWareHouse, this.newArticle.commissionCode, false, 0, 0, false)
+                .then((value) => {
+                this.handleLineOperationStatus(value);
+            }, (error) => this.promptService.showError(error));
+        });
+    }
+    _handleAddArticleLineAt(amount, lineNr, beforeOrAfter) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.service.addArticleToTransaction(this.transactionInfo.uuid, this.newArticleNr, amount, this.newArticle.standardWareHouse, this.newArticle.commissionCode, false, beforeOrAfter === PositionGridRow.Before ? lineNr : undefined, beforeOrAfter === PositionGridRow.After ? lineNr : undefined)
+                .then((value) => {
+                this.lineOperationStatuses = value.lineOperationStatuses;
+                this.handleLineOperationStatus(value);
+            }, (error) => this.promptService.showError(error));
+        });
+    }
+    _getWareHouseNoFromArticle() {
+        if (this.newArticle !== undefined && this.newArticle.stockLocations !== undefined && this.newArticle.stockLocations.length) {
+            return this.newArticle.stockLocations[0].warehouseNr;
+        }
+        return 0;
+    }
+    isLineOperationStatus(lineOperationStatuses) {
+        this.currentOperationStatus = this.service.pendingLineOperationStatus(lineOperationStatuses);
+        if (this.currentOperationStatus !== undefined) {
+            return true;
+        }
+        return false;
+    }
+    _confirmAction() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.currentReason = new ResolvePendingLineReasonRequest(this.currentOperationStatus.uuid, this.currentOperationStatus.pendingReason, this.currentOperationStatus.pendingReasonType);
+            const pendingReasonText = yield this._getPendingReasonText(this.currentOperationStatus.pendingReason);
+            this.currentReason.confirmation = yield this.promptService.showYesNo(pendingReasonText, " ");
+            yield this.service.resolvePendingLineReason(this.currentReason, false)
+                .then((value) => {
+                this.handleLineOperationStatus(value);
+            });
+        });
+    }
+    _showInformation() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.currentReason = new ResolvePendingLineReasonRequest(this.currentOperationStatus.uuid, this.currentOperationStatus.pendingReason, this.currentOperationStatus.pendingReasonType);
+            const pendingReasonText = yield this._getPendingReasonText(this.currentOperationStatus.pendingReason);
+            yield this.promptService.showOkModal(pendingReasonText, " ");
+            yield this.service.resolvePendingLineReason(this.currentReason, false)
+                .then((value) => {
+                this.handleLineOperationStatus(value);
+            });
+        });
+    }
+    _getPendingReasonText(pendingReason) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (pendingReason === "ARTICLE_IS_DISCONTINUED_DO_YOU_WANT_TO_CONTINUE_PLEASE_CONFIRM") {
+                return this._dictionaryService.get("ARTICLE_IN_OUT_COLLECTION").replace("|~", yield this.getInOutCollectionOfArticle());
+            }
+            return this._dictionaryService.get(pendingReason);
+        });
+    }
+    getInOutCollectionOfArticle() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this._inOutCollection.length) {
+                this._inOutCollection = yield this.service.getInOutCollection("NL");
+            }
+            const domainValue = this._inOutCollection.find(element => element.code === this.newArticle.inOutCollection);
+            if (domainValue) {
+                return domainValue.description;
+            }
+            return "";
+        });
+    }
+    handleLineOperationStatus(lineOperationResponse) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.isLineOperationStatus(lineOperationResponse.lineOperationStatuses)) {
+                this.transaction = lineOperationResponse;
+                this.articleAdded.emit(this.transaction);
+                yield this._handlePendingLine(this.currentOperationStatus.uuid).then();
+            }
+            else {
+                yield this._saveTransaction();
+            }
+        });
+    }
+    _handlePendingLine(lineUuid) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.currentReason = new ResolvePendingLineReasonRequest(this.currentOperationStatus.uuid, this.currentOperationStatus.pendingReason, this.currentOperationStatus.pendingReasonType);
+            this.currentPendingLine = this.transactionLines.find(l => l.uuid === lineUuid);
+            switch (this.currentOperationStatus.pendingReasonType) {
+                case PendingReasonType.ABORTED:
+                case PendingReasonType.CANCELLED:
+                    yield this._cancelArticle(this.currentPendingLine.uuid);
+                    break;
+                case PendingReasonType.CONFIRMATION_NEEDED:
+                    yield this._confirmAction();
+                    break;
+                case PendingReasonType.INVALID_LOGISTICS:
+                    yield this.showStockManager(this.currentPendingLine);
+                    break;
+                case PendingReasonType.NON_CRITICAL_DISCONTINUATION:
+                    yield this._showInformation();
+                    break;
+                case PendingReasonType.CHARACTERISTICS_ANSWER_NEEDED:
+                    this.CharacteristicsAnswerNeeded();
+                    break;
+                case PendingReasonType.NONE:
+                default:
+                    this.currentReason = undefined;
+                    this.currentPendingLine = undefined;
+                    break;
+            }
+        });
+    }
+    _saveTransaction() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionInfo) {
+                const success = yield this.service.saveTransactionByUuid(this.transactionInfo.uuid);
+                if (!success) {
+                    this.promptService.showError("Transaction could not be saved!");
+                }
+            }
+        });
+    }
+    _loadArticle(goodId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.newArticle = yield this.service.getArticleFullObject(goodId);
+            this.newArticleNr = this.newArticle.articleNr;
+        });
+    }
+    addEmailAddressToTransaction(emailAddress) {
+        this.service.emailAddress = emailAddress;
+    }
+    CharacteristicsAnswerNeeded() {
+        this.characteristicAnswer.question = this.currentOperationStatus.characteristic.question;
+        this.characteristicAnswer.title = this.newArticle.description;
+        this.characteristicAnswer.value = this.currentOperationStatus.characteristic.value;
+        this.characteristicAnswer.characteristics = this.currentOperationStatus.characteristic.transactionLineCharacteristicChoices;
+        setTimeout(() => {
+            this.characteristicAnswer.open();
+            // eslint-disable-next-line no-magic-numbers
+        }, 1000);
+    }
+    _getTransactionLineInfoByIndex(index) {
+        if (index >= 0 && index < this.transactionLines.length) {
+            return this.service.currentLines[index];
+        }
+    }
+    _cancelArticle(uuid) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.service.cancelAddTransactionLine(uuid, false)
+                .then((response) => {
+                this.transaction = response;
+                this.articleAdded.emit(response);
+            });
+        });
+    }
+    addTextLineToTransaction(transactionUuid, text, lineNr, beforeOrAfter) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.service.addTextLineToTransaction(transactionUuid, 0, text, 0, false, lineNr, beforeOrAfter === PositionGridRow.Before ? lineNr : undefined, beforeOrAfter === PositionGridRow.After ? lineNr : undefined)
+                .then((response) => {
+                this.transaction = response;
+                this.articleAdded.emit(response);
+            }, (error) => this.promptService.showError(error));
+        });
+    }
+}
+TransactionManagerComponent.decorators = [
+    { type: Component, args: [{
+                // eslint-disable-next-line @angular-eslint/component-selector
+                selector: "transaction-manager",
+                template: `
+    <warehouse #warehouse
+        (okClick)="warehouseOkClick()"
+        (cancelClick)="warehouseCancelClick()"
+    ></warehouse>
+    <characteristic-answer
+      #characteristicAnswer
+      (okClick)="handleCharacteristicAnswerOkClick($event)"
+    ></characteristic-answer>
+  `,
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,.warehouse-line-container{display:flex}.flex-center,.warehouse-line-container{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field,.commission-fields{margin-left:11px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}::ng-deep #warehouseDialog{align-items:center;max-height:100%}::ng-deep #warehouseDialog ::ng-deep co-form{height:100%;width:500px}::ng-deep #warehouseDialog ::ng-deep .form-content{height:calc(100% - 80px);width:100%}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field{height:20px;word-wrap:break-word;white-space:normal}co-button:not(:last-child){margin-right:10px}.commission-fields{justify-content:space-between;margin:10px 0}.warehouse-description-item{width:15rem}.warehouse-nr-item{width:5rem}co-input-number-picker co-button{max-width:20px}\n"]
+            },] }
+];
+TransactionManagerComponent.ctorParameters = () => [
+    { type: TransactionService },
+    { type: TransactionEventService },
+    { type: PromptService },
+    { type: DictionaryService }
+];
+TransactionManagerComponent.propDecorators = {
+    warehouse: [{ type: ViewChild, args: ["warehouse",] }],
+    characteristicAnswer: [{ type: ViewChild, args: ["characteristicAnswer",] }],
+    linesChanged: [{ type: Output }],
+    articleAdded: [{ type: Output }]
+};
+
+class ServiceOrderComponent extends TransactionBaseComponent {
+    constructor(service, transactionEvents, iconCacheService, _promptService) {
+        super(service);
+        this.service = service;
+        this.transactionEvents = transactionEvents;
+        this.iconCacheService = iconCacheService;
+        this._promptService = _promptService;
+        this.iconThickLines = CoreComponentsIcon.ThickLines;
+        this.iconThinLines = CoreComponentsIcon.ThinLines;
+        this.iconOrder = CoreComponentsIcon.Order;
+        this.viewModes = ContentViewMode;
+        this.canPlanDelivery = false;
+        this.showTotals = true;
+        this.floatButtonRightPosition = ServiceOrderComponent.FLOAT_BUTTON_RIGHT_POSITION_WITHOUT_SIDEBAR;
+        this.contextMenuItems = [];
+        this.isRouteOptimizationConfigured = false;
+        this.activeViewMode = ContentViewMode.List;
+        this.newArticleNr = "";
+        this._subs = [];
+    }
+    get inListView() {
+        return this.activeViewMode === ContentViewMode.List;
+    }
+    get inGridView() {
+        return this.activeViewMode === ContentViewMode.Grid;
+    }
+    get subHeader() {
+        if (this._selectedTransLine) {
+            return this._selectedTransLine.goodDescription;
+        }
+        return "Geen artikel geselecteerd";
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this._subs.push(this.service.transactionLoaded.subscribe((transactionInfoResponse) => {
+                if (transactionInfoResponse.isSuccess) {
+                    this.transaction = transactionInfoResponse;
+                    if (this.transaction && this.transaction.transactionInfo) {
+                        this.customerId = Number(this.transaction.transactionInfo.relation.relationNr);
                         this.relationId = this.transaction.transactionInfo.relation.relationId;
                     }
                 }
@@ -6019,6 +6451,13 @@ class ServiceOrderComponent extends TransactionBaseComponent {
             }));
         });
     }
+    ngAfterViewInit() {
+        this._subs.push(this._transactionManager.articleAdded.subscribe((transactionInfoResponse) => {
+            this.transaction = transactionInfoResponse;
+        }), this._transactionArticleText.addTextLine.subscribe((transactionAddTextLineRequest) => {
+            this.addTextLine(transactionAddTextLineRequest);
+        }));
+    }
     ngOnDestroy() {
         this._subs.forEach(sub => sub.unsubscribe());
     }
@@ -6050,25 +6489,30 @@ class ServiceOrderComponent extends TransactionBaseComponent {
             this.floatButtonRightPosition = ServiceOrderComponent.FLOAT_BUTTON_RIGHT_POSITION_WITHOUT_SIDEBAR;
         }
     }
-    onOkClick() {
-        this.hide();
-    }
-    hide() {
-        this.floatButtonSelected = false;
-    }
     floatButtonClick() {
-        this.floatButtonSelected = true;
-        this._transactionArticleTextComponent.visible = this.floatButtonSelected;
-    }
-    get subHeader() {
-        if (this._selectedTransLine && this._selectedTransLine !== undefined) {
-            return this._selectedTransLine.goodDescription;
-        }
-        return "";
+        this._transactionArticleText.transactionAddTextLineRequest.transactionUuid = this.transactionInfo.uuid;
+        this._transactionArticleText.transactionAddTextLineRequest.text = "";
+        this._transactionArticleText.selectedLine = this._selectedTransLine;
+        this._transactionArticleText.subHeader = this.subHeader;
+        this._transactionArticleText.open();
     }
     hideOrderTotals(event) {
         this.showTotals = false;
     }
+    addArticleLine(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (event.code === "Enter") {
+                if (this.newArticleNr && this.newArticleNr !== "") {
+                    yield this._transactionManager.addArticleLine(this.transactionInfo.uuid, this.newArticleNr, 1, 0, PositionGridRow.After);
+                }
+            }
+        });
+    }
+    addTextLine(transactionAddTextLineRequest) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this._transactionManager.addTextLineToTransaction(transactionAddTextLineRequest.transactionUuid, transactionAddTextLineRequest.text, transactionAddTextLineRequest.refArticleLineNr, PositionGridRow.After);
+        });
+    }
 }
 ServiceOrderComponent.FLOAT_BUTTON_RIGHT_POSITION_WITHOUT_SIDEBAR = 50;
 ServiceOrderComponent.FLOAT_BUTTON_RIGHT_POSITION_WITH_SIDEBAR = 350;
@@ -6077,6 +6521,7 @@ ServiceOrderComponent.decorators = [
                 // eslint-disable-next-line @angular-eslint/component-selector
                 selector: "service-order",
                 template: `
+      <transaction-manager></transaction-manager>
       <div id="transaction-general-tab" style="height:100%;">
         <transaction-header-block
           [relationId]="relationId"
@@ -6085,6 +6530,14 @@ ServiceOrderComponent.decorators = [
           (planningRequestButtonClick)="handlePlanningRequest($event)"
         ></transaction-header-block>
         <div *ngIf="!isService">
+          <div style="display: flex; flex-direction: row; place-content: center">
+            <co-input-text style="width: 200px;"
+              [(model)]="newArticleNr"
+              [placeholder]="'WHERE_ARE_YOU_LOOKING_FOR' | localize"
+              [showClearButton]="true"
+              (keypress)="addArticleLine($event)"
+            ></co-input-text>
+          </div>
           <div class="transaction-view" fxLayout="row" fxLayoutGap="1px" fxLayoutAlign="flex-end">
             <div class="view-mode-buttons">
               <co-button [iconData]="iconCacheService.getIcon(iconThickLines)"
@@ -6115,7 +6568,6 @@ ServiceOrderComponent.decorators = [
           </div>
         </div>
         <transaction-order-totals *ngIf="!isService"
-                                  [transactionTotal]="transactionTotal"
                                   [ngClass]="showTotals ? 'transaction-totals-show' : 'transaction-totals-hide'"></transaction-order-totals>
       </div>
 
@@ -6127,34 +6579,37 @@ ServiceOrderComponent.decorators = [
 ServiceOrderComponent.ctorParameters = () => [
     { type: TransactionService },
     { type: TransactionEventService },
-    { type: IconCacheService }
+    { type: IconCacheService },
+    { type: PromptService }
 ];
 ServiceOrderComponent.propDecorators = {
-    _transactionArticleTextComponent: [{ type: ViewChild, args: [TransactionArticleTextComponent, { static: false },] }]
+    _transactionArticleText: [{ type: ViewChild, args: [TransactionArticleTextComponent,] }],
+    _transactionManager: [{ type: ViewChild, args: [TransactionManagerComponent,] }]
 };
 
-class TransactionOrderTotalsComponent /*extends TransactionBaseComponent*/ {
+class TransactionOrderTotalsComponent extends TransactionBaseComponent {
     constructor(service) {
+        super(service);
         this.service = service;
-        //super(service);
     }
 }
 TransactionOrderTotalsComponent.decorators = [
     { type: Component, args: [{
+                // eslint-disable-next-line @angular-eslint/component-selector
                 selector: "transaction-order-totals",
                 template: `
         <div class="totals-wrapper">
             <div class="totals-item">
                 <div class="totals-item-description" [textContent]="'SUBTOTAL' | localize"></div>
-                <div class="totals-item-value" [textContent]="transactionTotal.grossAmount | coCurrency | coCurrency"></div>
+                <div class="totals-item-value" [textContent]="transactionTotal?.grossAmount | coCurrency | coCurrency"></div>
             </div>
             <div class="totals-item">
                 <div class="totals-item-description" [textContent]="'VAT_AMOUNT' | localize"></div>
-                <div class="totals-item-value" [textContent]="transactionTotal.surchargeAmount | coCurrency"></div>
+                <div class="totals-item-value" [textContent]="transactionTotal?.surchargeAmount | coCurrency"></div>
             </div>
             <div class="totals-item total">
                 <div class="totals-item-description" [textContent]="'TRANSACTION_SUM_I' | localize"></div>
-                <div class="totals-item-value" [textContent]="transactionTotal.netAmount | coCurrency"></div>
+                <div class="totals-item-value" [textContent]="transactionTotal?.netAmount | coCurrency"></div>
             </div>
         </div>
     `,
@@ -6163,10 +6618,7 @@ TransactionOrderTotalsComponent.decorators = [
 ];
 TransactionOrderTotalsComponent.ctorParameters = () => [
     { type: TransactionService }
-];
-TransactionOrderTotalsComponent.propDecorators = {
-    transactionTotal: [{ type: Input }]
-};
+];
 
 class TransactionOrderLineViewComponent {
     constructor(_service, _eventService) {
@@ -6228,7 +6680,7 @@ TransactionOrderLineViewComponent.decorators = [
                 </div>
             </div>
     `,
-                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.transaction-order-line-r .transaction-order-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-top:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-bottom:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-left:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:block;padding:20px}:host ::ng-deep collapseable{width:100%!important}.horizontal{display:flex;flex-direction:row}.service-request-button-wrapper{display:flex;justify-content:center;margin-top:20px}.transaction-order-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.transaction-order-line-r{flex-direction:column}}.transaction-order-line-r .transaction-order-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center;padding-right:10px}.transaction-order-line-r .transaction-order-line-image image-display{width:6em;height:6em}.transaction-order-line-r .transaction-order-line-image ::ng-deep no-image-display{display:none}.transaction-order-line-r .transaction-order-line-description{display:flex;flex-direction:column;width:auto;max-width:355px;margin-left:10px}.transaction-order-line-r .transaction-order-line-description .cart-line-description-main{font-weight:bold}.transaction-order-line-r .transaction-order-line-right{justify-content:flex-end;align-items:center}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock{width:10em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{width:10em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals span{text-align:right}\n"]
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.transaction-order-line-r .transaction-order-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-top:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-bottom:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-left:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:block;padding:20px}:host ::ng-deep collapseable{width:100%!important}.horizontal{display:flex;flex-direction:row}.service-request-button-wrapper{display:flex;justify-content:center;margin-top:20px}.transaction-order-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.transaction-order-line-r{flex-direction:column}}.transaction-order-line-r .transaction-order-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center;padding-right:10px}.transaction-order-line-r .transaction-order-line-image image-display{width:6em;height:6em}.transaction-order-line-r .transaction-order-line-image ::ng-deep no-image-display{display:none}.transaction-order-line-r .transaction-order-line-description{display:flex;flex-direction:column;width:auto;max-width:355px;margin-left:10px}.transaction-order-line-r .transaction-order-line-description .cart-line-description-main{font-weight:bold}.transaction-order-line-r .transaction-order-line-right{justify-content:flex-end;align-items:center}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock{width:10em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{width:15em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals span{text-align:right}\n"]
             },] }
 ];
 TransactionOrderLineViewComponent.ctorParameters = () => [
@@ -6248,7 +6700,7 @@ class TransactionOrderLinesComponent extends TransactionBaseComponent {
         this.createServiceClick = new EventEmitter();
         this.nothingSelected = true;
         this.columns = [];
-        this.columns.push({ field: "articleNumber", headerText: this._dictionaryService.get("ARTICLE_NR"), allowFiltering: false }, { field: "goodDescription", headerText: this._dictionaryService.get("DESCRIPTION") }, { field: "detailsAsString", headerText: this._dictionaryService.get("DETAILS") }, { field: "price", headerText: this._dictionaryService.get("PRICE") }, { field: "amount", headerText: this._dictionaryService.get("NUMBER") }, { field: "lineTotal", headerText: this._dictionaryService.get("SUBTOTAL") }, { field: "logisticState", headerText: this._dictionaryService.get("STATE") }, { field: "expectedDeliveryDate", headerText: this._dictionaryService.get("EXPECTED_DELIVERY_DATE") });
+        this.columns.push({ field: "articleNumber", headerText: this._dictionaryService.get("ARTICLE_NR"), allowFiltering: false }, { field: "goodDescription", headerText: this._dictionaryService.get("DESCRIPTION") }, { field: "text", headerText: this._dictionaryService.get("TEXT") }, { field: "detailsAsString", headerText: this._dictionaryService.get("DETAILS") }, { field: "price", headerText: this._dictionaryService.get("PRICE") }, { field: "amount", headerText: this._dictionaryService.get("NUMBER") }, { field: "lineTotal", headerText: this._dictionaryService.get("SUBTOTAL") }, { field: "logisticState", headerText: this._dictionaryService.get("STATE") }, { field: "expectedDeliveryDate", headerText: this._dictionaryService.get("EXPECTED_DELIVERY_DATE") });
     }
     get pagingEnabled() {
         if (this.transactionLines) {
@@ -6292,7 +6744,7 @@ TransactionOrderLinesComponent.decorators = [
                  (rowsSelected)="onRowClick($event)"
         ></co-grid>
     `,
-                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.transaction-order-line-r .transaction-order-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-top:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-bottom:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-left:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:block;padding:20px}:host ::ng-deep collapseable{width:100%!important}.service-request-button-wrapper{display:flex;justify-content:center;margin-top:20px}.transaction-order-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.transaction-order-line-r{flex-direction:column}}.transaction-order-line-r .transaction-order-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center;padding-right:10px}.transaction-order-line-r .transaction-order-line-image image-display{width:6em;height:6em}.transaction-order-line-r .transaction-order-line-image ::ng-deep no-image-display{display:none}.transaction-order-line-r .transaction-order-line-description{display:flex;flex-direction:column;width:auto;max-width:355px;margin-left:10px}.transaction-order-line-r .transaction-order-line-description .cart-line-description-main{font-weight:bold}.transaction-order-line-r .transaction-order-line-right{justify-content:flex-end;align-items:center}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock{width:10em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{width:10em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals span{text-align:right}\n"]
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.transaction-order-line-r .transaction-order-line-description .cart-line-description-artnr{font-size:10px}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-top:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-image,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-bottom:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{margin-left:20px}.transaction-order-line-r .transaction-order-line-description,.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{margin-right:20px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{display:block;padding:20px}:host ::ng-deep collapseable{width:100%!important}.service-request-button-wrapper{display:flex;justify-content:center;margin-top:20px}.transaction-order-line-r{display:flex;justify-content:stretch;flex-direction:row}@media (max-width: 800px){.transaction-order-line-r{flex-direction:column}}.transaction-order-line-r .transaction-order-line-image{display:flex;flex:1 0 auto!important;flex-direction:column;align-items:center;justify-content:center;padding-right:10px}.transaction-order-line-r .transaction-order-line-image image-display{width:6em;height:6em}.transaction-order-line-r .transaction-order-line-image ::ng-deep no-image-display{display:none}.transaction-order-line-r .transaction-order-line-description{display:flex;flex-direction:column;width:auto;max-width:355px;margin-left:10px}.transaction-order-line-r .transaction-order-line-description .cart-line-description-main{font-weight:bold}.transaction-order-line-r .transaction-order-line-right{justify-content:flex-end;align-items:center}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-stock{width:10em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-amount{width:15em}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals{display:flex;justify-content:flex-end;min-width:100px;font-weight:bold}.transaction-order-line-r .transaction-order-line-right .transaction-order-line-totals span{text-align:right}\n"]
             },] }
 ];
 TransactionOrderLinesComponent.ctorParameters = () => [
@@ -7011,9 +7463,9 @@ TransactionServiceSummaryComponent.decorators = [
                 label="SERVICE"
                 [icon]="iconWrench"
                 headerLabel="SERVICE_NUMBER"
-                [headerValue]="transactionInfo.transactionNr"
+                [headerValue]="transactionInfo?.transactionNr"
                 subHeaderLabel="SERVICE_REQUEST_DATE"
-                [subHeaderValue]="transactionInfo.transactionDate | date:'shortDate'"
+                [subHeaderValue]="transactionInfo?.transactionDate | date:'shortDate'"
         ></transaction-summary-block>
     `
             },] }
@@ -7135,9 +7587,9 @@ TransactionOrderSummaryComponent.decorators = [
                 label="ORDER_INFO"
                 [icon]="iconOrder"
                 headerLabel="ORDER_NUMBER"
-                [headerValue]="isService ? sourceTransactionNr : transactionInfo.transactionNr"
+                [headerValue]="isService ? sourceTransactionNr : transactionInfo?.transactionNr"
                 subHeaderLabel="ORDER_DATE"
-                [subHeaderValue]="(isService ? sourceTransactionDate : this.transactionInfo.transactionDate) | date:'shortDate'"
+                [subHeaderValue]="(isService ? sourceTransactionDate : this.transactionInfo?.transactionDate) | date:'shortDate'"
         ></transaction-summary-block>
     `
             },] }
@@ -7166,9 +7618,9 @@ TransactionPaymentInfoComponent.decorators = [
                 label="PAYMENT"
                 [icon]="euro"
                 headerLabel="TOTAL_AMOUNT"
-                [headerValue]="transactionTotal.netAmount | coCurrency"
+                [headerValue]="transactionTotal?.netAmount | coCurrency"
                 subHeaderLabel="PAID_DOWN2"
-                [subHeaderValue]="transactionTotal.transactionDiscountAmount | coCurrency"
+                [subHeaderValue]="transactionTotal?.transactionDiscountAmount | coCurrency"
         ></transaction-summary-block>
     `
             },] }
@@ -7258,12 +7710,12 @@ TransactionDeliverySummaryComponent.decorators = [
                 [icon]="deliveryTruck"
                 headerLabel="DELIVERY_METHOD2"
                 [headerValue]="deliveryMethodDescription"
-                [subHeaderLabel]="transactionInfo.preferredDeliveryDate ? 'DELIVERY_DATE' : !canPlanDelivery ? 'EXPECTED_DELIVERY_WEEK' : 'EXPECTED_DELIVERY'"
-                [subHeaderValue]="transactionInfo.preferredDeliveryDate ? (transactionInfo.deliveryDate | date:'shortDate') : 'WEEK' | localize | append:(' ') | append:(transactionInfo.deliveryDate | date:'w')">
+                [subHeaderLabel]="transactionInfo?.preferredDeliveryDate ? 'DELIVERY_DATE' : !canPlanDelivery ? 'EXPECTED_DELIVERY_WEEK' : 'EXPECTED_DELIVERY'"
+                [subHeaderValue]="transactionInfo?.preferredDeliveryDate ? (transactionInfo?.deliveryDate | date:'shortDate') : 'WEEK' | localize | append:(' ') | append:(transactionInfo?.deliveryDate | date:'w')">
             <ng-template #subHeaderTemplate *ngIf="canPlanDelivery">
                 <div class="planning-wrapper">
-                    <span class="subheader" *ngIf="transactionInfo.preferredDeliveryDate"
-                          [textContent]="(transactionInfo.preferredDeliveryDate | date:'shortDate') + ', ' + transactionInfo.preferredDeliveryDate | date: 'time' "></span>
+                    <span class="subheader" *ngIf="transactionInfo?.preferredDeliveryDate"
+                          [textContent]="(transactionInfo?.preferredDeliveryDate | date:'shortDate') + ', ' + transactionInfo?.preferredDeliveryDate | date: 'time' "></span>
 <!--                    <arrow-link *ngIf="!transactionInfo.preferredDeliveryDate"-->
 <!--                            label="PLAN_YOUR_DELIVERY"-->
 <!--                            (click)="planningRequestButtonClick.emit($event)"-->
@@ -7464,12 +7916,309 @@ DefaultOkCancelButtonsComponent.propDecorators = {
     okButtonComp: [{ type: ViewChild, args: ["okButton",] }]
 };
 
+class WarehouseComponent {
+    constructor(service, _dictionaryService) {
+        this.service = service;
+        this._dictionaryService = _dictionaryService;
+        this.message = "";
+        this.okClick = new EventEmitter();
+        this.cancelClick = new EventEmitter();
+        this.commissionCodes = [];
+        this.commissionFields = { text: "description", value: "code" };
+        this.transactionArticleWarehouses = [];
+        this.columns = [];
+        this._okOrCancelClick = false;
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.commissionCodes = yield this.service.getCommissionCodes("NL");
+            this.columns.push({ field: "warehouseNr", headerText: this._dictionaryService.get("WAREHOUSE"), allowFiltering: false }, { field: "warehouseDesc", headerText: this._dictionaryService.get("DESCRIPTION") }, { field: "stockAmount", headerText: this._dictionaryService.get("STOCK") });
+        });
+    }
+    ngOnDestroy() {
+        this.warehouseDialog.close();
+    }
+    showStockManager(line) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.selectedWarehouseNr = line.warehouseNumber;
+            this.amount = line.amount;
+            this.commissionCode = line.commissionCode;
+            this.show(line.articleNumber);
+        });
+    }
+    hide() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this._okOrCancelClick) {
+                this._okOrCancelClick = false;
+                return;
+            }
+            yield this.onStockManagerCancelClick();
+        });
+    }
+    show(articleNr) {
+        this._reloadDataCollections(articleNr).then();
+        this.warehouseGrid.selectRow(this.selectedWarehouseNr);
+        this.warehouseDialog.targetElement = null;
+        this.warehouseDialog.open();
+    }
+    handleRowsSelected(rows) {
+        this.selectedWarehouseNr = (rows.find(x => x !== undefined)).warehouseNr;
+    }
+    onStockManagerCancelClick() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this._okOrCancelClick = true;
+            this.warehouseDialog.close();
+            this.cancelClick.emit();
+        });
+    }
+    onStockManagerOkClick() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this._okOrCancelClick = true;
+            this.warehouseDialog.close();
+            this.okClick.emit();
+        });
+    }
+    _reloadDataCollections(articleNr) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const goodId = yield this.service.getGoodIdFromArticleNr(articleNr);
+            this.transactionArticleWarehouses = yield this.service.getTransactionArticleWarehouses(goodId);
+        });
+    }
+}
+WarehouseComponent.decorators = [
+    { type: Component, args: [{
+                // eslint-disable-next-line @angular-eslint/component-selector
+                selector: "warehouse",
+                template: `
+    <co-dialog #warehouseDialog
+               (closeClick)="hide()"
+               (overlayClick)="onStockManagerCancelClick()"
+      >
+      <ng-container header>{{ 'STOCK_NOTIFICATION' | localize }}</ng-container>
+
+      <ng-container content>
+        <co-form>
+          <div class="form-content">
+            <span *ngIf="message" class="message-field" [textContent]="message | localize"></span>
+              <div class="commission-fields" fxLayout="row">
+                <co-input-number-picker class="horizontal" [(model)]="amount" [min]="0" decimals="3"></co-input-number-picker>
+                <co-input-combo-box [(model)]="commissionCode"
+                                      [source]="commissionCodes"
+                                      [fields]="commissionFields"
+                                      [placeholder]="'COMMISSION_CODE' | localize"
+                                      [required]="true"
+                ></co-input-combo-box>
+              </div>
+              <div>
+                <co-grid #warehouseGrid
+                  [data]="transactionArticleWarehouses"
+                  [columns]="columns"
+                  [pagingEnabled]="'true'"
+                  [maxNumberOfRows]="'10'"
+                  (rowsSelected)="handleRowsSelected($event)"
+                ></co-grid>
+              </div>
+          </div>
+        </co-form>
+      </ng-container>
+
+      <ng-container footer>
+          <div class="flex-center">
+            <co-button [label]="'OK' | localize" (click)="onStockManagerOkClick()"></co-button>
+            <co-button [label]="'CANCEL' | localize" (click)="onStockManagerCancelClick()"></co-button>
+          </div>
+      </ng-container>
+    </co-dialog>
+  `,
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,.warehouse-line-container{display:flex}.flex-center,.warehouse-line-container{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field,.commission-fields{margin-left:11px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}::ng-deep #warehouseDialog{align-items:center;max-height:100%}::ng-deep #warehouseDialog ::ng-deep co-form{height:100%;width:500px}::ng-deep #warehouseDialog ::ng-deep .form-content{height:calc(100% - 80px);width:100%}::ng-deep #warehouseDialog ::ng-deep .form-content .message-field{height:20px;word-wrap:break-word;white-space:normal}co-button:not(:last-child){margin-right:10px}.commission-fields{justify-content:space-between;margin:10px 0}.warehouse-description-item{width:15rem}.warehouse-nr-item{width:5rem}co-input-number-picker co-button{max-width:20px}\n"]
+            },] }
+];
+WarehouseComponent.ctorParameters = () => [
+    { type: TransactionService },
+    { type: DictionaryService }
+];
+WarehouseComponent.propDecorators = {
+    warehouseDialog: [{ type: ViewChild, args: ["warehouseDialog",] }],
+    warehouseGrid: [{ type: ViewChild, args: ["warehouseGrid",] }],
+    message: [{ type: Input }],
+    okClick: [{ type: Output }],
+    cancelClick: [{ type: Output }]
+};
+
+class TransactionArticleTextOverviewComponent extends TransactionBaseComponent {
+    constructor(service, _dictionaryService) {
+        super(service);
+        this.service = service;
+        this._dictionaryService = _dictionaryService;
+        this.articleTexts = [
+            { title: "title 1", description: "Omschrijving 1" },
+            { title: "title 2", description: "Omschrijving 2" },
+            { title: "title 3", description: "Omschrijving 3" },
+            { title: "title 4", description: "Omschrijving 4" },
+            { title: "title 5", description: "Omschrijving 5" },
+        ];
+        this.columns = [];
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.columns.push({ field: "title", headerText: this._dictionaryService.get("TITLE"), allowFiltering: false }, { field: "description", headerText: this._dictionaryService.get("DESCRIPTION") });
+        });
+    }
+    open() {
+        if (this.articleTextOverviewDialog) {
+            this.articleTextOverviewDialog.open();
+        }
+    }
+    onPopupClose() {
+        this.hide();
+    }
+    hide() {
+        if (this.articleTextOverviewDialog) {
+            this.articleTextOverviewDialog.close();
+        }
+    }
+    onOkClick() {
+        this.hide();
+    }
+    onCancelClick() {
+        this.hide();
+    }
+    handleRowsSelected(rows) {
+        this.editArticleText.subHeader = this._dictionaryService.get("CHANGE_ARTICLE_TEXT");
+        this.editArticleText.title = (rows.find(x => x !== undefined)).title;
+        this.editArticleText.text = (rows.find(x => x !== undefined)).description;
+        this.editArticleText.open();
+    }
+}
+TransactionArticleTextOverviewComponent.decorators = [
+    { type: Component, args: [{
+                // eslint-disable-next-line @angular-eslint/component-selector
+                selector: "transaction-article-text-overview",
+                template: `
+        <co-dialog #articleTextOverviewDialog (close)="hide()">
+          <ng-container header>Artikelgebonden teksten {{ subHeader }}</ng-container>
+          <ng-container content>
+                <div class="tags-join-content" fxLayout fxLayoutGap="10px">
+                    <div class="column-separator" style="width:75%">
+                      <co-grid #warehouseGrid
+                               [data]="articleTexts"
+                               [columns]="columns"
+                               [pagingEnabled]="'true'"
+                               [maxNumberOfRows]="'10'"
+                               (rowsSelected)="handleRowsSelected($event)"
+                      ></co-grid>
+                    </div>
+                    <div style="margin-left:5px;">
+                      <label [textContent]="'FOR_DOCUMENTS' | localize"></label>
+                          <ejs-chiplist id="chip-default">
+                              <e-chips>
+                                  <e-chip text="Apple" cssClass="e-primary"></e-chip>
+                                  <e-chip text="Microsoft" cssClass="e-info"></e-chip>
+                                  <e-chip text="Google" cssClass="e-success"></e-chip>
+                                  <e-chip text="Tesla" cssClass="e-warning"></e-chip>
+                                  <e-chip text="Intel" cssClass="e-danger"></e-chip>
+                              </e-chips>
+                          </ejs-chiplist>
+                    </div>
+                </div>
+          </ng-container>
+          <ng-container footer>
+                <div class="footer" fxLayout fxPosition="row" fxLayoutAlign="center center" fxLayoutGap="10px" style="margin-top:30px;">
+                    <co-button [label]="'OK' | localize" (click)="onOkClick()"></co-button>
+                    <co-button [label]="'CANCEL' | localize" (click)="onCancelClick()"></co-button>
+                </div>
+          </ng-container>
+        </co-dialog>
+
+        <transaction-edit-article-text #editArticleText></transaction-edit-article-text>
+    `,
+                styles: [""]
+            },] }
+];
+TransactionArticleTextOverviewComponent.ctorParameters = () => [
+    { type: TransactionService },
+    { type: DictionaryService }
+];
+TransactionArticleTextOverviewComponent.propDecorators = {
+    articleTextOverviewDialog: [{ type: ViewChild, args: ["articleTextOverviewDialog",] }],
+    editArticleText: [{ type: ViewChild, args: ["editArticleText",] }],
+    subHeader: [{ type: Input }]
+};
+
+class TransactionEditArticleTextComponent extends TransactionBaseComponent {
+    constructor(service) {
+        super(service);
+        this.service = service;
+    }
+    open() {
+        if (this.editArticleTextDialog) {
+            this.editArticleTextDialog.open();
+        }
+    }
+    onPopupClose() {
+        this.hide();
+    }
+    hide() {
+        if (this.editArticleTextDialog) {
+            this.editArticleTextDialog.close();
+        }
+    }
+    onOkClick() {
+        this.hide();
+    }
+    onCancelClick() {
+        this.hide();
+    }
+    onChangeText(event) {
+        this.text = this.editor.getText();
+    }
+}
+TransactionEditArticleTextComponent.decorators = [
+    { type: Component, args: [{
+                // eslint-disable-next-line @angular-eslint/component-selector
+                selector: "transaction-edit-article-text",
+                template: `
+        <co-dialog #editArticleTextDialog  (close)="hide()">
+          <ng-container header>{{ subHeader }}</ng-container>
+          <ng-container content>
+              <div class="column-separator">
+                  <co-input-text [placeholder]="'TITLE' | localize" [(model)]="title"></co-input-text>
+                <co-rich-text-editor
+                  #rte
+                  id="rte"
+                  [model]="text"
+                  (onChangeEvent)="onChangeText($event)"
+                ></co-rich-text-editor>
+              </div>
+          </ng-container>
+          <ng-container footer>
+              <div class="footer" fxLayout fxLayoutAlign="center center" fxLayoutGap="10px" style="margin-top:30px;">
+                  <co-button [label]="'OK' | localize" (click)="onOkClick()"></co-button>
+                  <co-button [label]="'CANCEL' | localize" (click)="onCancelClick()"></co-button>
+              </div>
+          </ng-container>
+        </co-dialog>
+    `,
+                providers: [ToolbarService, LinkService, ImageService, HtmlEditorService],
+                styles: [""]
+            },] }
+];
+TransactionEditArticleTextComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+TransactionEditArticleTextComponent.propDecorators = {
+    editArticleTextDialog: [{ type: ViewChild, args: ["editArticleTextDialog",] }],
+    editor: [{ type: ViewChild, args: ["rte",] }],
+    subHeader: [{ type: Input }],
+    title: [{ type: Input }],
+    text: [{ type: Input }]
+};
+
 class IoneServiceOrderModule {
 }
 IoneServiceOrderModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
-                    BrowserAnimationsModule,
                     IconModule,
                     InputTextModule,
                     InputCheckboxModule,
@@ -7487,13 +8236,16 @@ IoneServiceOrderModule.decorators = [
                     PopupModule.forRoot(),
                     CoSidebarModule,
                     CoGridModule,
-                    CoreModule,
                     ChipListModule,
                     DropDownButtonModule,
                     CheckBoxModule,
                     DropDownListModule,
                     IoneShoppingCartModule,
                     TabModule,
+                    CoreModule,
+                    CommonModule,
+                    RichTextEditorModule,
+                    CoRichTextEditorModule,
                 ],
                 declarations: [
                     TemplateWrapperDirective,
@@ -7505,6 +8257,8 @@ IoneServiceOrderModule.decorators = [
                     TransactionOrderLinesComponent,
                     TransactionRelationAddressComponent,
                     TransactionArticleTextComponent,
+                    TransactionArticleTextOverviewComponent,
+                    TransactionEditArticleTextComponent,
                     TransactionSidebarRightComponent,
                     TransactionLineAccordionComponent,
                     TransactionHeaderBlockComponent,
@@ -7518,11 +8272,13 @@ IoneServiceOrderModule.decorators = [
                     TransactionDeliverySummaryComponent,
                     TransactionProductContractSummaryComponent,
                     TransactionProductSummaryComponent,
+                    TransactionManagerComponent,
+                    WarehouseComponent,
                 ],
                 providers: [
                     DictionaryService,
                     TransactionService,
-                    OptionsService
+                    OptionsService,
                 ],
                 entryComponents: [
                     IoneServiceOrderComponent
@@ -7538,5 +8294,5 @@ IoneServiceOrderModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { IoneCheckoutComponent, IoneCheckoutModule, IoneServiceOrderComponent, IoneServiceOrderModule, IoneShoppingCartComponent, IoneShoppingCartModule, RetailTransactionCheckoutComponent as ɵa, CheckoutComponent as ɵb, ShoppingCartManagerComponent as ɵba, ShoppingCartComponent as ɵbb, ShoppingCartLineComponent as ɵbc, StockStatusIndicatorComponent as ɵbd, CharacteristicAnswerComponent as ɵbe, TemplateWrapperDirective as ɵbf, DefaultOkCancelButtonsComponent as ɵbg, ServiceOrderComponent as ɵbh, TransactionBaseComponent as ɵbi, TransactionArticleTextComponent as ɵbj, TransactionOrderTotalsComponent as ɵbk, TransactionOrderLineViewComponent as ɵbl, TransactionOrderLinesComponent as ɵbm, TransactionRelationAddressComponent as ɵbn, TransactionSidebarRightComponent as ɵbo, TransactionLineAccordionComponent as ɵbp, TransactionHeaderBlockComponent as ɵbq, TransactionRelationEditComponent as ɵbr, TransactionServiceSummaryComponent as ɵbs, TransactionSummaryBlockComponent as ɵbt, TransactionServiceStatusComponent as ɵbu, TransactionOrderSummaryComponent as ɵbv, TransactionPaymentInfoComponent as ɵbw, TransactionArticleSummaryComponent as ɵbx, TransactionDeliverySummaryComponent as ɵby, TransactionProductContractSummaryComponent as ɵbz, CheckoutOverviewComponent as ɵc, TransactionProductSummaryComponent as ɵca, CheckoutOverviewBlockComponent as ɵd, CheckoutOverviewRelationEditComponent as ɵe, TransactionService as ɵf, IOneConnectorAdapterService as ɵg, CheckoutOverviewDeliveryEditComponent as ɵh, DictionaryService as ɵi, CheckoutLoginComponent as ɵj, OptionsService as ɵk, TransactionEventService as ɵl, CoreModule as ɵm, AppendPipe as ɵn, DeliveryTimePipe as ɵo, DateDurationPipe as ɵp, LocalizePipe as ɵq, CoCurrencyPipe as ɵr, SafeStylePipe as ɵs, ImageDisplayComponent as ɵt, NoImageDisplayComponent as ɵu, IconComponent as ɵv, CheckoutOverviewRelationAddressComponent as ɵw, CheckoutOverviewDeliveryAddressComponent as ɵx, CheckOutRelationSuggestionsListComponent as ɵy, CheckOutRelationSuggestionsListItemComponent as ɵz };
+export { IoneCheckoutComponent, IoneCheckoutModule, IoneServiceOrderComponent, IoneServiceOrderModule, IoneShoppingCartComponent, IoneShoppingCartModule, RetailTransactionCheckoutComponent as ɵa, CheckoutComponent as ɵb, ShoppingCartManagerComponent as ɵba, ShoppingCartComponent as ɵbb, ShoppingCartLineComponent as ɵbc, StockStatusIndicatorComponent as ɵbd, CharacteristicAnswerComponent as ɵbe, TemplateWrapperDirective as ɵbf, DefaultOkCancelButtonsComponent as ɵbg, ServiceOrderComponent as ɵbh, TransactionBaseComponent as ɵbi, TransactionArticleTextComponent as ɵbj, TransactionManagerComponent as ɵbk, TransactionOrderTotalsComponent as ɵbl, TransactionOrderLineViewComponent as ɵbm, TransactionOrderLinesComponent as ɵbn, TransactionRelationAddressComponent as ɵbo, TransactionArticleTextOverviewComponent as ɵbp, TransactionEditArticleTextComponent as ɵbq, TransactionSidebarRightComponent as ɵbr, TransactionLineAccordionComponent as ɵbs, TransactionHeaderBlockComponent as ɵbt, TransactionRelationEditComponent as ɵbu, TransactionServiceSummaryComponent as ɵbv, TransactionSummaryBlockComponent as ɵbw, TransactionServiceStatusComponent as ɵbx, TransactionOrderSummaryComponent as ɵby, TransactionPaymentInfoComponent as ɵbz, CheckoutOverviewComponent as ɵc, TransactionArticleSummaryComponent as ɵca, TransactionDeliverySummaryComponent as ɵcb, TransactionProductContractSummaryComponent as ɵcc, TransactionProductSummaryComponent as ɵcd, WarehouseComponent as ɵce, CheckoutOverviewBlockComponent as ɵd, CheckoutOverviewRelationEditComponent as ɵe, TransactionService as ɵf, IOneConnectorAdapterService as ɵg, CheckoutOverviewDeliveryEditComponent as ɵh, DictionaryService as ɵi, CheckoutLoginComponent as ɵj, OptionsService as ɵk, TransactionEventService as ɵl, CoreModule as ɵm, AppendPipe as ɵn, DeliveryTimePipe as ɵo, DateDurationPipe as ɵp, LocalizePipe as ɵq, CoCurrencyPipe as ɵr, SafeStylePipe as ɵs, ImageDisplayComponent as ɵt, NoImageDisplayComponent as ɵu, IconComponent as ɵv, CheckoutOverviewRelationAddressComponent as ɵw, CheckoutOverviewDeliveryAddressComponent as ɵx, CheckOutRelationSuggestionsListComponent as ɵy, CheckOutRelationSuggestionsListItemComponent as ɵz };
 //# sourceMappingURL=colijnit-transaction.js.map