@colijnit/transaction 12.1.29 → 12.1.30

package/fesm2015/colijnit-transaction.js

@@ -1,6 +1,6 @@
 import { __awaiter } from 'tslib';
 import * as i0 from '@angular/core';
-import { Injectable, Component, ViewEncapsulation, Input, HostBinding, ComponentFactoryResolver, ApplicationRef, Injector, EventEmitter, ViewChild, Output, Pipe, NgModule, Directive, ElementRef, ContentChildren, HostListener } from '@angular/core';
+import { Injectable, Component, ViewEncapsulation, Input, HostBinding, EventEmitter, ChangeDetectorRef, Output, Directive, ComponentFactoryResolver, ApplicationRef, Injector, ViewChild, Pipe, NgModule, ElementRef, ContentChildren, HostListener } from '@angular/core';
 import { PendingReasonType } from '@colijnit/transactionapi/build/enum/pending-reason-type.enum';
 import { SequenceName } from '@colijnit/transactionapi/build/enum/sequence-name.enum';
 import { TransactionKind } from '@colijnit/transactionapi/build/enum/transaction-kind.enum';
@@ -50,6 +50,7 @@ import { PurchasePortalLine } from '@colijnit/transactionapi/build/model/purchas
 import { CreatePaymentLinkResult } from '@colijnit/transactionapi/build/model/create-payment-link-result.bo';
 import { PaymentLinkStatus } from '@colijnit/transactionapi/build/model/payment-link-status.bo';
 import { RelationStatus } from '@colijnit/transactionapi/build/enum/relation-status.enum';
+import { TransactionInfo } from '@colijnit/transactionapi/build/model/transaction-info.bo';
 import { ResolveLinePendingReasonRequest } from '@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo';
 import { Articles } from '@colijnit/articleapi/build/articles';
 import { StockLocation } from '@colijnit/articleapi/build/model/stock-location.bo';
@@ -57,7 +58,7 @@ import { ArticleLight } from '@colijnit/articleapi/build/model/article-light.bo'
 import { TurnoverGroupImage } from '@colijnit/articleapi/build/model/turnover-group-image.bo';
 import { MainArticle } from '@colijnit/articleapi/build/model/main-article.bo';
 import { ResolveHeaderPendingReasonRequest } from '@colijnit/transactionapi/build/model/resolve-header-pending-reason-request.bo';
-import { FormMasterService, CoDialogModule, ButtonModule, InputComboBoxModule, InputTextModule, FormModule, InputRadioButtonModule, IconModule, InputCheckboxModule, InputListboxModule, DropDownModule, ClickoutsideModule, InputTextComponent, InputNumberPickerModule, PriceDisplayPipeModule, InputDatePickerModule, Carousel3dModule, InputDatePickerComponent, InputTextareaComponent, InputTextareaModule, CoDialogPromptModule, MultiSelectListModule, PopupModule, CoSidebarModule, CoGridModule, CoRichTextEditorModule, CollapsibleModule, ColumnAlign, SimpleGridColumnDirective, SimpleGridModule, GridToolbarButtonModule, InputDateRangePickerModule, InputSearchModule, CoOrientation, CoDirection, FilterItemModule, PaginationModule, PaginationBarModule, IconCollapseHandleModule } from '@colijnit/corecomponents_v12';
+import { FormMasterService, CoDialogModule, ButtonModule, InputCheckboxModule, InputTextModule, InputComboBoxModule, FormModule, InputRadioButtonModule, IconModule, InputListboxModule, DropDownModule, ClickoutsideModule, InputTextComponent, InputNumberPickerModule, PriceDisplayPipeModule, InputDatePickerModule, Carousel3dModule, InputDatePickerComponent, InputTextareaComponent, InputTextareaModule, CoDialogPromptModule, MultiSelectListModule, PopupModule, CoSidebarModule, CoGridModule, CoRichTextEditorModule, CollapsibleModule, ColumnAlign, SimpleGridColumnDirective, SimpleGridModule, GridToolbarButtonModule, InputDateRangePickerModule, InputSearchModule, CoOrientation, CoDirection, FilterItemModule, PaginationModule, PaginationBarModule, IconCollapseHandleModule } from '@colijnit/corecomponents_v12';
 import { FlexModule } from '@angular/flex-layout';
 import { AddressType } from '@colijnit/transactionapi/build/enum/address-type.enum';
 import { trigger, state, style, transition, animate } from '@angular/animations';
@@ -69,7 +70,6 @@ import { Address } from '@colijnit/transactionapi/build/model/address.bo';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 import { TransactionAddTextLineRequest } from '@colijnit/transactionapi/build/model/transaction-add-text-line-request.bo';
 import { StockStatus } from '@colijnit/transactionapi/build/enum/refcode/stock-status.enum';
-import { TransactionInfo } from '@colijnit/transactionapi/build/model/transaction-info.bo';
 import { RelationRequest } from '@colijnit/transactionapi/build/model/relation-request';
 import { Sharedapi } from '@colijnit/sharedapi/build/sharedapi';
 import { CoDocument } from '@colijnit/sharedapi/build/model/co-document.bo';
@@ -326,6 +326,7 @@ class Dictionary {
                 "MAIN_ARTICLE": "Hoofd artikel",
                 "MALE": "Man",
                 "MARKETING": "Marketing",
+                "MARKETING_CODE": "Marketingcode",
                 "MENU": "Menu",
                 "MODIFICATION_TIME": "Bewerkingstijd",
                 "MORE_FILTERS": "Meer filters",
@@ -360,6 +361,7 @@ class Dictionary {
                 "ORDER_LINES": "Orderregels",
                 "ORDER_NET": "Ordertotaal netto",
                 "ORDER_NUMBER": "Ordernummer",
+                "ORDER_PARAMETERS": "Orderparameters",
                 "ORDER_RULE": "Orderregel",
                 "ORDER_RULESET": "Orderregelset",
                 "ORDER_TOTAL": "Ordertotaal",
@@ -430,6 +432,7 @@ class Dictionary {
                 "SEARCH_NUMBER_CUSTOMER_OR_DATE": "Zoeken op nummer, klant of datum",
                 "SEARCH_IN_COLLECTION": "Zoek binnen collectie...",
                 "SEARCH_ADD_ARTICLE": "Zoeken en toevoegen artikel",
+                "SEARCH_WAREHOUSE": "Zoek magazijn",
                 "SELECT": "Selecteren",
                 "SELECT_A": "Selecteer een",
                 "SELECT_CASH_REGISTER": "Selecteer kassa",
@@ -643,6 +646,7 @@ class Dictionary {
                 "MAIN_ARTICLE": "Main article",
                 "MALE": "Male",
                 "MARKETING": "Marketing",
+                "MARKETING_CODE": "Marketingcode",
                 "MENU": "Menu",
                 "MODIFICATION_TIME": "Modification time",
                 "MORE_FILTERS": "More filters",
@@ -677,6 +681,7 @@ class Dictionary {
                 "ORDER_LINES": "Orderlines",
                 "ORDER_NET": "Total net amount",
                 "ORDER_NUMBER": "Order number",
+                "ORDER_PARAMETERS": "Order parameters",
                 "ORDER_RULE": "Order rule",
                 "ORDER_RULESET": "Orderruleset",
                 "ORDER_TOTAAL": "Order total",
@@ -738,6 +743,7 @@ class Dictionary {
                 "SEARCH_NUMBER_CUSTOMER_OR_DATE": "Search for number, customer or date",
                 "SEARCH_ADD_ARTICLE": "Search and add article",
                 "SEARCH_IN_COLLECTION": "Search in collection...",
+                "SEARCH_WAREHOUSE": "Search warehouse",
                 "SELECT": "Select",
                 "SELECT_A": "Select a",
                 "SELECT_CASH_REGISTER": "Select cash register",
@@ -1845,7 +1851,7 @@ class TransactionConnectorService {
                     resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
                 }
                 else {
-                    reject(result.validationMessagesAsString);
+                    reject(result.validationResult.messages && result.validationResult.messages.length > 0 ? result.validationResult.messages[0] : '');
                 }
             });
         });
@@ -3110,6 +3116,246 @@ ConfirmationDialogComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-confirmation-dialog",] }]
 };
 
+class CharacteristicAnswerComponent extends DialogBaseComponent {
+    constructor(_changeDetector) {
+        super();
+        this._changeDetector = _changeDetector;
+        this.title = "";
+        this.value = "";
+        this.okClick = new EventEmitter();
+        this.viewModels = [];
+        this._choices = [];
+    }
+    set choices(value) {
+        this._choices = value;
+        this._prepareViewModels();
+    }
+    get choices() {
+        return this._choices;
+    }
+    showClass() {
+        return true;
+    }
+    handleChecked(event, choice) {
+        event.preventDefault();
+        event.stopImmediatePropagation();
+        this.value = choice;
+        this.viewModels.forEach(v => {
+            v.checked = v.value === choice;
+        });
+        this._changeDetector.markForCheck();
+    }
+    handleOkClick() {
+        this.onClose(AppPopupButtonType.Ok, this.value);
+    }
+    _prepareViewModels() {
+        if (this._choices && this._choices.length > 0) {
+            for (let i = 0; i < this._choices.length; i++) {
+                this.viewModels.push({ value: this._choices[i].value, checked: i === 0 });
+            }
+        }
+    }
+}
+CharacteristicAnswerComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-characteristic-answer",
+                template: `
+    <co-dialog [showCloseIcon]="false" [modal]="true" [headerTemplate]="headerTemplate" [footerTemplate]="footerTemplate">
+      <ng-container *ngIf="choices && choices.length > 0">
+        <div class="co-transaction-default-flex-row" *ngFor="let choice of viewModels">
+          <co-input-checkbox [model]="choice.checked" [label]="choice.value" (click)="handleChecked($event, choice.value)"></co-input-checkbox>
+        </div>
+      </ng-container>
+      <ng-container *ngIf="!choices || choices.length === 0">
+        <co-input-text
+          [(model)]="value"
+          (enter)="handleOkClick()"
+        ></co-input-text>
+      </ng-container>
+    </co-dialog>
+    <ng-template #headerTemplate>
+      <div class="title" [textContent]="title"></div>
+    </ng-template>
+    <ng-template #footerTemplate>
+      <div class="dialog-footer-button-wrapper">
+        <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
+      </div>
+    </ng-template>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+CharacteristicAnswerComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
+CharacteristicAnswerComponent.propDecorators = {
+    title: [{ type: Input }],
+    choices: [{ type: Input }],
+    value: [{ type: Input }],
+    okClick: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ['class.co-characteristic-answer',] }]
+};
+
+class TransactionLineBaseComponent {
+    constructor() {
+        /**
+         * Defaults to true
+         */
+        this.useTransactionLine = true;
+        this.valueChange = new EventEmitter();
+        this.readonly = false;
+        this.viewModels = [];
+        this.viewModelsFiltered = [];
+        this._transactionLine = new TransactionLineInfo();
+        this._transactionInfo = new TransactionInfo();
+    }
+    set searchText(value) {
+        this._searchText = value;
+        this._doSearch();
+    }
+    get searchText() {
+        return this._searchText;
+    }
+    set transactionLine(value) {
+        if (value) {
+            this._transactionLine = value;
+            this.readonly = this._transactionLine.hasInvoices;
+            this.transactionLineSet();
+        }
+    }
+    get transactionLine() {
+        return this._transactionLine;
+    }
+    set transactionInfo(value) {
+        if (value) {
+            this._transactionInfo = value;
+            this.transactionInfoSet();
+        }
+    }
+    get transactionInfo() {
+        return this._transactionInfo;
+    }
+    ngOnInit() {
+        this.viewModelsFiltered = this.viewModels.slice();
+    }
+    // overridden by descendents
+    transactionLineSet() {
+    }
+    // overridden by descendents
+    transactionInfoSet() {
+    }
+    _doSearch() {
+        if (!this.searchText) {
+            this.viewModelsFiltered = this.viewModels.slice();
+        }
+        else {
+            this.viewModelsFiltered = this.viewModels.filter(v => {
+                const textFound = v.text ? v.text.indexOf(this.searchText) > -1 : false;
+                // const codeFound: boolean = (v.value && typeof v.value === 'string') ? v.value.indexOf(this.searchText) > -1 :
+                //   (typeof v.value === 'number' ? v.value + "".indexOf(this.searchText) > -1 : false);
+                const codeFound = (v.value && typeof v.value === 'string') ? v.value.indexOf(this.searchText) > -1 : false;
+                return codeFound || textFound;
+            });
+        }
+    }
+}
+TransactionLineBaseComponent.decorators = [
+    { type: Directive }
+];
+TransactionLineBaseComponent.propDecorators = {
+    useTransactionLine: [{ type: Input }],
+    searchText: [{ type: Input }],
+    transactionLine: [{ type: Input }],
+    transactionInfo: [{ type: Input }],
+    valueChange: [{ type: Output }]
+};
+
+class DialogTransactionLineBaseComponent extends TransactionLineBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.buttonType = AppPopupButtonType;
+    }
+    onClose(eventType, output) {
+        return;
+    }
+    handleValueChange(value) {
+        this.value = value;
+    }
+    handleOkClick() {
+        this.onClose(AppPopupButtonType.Ok, this.value);
+    }
+    handleSearch(text) {
+        this.searchText = text;
+    }
+}
+DialogTransactionLineBaseComponent.decorators = [
+    { type: Directive }
+];
+
+class DialogTransactionLineWarehouseComponent extends DialogTransactionLineBaseComponent {
+    showClass() {
+        return true;
+    }
+}
+DialogTransactionLineWarehouseComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-dialog-transaction-line-warehouse",
+                template: `
+    <co-dialog [headerTemplate]="dialogHeader" [footerTemplate]="footerTemplate" [showCloseIcon]="useTransactionLine" (closeClick)="onClose(buttonType.Ok)">
+      <co-transaction-line-warehouse
+        [useTransactionLine]="useTransactionLine"
+        [transactionLine]="transactionLine"
+        [searchText]="searchText"
+        (valueChange)="handleValueChange($event)"
+      ></co-transaction-line-warehouse>
+    </co-dialog>
+    <ng-template #dialogHeader>
+      <co-dialog-header-search [title]="'WAREHOUSE'" (search)="handleSearch($event)"></co-dialog-header-search>
+    </ng-template>
+    <ng-template #footerTemplate>
+      <div class="dialog-footer-button-wrapper" *ngIf="!useTransactionLine">
+        <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
+      </div>
+    </ng-template>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+DialogTransactionLineWarehouseComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-dialog-transaction-line-warehouse",] }]
+};
+
+class DialogTransactionLineCommissionCodeComponent extends DialogTransactionLineBaseComponent {
+    showClass() {
+        return true;
+    }
+}
+DialogTransactionLineCommissionCodeComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-dialog-transaction-line-commission-code",
+                template: `
+    <co-dialog [headerTemplate]="dialogHeader" [footerTemplate]="footerTemplate" [showCloseIcon]="useTransactionLine" (closeClick)="onClose(buttonType.Ok)">
+      <co-transaction-line-commission-code
+        [useTransactionLine]="useTransactionLine"
+        [transactionLine]="transactionLine"
+        (valueChange)="handleValueChange($event)"></co-transaction-line-commission-code>
+    </co-dialog>
+    <ng-template #dialogHeader>
+      <div class="dialog-header-title" [textContent]="'COMMISSION_CODE' | localize"></div>
+    </ng-template>
+    <ng-template #footerTemplate>
+      <div class="dialog-footer-button-wrapper" *ngIf="!useTransactionLine">
+        <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
+      </div>
+    </ng-template>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+DialogTransactionLineCommissionCodeComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-dialog-transaction-line-commission-code",] }]
+};
+
 class DialogService {
     constructor(_compFactoryResolver, appRef, injector) {
         this._compFactoryResolver = _compFactoryResolver;
@@ -3149,6 +3395,26 @@ class DialogService {
         };
         return this._createComponent(comp, data);
     }
+    showCharacteristics(title, choices, value) {
+        const data = {
+            title: title,
+            choices: choices,
+            value: value
+        };
+        return this._createComponent(CharacteristicAnswerComponent, data);
+    }
+    showWarehouse() {
+        const data = {
+            useTransactionLine: false
+        };
+        return this._createComponent(DialogTransactionLineWarehouseComponent, data);
+    }
+    showCommissionCode() {
+        const data = {
+            useTransactionLine: false
+        };
+        return this._createComponent(DialogTransactionLineCommissionCodeComponent, data);
+    }
     _createComponent(componentClass, data) {
         return new Promise((resolve) => {
             this._componentRef = this._compFactoryResolver
@@ -3166,10 +3432,10 @@ class DialogService {
             this._componentRef.onDestroy(() => {
                 this.appRef.detachView(this._componentRef.hostView);
             });
-            this._componentRef.instance.onClose = (output) => {
+            this._componentRef.instance.onClose = (button, output) => {
                 this.appRef.detachView(this._componentRef.hostView);
                 this._componentRef = undefined;
-                resolve(output);
+                resolve(output ? output : button);
             };
         });
     }
@@ -3343,10 +3609,21 @@ class PendingReasonService {
         return __awaiter(this, void 0, void 0, function* () {
             this.currentTransaction = value;
             this._setAmount();
-            this._initializeTransaction();
             this.transactionUpdated.next(this.currentTransaction);
         });
     }
+    initializeTransaction() {
+        if (!this.relation) {
+            this.relation = new CustomerFullObject();
+        }
+        if (!this.relation.relationId) {
+            this.relation.relationStatus = RelationStatus.RegularCustomer;
+            this.relation.startDate = new Date();
+        }
+        if (this.currentTransaction.transactionInfo.preferredDeliveryDate2 === undefined) {
+            this.currentTransaction.transactionInfo.preferredDeliveryDate2 = "=";
+        }
+    }
     handleLineOperationStatuses(response) {
         return __awaiter(this, void 0, void 0, function* () {
             if (!response.lineOperationStatuses || response.lineOperationStatuses.length === 0) {
@@ -3376,15 +3653,22 @@ class PendingReasonService {
                 case PendingReasonType.CONFIRMATION_NEEDED:
                     yield this._confirmAction(transactionLine.uuid, operationStatus.pendingReason, operationStatus.pendingReasonType);
                     return false;
-                // case PendingReasonType.INVALID_LOGISTICS:
-                //   await this.showStockManager(this.currentPendingLine);
-                //   break;
-                // case PendingReasonType.NON_CRITICAL_DISCONTINUATION:
-                //   await this._showInformation();
-                //   break;
-                // case PendingReasonType.CHARACTERISTICS_ANSWER_NEEDED:
-                //   this.CharacteristicsAnswerNeeded();
-                //   break;
+                case PendingReasonType.INVALID_LOGISTICS:
+                    switch (operationStatus.pendingReason) {
+                        case "LINE_NEEDS_COMMISSION_CODE":
+                            this._showCommissionCodeDialog(operationStatus.uuid, operationStatus.pendingReason, operationStatus.pendingReasonType);
+                            break;
+                        default:
+                            this._showWarehouseDialog(operationStatus.uuid, operationStatus.pendingReason, operationStatus.pendingReasonType);
+                            break;
+                    }
+                    break;
+                case PendingReasonType.NON_CRITICAL_DISCONTINUATION:
+                    this._showReasonDialog(operationStatus.pendingReason);
+                    break;
+                case PendingReasonType.CHARACTERISTICS_ANSWER_NEEDED:
+                    this._showCharacteristicDialog(operationStatus.uuid, operationStatus.characteristic, operationStatus.pendingReason, operationStatus.pendingReasonType);
+                    break;
                 case PendingReasonType.NONE:
                 default:
                     return true;
@@ -3429,6 +3713,28 @@ class PendingReasonService {
             // this._handleLineOperationStatus()
         });
     }
+    _showCharacteristicDialog(uuid, characteristics, reason, type) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const reasonRequest = new ResolveLinePendingReasonRequest(uuid, reason, type);
+            reasonRequest.textualUserInput =
+                yield this.dialogService.showCharacteristics(characteristics.question, characteristics.transactionLineCharacteristicChoices, characteristics.value);
+            yield this.resolvePendingLineReason(reasonRequest);
+        });
+    }
+    _showWarehouseDialog(uuid, reason, type) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const reasonRequest = new ResolveLinePendingReasonRequest(uuid, reason, type);
+            reasonRequest.warehouseNr = yield this.dialogService.showWarehouse();
+            yield this.resolvePendingLineReason(reasonRequest);
+        });
+    }
+    _showCommissionCodeDialog(uuid, reason, type) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const reasonRequest = new ResolveLinePendingReasonRequest(uuid, reason, type);
+            reasonRequest.commissionCode = yield this.dialogService.showCommissionCode();
+            yield this.resolvePendingLineReason(reasonRequest);
+        });
+    }
     _confirmHeaderAction(uuid, reason, type) {
         return __awaiter(this, void 0, void 0, function* () {
             const reasonRequest = new ResolveHeaderPendingReasonRequest(uuid, reason, type);
@@ -3447,16 +3753,6 @@ class PendingReasonService {
             this.articleAmount = this.currentTransaction.transactionLines.filter(t => t.lineType === TransactionLineType.ArticleLine).length;
         }
     }
-    _initializeTransaction() {
-        if (!this.relation) {
-            this.relation = new CustomerFullObject();
-            this.relation.relationStatus = RelationStatus.RegularCustomer;
-            this.relation.startDate = new Date();
-        }
-        if (this.currentTransaction.transactionInfo.preferredDeliveryDate2 === undefined) {
-            this.currentTransaction.transactionInfo.preferredDeliveryDate2 = "=";
-        }
-    }
     _cancelArticle(uuid) {
         return __awaiter(this, void 0, void 0, function* () {
             yield this.cancelAddTransactionLine(uuid, false)
@@ -3887,6 +4183,7 @@ class TransactionService extends PendingReasonService {
     saveRelation() {
         return __awaiter(this, void 0, void 0, function* () {
             // this._cleanRelationBeforeSave();
+            this.initializeTransaction();
             if (!this.relation.relationId) {
                 this.relation = yield this.connector.insertCustomer(this.relation);
             }
@@ -3962,8 +4259,12 @@ class TransactionService extends PendingReasonService {
     }
     saveTransaction(close = false) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.saveTransaction(this.currentTransaction.transactionInfo.uuid);
-            if (response.isSuccess) {
+            const response = yield this.connector.saveTransaction(this.currentTransaction.transactionInfo.uuid)
+                .catch((error) => {
+                this.dialogService.showError(error);
+                return null;
+            });
+            if (response && response.isSuccess) {
                 this.rememberCurrentTransaction(response);
             }
             return response;
@@ -3982,9 +4283,9 @@ class TransactionService extends PendingReasonService {
                         reject(false);
                     }
                 }))
-                    .catch((reason) => {
-                    if (reason) {
-                        this.dialogService.showError(reason.getFullErrorString());
+                    .catch((error) => {
+                    if (error) {
+                        this.dialogService.showError(error);
                     }
                     reject(false);
                 });
@@ -4326,7 +4627,7 @@ class CheckoutComponent {
             if (this.checkoutRelation && this.stepRelation) {
                 const valid = this.checkoutRelation.submit();
                 if (valid) {
-                    this.stepRelation.completed = true; // await this.saveRelation();
+                    this.stepRelation.completed = yield this.saveRelation();
                 }
             }
         });
@@ -4336,23 +4637,10 @@ class CheckoutComponent {
             if (this.checkoutDelivery && this.stepDelivery) {
                 const valid = this.checkoutDelivery.submit();
                 if (valid) {
-                    this.stepDelivery.completed = yield this.handleSaveDelivery();
-                }
-            }
-        });
-    }
-    handleOverviewValidation() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if ( /*this.checkoutDelivery && */this.stepOverview) {
-                const response = yield this.service.saveTransaction();
-                if (response && response.isSuccess) {
-                    // const commitResponse: DataServiceResponseData = await this.service.commit();
-                    // if (commitResponse && commitResponse.validationResult && commitResponse.validationResult.success) {
-                    this.stepOverview.completed = true;
-                    // }
-                }
-                else {
-                    yield this._dialogService.showError("Opslag bezorging mislukt");
+                    const response = yield this.service.saveTransaction();
+                    if (response && response.isSuccess) {
+                        this.stepDelivery.completed = yield this.handleSaveDelivery();
+                    }
                 }
             }
         });
@@ -4389,7 +4677,7 @@ CheckoutComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-checkout",
                 template: `
-    <co-stepper [finishButtonLabel]="'CHECKOUT_FINISH' | localize" (finishStep)="handleFinishStep()">
+    <co-stepper #stepper [finishButtonLabel]="'CHECKOUT_FINISH' | localize" (finishStep)="handleFinishStep()">
       <co-stepper-step #stepRelation [index]="1" [label]="'YOUR_DATA' | localize" (validateStep)="handleRelationValidation()">
         <co-checkout-overview-relation-edit #checkoutRelation *ngIf="stepRelation.show" [(relation)]="service.relation"
                                             [deliveryAddressNawNr]="deliveryAddressNawNr"
@@ -4406,13 +4694,16 @@ CheckoutComponent.decorators = [
       </co-stepper-step>
       <co-stepper-step #stepOverview [index]="3" [label]="'OVERVIEW_AND_PAYMENT' | localize">
         <co-checkout-overview-payment *ngIf="stepOverview.show"
-            [relation]="service.relation"
-            [transaction]="service.currentTransaction"
+                                      [relation]="service.relation"
+                                      [transaction]="service.currentTransaction"
+                                      (changeYourDataClick)="stepper.goto(0)"
+                                      (changeDeliveryClick)="stepper.goto(1)"
+                                      (payed)="transactionFinished.emit(transaction.transactionInfo)"
         ></co-checkout-overview-payment>
       </co-stepper-step>
       <div class="co-checkout-right-panel">
         <div class="co-checkout-right-panel-relation">
-            <co-avatar [relationId]="sellerId"></co-avatar>
+          <co-avatar [relationId]="sellerId"></co-avatar>
         </div>
         <co-shopping-cart-preview [showCheckoutButton]="false" [withoutBorder]="true"></co-shopping-cart-preview>
       </div>
@@ -4427,6 +4718,7 @@ CheckoutComponent.ctorParameters = () => [
     { type: DialogService }
 ];
 CheckoutComponent.propDecorators = {
+    stepper: [{ type: ViewChild, args: ["stepper",] }],
     stepRelation: [{ type: ViewChild, args: ["stepRelation",] }],
     stepDelivery: [{ type: ViewChild, args: ["stepDelivery",] }],
     stepOverview: [{ type: ViewChild, args: ["stepOverview",] }],
@@ -5045,8 +5337,6 @@ CheckoutOverviewDeliveryEditComponent.decorators = [
                 <co-transaction-header-delivery-date class="header-delivery-deliverydate"
                                                      [transactionInfo]="transaction.transactionInfo"
                 ></co-transaction-header-delivery-date>
-              </div>
-              <div class="checkout-data-row">
                 <co-transaction-header-preferred-delivery-date class="header-delivery-deliverydate"
                                                      [transactionInfo]="transaction.transactionInfo"
                 ></co-transaction-header-preferred-delivery-date>
@@ -5111,16 +5401,20 @@ CheckoutOverviewDeliveryEditComponent.decorators = [
             </div>
             <div class="checkout-data-column">
               <div class="checkout-data-row">
-                <co-transaction-header-definitive [transactionInfo]="transaction.transactionInfo"></co-transaction-header-definitive>
                 <co-transaction-header-branch [transactionInfo]="transaction.transactionInfo"></co-transaction-header-branch>
                 <co-transaction-header-administrative-relation [transactionInfo]="transaction.transactionInfo"></co-transaction-header-administrative-relation>
               </div>
+              <div class="checkout-data-row">
+                <span class="label" [textContent]="'MARKETING_CODE' | localize"></span>
+              </div>
               <div class="checkout-data-row">
                 <co-transaction-header-marketing [transactionInfo]="transaction.transactionInfo"></co-transaction-header-marketing>
               </div>
               <div class="checkout-data-row">
+                <span class="label" [textContent]="'ORDER_PARAMETERS' | localize"></span>
               </div>
               <div class="checkout-data-row">
+                <co-transaction-header-definitive [transactionInfo]="transaction.transactionInfo"></co-transaction-header-definitive>
               </div>
             </div>
           </div>
@@ -5427,10 +5721,10 @@ StockStatusIndicatorComponent.propDecorators = {
 // A pipe for appending strings to other strings in view templates.
 class AppendPipe {
     transform(value, append) {
-        if (!value) {
+        if (!value && typeof value !== 'number') {
             return "";
         }
-        if (!append) {
+        if (!append && typeof append !== 'number') {
             return value;
         }
         return value + append;
@@ -5729,60 +6023,166 @@ LoaderComponent.decorators = [
             },] }
 ];
 
-class CoreModule {
+class CharacteristicAnswerModule {
 }
-CoreModule.decorators = [
+CharacteristicAnswerModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
                     CommonModule,
-                    InputComboBoxModule,
-                    CoDialogModule,
                     ButtonModule,
-                    ConfirmationDialogModule,
+                    CoDialogModule,
+                    InputCheckboxModule,
+                    InputTextModule,
                     PipeModule
                 ],
                 declarations: [
-                    ImageDisplayComponent,
-                    IconComponent,
-                    CustomerGroupsComponent,
-                    StockStatusIndicatorComponent,
-                    LoaderComponent
+                    CharacteristicAnswerComponent
                 ],
                 exports: [
-                    ImageDisplayComponent,
-                    IconComponent,
-                    CustomerGroupsComponent,
-                    StockStatusIndicatorComponent,
-                    LoaderComponent
+                    CharacteristicAnswerComponent
                 ]
             },] }
 ];
 
-class RelationBaseComponent {
-    constructor() {
-        this.relationChange = new EventEmitter();
-        this._relation = NULL_RELATION_OBJECT;
+class WarehouseComponent extends DialogBaseComponent {
+    constructor(_transactionService) {
+        super();
+        this._transactionService = _transactionService;
+        this.okClick = new EventEmitter();
+        this.collection = [];
+        this.viewModels = [];
     }
-    set relation(value) {
-        if (value) {
-            this._relation = value;
-            this.relationSet();
-        }
+    showClass() {
+        return true;
     }
-    get relation() {
-        return this._relation;
+    ngOnInit() {
+        this._transactionService.getWarehouses().then((warehouses) => {
+            this.collection = warehouses.slice();
+            this.collection.forEach((d, index) => {
+                this.viewModels.push({ value: d.warehouseNo, text: d.description, checked: index === 0 });
+            });
+        });
     }
-    get relationAsCustomer() {
-        return this._relation && this._relation;
+    handleChecked(event, choice) {
+        event.preventDefault();
+        event.stopImmediatePropagation();
+        this._value = choice;
+        this.viewModels.forEach(v => {
+            v.checked = v.value === choice;
+        });
     }
-    // overridden by descendant classes
-    relationSet() {
+    handleOkClick() {
+        this.onClose(AppPopupButtonType.Ok, this._value);
     }
 }
-RelationBaseComponent.decorators = [
-    { type: Directive }
-];
-RelationBaseComponent.propDecorators = {
+WarehouseComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-warehouse",
+                template: `
+    <co-dialog [showCloseIcon]="false" [modal]="true" [headerTemplate]="headerTemplate" [footerTemplate]="footerTemplate">
+      <div class="co-transaction-default-flex-row" *ngFor="let model of viewModels">
+        <co-input-checkbox [model]="model.checked" [label]="model.text" (click)="handleChecked($event, model.value)"></co-input-checkbox>
+      </div>
+    </co-dialog>
+    <ng-template #headerTemplate>
+      <div class="title" [textContent]="'WAREHOUSE' | localize"></div>
+    </ng-template>
+    <ng-template #footerTemplate>
+      <div class="dialog-footer-button-wrapper">
+        <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
+      </div>
+    </ng-template>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+WarehouseComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+WarehouseComponent.propDecorators = {
+    okClick: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-warehouse",] }]
+};
+
+class WarehouseModule {
+}
+WarehouseModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoDialogModule,
+                    InputCheckboxModule,
+                    InputTextModule,
+                    ButtonModule,
+                    PipeModule
+                ],
+                declarations: [
+                    WarehouseComponent
+                ],
+                exports: [
+                    WarehouseComponent
+                ]
+            },] }
+];
+
+class CoreModule {
+}
+CoreModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    InputComboBoxModule,
+                    CoDialogModule,
+                    ButtonModule,
+                    ConfirmationDialogModule,
+                    PipeModule,
+                    InputTextModule,
+                    InputCheckboxModule,
+                    CharacteristicAnswerModule,
+                    WarehouseModule
+                ],
+                declarations: [
+                    ImageDisplayComponent,
+                    IconComponent,
+                    CustomerGroupsComponent,
+                    StockStatusIndicatorComponent,
+                    LoaderComponent
+                ],
+                exports: [
+                    ImageDisplayComponent,
+                    IconComponent,
+                    CustomerGroupsComponent,
+                    StockStatusIndicatorComponent,
+                    LoaderComponent
+                ]
+            },] }
+];
+
+class RelationBaseComponent {
+    constructor() {
+        this.relationChange = new EventEmitter();
+        this._relation = NULL_RELATION_OBJECT;
+    }
+    set relation(value) {
+        if (value) {
+            this._relation = value;
+            this.relationSet();
+        }
+    }
+    get relation() {
+        return this._relation;
+    }
+    get relationAsCustomer() {
+        return this._relation && this._relation;
+    }
+    // overridden by descendant classes
+    relationSet() {
+    }
+}
+RelationBaseComponent.decorators = [
+    { type: Directive }
+];
+RelationBaseComponent.propDecorators = {
     relation: [{ type: Input }],
     relationChange: [{ type: Output }]
 };
@@ -6824,6 +7224,38 @@ TransactionLineActionButtonsComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-transaction-line-action-buttons",] }]
 };
 
+class DialogTransactionLineDeliveryMethodComponent extends DialogTransactionLineBaseComponent {
+    showClass() {
+        return true;
+    }
+}
+DialogTransactionLineDeliveryMethodComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-dialog-transaction-line-delivery-method",
+                template: `
+    <co-dialog [headerTemplate]="dialogHeader" [footerTemplate]="footerTemplate" [showCloseIcon]="useTransactionLine" (closeClick)="onClose(buttonType.Ok)">
+      <co-transaction-line-delivery-method
+        [useTransactionLine]="useTransactionLine"
+        [transactionLine]="transactionLine"
+        [searchText]="searchText"
+        (valueChange)="handleValueChange($event)"></co-transaction-line-delivery-method>
+    </co-dialog>
+    <ng-template #dialogHeader>
+      <co-dialog-header-search [title]="'DELIVERY_METHOD'" (search)="handleSearch($event)"></co-dialog-header-search>
+    </ng-template>
+    <ng-template #footerTemplate>
+      <div class="dialog-footer-button-wrapper" *ngIf="!useTransactionLine">
+        <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
+      </div>
+    </ng-template>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+DialogTransactionLineDeliveryMethodComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-dialog-transaction-line-delivery-method",] }]
+};
+
 class TransactionLineComponent {
     constructor(service, iconCacheService, _dialogService, _dictionaryService, _imageService) {
         this.service = service;
@@ -6847,6 +7279,9 @@ class TransactionLineComponent {
         this.isSelected = this._line.isSelected;
         this.readonly = this._line.hasInvoices;
         this._loadLineImage();
+        this._loadLineCommissionCode();
+        this._loadLineWarehouse();
+        this._loadLineDeliveryMethod();
     }
     get line() {
         return this._line;
@@ -6887,6 +7322,15 @@ class TransactionLineComponent {
         this.sidePanelButtonClicked.next();
         this.waitingForUserAction.next(true);
     }
+    openCommissionCodeDialog() {
+        this._dialogService.showTransactionLineComponent(DialogTransactionLineCommissionCodeComponent, this.line);
+    }
+    openWarehouseDialog() {
+        this._dialogService.showTransactionLineComponent(DialogTransactionLineWarehouseComponent, this.line);
+    }
+    openDeliveryMethodDialog() {
+        this._dialogService.showTransactionLineComponent(DialogTransactionLineDeliveryMethodComponent, this.line);
+    }
     _loadLineImage() {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.line && this.line.isArticle) {
@@ -6896,6 +7340,36 @@ class TransactionLineComponent {
             }
         });
     }
+    _loadLineCommissionCode() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.line && this.line.isArticle) {
+                this.service.getCommissionCodes('NL').then((codes) => {
+                    const commissionCode = codes.find(c => c.code === this.line.commissionCode);
+                    this.line.commissionDescription = commissionCode ? commissionCode.description : "";
+                });
+            }
+        });
+    }
+    _loadLineWarehouse() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.line && this.line.isArticle) {
+                this.service.getWarehouses().then((warehouses) => {
+                    const warehouse = warehouses.find(w => w.warehouseNo === this.line.warehouseNumber);
+                    this.line.warehouseDescription = warehouse ? warehouse.description : "";
+                });
+            }
+        });
+    }
+    _loadLineDeliveryMethod() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.line && this.line.isArticle) {
+                this.service.getDeliveryMethods().then((methods) => {
+                    const method = methods.find(m => m.code === this.line.deliveryMethodCode);
+                    this.line.deliveryMethodDescription = method ? method.description : "";
+                });
+            }
+        });
+    }
 }
 TransactionLineComponent.decorators = [
     { type: Component, args: [{
@@ -6937,6 +7411,19 @@ TransactionLineComponent.decorators = [
               <span [textContent]="line.deliveryDate | date:'dd MMM YYYY'"></span>
             </div>
           </div>
+          <div *ngIf=!preview class="transaction-line-extended-wrapper">
+            <div class="transaction-line-extended-row-wrapper" (click)="openCommissionCodeDialog()">
+              <div [textContent]="line.commissionDescription | append:' | ' | append:line.commissionCode"></div>
+            </div>
+            <div class="transaction-line-extended-row-wrapper" (click)="openWarehouseDialog()">
+              <co-icon class="header-warehouse-icon" [iconData]="iconCacheService.getIcon(icons.Warehouse)"></co-icon>
+              <div [textContent]="line.warehouseDescription"></div>
+            </div>
+            <div class="transaction-line-extended-row-wrapper" (click)="openDeliveryMethodDialog()">
+              <co-icon class="header-delivery-truck-icon" [iconData]="iconCacheService.getIcon(icons.DeliveryTruck)"></co-icon>
+              <span [textContent]="line.deliveryMethodDescription"></span>
+            </div>
+          </div>
           <div class="transaction-line-totals">
             <co-transaction-line-price class="transaction-line-totals-price price"
                                        [transactionLine]="line"
@@ -7252,49 +7739,7 @@ EditableLabelModule.decorators = [
             },] }
 ];
 
-class TransactionLineFieldsBaseComponent {
-    constructor() {
-        this.showExtended = false;
-        this.readonly = false;
-        this._transactionLine = new TransactionLineInfo();
-        this._transactionInfo = new TransactionInfo();
-    }
-    set transactionLine(value) {
-        if (value) {
-            this._transactionLine = value;
-            this.readonly = this._transactionLine.hasInvoices;
-            this.transactionLineSet();
-        }
-    }
-    get transactionLine() {
-        return this._transactionLine;
-    }
-    set transactionInfo(value) {
-        if (value) {
-            this._transactionInfo = value;
-            this.transactionInfoSet();
-        }
-    }
-    get transactionInfo() {
-        return this._transactionInfo;
-    }
-    // overridden by descendents
-    transactionLineSet() {
-    }
-    // overridden by descendents
-    transactionInfoSet() {
-    }
-}
-TransactionLineFieldsBaseComponent.decorators = [
-    { type: Directive }
-];
-TransactionLineFieldsBaseComponent.propDecorators = {
-    showExtended: [{ type: Input }],
-    transactionLine: [{ type: Input }],
-    transactionInfo: [{ type: Input }]
-};
-
-class TransactionLinePriceComponent extends TransactionLineFieldsBaseComponent {
+class TransactionLinePriceComponent extends TransactionLineBaseComponent {
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
@@ -7388,7 +7833,7 @@ TransactionLinePriceModule.decorators = [
             },] }
 ];
 
-class TransactionLineDescriptionComponent extends TransactionLineFieldsBaseComponent {
+class TransactionLineDescriptionComponent extends TransactionLineBaseComponent {
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
@@ -10319,12 +10764,18 @@ class TransactionHeaderBranchComponent extends TransactionHeaderFieldsBaseCompon
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
+        this.showExtended = false;
         this.collection = [];
         this.fields = { text: "description", value: "relationId" };
+        this.viewModels = [];
     }
     ngOnInit() {
+        this.viewModels.length = 0;
         this._transactionService.getBranches().then((branches) => {
             this.collection = branches;
+            this.collection.forEach(c => {
+                this.viewModels.push({ value: c.relationId, text: c.description, checked: this.transactionInfo.branch && this.transactionInfo.branch.relationId === c.relationId });
+            });
         });
     }
     commitTransactionBranch(branch) {
@@ -10345,6 +10796,15 @@ class TransactionHeaderBranchComponent extends TransactionHeaderFieldsBaseCompon
             return true;
         });
     }
+    handleChecked(row) {
+        row.checked = true;
+        for (let i = 0; i < this.viewModels.length; i++) {
+            if (this.viewModels[i].value !== row.value) {
+                this.viewModels[i].checked = false;
+            }
+        }
+        this.commitTransactionBranch(this.viewModels.find(v => v.checked).value);
+    }
     transactionInfoSet() {
         this.readonly = this.readonly || this.transactionInfo.deliveryDateDefinitive;
     }
@@ -10353,23 +10813,35 @@ TransactionHeaderBranchComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-header-branch",
                 template: `
-    <co-drop-down-list
-      [readonly]="readonly"
-      [label]="'BRANCH' | localize"
-      [allowFiltering]="true"
-      [filterType]="'Contains'"
-      [collection]="collection"
-      [fields]="fields"
-      [model]="transactionInfo.branch"
-      (modelChange)="commitTransactionBranch($event)">
-    </co-drop-down-list>
+    <ng-container *ngIf="!showExtended">
+      <co-drop-down-list
+        [readonly]="readonly"
+        [placeholder]="'BRANCH' | localize"
+        [allowFiltering]="true"
+        [filterType]="'Contains'"
+        [collection]="collection"
+        [fields]="fields"
+        [model]="transactionInfo.branch"
+        (modelChange)="commitTransactionBranch($event)">
+      </co-drop-down-list>
+    </ng-container>
+    <ng-container *ngIf="showExtended">
+      <div class="co-transaction-default-flex-row" *ngFor="let row of viewModels">
+        <co-input-checkbox [model]="row.checked" (modelChange)="handleChecked(row)"></co-input-checkbox>
+        <span class="extended-row-code" [textContent]="row.value"></span>
+        <span class="extended-row-description" [textContent]="row.text"></span>
+      </div>
+    </ng-container>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
 TransactionHeaderBranchComponent.ctorParameters = () => [
     { type: TransactionService }
-];
+];
+TransactionHeaderBranchComponent.propDecorators = {
+    showExtended: [{ type: Input }]
+};
 
 class TransactionHeaderBranchModule {
 }
@@ -10378,7 +10850,8 @@ TransactionHeaderBranchModule.decorators = [
                 imports: [
                     CommonModule,
                     PipeModule,
-                    DropDownModule
+                    DropDownModule,
+                    InputCheckboxModule
                 ],
                 declarations: [
                     TransactionHeaderBranchComponent
@@ -10425,14 +10898,16 @@ TransactionHeaderAdministrativeRelationComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-header-administrative-relation",
                 template: `
-    <co-input-listbox
-      [placeholder]="'ADMINISTRATIVE_MANAGER' | localize"
+    <co-drop-down-list
       [readonly]="readonly"
+      [placeholder]="'ADMINISTRATIVE_MANAGER' | localize"
+      [allowFiltering]="true"
+      [filterType]="'Contains'"
       [collection]="collection"
       [fields]="fields"
-      [singleSelect]="true"
-      (modelChange)="commitTransactionAdministrative($event)"
-    ></co-input-listbox>
+      [model]="transactionInfo.admCoordinator"
+      (modelChange)="commitTransactionAdministrative($event)">
+    </co-drop-down-list>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -10448,7 +10923,7 @@ TransactionHeaderAdministrativeRelationModule.decorators = [
                 imports: [
                     CommonModule,
                     PipeModule,
-                    InputListboxModule
+                    DropDownModule
                 ],
                 declarations: [
                     TransactionHeaderAdministrativeRelationComponent
@@ -10465,15 +10940,19 @@ class TransactionHeaderMarketingComponent extends TransactionHeaderFieldsBaseCom
         this._transactionService = _transactionService;
         this.collection = [];
         this.fields = { text: "description", value: "code" };
+        this.viewModels = [];
     }
     ngOnInit() {
+        this.viewModels.length = 0;
         this._transactionService.getMarketingCodes().then((marketingCodes) => {
             this.collection = marketingCodes;
+            this.collection.forEach(c => {
+                this.viewModels.push({ value: c.code, text: c.description, checked: this.transactionInfo.marketingCode && this.transactionInfo.marketingCode === c.code });
+            });
         });
     }
-    commitTransactionMarketing(codes) {
+    commitTransactionMarketing(code) {
         return __awaiter(this, void 0, void 0, function* () {
-            const code = codes.length > 0 ? codes[0] : null;
             if (this.transactionInfo.marketingCode !== code) {
                 const oldCode = this.transactionInfo.marketingCode;
                 const success = yield this._transactionService.updateHeaderTransactionMarketing(this.transactionInfo.uuid, code);
@@ -10485,6 +10964,17 @@ class TransactionHeaderMarketingComponent extends TransactionHeaderFieldsBaseCom
             return true;
         });
     }
+    handleChecked(event, row) {
+        event.preventDefault();
+        event.stopPropagation();
+        row.checked = true;
+        for (let i = 0; i < this.viewModels.length; i++) {
+            if (this.viewModels[i].value !== row.value) {
+                this.viewModels[i].checked = false;
+            }
+        }
+        this.commitTransactionMarketing(this.viewModels.find(v => v.checked).value);
+    }
     transactionInfoSet() {
         this.readonly = this.readonly || this.transactionInfo.deliveryDateDefinitive;
     }
@@ -10493,14 +10983,13 @@ TransactionHeaderMarketingComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-header-marketing",
                 template: `
-    <co-input-listbox
-      [placeholder]="'MARKETING' | localize"
-      [readonly]="readonly"
-      [collection]="collection"
-      [fields]="fields"
-      [singleSelect]="true"
-      (modelChange)="commitTransactionMarketing($event)"
-    ></co-input-listbox>
+    <div class="co-transaction-default-flex-row" *ngFor="let row of viewModels">
+      <co-input-checkbox
+        [model]="row.checked"
+        [label]="row.value + ' ' + row.text"
+        (click)="handleChecked($event, row)"
+      ></co-input-checkbox>
+    </div>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -10516,7 +11005,8 @@ TransactionHeaderMarketingModule.decorators = [
                 imports: [
                     CommonModule,
                     PipeModule,
-                    InputListboxModule
+                    InputListboxModule,
+                    InputCheckboxModule
                 ],
                 declarations: [
                     TransactionHeaderMarketingComponent
@@ -11324,60 +11814,6 @@ TransactionGridBaseComponent.propDecorators = {
     rowVisible: [{ type: Output }]
 };
 
-class DialogTransactionLineBaseComponent extends DialogBaseComponent {
-    constructor() {
-        super(...arguments);
-        this.readonly = false;
-        this._transactionLine = new TransactionLineInfo();
-    }
-    set transactionLine(value) {
-        if (value) {
-            this._transactionLine = value;
-            this.readonly = this._transactionLine.hasInvoices;
-            this.transactionLineSet();
-        }
-    }
-    get transactionLine() {
-        return this._transactionLine;
-    }
-    // overridden by descendents
-    transactionLineSet() {
-    }
-}
-DialogTransactionLineBaseComponent.decorators = [
-    { type: Directive }
-];
-DialogTransactionLineBaseComponent.propDecorators = {
-    transactionLine: [{ type: Input }]
-};
-
-class DialogTransactionLineCommissionCodeComponent extends DialogTransactionLineBaseComponent {
-    constructor() {
-        super(...arguments);
-        this.buttonType = AppPopupButtonType;
-    }
-    showClass() {
-        return true;
-    }
-}
-DialogTransactionLineCommissionCodeComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-dialog-transaction-line-commission-code",
-                template: `
-    <co-dialog [headerTemplate]="dialogHeader" (closeClick)="onClose(buttonType.Ok)">
-      <co-transaction-line-commission-code [transactionLine]="transactionLine" [showExtended]="true"></co-transaction-line-commission-code>
-    </co-dialog>
-    <ng-template #dialogHeader>
-      <span class="dialog-header" [textContent]="'COMMISSION_CODE' | localize"></span>
-    </ng-template>
-  `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-DialogTransactionLineCommissionCodeComponent.propDecorators = {
-    showClass: [{ type: HostBinding, args: ["class.co-dialog-transaction-line-commission-code",] }]
-};
-
 class TransactionLinesGridComponent extends TransactionGridBaseComponent {
     constructor(imageService, _service, _dialogService) {
         super(imageService);
@@ -11401,6 +11837,9 @@ class TransactionLinesGridComponent extends TransactionGridBaseComponent {
     openCommissionCodeDialog(row) {
         this._dialogService.showTransactionLineComponent(DialogTransactionLineCommissionCodeComponent, row);
     }
+    openWarehouseDialog(row) {
+        this._dialogService.showTransactionLineComponent(DialogTransactionLineWarehouseComponent, row);
+    }
 }
 TransactionLinesGridComponent.decorators = [
     { type: Component, args: [{
@@ -11411,6 +11850,9 @@ TransactionLinesGridComponent.decorators = [
         <ng-template #headerTemplate>
           <icon class="transaction-grid-header-icon" [icon]="icons.Warehouse"></icon>
         </ng-template>
+        <ng-template #template let-row = "row">
+          <div [textContent]="row.warehouseNumber" (click)="openWarehouseDialog(row)"></div>
+        </ng-template>
       </co-simple-grid-column>
       <co-simple-grid-column [field]="''" [width]="50" [order]="45" [textAlign]="align.Right">
         <ng-template #headerTemplate>
@@ -11788,7 +12230,7 @@ TransactionLineSidePanelDefaultComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-transaction-line-side-panel-default",] }]
 };
 
-class TransactionLineQuantityComponent extends TransactionLineFieldsBaseComponent {
+class TransactionLineQuantityComponent extends TransactionLineBaseComponent {
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
@@ -11838,7 +12280,7 @@ TransactionLineQuantityModule.decorators = [
             },] }
 ];
 
-class TransactionLineLineDiscountComponent extends TransactionLineFieldsBaseComponent {
+class TransactionLineLineDiscountComponent extends TransactionLineBaseComponent {
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
@@ -11903,7 +12345,7 @@ TransactionLineLineDiscountModule.decorators = [
             },] }
 ];
 
-class TransactionLineVatComponent extends TransactionLineFieldsBaseComponent {
+class TransactionLineVatComponent extends TransactionLineBaseComponent {
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
@@ -11967,7 +12409,7 @@ TransactionLineVatModule.decorators = [
             },] }
 ];
 
-class TransactionLinePriceListComponent extends TransactionLineFieldsBaseComponent {
+class TransactionLinePriceListComponent extends TransactionLineBaseComponent {
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
@@ -12031,16 +12473,20 @@ TransactionLinePriceListModule.decorators = [
             },] }
 ];
 
-class TransactionLineDeliveryMethodComponent extends TransactionLineFieldsBaseComponent {
+class TransactionLineDeliveryMethodComponent extends TransactionLineBaseComponent {
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
         this.data = [];
-        this.fields = { text: "description", value: "code" };
     }
     ngOnInit() {
+        this.viewModels.length = 0;
         this._transactionService.getDeliveryMethods().then((methods) => {
             this.data = methods.slice();
+            this.data.forEach((d, index) => {
+                this.viewModels.push({ value: d.code, text: d.description, checked: this.useTransactionLine ? this.transactionLine.deliveryMethodCode === d.code : index === 0 });
+                super.ngOnInit();
+            });
         });
     }
     commitDeliveryMethod(method) {
@@ -12056,11 +12502,39 @@ class TransactionLineDeliveryMethodComponent extends TransactionLineFieldsBaseCo
             return true;
         });
     }
+    handleChecked(event, row) {
+        event.preventDefault();
+        event.stopPropagation();
+        row.checked = true;
+        for (let i = 0; i < this.viewModels.length; i++) {
+            if (this.viewModels[i].value !== row.value) {
+                this.viewModels[i].checked = false;
+            }
+        }
+        if (this.useTransactionLine) {
+            this.commitDeliveryMethod(this.viewModels.find(v => v.checked).value);
+        }
+        else {
+            this.valueChange.emit(row.value);
+        }
+    }
+    transactionLineSet() {
+        this.readonly = this.readonly || !this.transactionInfo.transactionDefinitive;
+    }
 }
 TransactionLineDeliveryMethodComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-line-delivery-method",
                 template: `
+    <div class="co-transaction-default-flex-row" *ngFor="let row of viewModelsFiltered">
+      <co-input-checkbox
+        [model]="row.checked"
+        [label]="row.value + ' ' + row.text"
+        (click)="handleChecked($event, row)"
+      ></co-input-checkbox>
+    </div>
+<!--
+
     <co-input-combo-box
       [collection]="data"
       [placeholder]="'DELIVERY_METHOD' | localize"
@@ -12068,6 +12542,7 @@ TransactionLineDeliveryMethodComponent.decorators = [
       [readonly]="readonly"
       (modelChange)="commitDeliveryMethod($event)"
     ></co-input-combo-box>
+-->
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -12083,7 +12558,8 @@ TransactionLineDeliveryMethodModule.decorators = [
                 imports: [
                     CommonModule,
                     PipeModule,
-                    InputComboBoxModule
+                    InputComboBoxModule,
+                    InputCheckboxModule
                 ],
                 declarations: [
                     TransactionLineDeliveryMethodComponent
@@ -12094,7 +12570,7 @@ TransactionLineDeliveryMethodModule.decorators = [
             },] }
 ];
 
-class TransactionLineDeliveryDateComponent extends TransactionLineFieldsBaseComponent {
+class TransactionLineDeliveryDateComponent extends TransactionLineBaseComponent {
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
@@ -12152,7 +12628,7 @@ TransactionLineDeliveryDateModule.decorators = [
             },] }
 ];
 
-class TransactionLineReferenceComponent extends TransactionLineFieldsBaseComponent {
+class TransactionLineReferenceComponent extends TransactionLineBaseComponent {
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
@@ -12216,20 +12692,18 @@ TransactionLineReferenceModule.decorators = [
             },] }
 ];
 
-class TransactionLineCommissionCodeComponent extends TransactionLineFieldsBaseComponent {
+class TransactionLineCommissionCodeComponent extends TransactionLineBaseComponent {
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
         this.data = [];
-        this.fields = { text: "description", value: "code" };
-        this.viewModels = [];
     }
     ngOnInit() {
         this.viewModels.length = 0;
         this._transactionService.getCommissionCodes("NL").then((codes) => {
             this.data = codes.slice();
-            this.data.forEach(d => {
-                this.viewModels.push({ value: d.code, text: d.description, checked: this.transactionLine.commissionCode === d.code });
+            this.data.forEach((d, index) => {
+                this.viewModels.push({ value: d.code, text: d.description, checked: this.useTransactionLine ? this.transactionLine.commissionCode === d.code : index === 0 });
             });
         });
     }
@@ -12246,14 +12720,21 @@ class TransactionLineCommissionCodeComponent extends TransactionLineFieldsBaseCo
             return true;
         });
     }
-    handleChecked(row) {
+    handleChecked(event, row) {
+        event.preventDefault();
+        event.stopPropagation();
         row.checked = true;
         for (let i = 0; i < this.viewModels.length; i++) {
             if (this.viewModels[i].value !== row.value) {
                 this.viewModels[i].checked = false;
             }
         }
-        this.commitCommissionCode(this.viewModels.find(v => v.checked).value);
+        if (this.useTransactionLine) {
+            this.commitCommissionCode(this.viewModels.find(v => v.checked).value);
+        }
+        else {
+            this.valueChange.emit(row.value);
+        }
     }
     transactionLineSet() {
         this.readonly = this.readonly || !this.transactionLine.articleFreeCommissionCode;
@@ -12263,23 +12744,13 @@ TransactionLineCommissionCodeComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-line-commission-code",
                 template: `
-    <ng-container *ngIf="!showExtended">
-      <co-input-combo-box
-        [collection]="data"
-        [placeholder]="'COMMISSION_CODE' | localize"
-        [fields]="fields"
-        [readonly]="readonly"
-        [model]="transactionLine.commissionCode"
-        (modelChange)="commitCommissionCode($event)"
-      ></co-input-combo-box>
-    </ng-container>
-    <ng-container *ngIf="showExtended">
-      <div class="extended-row-wrapper" *ngFor="let row of viewModels">
-        <co-input-checkbox [model]="row.checked" (modelChange)="handleChecked(row)"></co-input-checkbox>
-        <span class="extended-row-code" [textContent]="row.value"></span>
-        <span class="extended-row-description" [textContent]="row.text"></span>
-      </div>
-    </ng-container>
+    <div class="co-transaction-default-flex-row" *ngFor="let row of viewModels">
+      <co-input-checkbox
+        [model]="row.checked"
+        [label]="row.value + ' ' + row.text"
+        (click)="handleChecked($event, row)"
+      ></co-input-checkbox>
+    </div>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
@@ -12307,17 +12778,21 @@ TransactionLineCommissionCodeModule.decorators = [
             },] }
 ];
 
-class TransactionLineWarehouseComponent extends TransactionLineFieldsBaseComponent {
+class TransactionLineWarehouseComponent extends TransactionLineBaseComponent {
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
         this.data = [];
-        this.fields = { text: "description", value: "code" };
     }
     ngOnInit() {
-        // this._transactionService.getWCommissionCodes("NL").then((codes: CoDomainValue[]) => {
-        //   this.data = codes.slice();
-        // })
+        this.viewModels.length = 0;
+        this._transactionService.getWarehouses(this.branch).then((warehouses) => {
+            this.data = warehouses.slice();
+            this.data.forEach((d, index) => {
+                this.viewModels.push({ value: d.warehouseNo, text: d.description, checked: this.useTransactionLine ? this.transactionLine.warehouseNumber === d.warehouseNo : index === 0 });
+                super.ngOnInit();
+            });
+        });
     }
     commitWarehouse(warehouse) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -12332,26 +12807,43 @@ class TransactionLineWarehouseComponent extends TransactionLineFieldsBaseCompone
             return true;
         });
     }
+    handleChecked(event, row) {
+        event.preventDefault();
+        event.stopPropagation();
+        row.checked = true;
+        for (let i = 0; i < this.viewModels.length; i++) {
+            if (this.viewModels[i].value !== row.value) {
+                this.viewModels[i].checked = false;
+            }
+        }
+        if (this.useTransactionLine) {
+            this.commitWarehouse(this.viewModels.find(v => v.checked).value);
+        }
+        else {
+            this.valueChange.emit(row.value);
+        }
+    }
 }
 TransactionLineWarehouseComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-line-warehouse",
                 template: `
-    <co-input-combo-box
-      [collection]="data"
-      [placeholder]="'WAREHOUSE' | localize"
-      [fields]="fields"
-      [readonly]="readonly"
-      [model]="transactionLine.warehouseNumber"
-      (modelChange)="commitWarehouse($event)"
-    ></co-input-combo-box>
+    <div class="co-transaction-default-flex-row" *ngFor="let row of viewModelsFiltered">
+      <co-input-checkbox
+        [model]="row.checked"
+        [label]="row.value + ' ' + row.text"
+        (click)="handleChecked($event, row)"></co-input-checkbox>
+    </div>
   `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
 TransactionLineWarehouseComponent.ctorParameters = () => [
     { type: TransactionService }
-];
+];
+TransactionLineWarehouseComponent.propDecorators = {
+    branch: [{ type: Input }]
+};
 
 class TransactionLineWarehouseModule {
 }
@@ -12361,7 +12853,8 @@ TransactionLineWarehouseModule.decorators = [
                     CommonModule,
                     InputTextModule,
                     PipeModule,
-                    InputComboBoxModule
+                    InputComboBoxModule,
+                    InputCheckboxModule
                 ],
                 declarations: [
                     TransactionLineWarehouseComponent
@@ -12372,7 +12865,7 @@ TransactionLineWarehouseModule.decorators = [
             },] }
 ];
 
-class TransactionLineDiscountAmountComponent extends TransactionLineFieldsBaseComponent {
+class TransactionLineDiscountAmountComponent extends TransactionLineBaseComponent {
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
@@ -12437,7 +12930,7 @@ TransactionLineDiscountAmountModule.decorators = [
             },] }
 ];
 
-class TransactionLineQuantumDiscountComponent extends TransactionLineFieldsBaseComponent {
+class TransactionLineQuantumDiscountComponent extends TransactionLineBaseComponent {
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
@@ -12502,7 +12995,7 @@ TransactionLineQuantumDiscountModule.decorators = [
             },] }
 ];
 
-class TransactionLineSpecialDiscountComponent extends TransactionLineFieldsBaseComponent {
+class TransactionLineSpecialDiscountComponent extends TransactionLineBaseComponent {
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
@@ -12567,7 +13060,7 @@ TransactionLineSpecialDiscountModule.decorators = [
             },] }
 ];
 
-class TransactionLineSupplierComponent extends TransactionLineFieldsBaseComponent {
+class TransactionLineSupplierComponent extends TransactionLineBaseComponent {
     constructor(_transactionService) {
         super();
         this._transactionService = _transactionService;
@@ -14698,6 +15191,60 @@ TransactionBaseGridModule.decorators = [
             },] }
 ];
 
+class DialogHeaderSearchComponent {
+    constructor() {
+        this.search = new EventEmitter();
+    }
+    set title(value) {
+        this._title = value;
+        this.searchPlaceholder = `SEARCH_${this._title}`;
+    }
+    get title() {
+        return this._title;
+    }
+    showClass() {
+        return true;
+    }
+    handleSearch(text) {
+        this.search.emit(text);
+    }
+}
+DialogHeaderSearchComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-dialog-header-search",
+                template: `
+        <div class="dialog-header-search-wrapper">
+          <div class="dialog-header-search-title" [textContent]="title | localize"></div>
+          <co-input-search [placeholder]="searchPlaceholder | localize" [noIcon]="true" (modelChange)="handleSearch($event)"></co-input-search>
+        </div>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+DialogHeaderSearchComponent.propDecorators = {
+    title: [{ type: Input }],
+    search: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-dialog-header-search",] }]
+};
+
+class DialogHeaderSearchModule {
+}
+DialogHeaderSearchModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    PipeModule,
+                    InputSearchModule
+                ],
+                declarations: [
+                    DialogHeaderSearchComponent
+                ],
+                exports: [
+                    DialogHeaderSearchComponent
+                ]
+            },] }
+];
+
 class DialogTransactionLineCommissionCodeModule {
 }
 DialogTransactionLineCommissionCodeModule.decorators = [
@@ -14706,7 +15253,9 @@ DialogTransactionLineCommissionCodeModule.decorators = [
                     CommonModule,
                     TransactionLineCommissionCodeModule,
                     CoDialogModule,
-                    PipeModule
+                    PipeModule,
+                    ButtonModule,
+                    DialogHeaderSearchModule
                 ],
                 declarations: [
                     DialogTransactionLineCommissionCodeComponent
@@ -14717,6 +15266,48 @@ DialogTransactionLineCommissionCodeModule.decorators = [
             },] }
 ];
 
+class DialogTransactionLineWarehouseModule {
+}
+DialogTransactionLineWarehouseModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoDialogModule,
+                    TransactionLineWarehouseModule,
+                    DialogHeaderSearchModule,
+                    ButtonModule,
+                    PipeModule
+                ],
+                declarations: [
+                    DialogTransactionLineWarehouseComponent
+                ],
+                exports: [
+                    DialogTransactionLineWarehouseComponent
+                ]
+            },] }
+];
+
+class DialogTransactionLineDeliveryMethodModule {
+}
+DialogTransactionLineDeliveryMethodModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoDialogModule,
+                    TransactionLineDeliveryMethodModule,
+                    DialogHeaderSearchModule,
+                    ButtonModule,
+                    PipeModule
+                ],
+                declarations: [
+                    DialogTransactionLineDeliveryMethodComponent
+                ],
+                exports: [
+                    DialogTransactionLineDeliveryMethodComponent
+                ]
+            },] }
+];
+
 class TransactionLinesGridModule {
 }
 TransactionLinesGridModule.decorators = [
@@ -14730,7 +15321,9 @@ TransactionLinesGridModule.decorators = [
                     ButtonModule,
                     PriceDisplayPipeModule,
                     TransactionBaseGridModule,
-                    DialogTransactionLineCommissionCodeModule
+                    DialogTransactionLineCommissionCodeModule,
+                    DialogTransactionLineWarehouseModule,
+                    DialogTransactionLineDeliveryMethodModule
                 ],
                 declarations: [
                     TransactionLinesGridComponent
@@ -18033,5 +18626,5 @@ TransactionLineGridModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { CheckoutComponent, CheckoutModule, SearchBarViewMode, ShoppingCartComponent, ShoppingCartModule, ShoppingCartPreviewComponent, ShoppingCartPreviewModule, TransactionComponent, TransactionConfirmationDetailsComponent, TransactionConfirmationDetailsModule, TransactionConfirmationHistoryComponent, TransactionConfirmationHistoryModule, TransactionHeaderComponent, TransactionHeaderDeliveryComponent, TransactionHeaderDeliveryModule, TransactionHeaderModule, TransactionHeaderOrderComponent, TransactionHeaderOrderModule, TransactionHeaderRelationComponent, TransactionHeaderRelationModule, TransactionLineComponent, TransactionLineGridComponent, TransactionLineGridModule, TransactionLineModule, TransactionLinesComponent, TransactionLinesModule, TransactionModule, TransactionQuickAccessComponent, TransactionQuickAccessModule, TransactionQuickAccessOrderConfirmationComponent, TransactionQuickAccessOrderConfirmationModule, TransactionQuickAccessReceivedGoodsComponent, TransactionQuickAccessReceivedGoodsModule, TransactionSearchComponent, TransactionSearchModule, TransactionSearchService, TransactionService, TransactionTotalsComponent, TransactionTotalsModule, PendingReasonService as ɵa, DialogService as ɵb, RelationAddressComponent as ɵba, RelationBaseComponent as ɵbb, RelationAddressSelectModule as ɵbc, RelationAddressTileModule as ɵbd, TileModule as ɵbe, TileComponent as ɵbf, RelationAddressTileComponent as ɵbg, RelationAddressSelectComponent as ɵbh, BusinessObjectFactory as ɵbi, StepperModule as ɵbj, StepperComponent as ɵbk, StepperStepComponent as ɵbl, TransactionArticleTextModule as ɵbm, TransactionArticleTextComponent as ɵbn, TransactionArticleTextOverviewModule as ɵbo, TransactionArticleTextOverviewComponent as ɵbp, TransactionLineActionButtonsModule as ɵbq, TransactionLineActionButtonsComponent as ɵbr, EditableLabelModule as ɵbs, EditableLabelComponent as ɵbt, TransactionLinePriceModule as ɵbu, TransactionLinePriceComponent as ɵbv, TransactionLineFieldsBaseComponent as ɵbw, TransactionLineDescriptionModule as ɵbx, TransactionLineDescriptionComponent as ɵby, TransactionImageService as ɵbz, OptionsService as ɵc, AvatarModule as ɵca, AvatarComponent as ɵcb, SharedService as ɵcc, SharedConnectorService as ɵcd, DeliveryTypeTileModule as ɵce, DeliveryTypeTileComponent as ɵcf, PaymentModule as ɵcg, PaymentTileModule as ɵch, PaymentTileComponent as ɵci, PaymentQrCodeModule as ɵcj, PaymentQrCodeComponent as ɵck, PaymentComponent as ɵcl, PaymentService as ɵcm, RelationTypeModule as ɵcn, RelationTypeComponent as ɵco, RelationGeneralModule as ɵcp, RelationSuggestionsListModule as ɵcq, RelationSuggestionsListItemModule as ɵcr, RelationSuggestionsListItemComponent as ɵcs, RelationSuggestionsListComponent as ɵct, RelationGeneralComponent as ɵcu, RelationAddressesModule as ɵcv, RelationAddressesComponent as ɵcw, RelationContactDetailsModule as ɵcx, RelationContactDetailsComponent as ɵcy, RelationPreferencesModule as ɵcz, DictionaryService as ɵd, RelationPreferencesComponent as ɵda, TransactionHeaderBlockModule as ɵdb, TransactionHeaderBlockComponent as ɵdc, TransactionHeaderDeliveryDateModule as ɵdd, TransactionHeaderDeliveryDateComponent as ɵde, TransactionHeaderFieldsBaseComponent as ɵdf, TransactionHeaderDeliveryOptionsModule as ɵdg, TransactionHeaderDeliveryOptionsComponent as ɵdh, TransactionHeaderRemarksModule as ɵdi, TransactionHeaderRemarksComponent as ɵdj, TransactionHeaderReferenceModule as ɵdk, TransactionHeaderReferenceComponent as ɵdl, TransactionHeaderRelationReferenceModule as ɵdm, TransactionHeaderRelationReferenceComponent as ɵdn, TransactionHeaderDeliveryMethodModule as ɵdo, TransactionHeaderDeliveryMethodComponent as ɵdp, TransactionHeaderPreferredDeliveryDateModule as ɵdq, TransactionHeaderPreferredDeliveryDateComponent as ɵdr, TransactionBaseComponent as ɵds, TransactionHeaderPartialDeliveryModule as ɵdt, TransactionHeaderPartialDeliveryComponent as ɵdu, TransactionHeaderDownpaymentPercentageModule as ɵdv, TransactionHeaderDownpaymentPercentageComponent as ɵdw, TransactionHeaderDownpaymentAmountModule as ɵdx, TransactionHeaderDownpaymentAmountComponent as ɵdy, TransactionHeaderDefinitiveModule as ɵdz, TransactionConnectorService as ɵe, TransactionHeaderDefinitiveComponent as ɵea, TransactionHeaderBranchModule as ɵeb, TransactionHeaderBranchComponent as ɵec, TransactionHeaderAdministrativeRelationModule as ɵed, TransactionHeaderAdministrativeRelationComponent as ɵee, TransactionHeaderMarketingModule as ɵef, TransactionHeaderMarketingComponent as ɵeg, CheckoutOverviewRelationEditComponent as ɵeh, CheckoutOverviewDeliveryEditComponent as ɵei, CheckoutOverviewDeliveryAddressComponent as ɵej, CheckoutOverviewPaymentComponent as ɵek, CheckoutLoginComponent as ɵel, TransactionFilterCategoriesModule as ɵem, TransactionFilterCategoriesComponent as ɵen, TransactionHeaderPaymentModule as ɵeo, TransactionHeaderPaymentComponent as ɵep, TransactionLinesGridModule as ɵeq, TransactionBaseGridModule as ɵer, TransactionLineSidePanelModule as ɵes, TransactionLineSidePanelDefaultModule as ɵet, TransactionLinePriceListModule as ɵeu, TransactionLinePriceListComponent as ɵev, TransactionLineVatModule as ɵew, TransactionLineVatComponent as ɵex, TransactionLineQuantityModule as ɵey, TransactionLineQuantityComponent as ɵez, CollectionCacheService as ɵf, TransactionLineLineDiscountModule as ɵfa, TransactionLineLineDiscountComponent as ɵfb, TransactionLineDeliveryMethodModule as ɵfc, TransactionLineDeliveryMethodComponent as ɵfd, TransactionLineDeliveryDateModule as ɵfe, TransactionLineDeliveryDateComponent as ɵff, TransactionLineReferenceModule as ɵfg, TransactionLineReferenceComponent as ɵfh, TransactionLineCommissionCodeModule as ɵfi, TransactionLineCommissionCodeComponent as ɵfj, TransactionLineWarehouseModule as ɵfk, TransactionLineWarehouseComponent as ɵfl, TransactionLineDiscountAmountModule as ɵfm, TransactionLineDiscountAmountComponent as ɵfn, TransactionLineQuantumDiscountModule as ɵfo, TransactionLineQuantumDiscountComponent as ɵfp, TransactionLineSpecialDiscountModule as ɵfq, TransactionLineSpecialDiscountComponent as ɵfr, TransactionLineSupplierModule as ɵfs, TransactionLineSupplierComponent as ɵft, TransactionLineSidePanelDefaultComponent as ɵfu, TransactionReceivingGoodsHistoryModule as ɵfv, TransactionHistoryGridModule as ɵfw, TransactionHistoryGridStatusModule as ɵfx, TransactionHistoryGridStatusComponent as ɵfy, TransactionHistoryGridComponent as ɵfz, ArticleConnectorService as ɵg, TransactionReceivingGoodsHistoryComponent as ɵga, TransactionReceivingGoodsDetailsModule as ɵgb, TransactionReceivingGoodsDetailsComponent as ɵgc, ArticleService as ɵgd, TransactionButtonBarModule as ɵge, TransactionButtonBarComponent as ɵgf, TransactionMappingService as ɵgg, TransactionButtonBarButtonComponent as ɵgh, TransactionLineSidePanelPurchaseModule as ɵgi, DefaultOkCancelButtonsModule as ɵgj, DefaultOkCancelButtonsComponent as ɵgk, TransactionLineSidePanelPurchaseComponent as ɵgl, TransactionEventService as ɵgm, TransactionLineSidePanelComponent as ɵgn, TransactionBaseGridComponent as ɵgo, TransactionGridBaseComponent as ɵgp, DialogTransactionLineCommissionCodeModule as ɵgq, DialogTransactionLineCommissionCodeComponent as ɵgr, DialogTransactionLineBaseComponent as ɵgs, TransactionLinesGridComponent as ɵgt, DiscountModule as ɵgu, DiscountComponent as ɵgv, TransactionQuickAccessOverviewModule as ɵgw, TransactionQuickAccessOverviewComponent as ɵgx, TransactionOrderConfirmationGridModule as ɵgy, TransactionOrderConfirmationGridComponent as ɵgz, CoreModule as ɵh, TransactionReceivedGoodsGridModule as ɵha, TransactionReceivedGoodsGridComponent as ɵhb, ViewModeButtonsModule as ɵhc, ViewModeButtonsComponent as ɵhd, TransactionGridModule as ɵhe, TransactionGridComponent as ɵhf, TransactionTileModule as ɵhg, TransactionTileComponent as ɵhh, TransactionSearchResultModule as ɵhi, TransactionSearchSalesOrderTileModule as ɵhj, StatusBarModule as ɵhk, StatusBarComponent as ɵhl, TransactionSearchSalesOrderTileComponent as ɵhm, TransactionSearchTileBaseComponent as ɵhn, TransactionSearchPurchaseOrderTileModule as ɵho, TransactionSearchPurchaseOrderTileComponent as ɵhp, TransactionSearchSalesOrderGridModule as ɵhq, TransactionSearchSalesOrderGridComponent as ɵhr, TransactionSearchGridBaseComponent as ɵhs, TransactionSearchPurchaseOrderGridModule as ɵht, TransactionSearchPurchaseOrderGridComponent as ɵhu, TransactionSearchHeaderModule as ɵhv, TransactionSearchHeaderComponent as ɵhw, TransactionSearchGridModule as ɵhx, TransactionSearchGridComponent as ɵhy, TransactionSearchTileModule as ɵhz, ConfirmationDialogModule as ɵi, TransactionSearchTileComponent as ɵia, TransactionSearchResultComponent as ɵib, TransactionSalesOrderFilterModule as ɵic, TransactionSalesOrderFilterContentOrderModule as ɵid, TransactionSalesOrderFilterContentOrderComponent as ɵie, TransactionFilterContentBaseComponent as ɵif, FilterRequestService as ɵig, TransactionSalesOrderFilterContentLogisticsModule as ɵih, TransactionFilterHistoricStateModule as ɵii, TransactionFilterHistoricStateComponent as ɵij, TransactionSalesOrderFilterContentLogisticsComponent as ɵik, TransactionSalesOrderFilterContentArticleModule as ɵil, TransactionSalesOrderFilterContentArticleComponent as ɵim, TransactionSalesOrderFilterComponent as ɵin, TransactionFilterBaseComponent as ɵio, TransactionPurchaseOrderFilterModule as ɵip, TransactionPurchaseOrderFilterContentOrderModule as ɵiq, TransactionPurchaseOrderFilterContentOrderComponent as ɵir, TransactionPurchaseOrderFilterContentLogisticsModule as ɵis, TransactionPurchaseOrderFilterContentLogisticsComponent as ɵit, TransactionPurchaseOrderFilterContentArticleModule as ɵiu, TransactionPurchaseOrderFilterContentArticleComponent as ɵiv, TransactionPurchaseOrderFilterComponent as ɵiw, TransactionFilterModule as ɵix, TransactionFilterComponent as ɵiy, PipeModule as ɵj, AppendPipe as ɵk, DeliveryTimePipe as ɵl, DateDurationPipe as ɵm, LocalizePipe as ɵn, CoCurrencyPipe as ɵo, SafeStylePipe as ɵp, SafeHtmlPipe as ɵq, ConfirmationDialogComponent as ɵr, DialogBaseComponent as ɵs, ImageDisplayComponent as ɵt, IconComponent as ɵu, IconCacheService as ɵv, CustomerGroupsComponent as ɵw, StockStatusIndicatorComponent as ɵx, LoaderComponent as ɵy, RelationAddressModule as ɵz };
+export { CheckoutComponent, CheckoutModule, SearchBarViewMode, ShoppingCartComponent, ShoppingCartModule, ShoppingCartPreviewComponent, ShoppingCartPreviewModule, TransactionComponent, TransactionConfirmationDetailsComponent, TransactionConfirmationDetailsModule, TransactionConfirmationHistoryComponent, TransactionConfirmationHistoryModule, TransactionHeaderComponent, TransactionHeaderDeliveryComponent, TransactionHeaderDeliveryModule, TransactionHeaderModule, TransactionHeaderOrderComponent, TransactionHeaderOrderModule, TransactionHeaderRelationComponent, TransactionHeaderRelationModule, TransactionLineComponent, TransactionLineGridComponent, TransactionLineGridModule, TransactionLineModule, TransactionLinesComponent, TransactionLinesModule, TransactionModule, TransactionQuickAccessComponent, TransactionQuickAccessModule, TransactionQuickAccessOrderConfirmationComponent, TransactionQuickAccessOrderConfirmationModule, TransactionQuickAccessReceivedGoodsComponent, TransactionQuickAccessReceivedGoodsModule, TransactionSearchComponent, TransactionSearchModule, TransactionSearchService, TransactionService, TransactionTotalsComponent, TransactionTotalsModule, PendingReasonService as ɵa, DialogService as ɵb, CustomerGroupsComponent as ɵba, StockStatusIndicatorComponent as ɵbb, LoaderComponent as ɵbc, RelationAddressModule as ɵbd, RelationAddressComponent as ɵbe, RelationBaseComponent as ɵbf, RelationAddressSelectModule as ɵbg, RelationAddressTileModule as ɵbh, TileModule as ɵbi, TileComponent as ɵbj, RelationAddressTileComponent as ɵbk, RelationAddressSelectComponent as ɵbl, BusinessObjectFactory as ɵbm, StepperModule as ɵbn, StepperComponent as ɵbo, StepperStepComponent as ɵbp, TransactionArticleTextModule as ɵbq, TransactionArticleTextComponent as ɵbr, TransactionArticleTextOverviewModule as ɵbs, TransactionArticleTextOverviewComponent as ɵbt, TransactionLineActionButtonsModule as ɵbu, TransactionLineActionButtonsComponent as ɵbv, EditableLabelModule as ɵbw, EditableLabelComponent as ɵbx, TransactionLinePriceModule as ɵby, TransactionLinePriceComponent as ɵbz, OptionsService as ɵc, TransactionLineBaseComponent as ɵca, TransactionLineDescriptionModule as ɵcb, TransactionLineDescriptionComponent as ɵcc, TransactionImageService as ɵcd, AvatarModule as ɵce, AvatarComponent as ɵcf, SharedService as ɵcg, SharedConnectorService as ɵch, DeliveryTypeTileModule as ɵci, DeliveryTypeTileComponent as ɵcj, PaymentModule as ɵck, PaymentTileModule as ɵcl, PaymentTileComponent as ɵcm, PaymentQrCodeModule as ɵcn, PaymentQrCodeComponent as ɵco, PaymentComponent as ɵcp, PaymentService as ɵcq, RelationTypeModule as ɵcr, RelationTypeComponent as ɵcs, RelationGeneralModule as ɵct, RelationSuggestionsListModule as ɵcu, RelationSuggestionsListItemModule as ɵcv, RelationSuggestionsListItemComponent as ɵcw, RelationSuggestionsListComponent as ɵcx, RelationGeneralComponent as ɵcy, RelationAddressesModule as ɵcz, DictionaryService as ɵd, RelationAddressesComponent as ɵda, RelationContactDetailsModule as ɵdb, RelationContactDetailsComponent as ɵdc, RelationPreferencesModule as ɵdd, RelationPreferencesComponent as ɵde, TransactionHeaderBlockModule as ɵdf, TransactionHeaderBlockComponent as ɵdg, TransactionHeaderDeliveryDateModule as ɵdh, TransactionHeaderDeliveryDateComponent as ɵdi, TransactionHeaderFieldsBaseComponent as ɵdj, TransactionHeaderDeliveryOptionsModule as ɵdk, TransactionHeaderDeliveryOptionsComponent as ɵdl, TransactionHeaderRemarksModule as ɵdm, TransactionHeaderRemarksComponent as ɵdn, TransactionHeaderReferenceModule as ɵdo, TransactionHeaderReferenceComponent as ɵdp, TransactionHeaderRelationReferenceModule as ɵdq, TransactionHeaderRelationReferenceComponent as ɵdr, TransactionHeaderDeliveryMethodModule as ɵds, TransactionHeaderDeliveryMethodComponent as ɵdt, TransactionHeaderPreferredDeliveryDateModule as ɵdu, TransactionHeaderPreferredDeliveryDateComponent as ɵdv, TransactionBaseComponent as ɵdw, TransactionHeaderPartialDeliveryModule as ɵdx, TransactionHeaderPartialDeliveryComponent as ɵdy, TransactionHeaderDownpaymentPercentageModule as ɵdz, TransactionConnectorService as ɵe, TransactionHeaderDownpaymentPercentageComponent as ɵea, TransactionHeaderDownpaymentAmountModule as ɵeb, TransactionHeaderDownpaymentAmountComponent as ɵec, TransactionHeaderDefinitiveModule as ɵed, TransactionHeaderDefinitiveComponent as ɵee, TransactionHeaderBranchModule as ɵef, TransactionHeaderBranchComponent as ɵeg, TransactionHeaderAdministrativeRelationModule as ɵeh, TransactionHeaderAdministrativeRelationComponent as ɵei, TransactionHeaderMarketingModule as ɵej, TransactionHeaderMarketingComponent as ɵek, CheckoutOverviewRelationEditComponent as ɵel, CheckoutOverviewDeliveryEditComponent as ɵem, CheckoutOverviewDeliveryAddressComponent as ɵen, CheckoutOverviewPaymentComponent as ɵeo, CheckoutLoginComponent as ɵep, TransactionFilterCategoriesModule as ɵeq, TransactionFilterCategoriesComponent as ɵer, TransactionHeaderPaymentModule as ɵes, TransactionHeaderPaymentComponent as ɵet, TransactionLinesGridModule as ɵeu, TransactionBaseGridModule as ɵev, TransactionLineSidePanelModule as ɵew, TransactionLineSidePanelDefaultModule as ɵex, TransactionLinePriceListModule as ɵey, TransactionLinePriceListComponent as ɵez, CollectionCacheService as ɵf, TransactionLineVatModule as ɵfa, TransactionLineVatComponent as ɵfb, TransactionLineQuantityModule as ɵfc, TransactionLineQuantityComponent as ɵfd, TransactionLineLineDiscountModule as ɵfe, TransactionLineLineDiscountComponent as ɵff, TransactionLineDeliveryMethodModule as ɵfg, TransactionLineDeliveryMethodComponent as ɵfh, TransactionLineDeliveryDateModule as ɵfi, TransactionLineDeliveryDateComponent as ɵfj, TransactionLineReferenceModule as ɵfk, TransactionLineReferenceComponent as ɵfl, TransactionLineCommissionCodeModule as ɵfm, TransactionLineCommissionCodeComponent as ɵfn, TransactionLineWarehouseModule as ɵfo, TransactionLineWarehouseComponent as ɵfp, TransactionLineDiscountAmountModule as ɵfq, TransactionLineDiscountAmountComponent as ɵfr, TransactionLineQuantumDiscountModule as ɵfs, TransactionLineQuantumDiscountComponent as ɵft, TransactionLineSpecialDiscountModule as ɵfu, TransactionLineSpecialDiscountComponent as ɵfv, TransactionLineSupplierModule as ɵfw, TransactionLineSupplierComponent as ɵfx, TransactionLineSidePanelDefaultComponent as ɵfy, TransactionReceivingGoodsHistoryModule as ɵfz, ArticleConnectorService as ɵg, TransactionHistoryGridModule as ɵga, TransactionHistoryGridStatusModule as ɵgb, TransactionHistoryGridStatusComponent as ɵgc, TransactionHistoryGridComponent as ɵgd, TransactionReceivingGoodsHistoryComponent as ɵge, TransactionReceivingGoodsDetailsModule as ɵgf, TransactionReceivingGoodsDetailsComponent as ɵgg, ArticleService as ɵgh, TransactionButtonBarModule as ɵgi, TransactionButtonBarComponent as ɵgj, TransactionMappingService as ɵgk, TransactionButtonBarButtonComponent as ɵgl, TransactionLineSidePanelPurchaseModule as ɵgm, DefaultOkCancelButtonsModule as ɵgn, DefaultOkCancelButtonsComponent as ɵgo, TransactionLineSidePanelPurchaseComponent as ɵgp, TransactionEventService as ɵgq, TransactionLineSidePanelComponent as ɵgr, TransactionBaseGridComponent as ɵgs, TransactionGridBaseComponent as ɵgt, DialogTransactionLineCommissionCodeModule as ɵgu, DialogHeaderSearchModule as ɵgv, DialogHeaderSearchComponent as ɵgw, DialogTransactionLineCommissionCodeComponent as ɵgx, DialogTransactionLineBaseComponent as ɵgy, DialogTransactionLineWarehouseModule as ɵgz, CoreModule as ɵh, DialogTransactionLineWarehouseComponent as ɵha, DialogTransactionLineDeliveryMethodModule as ɵhb, DialogTransactionLineDeliveryMethodComponent as ɵhc, TransactionLinesGridComponent as ɵhd, DiscountModule as ɵhe, DiscountComponent as ɵhf, TransactionQuickAccessOverviewModule as ɵhg, TransactionQuickAccessOverviewComponent as ɵhh, TransactionOrderConfirmationGridModule as ɵhi, TransactionOrderConfirmationGridComponent as ɵhj, TransactionReceivedGoodsGridModule as ɵhk, TransactionReceivedGoodsGridComponent as ɵhl, ViewModeButtonsModule as ɵhm, ViewModeButtonsComponent as ɵhn, TransactionGridModule as ɵho, TransactionGridComponent as ɵhp, TransactionTileModule as ɵhq, TransactionTileComponent as ɵhr, TransactionSearchResultModule as ɵhs, TransactionSearchSalesOrderTileModule as ɵht, StatusBarModule as ɵhu, StatusBarComponent as ɵhv, TransactionSearchSalesOrderTileComponent as ɵhw, TransactionSearchTileBaseComponent as ɵhx, TransactionSearchPurchaseOrderTileModule as ɵhy, TransactionSearchPurchaseOrderTileComponent as ɵhz, ConfirmationDialogModule as ɵi, TransactionSearchSalesOrderGridModule as ɵia, TransactionSearchSalesOrderGridComponent as ɵib, TransactionSearchGridBaseComponent as ɵic, TransactionSearchPurchaseOrderGridModule as ɵid, TransactionSearchPurchaseOrderGridComponent as ɵie, TransactionSearchHeaderModule as ɵif, TransactionSearchHeaderComponent as ɵig, TransactionSearchGridModule as ɵih, TransactionSearchGridComponent as ɵii, TransactionSearchTileModule as ɵij, TransactionSearchTileComponent as ɵik, TransactionSearchResultComponent as ɵil, TransactionSalesOrderFilterModule as ɵim, TransactionSalesOrderFilterContentOrderModule as ɵin, TransactionSalesOrderFilterContentOrderComponent as ɵio, TransactionFilterContentBaseComponent as ɵip, FilterRequestService as ɵiq, TransactionSalesOrderFilterContentLogisticsModule as ɵir, TransactionFilterHistoricStateModule as ɵis, TransactionFilterHistoricStateComponent as ɵit, TransactionSalesOrderFilterContentLogisticsComponent as ɵiu, TransactionSalesOrderFilterContentArticleModule as ɵiv, TransactionSalesOrderFilterContentArticleComponent as ɵiw, TransactionSalesOrderFilterComponent as ɵix, TransactionFilterBaseComponent as ɵiy, TransactionPurchaseOrderFilterModule as ɵiz, PipeModule as ɵj, TransactionPurchaseOrderFilterContentOrderModule as ɵja, TransactionPurchaseOrderFilterContentOrderComponent as ɵjb, TransactionPurchaseOrderFilterContentLogisticsModule as ɵjc, TransactionPurchaseOrderFilterContentLogisticsComponent as ɵjd, TransactionPurchaseOrderFilterContentArticleModule as ɵje, TransactionPurchaseOrderFilterContentArticleComponent as ɵjf, TransactionPurchaseOrderFilterComponent as ɵjg, TransactionFilterModule as ɵjh, TransactionFilterComponent as ɵji, AppendPipe as ɵk, DeliveryTimePipe as ɵl, DateDurationPipe as ɵm, LocalizePipe as ɵn, CoCurrencyPipe as ɵo, SafeStylePipe as ɵp, SafeHtmlPipe as ɵq, ConfirmationDialogComponent as ɵr, DialogBaseComponent as ɵs, CharacteristicAnswerModule as ɵt, CharacteristicAnswerComponent as ɵu, WarehouseModule as ɵv, WarehouseComponent as ɵw, ImageDisplayComponent as ɵx, IconComponent as ɵy, IconCacheService as ɵz };
 //# sourceMappingURL=colijnit-transaction.js.map