@colijnit/transaction 12.1.2 → 12.1.6

package/fesm2015/colijnit-transaction.js

@@ -1,6 +1,6 @@
 import { __awaiter } from 'tslib';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Component, Input, Output, ChangeDetectorRef, ViewChild, Pipe, HostBinding, NgModule, Directive, ContentChild, ViewContainerRef } from '@angular/core';
+import { Injectable, EventEmitter, Component, ViewChild, Output, ChangeDetectorRef, Input, Pipe, HostBinding, NgModule, Directive, ContentChild, ViewContainerRef } from '@angular/core';
 import { BehaviorSubject, Subject, throwError } from 'rxjs';
 import { Options } from '@colijnit/ioneconnector/build/model/options';
 import { CustomerFullObject } from '@colijnit/transactionapi/build/model/customer-full-object.bo';
@@ -35,25 +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 { FlexModule } from '@angular/flex-layout';
 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 { 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';
@@ -805,6 +807,9 @@ class BusinessObjectFactory {
     }
 }
 
+class StandardText {
+}
+
 class IOneConnectorAdapterService {
     constructor() {
         this._boFactory = new BusinessObjectFactory();
@@ -1307,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 = [
@@ -1317,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;
@@ -1364,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);
@@ -1444,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();
@@ -1502,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);
@@ -1615,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);
@@ -1632,13 +1708,27 @@ 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);
+                })
+                    .catch((reason) => {
+                    resolve(null);
+                });
+            });
+        });
+    }
+    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);
@@ -1649,12 +1739,11 @@ class TransactionService {
             });
         });
     }
-    changeLineSequence(lineUuid, aboveLineNr, belowLineNr) {
+    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);
@@ -1664,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);
                     }
@@ -1683,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);
                     }
@@ -1703,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) => {
@@ -1744,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 = "=";
@@ -1791,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;
@@ -1892,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",
@@ -2031,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": {},
@@ -2053,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",
@@ -2185,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",
             },
         };
     }
@@ -2211,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.
@@ -2232,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) {
@@ -2246,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 = () => [];
 
@@ -2274,82 +2403,313 @@ TransactionEventService.decorators = [
     { type: Injectable, args: [{ providedIn: "root" },] }
 ];
 
-var CheckoutSteps;
-(function (CheckoutSteps) {
-    CheckoutSteps[CheckoutSteps["Overview"] = 0] = "Overview";
-    // Login,
-    CheckoutSteps[CheckoutSteps["Relation"] = 1] = "Relation";
-    CheckoutSteps[CheckoutSteps["Delivery"] = 2] = "Delivery";
-    CheckoutSteps[CheckoutSteps["Payment"] = 3] = "Payment";
-    CheckoutSteps[CheckoutSteps["Printing"] = 4] = "Printing";
-})(CheckoutSteps || (CheckoutSteps = {}));
-
-class CheckoutOverviewBlockComponent {
+class CheckoutLoginComponent {
     constructor() {
-        this.sequenceNr = 1;
-        this.startInEdit = false;
-        this.editMode = false;
-        this.editModeChange = new EventEmitter();
+        this.createNewAccountSubmit = new EventEmitter();
+        this.continueWithoutSubmit = new EventEmitter();
+        this.loginSubmit = new EventEmitter();
+        this.userEmailAddress = "";
+        this.userNewEmailAddress = "";
+        this.userPassword = "";
+        this.continueWithoutAccount = false;
+        this.company = "<bedrijf>";
     }
     ngOnInit() {
-        if (this.startInEdit) {
-            this.editMode = true;
-        }
     }
-    startEdit() {
-        this.editMode = true;
-        this.editModeChange.emit(this.editMode);
+    login() {
+        this.loginSubmit.emit();
     }
-    stopEdit(emitChange = true) {
-        this.editMode = false;
-        if (emitChange) {
-            this.editModeChange.emit(this.editMode);
+    submit() {
+        this.loginForm.submit();
+    }
+    createAccountSubmit() {
+        this.accountForm.submit();
+    }
+    continueSubmit() {
+        this.continueWithoutAccount = true;
+        this.accountForm.submit();
+    }
+    accountLogin() {
+        if (this.continueWithoutAccount) {
+            this.continueWithoutSubmit.emit();
+        }
+        else {
+            this.createNewAccountSubmit.emit();
         }
     }
 }
-CheckoutOverviewBlockComponent.decorators = [
+CheckoutLoginComponent.decorators = [
     { type: Component, args: [{
-                selector: "checkout-overview-block",
+                selector: "checkout-login",
                 template: `
-        <div class="overview-wrapper" fxLayout="column" fxLayoutGap="0px">
-            <div class="overview-header" fxLayout="row">
-            </div>
-                <div class="overview-body" fxLayout="row" fxLayoutGap="20px">
-                <ng-content select="[edit-mode-content]"></ng-content>
-            </div>
+    <h1>{{ "LOGIN" | localize}}</h1>
+    <div class="users">
+      <co-form #loginForm (validSubmit)="login()">
+        <div class="existing-user">
+          <p><strong>{{ "EXISTING_CUSTOMERS" | localize }}</strong></p>
+          <co-input-text
+            [(model)]="userEmailAddress"
+            [placeholder]="'EMAIL_ADDRESS' | localize "
+            [type]="'email'"
+            required
+          ></co-input-text>
+
+          <co-input-text
+            [(model)]="userPassword"
+            [placeholder]="'PASSWORD' | localize "
+            [type]="'password'"
+            required
+          ></co-input-text>
+          <div class="login-button">
+            <co-button
+              [label]="'LOGIN' | localize" (click)="submit()"
+            ></co-button>
+          </div>
         </div>
-    `,
-                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]
+      </co-form>
+
+      <co-form #accountForm (validSubmit)="accountLogin()">
+        <div class="new-user">
+          <p class="boxedbottom">
+            <strong>{{ "NEW_AT" | localize}}{{company}}</strong>
+            <br/>{{ "CREATE_ACCOUNT_IN_2_MIN" | localize }}
+          </p>
+          <div class="new-user-e-mail">
+            <co-input-text
+              [(model)]="userNewEmailAddress"
+              [placeholder]="'EMAIL_ADDRESS' | localize "
+              [type]="'email'"
+              required
+            ></co-input-text>
+          </div>
+          <div class="login-button">
+            <co-button
+              [label]="'CREATE_ACCOUNT' | localize"
+              (click)="createAccountSubmit()"
+            ></co-button>
+            <co-button
+              [label]="'CONTINUE_WITHOUT_ACCOUNT' | localize"
+              (click)="continueSubmit()"
+            ></co-button>
+          </div>
+        </div>
+      </co-form>
+    </div>
+  `,
+                styles: [".users{display:flex;flex-direction:row}.users co-form{width:50%}.existing-user{padding-right:2rem;margin-bottom:0;border-right:1px solid #aaa}.new-user{padding-left:2rem}.new-user-e-mail{padding-top:2.6rem}.boxedbottom{margin-bottom:.5rem}.login-button{display:flex;margin-top:10px}.login-button co-button{margin-right:10px}\n"]
             },] }
 ];
-CheckoutOverviewBlockComponent.ctorParameters = () => [];
-CheckoutOverviewBlockComponent.propDecorators = {
-    sequenceNr: [{ type: Input }],
-    label: [{ type: Input }],
-    startInEdit: [{ type: Input }],
-    editModeChange: [{ type: Output }]
+CheckoutLoginComponent.ctorParameters = () => [];
+CheckoutLoginComponent.propDecorators = {
+    loginForm: [{ type: ViewChild, args: ["loginForm",] }],
+    accountForm: [{ type: ViewChild, args: ["accountForm",] }],
+    createNewAccountSubmit: [{ type: Output }],
+    continueWithoutSubmit: [{ type: Output }],
+    loginSubmit: [{ type: Output }]
 };
 
-class CheckoutOverviewRelationEditComponent {
-    constructor(_changeDetector, _transactionService) {
+class IoneCheckoutComponent {
+    constructor(_changeDetector, _optionsService, _connector, _dictionary, _service, transactionEvents, _promptService, globalEvents) {
         this._changeDetector = _changeDetector;
-        this._transactionService = _transactionService;
-        this.validSubmit = new EventEmitter();
-        this.invalidSubmit = new EventEmitter();
-        this.testje = false;
-        this.dateOfBirth = new Date();
-        this.accountPassword = "";
-        this.hide = true;
-        this.gender = GenderType.Unspecified;
-        this.emailAddress = new ContactOption();
-        this.phoneNumber = new ContactOption();
-        this.relationSuggestions = [];
-        this.showRelationSidebar = false;
-        this.inviteToAccount = false;
-        this.relType = RelationNameKind;
-        this.genderType = GenderType;
-        this._relation = NULL_RELATION_OBJECT;
-        // fetches relation suggestions
+        this._optionsService = _optionsService;
+        this._connector = _connector;
+        this._dictionary = _dictionary;
+        this._service = _service;
+        this.transactionEvents = transactionEvents;
+        this._promptService = _promptService;
+        this.globalEvents = globalEvents;
+        this.upAndLoaded = false;
+        this.show = false;
+        this.loggedIn = false;
+        this._subscriptions = [];
+        this._remoteOptions = true;
+        this._publicOptions = true;
+        this._applicationUser = false;
+        this._subscriptions.push(this._optionsService.optionsLoaded.subscribe(loaded => this._handleSettingsLoaded(loaded)));
+        this._subscriptions.push(this.transactionEvents.loggedIn.subscribe(() => {
+            this.loggedIn = true;
+        }));
+    }
+    set options(value) {
+        if (value) {
+            let options;
+            if (typeof value === "string") {
+                options = JSON.parse(value);
+            }
+            else {
+                options = value;
+            }
+            this._publicOptions = true;
+            this._optionsService.initialize(options).then();
+        }
+    }
+    set applicationUser(value) {
+        this._applicationUser = value;
+        this._service.applicationUser = this.applicationUser;
+    }
+    get transactionNr() {
+        return this._service.currentTransaction.transactionNr;
+    }
+    get applicationUser() {
+        return this._applicationUser;
+    }
+    ngOnInit() {
+        if (!this._publicOptions) {
+            this._optionsService.initializeDevelopmentOptions(this._remoteOptions);
+        }
+    }
+    ngOnDestroy() {
+        this._subscriptions.forEach(subscription => subscription.unsubscribe());
+    }
+    _handleSettingsLoaded(loaded) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (loaded) {
+                yield this._initConnection().then();
+                this.upAndLoaded = true;
+            }
+        });
+    }
+    _initConnection() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this._connector.connect(this._optionsService.options);
+            if (this._optionsService.options.url) {
+                this._dictionary.rootUrl = this._optionsService.options.url.replace("/ajaxservice", "");
+            }
+            yield this._dictionary.setDictionary(this._optionsService.options.languageCode);
+            setTimeout(() => {
+                this._changeDetector.detectChanges();
+            });
+        });
+    }
+    loginSubmit() {
+        this.globalEvents.addUserRelationShoppingCartModule.next({ user: this.checkoutLogin.userEmailAddress, pw: this.checkoutLogin.userPassword });
+        this.loggedIn = true;
+    }
+    continueWithoutAccount() {
+        this.closeLogin();
+        this.loggedIn = true;
+        this.transactionEvents.addNewUserToShoppingCartModule.next(this.checkoutLogin.userNewEmailAddress);
+    }
+    createNewAccount() {
+        this.closeLogin();
+        this.transactionEvents.addNewUserToShoppingCartModule.next(this.checkoutLogin.userNewEmailAddress);
+    }
+    closeLogin() {
+        this.loggedIn = true;
+        this.show = true;
+    }
+}
+IoneCheckoutComponent.decorators = [
+    { type: Component, args: [{
+                selector: "ione-checkout",
+                template: `
+    <ng-container *ngIf="show && (applicationUser || loggedIn)">
+      <app-checkout-transaction></app-checkout-transaction>
+    </ng-container>
+
+
+    <div *ngIf="show && !applicationUser && !loggedIn">
+      <checkout-login
+        #checkoutLogin
+        (continueWithoutSubmit)="continueWithoutAccount()"
+        (createNewAccountSubmit)="createNewAccount()"
+      ></checkout-login>
+    </div>
+  `
+            },] }
+];
+IoneCheckoutComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: OptionsService },
+    { type: IOneConnectorAdapterService },
+    { type: DictionaryService },
+    { type: TransactionService },
+    { type: TransactionEventService },
+    { type: PromptService },
+    { type: TransactionEventService }
+];
+IoneCheckoutComponent.propDecorators = {
+    checkoutLogin: [{ type: ViewChild, args: [CheckoutLoginComponent,] }],
+    options: [{ type: Input }],
+    applicationUser: [{ type: Input }]
+};
+
+var CheckoutSteps;
+(function (CheckoutSteps) {
+    CheckoutSteps[CheckoutSteps["Overview"] = 0] = "Overview";
+    // Login,
+    CheckoutSteps[CheckoutSteps["Relation"] = 1] = "Relation";
+    CheckoutSteps[CheckoutSteps["Delivery"] = 2] = "Delivery";
+    CheckoutSteps[CheckoutSteps["Payment"] = 3] = "Payment";
+    CheckoutSteps[CheckoutSteps["Printing"] = 4] = "Printing";
+})(CheckoutSteps || (CheckoutSteps = {}));
+
+class CheckoutOverviewBlockComponent {
+    constructor() {
+        this.sequenceNr = 1;
+        this.startInEdit = false;
+        this.editMode = false;
+        this.editModeChange = new EventEmitter();
+    }
+    ngOnInit() {
+        if (this.startInEdit) {
+            this.editMode = true;
+        }
+    }
+    startEdit() {
+        this.editMode = true;
+        this.editModeChange.emit(this.editMode);
+    }
+    stopEdit(emitChange = true) {
+        this.editMode = false;
+        if (emitChange) {
+            this.editModeChange.emit(this.editMode);
+        }
+    }
+}
+CheckoutOverviewBlockComponent.decorators = [
+    { type: Component, args: [{
+                selector: "checkout-overview-block",
+                template: `
+        <div class="overview-wrapper" fxLayout="column" fxLayoutGap="0px">
+            <div class="overview-header" fxLayout="row">
+            </div>
+                <div class="overview-body" fxLayout="row" fxLayoutGap="20px">
+                <ng-content select="[edit-mode-content]"></ng-content>
+            </div>
+        </div>
+    `,
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]
+            },] }
+];
+CheckoutOverviewBlockComponent.ctorParameters = () => [];
+CheckoutOverviewBlockComponent.propDecorators = {
+    sequenceNr: [{ type: Input }],
+    label: [{ type: Input }],
+    startInEdit: [{ type: Input }],
+    editModeChange: [{ type: Output }]
+};
+
+class CheckoutOverviewRelationEditComponent {
+    constructor(_changeDetector, _transactionService) {
+        this._changeDetector = _changeDetector;
+        this._transactionService = _transactionService;
+        this.validSubmit = new EventEmitter();
+        this.invalidSubmit = new EventEmitter();
+        this.testje = false;
+        this.dateOfBirth = new Date();
+        this.accountPassword = "";
+        this.hide = true;
+        this.gender = GenderType.Unspecified;
+        this.emailAddress = new ContactOption();
+        this.phoneNumber = new ContactOption();
+        this.relationSuggestions = [];
+        this.showRelationSidebar = false;
+        this.inviteToAccount = false;
+        this.relType = RelationNameKind;
+        this.genderType = GenderType;
+        this._relation = NULL_RELATION_OBJECT;
+        // fetches relation suggestions
         this._relationNameChangeHandler = FunctionUtils.Throttle(() => {
             return this._relationNameChangedHandlerFn();
             // eslint-disable-next-line no-magic-numbers
@@ -2534,7 +2894,7 @@ CheckoutOverviewRelationEditComponent.decorators = [
         <div>
             <label [textContent]="'PERSONAL_DATA' | localize"
                    class="checkout-label-h3"
-            ></label>7
+            ></label>
         </div>
         <div>
             <div>
@@ -3443,546 +3803,314 @@ CheckoutComponent.propDecorators = {
     stepper: [{ type: ViewChild, args: ["stepper",] }]
 };
 
-class RetailTransactionCheckoutComponent {
-    constructor(service) {
-        this.service = service;
+class CheckoutOverviewRelationAddressComponent {
+    constructor(_dictionary, _connector) {
+        this._dictionary = _dictionary;
+        this._connector = _connector;
+        this.countries = [];
+        this.fields = { text: "description", value: "code" };
+        this.postalCodeCheckErrorMessage = "";
+        this._prevPostalCodeForCheck = "";
     }
-    get canPrevious() {
-        var _a;
-        return this.checkout && ((_a = this.checkout.stepper) === null || _a === void 0 ? void 0 : _a.selectedIndex) !== 0;
+    set address(address) {
+        this._address = address;
     }
-    get canContinue() {
-        var _a;
-        return this.checkout && ((_a = this.checkout.stepper) === null || _a === void 0 ? void 0 : _a.selectedIndex) !== 3;
+    get address() {
+        if (this._address === undefined) {
+            this._address = new Address();
+        }
+        return this._address;
     }
-    get started() {
-        var _a;
-        return this.checkout && ((_a = this.checkout.stepper) === null || _a === void 0 ? void 0 : _a.selectedIndex) === 0;
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.countries = yield this._connector.getCountries();
+        });
     }
-    get finished() {
-        return this.checkout && this.checkout.finished;
+    checkForPostalCodeCheckError() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.address.postalCode || isNill$1(this.address.houseNo)) {
+                this.postalCodeCheckErrorMessage = "";
+                return;
+            }
+            if (this._prevPostalCodeForCheck !== this.address.postalCode || this._prevHouseNoForCheck !== this.address.houseNo) {
+                this._prevPostalCodeForCheck = this.address.postalCode;
+                this._prevHouseNoForCheck = this.address.houseNo;
+                const postalCodeResponse = yield this._connector.getPostalCodeRetrieval((this.address.postalCode ? this.address.postalCode : ""), StringUtils.ParseString(this.address.houseNo));
+                if (postalCodeResponse && postalCodeResponse.isBadAddress) {
+                    this.postalCodeCheckErrorMessage = this._dictionary.get("UNKNOWN_ADDRESS_CHECK_IT");
+                }
+                else {
+                    this.postalCodeCheckErrorMessage = "";
+                    this.address.streetName = postalCodeResponse.street;
+                    this.address.city = postalCodeResponse.city;
+                }
+            }
+        });
     }
-    continueCheckout() {
-        this.checkout.continue();
+    changeHouseNo() {
+        this.address.houseNo = Number(this.address.houseNo);
     }
-    previousCheckout() {
+}
+CheckoutOverviewRelationAddressComponent.decorators = [
+    { type: Component, args: [{
+                selector: "checkout-overview-relation-address",
+                template: `
+        <label [textContent]="label | localize"
+               class="checkout-label-h3"
+        ></label>
+        <div class="default-flex-row">
+            <div class="default-flex-column">
+              <co-input-text [(model)]="address.postalCode"
+                             [placeholder]="'POSTAL_CODE' | localize"
+                             (blur)="checkForPostalCodeCheckError()"
+                             required
+              ></co-input-text>
+            </div>
+            <div class="default-flex-column">
+              <co-input-text [(model)]="address.houseNo"
+                             [placeholder]="'HOUSE_NO' | localize"
+                             (blur)="checkForPostalCodeCheckError()"
+                             (modelChange) = "changeHouseNo()"
+                             required
+              ></co-input-text>
+            </div>
+            <div class="default-flex-column">
+              <co-input-text [(model)]="address.houseNoAddition"
+                             [placeholder]="'HOUSE_NO_ADDITION' | localize"
+              ></co-input-text>
+            </div>
+        </div>
+        <div>
+            <div class="default-flex-row">
+              <div class="default-flex-column">
+                <co-input-text [(model)]="address.streetName" [placeholder]="'STREET' | localize" required></co-input-text>
+              </div>
+              <div class="default-flex-column">
+                <co-input-text [(model)]="address.city" [placeholder]="'CITY' | localize" required></co-input-text>
+              </div>
+              <div class="default-flex-column">
+                <co-input-combo-box [(model)]="address.countryId"
+                                    [source]="countries"
+                                    [fields]="fields"
+                                    [placeholder]="'COUNTRY'| localize"
+                                    [required]="true"
+                ></co-input-combo-box>
+              </div>
+            </div>
+        </div>
+    `,
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]
+            },] }
+];
+CheckoutOverviewRelationAddressComponent.ctorParameters = () => [
+    { type: DictionaryService },
+    { type: IOneConnectorAdapterService }
+];
+CheckoutOverviewRelationAddressComponent.propDecorators = {
+    label: [{ type: Input }],
+    address: [{ type: Input }]
+};
+
+class CheckoutTransactionComponent {
+    constructor(service) {
+        this.service = service;
+    }
+    get canPrevious() {
+        var _a;
+        return this.checkout && ((_a = this.checkout.stepper) === null || _a === void 0 ? void 0 : _a.selectedIndex) !== 0;
+    }
+    get canContinue() {
+        var _a;
+        return this.checkout && ((_a = this.checkout.stepper) === null || _a === void 0 ? void 0 : _a.selectedIndex) !== 3;
+    }
+    get started() {
+        var _a;
+        return this.checkout && ((_a = this.checkout.stepper) === null || _a === void 0 ? void 0 : _a.selectedIndex) === 0;
+    }
+    get finished() {
+        return this.checkout && this.checkout.finished;
+    }
+    continueCheckout() {
+        this.checkout.continue();
+    }
+    previousCheckout() {
         this.checkout.previous();
     }
 }
-RetailTransactionCheckoutComponent.decorators = [
+CheckoutTransactionComponent.decorators = [
     { type: Component, args: [{
-                selector: "app-retail-transaction-checkout",
+                selector: "app-checkout-transaction",
                 template: `
     <ng-container [ngTemplateOutlet]="content"></ng-container>
     <app-checkout class="checkout"></app-checkout>
     <ng-container [ngTemplateOutlet]="content"></ng-container>
     <ng-template #content>
-      <div class="checkout-retail-viewport checkout-row-end">
+      <div class="checkout-transaction-viewport checkout-row-end">
         <co-button [label]="'BACK'| localize" [disabled]="!canPrevious" (click)="previousCheckout()"></co-button>
         <co-button [label]="'CONTINUE'| localize" [disabled]="!canContinue" (click)="continueCheckout()"></co-button>
       </div>
     </ng-template>
   `,
-                styles: [".checkout-retail-viewport{max-width:60%;margin-left:20%}.checkout-row-end{display:flex;flex-direction:row;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;justify-content:flex-end}\n"]
+                styles: [".checkout-transaction-viewport{max-width:60%;margin-left:20%}.checkout-row-end{display:flex;flex-direction:row;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;justify-content:flex-end}\n"]
             },] }
 ];
-RetailTransactionCheckoutComponent.ctorParameters = () => [
+CheckoutTransactionComponent.ctorParameters = () => [
     { type: TransactionService }
 ];
-RetailTransactionCheckoutComponent.propDecorators = {
+CheckoutTransactionComponent.propDecorators = {
     checkout: [{ type: ViewChild, args: [CheckoutComponent, { static: true },] }]
 };
 
-class CheckoutLoginComponent {
-    constructor() {
-        this.createNewAccountSubmit = new EventEmitter();
-        this.continueWithoutSubmit = new EventEmitter();
-        this.loginSubmit = new EventEmitter();
-        this.userEmailAddress = "";
-        this.userNewEmailAddress = "";
-        this.userPassword = "";
-        this.continueWithoutAccount = false;
-        this.company = "<bedrijf>";
-    }
-    ngOnInit() {
-    }
-    login() {
-        this.loginSubmit.emit();
-    }
-    submit() {
-        this.loginForm.submit();
-    }
-    createAccountSubmit() {
-        this.accountForm.submit();
-    }
-    continueSubmit() {
-        this.continueWithoutAccount = true;
-        this.accountForm.submit();
+class CheckoutOverviewDeliveryAddressComponent {
+    constructor(service) {
+        this.service = service;
+        this.editRequest = new EventEmitter();
     }
-    accountLogin() {
-        if (this.continueWithoutAccount) {
-            this.continueWithoutSubmit.emit();
-        }
-        else {
-            this.createNewAccountSubmit.emit();
-        }
+    onClick() {
+        this.editRequest.emit();
     }
 }
-CheckoutLoginComponent.decorators = [
+CheckoutOverviewDeliveryAddressComponent.decorators = [
     { type: Component, args: [{
-                selector: "checkout-login",
+                selector: "checkout-overview-delivery-address",
                 template: `
-    <h1>{{ "LOGIN" | localize}}</h1>
-    <div class="users">
-      <co-form #loginForm (validSubmit)="login()">
-        <div class="existing-user">
-          <p><strong>{{ "EXISTING_CUSTOMERS" | localize }}</strong></p>
-          <co-input-text
-            [(model)]="userEmailAddress"
-            [placeholder]="'EMAIL_ADDRESS' | localize "
-            [type]="'email'"
-            required
-          ></co-input-text>
+    <div>
+      <div>
+        <label [textContent]="label | localize"
+               class="checkout-label-h3"
+        ></label>
+      </div>
 
-          <co-input-text
-            [(model)]="userPassword"
-            [placeholder]="'PASSWORD' | localize "
-            [type]="'password'"
-            required
-          ></co-input-text>
-          <div class="login-button">
-            <co-button
-              [label]="'LOGIN' | localize" (click)="submit()"
-            ></co-button>
-          </div>
+      <div (click)="onClick()">
+        <div>
+          {{ address?.streetName }} {{ address?.houseNo}} {{ address?.houseNoAddition}}
         </div>
-      </co-form>
-
-      <co-form #accountForm (validSubmit)="accountLogin()">
-        <div class="new-user">
-          <p class="boxedbottom">
-            <strong>{{ "NEW_AT" | localize}}{{company}}</strong>
-            <br/>{{ "CREATE_ACCOUNT_IN_2_MIN" | localize }}
-          </p>
-          <div class="new-user-e-mail">
-            <co-input-text
-              [(model)]="userNewEmailAddress"
-              [placeholder]="'EMAIL_ADDRESS' | localize "
-              [type]="'email'"
-              required
-            ></co-input-text>
-          </div>
-          <div class="login-button">
-            <co-button
-              [label]="'CREATE_ACCOUNT' | localize"
-              (click)="createAccountSubmit()"
-            ></co-button>
-            <co-button
-              [label]="'CONTINUE_WITHOUT_ACCOUNT' | localize"
-              (click)="continueSubmit()"
-            ></co-button>
-          </div>
+        <div>
+          {{ address?.postalCode }} {{ address?.city}}
         </div>
-      </co-form>
+        <div>
+          {{ address?.countryName }}
+        </div>
+      </div>
     </div>
   `,
-                styles: [".users{display:flex;flex-direction:row}.users co-form{width:50%}.existing-user{padding-right:2rem;margin-bottom:0;border-right:1px solid #aaa}.new-user{padding-left:2rem}.new-user-e-mail{padding-top:2.6rem}.boxedbottom{margin-bottom:.5rem}.login-button{display:flex;margin-top:10px}.login-button co-button{margin-right:10px}\n"]
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n", ""]
             },] }
 ];
-CheckoutLoginComponent.ctorParameters = () => [];
-CheckoutLoginComponent.propDecorators = {
-    loginForm: [{ type: ViewChild, args: ["loginForm",] }],
-    accountForm: [{ type: ViewChild, args: ["accountForm",] }],
-    createNewAccountSubmit: [{ type: Output }],
-    continueWithoutSubmit: [{ type: Output }],
-    loginSubmit: [{ type: Output }]
+CheckoutOverviewDeliveryAddressComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+CheckoutOverviewDeliveryAddressComponent.propDecorators = {
+    label: [{ type: Input }],
+    address: [{ type: Input }],
+    editRequest: [{ type: Output }]
 };
 
-class IoneCheckoutComponent {
-    constructor(_changeDetector, _optionsService, _connector, _dictionary, _service, transactionEvents, _promptService, globalEvents) {
-        this._changeDetector = _changeDetector;
-        this._optionsService = _optionsService;
-        this._connector = _connector;
-        this._dictionary = _dictionary;
-        this._service = _service;
-        this.transactionEvents = transactionEvents;
-        this._promptService = _promptService;
-        this.globalEvents = globalEvents;
-        this.upAndLoaded = false;
-        this.show = false;
-        this.loggedIn = false;
-        this._subscriptions = [];
-        this._remoteOptions = true;
-        this._publicOptions = true;
-        this._applicationUser = false;
-        this._subscriptions.push(this._optionsService.optionsLoaded.subscribe(loaded => this._handleSettingsLoaded(loaded)));
-        this._subscriptions.push(this.transactionEvents.loggedIn.subscribe(() => {
-            this.loggedIn = true;
-        }));
-    }
-    set options(value) {
-        if (value) {
-            let options;
-            if (typeof value === "string") {
-                options = JSON.parse(value);
-            }
-            else {
-                options = value;
-            }
-            this._publicOptions = true;
-            this._optionsService.initialize(options).then();
-        }
-    }
-    set applicationUser(value) {
-        this._applicationUser = value;
-        this._service.applicationUser = this.applicationUser;
-    }
-    get transactionNr() {
-        return this._service.currentTransaction.transactionNr;
-    }
-    get applicationUser() {
-        return this._applicationUser;
-    }
-    ngOnInit() {
-        if (!this._publicOptions) {
-            this._optionsService.initializeDevelopmentOptions(this._remoteOptions);
-        }
-    }
-    ngOnDestroy() {
-        this._subscriptions.forEach(subscription => subscription.unsubscribe());
-    }
-    _handleSettingsLoaded(loaded) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (loaded) {
-                yield this._initConnection().then();
-                this.upAndLoaded = true;
-            }
-        });
-    }
-    _initConnection() {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this._connector.connect(this._optionsService.options);
-            if (this._optionsService.options.url) {
-                this._dictionary.rootUrl = this._optionsService.options.url.replace("/ajaxservice", "");
-            }
-            yield this._dictionary.setDictionary(this._optionsService.options.languageCode);
-            setTimeout(() => {
-                this._changeDetector.detectChanges();
-            });
-        });
-    }
-    loginSubmit() {
-        this.globalEvents.addUserRelationShoppingCartModule.next({ user: this.checkoutLogin.userEmailAddress, pw: this.checkoutLogin.userPassword });
-        this.loggedIn = true;
-    }
-    continueWithoutAccount() {
-        this.closeLogin();
-        this.loggedIn = true;
-        this.transactionEvents.addNewUserToShoppingCartModule.next(this.checkoutLogin.userNewEmailAddress);
-    }
-    createNewAccount() {
-        this.closeLogin();
-        this.transactionEvents.addNewUserToShoppingCartModule.next(this.checkoutLogin.userNewEmailAddress);
-    }
-    closeLogin() {
-        this.loggedIn = true;
-        this.show = true;
+// Direction type for regular straight directions.
+var Direction;
+(function (Direction) {
+    Direction["Right"] = "right";
+    Direction["Left"] = "left";
+    Direction["Up"] = "top";
+    Direction["Down"] = "bottom";
+})(Direction || (Direction = {}));
+
+class CheckOutRelationSuggestionsListComponent {
+    constructor() {
+        this.suggestions = [];
+        this.arrowDirection = Direction.Left;
+        // Emits the clicked relation list object.
+        this.suggestionButtonClick = new EventEmitter();
     }
 }
-IoneCheckoutComponent.decorators = [
+CheckOutRelationSuggestionsListComponent.decorators = [
     { type: Component, args: [{
-                selector: "ione-checkout",
-                template: `
-    <ng-container *ngIf="show && (applicationUser || loggedIn)">
-      <app-retail-transaction-checkout></app-retail-transaction-checkout>
-    </ng-container>
-
-
-    <div *ngIf="show && !applicationUser && !loggedIn">
-      <checkout-login
-        #checkoutLogin
-        (continueWithoutSubmit)="continueWithoutAccount()"
-        (createNewAccountSubmit)="createNewAccount()"
-      ></checkout-login>
-    </div>
-  `
+                selector: "checkout-relation-suggestions-list",
+                template: `
+        <div class="flex-column items-wrapper">
+            <checkout-relation-suggestions-list-item *ngFor="let suggestion of suggestions" [suggestion]="suggestion"
+                                           [arrowDirection]="arrowDirection"
+                                           (buttonClick)="suggestionButtonClick.emit(suggestion)"></checkout-relation-suggestions-list-item>
+            <span *ngIf="suggestions?.length === 0" class="no-results" localize="NO_RESULTS_FOUND"></span>
+        </div>
+    `,
+                host: {
+                    "class": "narrow-scrollbar"
+                },
+                styles: [""]
             },] }
 ];
-IoneCheckoutComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: OptionsService },
-    { type: IOneConnectorAdapterService },
-    { type: DictionaryService },
-    { type: TransactionService },
-    { type: TransactionEventService },
-    { type: PromptService },
-    { type: TransactionEventService }
-];
-IoneCheckoutComponent.propDecorators = {
-    retailCheckout: [{ type: ViewChild, args: [RetailTransactionCheckoutComponent,] }],
-    checkoutLogin: [{ type: ViewChild, args: [CheckoutLoginComponent,] }],
-    options: [{ type: Input }],
-    applicationUser: [{ type: Input }]
+CheckOutRelationSuggestionsListComponent.propDecorators = {
+    suggestions: [{ type: Input }],
+    arrowDirection: [{ type: Input }],
+    suggestionButtonClick: [{ type: Output }]
 };
 
-class CheckoutOverviewRelationAddressComponent {
-    constructor(_dictionary, _connector) {
-        this._dictionary = _dictionary;
-        this._connector = _connector;
-        this.countries = [];
-        this.fields = { text: "description", value: "code" };
-        this.postalCodeCheckErrorMessage = "";
-        this._prevPostalCodeForCheck = "";
-    }
-    set address(address) {
-        this._address = address;
+class CheckOutRelationSuggestionsListItemComponent {
+    constructor() {
+        this.buttonClick = new EventEmitter();
+        //  public icon: Icon;
+        this._arrowDirection = Direction.Left;
     }
-    get address() {
-        if (this._address === undefined) {
-            this._address = new Address();
-        }
-        return this._address;
+    set arrowDirection(arrowDirection) {
+        this._arrowDirection = arrowDirection;
+        this._updateIcon();
     }
     ngOnInit() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.countries = yield this._connector.getCountries();
-        });
-    }
-    checkForPostalCodeCheckError() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.address.postalCode || isNill$1(this.address.houseNo)) {
-                this.postalCodeCheckErrorMessage = "";
-                return;
-            }
-            if (this._prevPostalCodeForCheck !== this.address.postalCode || this._prevHouseNoForCheck !== this.address.houseNo) {
-                this._prevPostalCodeForCheck = this.address.postalCode;
-                this._prevHouseNoForCheck = this.address.houseNo;
-                const postalCodeResponse = yield this._connector.getPostalCodeRetrieval((this.address.postalCode ? this.address.postalCode : ""), StringUtils.ParseString(this.address.houseNo));
-                if (postalCodeResponse && postalCodeResponse.isBadAddress) {
-                    this.postalCodeCheckErrorMessage = this._dictionary.get("UNKNOWN_ADDRESS_CHECK_IT");
-                }
-                else {
-                    this.postalCodeCheckErrorMessage = "";
-                    this.address.streetName = postalCodeResponse.street;
-                    this.address.city = postalCodeResponse.city;
-                }
-            }
-        });
+        this._updateIcon();
     }
-    changeHouseNo() {
-        this.address.houseNo = Number(this.address.houseNo);
+    _updateIcon() {
+        // if (this._arrowDirection === Direction.Left) {
+        //   this.icon = Icon.ArrowFatLeft;
+        // } else {
+        //   this.icon = Icon.ArrowFatRight;
+        // }
     }
 }
-CheckoutOverviewRelationAddressComponent.decorators = [
+CheckOutRelationSuggestionsListItemComponent.decorators = [
     { type: Component, args: [{
-                selector: "checkout-overview-relation-address",
+                selector: "checkout-relation-suggestions-list-item",
                 template: `
-        <label [textContent]="label | localize"
-               class="checkout-label-h3"
-        ></label>
-        <div class="default-flex-row">
-            <div class="default-flex-column">
-              <co-input-text [(model)]="address.postalCode"
-                             [placeholder]="'POSTAL_CODE' | localize"
-                             (blur)="checkForPostalCodeCheckError()"
-                             required
-              ></co-input-text>
-            </div>
-            <div class="default-flex-column">
-              <co-input-text [(model)]="address.houseNo"
-                             [placeholder]="'HOUSE_NO' | localize"
-                             (blur)="checkForPostalCodeCheckError()"
-                             (modelChange) = "changeHouseNo()"
-                             required
-              ></co-input-text>
-            </div>
-            <div class="default-flex-column">
-              <co-input-text [(model)]="address.houseNoAddition"
-                             [placeholder]="'HOUSE_NO_ADDITION' | localize"
-              ></co-input-text>
+<!--        <div class="left" fxLayout fxLayoutAlign="start center">-->
+<!--            <avatar [relation]="suggestion" class="smaller"></avatar>-->
+<!--        </div>-->
+        <div class="right">
+            <div class="name medium-big-font" *ngIf="suggestion.displayName as displayName" [textContent]="displayName"></div>
+            <div class="email" *ngIf="suggestion.email">
+              {{ suggestion.email }}
             </div>
-        </div>
-        <div>
-            <div class="default-flex-row">
-              <div class="default-flex-column">
-                <co-input-text [(model)]="address.streetName" [placeholder]="'STREET' | localize" required></co-input-text>
-              </div>
-              <div class="default-flex-column">
-                <co-input-text [(model)]="address.city" [placeholder]="'CITY' | localize" required></co-input-text>
-              </div>
-              <div class="default-flex-column">
-                <co-input-combo-box [(model)]="address.countryId"
-                                    [source]="countries"
-                                    [fields]="fields"
-                                    [placeholder]="'COUNTRY'| localize"
-                                    [required]="true"
-                ></co-input-combo-box>
-              </div>
+            <div class="address" *ngIf="suggestion.displayAddress as address" [textContent]="address"></div>
+            <div class="phone" *ngIf="suggestion.tel1">
+              {{ suggestion?.tel1 }}
             </div>
         </div>
+        <co-button [label]="'SELECT' | localize" class="popup rounded" (click)="buttonClick.emit($event)"></co-button>
     `,
-                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n"]
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,:host{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}:host{flex-shrink:0}:host{padding-top:11px}:host{padding-bottom:11px}div.email,div.address,div.phone{padding-bottom:5px}:host{padding-top:20px}:host,div.right{padding-left:11px}:host{padding-right:11px}:host{position:relative}:host:hover co-button.popup{visibility:visible}co-button.popup{position:absolute!important}co-button.popup{transform:translate(-50%,-50%)}co-button.popup{top:50%;left:50%;margin-right:-50%}co-button.popup{visibility:hidden}div.name{font-weight:bold}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{background-color:#fff;border:1px solid #DCE4EA;border-radius:5px;margin:5px;max-width:250px}:host:hover{background-color:#e8eceb}div.name{font-size:15px}div.email,div.address,div.phone{color:#747b87;font-size:13px}div.right{display:flex;flex-direction:column;justify-content:center}\n"]
             },] }
 ];
-CheckoutOverviewRelationAddressComponent.ctorParameters = () => [
-    { type: DictionaryService },
-    { type: IOneConnectorAdapterService }
-];
-CheckoutOverviewRelationAddressComponent.propDecorators = {
-    label: [{ type: Input }],
-    address: [{ type: Input }]
+CheckOutRelationSuggestionsListItemComponent.ctorParameters = () => [];
+CheckOutRelationSuggestionsListItemComponent.propDecorators = {
+    suggestion: [{ type: Input }],
+    arrowDirection: [{ type: Input }],
+    buttonClick: [{ type: Output }]
 };
 
-class CheckoutOverviewDeliveryAddressComponent {
-    constructor(service) {
-        this.service = service;
-        this.editRequest = new EventEmitter();
-    }
-    onClick() {
-        this.editRequest.emit();
+// A pipe for appending strings to other strings in view templates.
+class AppendPipe {
+    transform(value, append) {
+        if (!value) {
+            return "";
+        }
+        if (!append) {
+            return value;
+        }
+        return value + append;
     }
 }
-CheckoutOverviewDeliveryAddressComponent.decorators = [
-    { type: Component, args: [{
-                selector: "checkout-overview-delivery-address",
-                template: `
-    <div>
-      <div>
-        <label [textContent]="label | localize"
-               class="checkout-label-h3"
-        ></label>
-      </div>
-
-      <div (click)="onClick()">
-        <div>
-          {{ address?.streetName }} {{ address?.houseNo}} {{ address?.houseNoAddition}}
-        </div>
-        <div>
-          {{ address?.postalCode }} {{ address?.city}}
-        </div>
-        <div>
-          {{ address?.countryName }}
-        </div>
-      </div>
-    </div>
-  `,
-                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.overview-header .overview-step-nr{border-radius:50%}.flex-center,.step-content-delivery,.step-content-customer{display:flex}.flex-center,.step-content-delivery{flex-direction:row}.step-content-customer{flex-direction:column}.flex-center{align-items:center!important;justify-content:center!important}.step-content-customer,.step-content-delivery{padding-bottom:20px}.step-content-customer,.step-content-delivery{padding-top:20px}.step-content-customer,.step-content-delivery{padding-left:20px}.step-content-customer,.step-content-delivery{padding-right:20px}.overview-body{padding-left:30px}.overview-body{padding-right:30px}.overview-body{padding-top:30px}.overview-body{padding-bottom:30px}ul.cart-buttons>li{padding-left:11px}ul.cart-buttons>li{padding-right:11px}ul.cart-buttons{margin-top:20px}ul.cart-buttons{margin-bottom:20px}.overview-header .overview-step-nr{color:#f7fafa}.overview-header .overview-step-nr{background-color:#2b60a7}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}.checkout-viewport{max-width:60%;margin-left:20%}.mat-label{font-family:Montserrat,Arial,Helvetica,sans-serif}.default-flex-row{flex-direction:row;box-sizing:border-box;grid-column-gap:20px;-moz-column-gap:20px;column-gap:20px;display:flex}.default-flex-column{display:flex;flex-direction:column;width:200px}.privacy-row{display:flex;flex-direction:row;margin-bottom:20px}.privacy-column-left{display:flex;flex-direction:column;min-width:150px;max-width:150px;overflow-wrap:break-word}.privacy-column-right{display:flex;flex-direction:row;margin-left:50px}.checkout-label-h2{display:block;margin-top:1em;margin-bottom:1em;font-size:18px;font-weight:bold}.checkout-label-h3{display:block;margin-top:1em;margin-bottom:1em;font-size:14px;font-weight:bold}co-input-radio-button{margin-left:16px}.checkout-overview h2{font-size:18px;font-weight:bold}.checkout-overview h3{font-size:15px}mat-horizontal-stepper{position:sticky;top:0;z-index:30}::ng-deep .mat-horizontal-content-container{display:none}.step-content-customer{background-color:#fff}.step-content-delivery{background-color:#fff}::ng-deep .step-wrapper{width:auto;background:rgba(255,255,255,.25)}::ng-deep .step-wrapper button-colijn{margin-top:20px}::ng-deep .step-wrapper.payment{align-items:center!important;justify-content:left!important}.overview-header{background:rgba(255,255,255,.25);border-top-left-radius:5px;border-top-right-radius:5px}.overview-header .overview-step-nr{width:20px;height:20px;text-align:center;font-weight:bold}.overview-body{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.overview-body .contact-option-value{align-self:center}.overview-header-label{font-weight:bold}.overview-label{font-weight:bold}ul.cart-buttons{display:flex;justify-content:space-between;flex-wrap:nowrap;list-style-type:none}ul.cart-buttons>li{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;background-color:#f7fafa;cursor:pointer;font-size:15px;color:#2b60a7;border:1px solid #DCE4EA;border-radius:5px;opacity:1}ul.cart-buttons>li a{white-space:nowrap}\n", ""]
-            },] }
-];
-CheckoutOverviewDeliveryAddressComponent.ctorParameters = () => [
-    { type: TransactionService }
-];
-CheckoutOverviewDeliveryAddressComponent.propDecorators = {
-    label: [{ type: Input }],
-    address: [{ type: Input }],
-    editRequest: [{ type: Output }]
-};
-
-// Direction type for regular straight directions.
-var Direction;
-(function (Direction) {
-    Direction["Right"] = "right";
-    Direction["Left"] = "left";
-    Direction["Up"] = "top";
-    Direction["Down"] = "bottom";
-})(Direction || (Direction = {}));
-
-class CheckOutRelationSuggestionsListComponent {
-    constructor() {
-        this.suggestions = [];
-        this.arrowDirection = Direction.Left;
-        // Emits the clicked relation list object.
-        this.suggestionButtonClick = new EventEmitter();
-    }
-}
-CheckOutRelationSuggestionsListComponent.decorators = [
-    { type: Component, args: [{
-                selector: "checkout-relation-suggestions-list",
-                template: `
-        <div class="flex-column items-wrapper">
-            <checkout-relation-suggestions-list-item *ngFor="let suggestion of suggestions" [suggestion]="suggestion"
-                                           [arrowDirection]="arrowDirection"
-                                           (buttonClick)="suggestionButtonClick.emit(suggestion)"></checkout-relation-suggestions-list-item>
-            <span *ngIf="suggestions?.length === 0" class="no-results" localize="NO_RESULTS_FOUND"></span>
-        </div>
-    `,
-                host: {
-                    "class": "narrow-scrollbar"
-                },
-                styles: [""]
-            },] }
-];
-CheckOutRelationSuggestionsListComponent.propDecorators = {
-    suggestions: [{ type: Input }],
-    arrowDirection: [{ type: Input }],
-    suggestionButtonClick: [{ type: Output }]
-};
-
-class CheckOutRelationSuggestionsListItemComponent {
-    constructor() {
-        this.buttonClick = new EventEmitter();
-        //  public icon: Icon;
-        this._arrowDirection = Direction.Left;
-    }
-    set arrowDirection(arrowDirection) {
-        this._arrowDirection = arrowDirection;
-        this._updateIcon();
-    }
-    ngOnInit() {
-        this._updateIcon();
-    }
-    _updateIcon() {
-        // if (this._arrowDirection === Direction.Left) {
-        //   this.icon = Icon.ArrowFatLeft;
-        // } else {
-        //   this.icon = Icon.ArrowFatRight;
-        // }
-    }
-}
-CheckOutRelationSuggestionsListItemComponent.decorators = [
-    { type: Component, args: [{
-                selector: "checkout-relation-suggestions-list-item",
-                template: `
-<!--        <div class="left" fxLayout fxLayoutAlign="start center">-->
-<!--            <avatar [relation]="suggestion" class="smaller"></avatar>-->
-<!--        </div>-->
-        <div class="right">
-            <div class="name medium-big-font" *ngIf="suggestion.displayName as displayName" [textContent]="displayName"></div>
-            <div class="email" *ngIf="suggestion.email">
-              {{ suggestion.email }}
-            </div>
-            <div class="address" *ngIf="suggestion.displayAddress as address" [textContent]="address"></div>
-            <div class="phone" *ngIf="suggestion.tel1">
-              {{ suggestion?.tel1 }}
-            </div>
-        </div>
-        <co-button [label]="'SELECT' | localize" class="popup rounded" (click)="buttonClick.emit($event)"></co-button>
-    `,
-                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center,:host{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}:host{flex-shrink:0}:host{padding-top:11px}:host{padding-bottom:11px}div.email,div.address,div.phone{padding-bottom:5px}:host{padding-top:20px}:host,div.right{padding-left:11px}:host{padding-right:11px}:host{position:relative}:host:hover co-button.popup{visibility:visible}co-button.popup{position:absolute!important}co-button.popup{transform:translate(-50%,-50%)}co-button.popup{top:50%;left:50%;margin-right:-50%}co-button.popup{visibility:hidden}div.name{font-weight:bold}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{background-color:#fff;border:1px solid #DCE4EA;border-radius:5px;margin:5px;max-width:250px}:host:hover{background-color:#e8eceb}div.name{font-size:15px}div.email,div.address,div.phone{color:#747b87;font-size:13px}div.right{display:flex;flex-direction:column;justify-content:center}\n"]
-            },] }
-];
-CheckOutRelationSuggestionsListItemComponent.ctorParameters = () => [];
-CheckOutRelationSuggestionsListItemComponent.propDecorators = {
-    suggestion: [{ type: Input }],
-    arrowDirection: [{ type: Input }],
-    buttonClick: [{ type: Output }]
-};
-
-// A pipe for appending strings to other strings in view templates.
-class AppendPipe {
-    transform(value, append) {
-        if (!value) {
-            return "";
-        }
-        if (!append) {
-            return value;
-        }
-        return value + append;
-    }
-}
-AppendPipe.decorators = [
-    { type: Pipe, args: [{ name: "append" },] }
-];
+AppendPipe.decorators = [
+    { type: Pipe, args: [{ name: "append" },] }
+];
 
 // Time size types, as in 'days' or 'weeks' or 'months'.
 var TimeSizeType;
@@ -4314,6 +4442,7 @@ IoneCheckoutModule.decorators = [
                     CoGridModule,
                     CoreModule,
                     CommonModule,
+                    NoopAnimationsModule,
                 ],
                 declarations: [
                     CheckoutComponent,
@@ -4322,7 +4451,7 @@ IoneCheckoutModule.decorators = [
                     CheckoutOverviewRelationEditComponent,
                     CheckoutOverviewRelationAddressComponent,
                     CheckoutOverviewDeliveryEditComponent,
-                    RetailTransactionCheckoutComponent,
+                    CheckoutTransactionComponent,
                     CheckoutOverviewDeliveryAddressComponent,
                     CheckOutRelationSuggestionsListComponent,
                     CheckOutRelationSuggestionsListItemComponent,
@@ -4435,7 +4564,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));
@@ -5066,7 +5195,7 @@ ShoppingCartComponent.decorators = [
         </co-form>
     </co-dialog>
   `,
-                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.shopping-cart-totals{padding-bottom:20px}.shopping-cart-totals{padding-top:20px}.cart-header{margin-top:20px}.cart-header{margin-bottom:20px}.cart-header .view-mode-buttons{margin-left:11px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{background-color:#fff;opacity:1;display:flex;flex-direction:column;height:100%;color:#22313c}.cart-header{display:flex;justify-content:space-between}.cart-header .cart-header-label{font-weight:bold}.cart-header .view-mode-buttons{display:flex;flex-direction:row}.cart-header .view-mode-buttons co-button{padding:0}.cart-header .view-mode-buttons co-button ::ng-deep co-button{border-radius:0}.cart-header .view-mode-buttons co-button:first-child ::ng-deep co-button{border-radius:3px}.cart-header .view-mode-buttons co-button:nth-child(2) ::ng-deep co-button{border-top-left-radius:3px;border-bottom-left-radius:3px}.cart-header .view-mode-buttons co-button:last-child ::ng-deep co-button{border-top-right-radius:3px;border-bottom-right-radius:3px}.cart-lines{display:flex;height:100%;overflow:auto}.shopping-cart-totals{align-items:flex-end}.shopping-cart-totals>div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.shopping-cart-totals>div span:last-of-type{min-width:6em;text-align:right}.shopping-cart-totals div:last-of-type{font-weight:bold}\n", ":host .shopping-cart-viewport{max-width:60%;margin-left:20%}:host .shopping-cart-row-end{display:flex;flex-direction:row;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;justify-content:flex-end}\n"]
+                styles: ["html,body{height:100%}body{margin:0;font-family:Roboto,\"Helvetica Neue\",sans-serif}.flex-center{display:flex}.flex-center{flex-direction:row}.flex-center{align-items:center!important;justify-content:center!important}.shopping-cart-totals{padding-bottom:20px}.shopping-cart-totals{padding-top:20px}.cart-header{margin-top:20px}.cart-header{margin-bottom:20px}.cart-header .view-mode-buttons{margin-left:11px}.triangle{border-radius:3px}.full-width{width:100%}.flex-center{margin:10px 0}:host{background-color:#fff;opacity:1;display:flex;flex-direction:column;height:100%;color:#22313c}:host .shopping-cart-viewport{max-width:60%;margin-left:20%}:host .shopping-cart-row-end{display:flex;flex-direction:row;grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;justify-content:flex-end}.cart-header{display:flex;justify-content:space-between}.cart-header .cart-header-label{font-weight:bold}.cart-header .view-mode-buttons{display:flex;flex-direction:row}.cart-header .view-mode-buttons co-button{padding:0}.cart-header .view-mode-buttons co-button ::ng-deep co-button{border-radius:0}.cart-header .view-mode-buttons co-button:first-child ::ng-deep co-button{border-radius:3px}.cart-header .view-mode-buttons co-button:nth-child(2) ::ng-deep co-button{border-top-left-radius:3px;border-bottom-left-radius:3px}.cart-header .view-mode-buttons co-button:last-child ::ng-deep co-button{border-top-right-radius:3px;border-bottom-right-radius:3px}.cart-lines{display:flex;height:100%;overflow:auto}.shopping-cart-totals{align-items:flex-end}.shopping-cart-totals>div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.shopping-cart-totals>div span:last-of-type{min-width:6em;text-align:right}.shopping-cart-totals div:last-of-type{font-weight:bold}\n"]
             },] }
 ];
 ShoppingCartComponent.ctorParameters = () => [
@@ -5408,7 +5537,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}.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 = () => [
@@ -5482,6 +5611,7 @@ class CharacteristicAnswerComponent {
 }
 CharacteristicAnswerComponent.decorators = [
     { type: Component, args: [{
+                // eslint-disable-next-line @angular-eslint/component-selector
                 selector: "characteristic-answer",
                 template: `
     <co-dialog
@@ -5587,7 +5717,7 @@ IoneShoppingCartModule.decorators = [
                 entryComponents: [
                     IoneShoppingCartComponent
                 ],
-                exports: [IoneShoppingCartComponent, StockStatusIndicatorComponent],
+                exports: [IoneShoppingCartComponent, StockStatusIndicatorComponent, CharacteristicAnswerComponent],
                 bootstrap: [IoneShoppingCartComponent]
             },] }
 ];
@@ -5689,30 +5819,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() {
-        if (this._transaction) {
-            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;
@@ -5798,59 +5951,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 = [
@@ -5858,142 +6019,403 @@ 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 = {
+    articleTextDialog: [{ type: ViewChild, args: ["articleTextDialog",] }],
+    articleTextOverview: [{ type: ViewChild, args: ["articleTextOverview",] }],
+    editor: [{ type: ViewChild, args: ["rte",] }],
+    subHeader: [{ type: Input }],
+    addTextLine: [{ type: Output }]
+};
+
+class TransactionManagerComponent extends TransactionBaseComponent {
+    constructor(service, transactionEvents, promptService, _dictionaryService) {
+        super(service);
+        this.service = service;
+        this.transactionEvents = transactionEvents;
+        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 amountOfLines() {
+        return NumberUtils.NrOrDefault(this.service.articleAmount, 0);
+    }
+    get showCharacteristicDialog() {
+        return this._showCharacteristic;
+    }
+    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* () {
+            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"]
             },] }
 ];
-TransactionArticleTextComponent.ctorParameters = () => [
-    { type: TransactionService }
+TransactionManagerComponent.ctorParameters = () => [
+    { type: TransactionService },
+    { type: TransactionEventService },
+    { type: PromptService },
+    { type: DictionaryService }
 ];
-TransactionArticleTextComponent.propDecorators = {
-    subHeader: [{ type: Input }]
+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) {
+    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.floatButtonSelected = false;
+        this.newArticleNr = "";
         this._subs = [];
     }
     get inListView() {
@@ -6002,6 +6424,12 @@ class ServiceOrderComponent extends TransactionBaseComponent {
     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) => {
@@ -6022,6 +6450,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());
     }
@@ -6053,25 +6488,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;
@@ -6080,6 +6520,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"
@@ -6088,6 +6529,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)"
@@ -6129,10 +6578,12 @@ 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 {
@@ -6248,7 +6699,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) {
@@ -7464,6 +7915,304 @@ 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 = [
@@ -7486,14 +8235,16 @@ IoneServiceOrderModule.decorators = [
                     PopupModule.forRoot(),
                     CoSidebarModule,
                     CoGridModule,
-                    CoreModule,
                     ChipListModule,
                     DropDownButtonModule,
                     CheckBoxModule,
                     DropDownListModule,
                     IoneShoppingCartModule,
                     TabModule,
+                    CoreModule,
                     CommonModule,
+                    RichTextEditorModule,
+                    CoRichTextEditorModule,
                 ],
                 declarations: [
                     TemplateWrapperDirective,
@@ -7505,6 +8256,8 @@ IoneServiceOrderModule.decorators = [
                     TransactionOrderLinesComponent,
                     TransactionRelationAddressComponent,
                     TransactionArticleTextComponent,
+                    TransactionArticleTextOverviewComponent,
+                    TransactionEditArticleTextComponent,
                     TransactionSidebarRightComponent,
                     TransactionLineAccordionComponent,
                     TransactionHeaderBlockComponent,
@@ -7518,11 +8271,13 @@ IoneServiceOrderModule.decorators = [
                     TransactionDeliverySummaryComponent,
                     TransactionProductContractSummaryComponent,
                     TransactionProductSummaryComponent,
+                    TransactionManagerComponent,
+                    WarehouseComponent,
                 ],
                 providers: [
                     DictionaryService,
                     TransactionService,
-                    OptionsService
+                    OptionsService,
                 ],
                 entryComponents: [
                     IoneServiceOrderComponent
@@ -7538,5 +8293,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, CheckoutLoginComponent as ɵa, OptionsService 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, IOneConnectorAdapterService as ɵc, TransactionArticleSummaryComponent as ɵca, TransactionDeliverySummaryComponent as ɵcb, TransactionProductContractSummaryComponent as ɵcc, TransactionProductSummaryComponent as ɵcd, WarehouseComponent as ɵce, DictionaryService as ɵd, TransactionService as ɵe, TransactionEventService as ɵf, CoreModule as ɵg, AppendPipe as ɵh, DeliveryTimePipe as ɵi, DateDurationPipe as ɵj, LocalizePipe as ɵk, CoCurrencyPipe as ɵl, SafeStylePipe as ɵm, ImageDisplayComponent as ɵn, NoImageDisplayComponent as ɵo, IconComponent as ɵp, CheckoutComponent as ɵq, CheckoutOverviewComponent as ɵr, CheckoutOverviewBlockComponent as ɵs, CheckoutOverviewRelationEditComponent as ɵt, CheckoutOverviewDeliveryEditComponent as ɵu, CheckoutOverviewRelationAddressComponent as ɵv, CheckoutTransactionComponent as ɵw, CheckoutOverviewDeliveryAddressComponent as ɵx, CheckOutRelationSuggestionsListComponent as ɵy, CheckOutRelationSuggestionsListItemComponent as ɵz };
 //# sourceMappingURL=colijnit-transaction.js.map