@colijnit/transaction 12.1.9 → 12.1.10

package/fesm2015/colijnit-transaction.js

@@ -9,7 +9,6 @@ import { PendingReasonType } from '@colijnit/transactionapi/build/enum/pending-r
 import { BehaviorSubject, throwError } from 'rxjs';
 import { AddressType } from '@colijnit/transactionapi/build/enum/address-type.enum';
 import { TransactionInfoResponse } from '@colijnit/transactionapi/build/model/transaction-info-response.bo';
-import { ResolvePendingLineReasonRequest } from '@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo';
 import { CustomerFullObject } from '@colijnit/transactionapi/build/model/customer-full-object.bo';
 import { RelationPrivacySetting } from '@colijnit/transactionapi/build/model/relation-privacy-setting.bo';
 import { DeliveryMethod } from '@colijnit/transactionapi/build/model/delivery-method.bo';
@@ -17,7 +16,6 @@ import { GetPostalCodeRetrievalOutputParams } from '@colijnit/transactionapi/bui
 import { RelationListObject } from '@colijnit/transactionapi/build/model/relation-list-object.bo';
 import { CoDomainValue } from '@colijnit/transactionapi/build/model/co-domain-value.bo';
 import { ArticleFullObject } from '@colijnit/transactionapi/build/model/article-full-object';
-import { LineOperationResponse } from '@colijnit/transactionapi/build/model/line-operation-response.bo';
 import { Transaction } from '@colijnit/transactionapi/build/transaction';
 import { notNill } from '@colijnit/transactionapi/build/utils/function/not-nill.function';
 import { ObjectUtils } from '@colijnit/transactionapi/build/utils/object-utils';
@@ -35,9 +33,12 @@ import { ComplexArrayDecorator as ComplexArrayDecorator$1 } from '@colijnit/tran
 import { ImageUtils } from '@colijnit/transactionapi/build/utils/image-utils';
 import { TransactionLineInfo } from '@colijnit/transactionapi/build/model/transaction-line-info.bo';
 import { CashRegister } from '@colijnit/transactionapi/build/model/cash-register';
+import { PriceList } from '@colijnit/transactionapi/build/model/price-list';
+import { Vat } from '@colijnit/transactionapi/build/model/vat';
 import { SetTransactionDeliveryOptionsRequest } from '@colijnit/transactionapi/build/model/set-transaction-delivery-options-request.bo';
 import { RelationStatus } from '@colijnit/transactionapi/build/enum/relation-status.enum';
-import { FormMasterService, FormComponent, CoDialogModule, ButtonModule, InputComboBoxModule, InputTextModule, FormModule, InputRadioButtonModule, IconModule, InputCheckboxModule, InputListboxModule, DropDownModule, InputTextComponent, CollapsibleModule, InputDatePickerModule, InputNumberPickerModule, PriceDisplayPipeModule, CoDialogPromptModule, MultiSelectListModule, PopupModule, CoSidebarModule, CoGridModule, CoRichTextEditorModule, Carousel3dModule, InputTextareaModule, ColumnAlign, SimpleGridModule } from '@colijnit/corecomponents_v12';
+import { ResolveLinePendingReasonRequest } from '@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo';
+import { FormMasterService, FormComponent, CoDialogModule, ButtonModule, InputComboBoxModule, InputTextModule, FormModule, InputRadioButtonModule, IconModule, InputCheckboxModule, InputListboxModule, DropDownModule, InputNumberPickerModule, PriceDisplayPipeModule, InputDatePickerModule, CoDialogPromptModule, MultiSelectListModule, PopupModule, CoSidebarModule, CoGridModule, CoRichTextEditorModule, Carousel3dModule, InputTextareaModule, CollapsibleModule, ColumnAlign, SimpleGridColumnDirective, SimpleGridModule, InputTextComponent } from '@colijnit/corecomponents_v12';
 import { FlexModule } from '@angular/flex-layout';
 import { CommunicationType } from '@colijnit/transactionapi/build/enum/communication-type.enum';
 import { ContactOption } from '@colijnit/transactionapi/build/model/contact-option.bo';
@@ -55,6 +56,7 @@ 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 { RelationRequest } from '@colijnit/transactionapi/build/model/relation-request';
+import { DiscountType } from '@colijnit/transactionapi/build/enum/discount-type.enum';
 
 var LanguageCode;
 (function (LanguageCode) {
@@ -151,6 +153,7 @@ class Dictionary {
                 "ALWAYS_SHOW_LOGISTICS_POPUP": "Controleer magazijn en commissiecode",
                 "ARTICLE": "Artikel",
                 "ARTICLE_DESCRIPTION": "Artikelomschrijving",
+                "ARTICLE_IMAGE": "Artikel afbeelding",
                 "ARTICLE_IN_OUT_COLLECTION": "Status van artikel is '|~'. Weet u zeker dat u door wilt gaan?",
                 "ARTICLE_NR": "Artikelnummer",
                 "ARTICLE_NR_SUPPLIER": "Artikelnr leverancier",
@@ -162,6 +165,7 @@ class Dictionary {
                 "AVAILABLE_STOCK": "Bechikbaar",
                 "BACK": "Terug",
                 "BACK_TO_STOCK_LINES": "Terug naar voorraadregels",
+                "BATCH_NUMBER": "Batchnummer",
                 "BRANCH": "Filiaal",
                 "BUSINESS_RULE_DISCOUNT": "Business rule korting",
                 "CANCEL": "Annuleren",
@@ -174,6 +178,9 @@ class Dictionary {
                 "COMPANY": "Bedrijf",
                 "COMPANY_NAME": "Bedrijfsnaam",
                 "COMMISSION_CODE": "Commisiecode",
+                "CONFIRMED": "Bevestigd",
+                "CONFIRMATION": "Bevestiging",
+                "CONFIRMED_DATE": "Bevestigde datum",
                 "CONTACT_DETAILS": "Contactgegevens",
                 "CONTINUE": "Volgende",
                 "CONTINUE_ORDER_WHILE_STOCK_AVAILABLE_PLEASE_CONFIRM": "U heeft gekozen voor het bestellen van artikelen terwijl er nog voorraad aanwezig is. Wilt u verdergaan?",
@@ -184,6 +191,7 @@ class Dictionary {
                 "CREATE_ACCOUNT_IN_2_MIN": "Maak binnen 2 minuten een account aan.",
                 "CUSTOMER": "Klant",
                 "CUSTOMER_GROUP": "Klantgroep",
+                "DATE": "Datum",
                 "DATE_OF_BIRTH": "Geboortedatum",
                 "DELETE_TRANSACTION_LINE": "verwijderen",
                 "DELETE_TRANSACTION_LINE_HINT": "Verwijderen transactieregel",
@@ -226,27 +234,33 @@ class Dictionary {
                 "FABRICATION_COST_LINE_TOTAL": "Fabricageprijs regeltotaal",
                 "FEMALE": "Vrouw",
                 "FIRST_NAME": "Voornaam",
+                "GROSS_PRICE": "Bruto prijs",
                 "GOOD_DESCRIPTION": "Artikelomschrijving",
                 "HOUSE_NO": "Huisnummer",
                 "HOUSE_NO_ADDITION": "Huisnummer toevoeging",
+                "IN_ORDER": "In bestelling",
                 "IN_OUT_COLLECTION": "In-uit-collectie",
                 "INVITE_TO_ACCOUNT": "Uitnodigen voor account",
                 "INVOICE_ADDRESS": "Factuuradres",
                 "INVOICE_ADDRESS_ADD": "Factuuradres toevoegen",
                 "INVOICE_ADDRESS_CHANGE": "Factuuradres wijzigen",
+                "INVOICE_CHECK": "Factuurcontrole",
                 "LAST_EDITED_DATE": "Datum laatste wijziging",
                 "LAST_EDITED_USER": "Gebruiker laatste wijziging",
                 "LAST_NAME": "Achternaam",
                 "LINE_NEEDS_COMMISSION_CODE": "De commisiecode ontbreekt. Vul de commissiecode in.",
+                "LOCATION": "Locatie",
                 "LOGIN": "Inloggen",
                 "LOGIN_DETAILS": "Inloggegevens",
                 "LOGISTICS_AND_PLANNING": "Logistiek & planning",
                 "MALE": "Man",
                 "MARKETING": "Marketing",
+                "MENU": "Menu",
                 "MODIFICATION_TIME": "Bewerkingstijd",
                 "NAME": "Naam",
                 "NET_LINE_TOTAL": "Regeltotaal",
                 "NETT": "Netto",
+                "NETTO_PRICE": "Netto prijs",
                 "NEW_AT": "Nieuw bij ",
                 "NEW_LOCATION": "Nieuwe locatie",
                 "NO_IMAGE": "Geen afbeelding",
@@ -266,6 +280,7 @@ class Dictionary {
                 "OTHER": "Overig",
                 "OVERVIEW": "Overzicht",
                 "OWN_REFERENCE": "Eigen referentie",
+                "PACKING_SLIP": "Pakbon",
                 "PAID_DOWN2": "Aanbetaald",
                 "PART_DELIVERIES": "Deelleveringen",
                 "PASSWORD": "Wachtwoord",
@@ -294,6 +309,9 @@ class Dictionary {
                 "QUANTITY_CANNOT_BE_LESS_THAN_RECEIVED": "Het aantal moet gelijk zijn aan het aantal ontvangen.",
                 "QUANTITY_CANNOT_BE_MORE_THAN_RECEIVED": "Het aantal moet gelijk zijn aan het aantal ontvangen",
                 "QUANTUM_DISCOUNT": "Kwantumkorting",
+                "RECEIPT_DETAILS": "Ontvangst details",
+                "RECEIVED": "Ontvangst",
+                "RECEIVED_DATE": "Ontvangst datum",
                 "REFERENCE": "Referentie",
                 "REFERENCE_RELATION": "Ref. relatie",
                 "REMARKS": "Opmerkingen",
@@ -301,6 +319,7 @@ class Dictionary {
                 "SAME_AS_DELIVERY": "Hetzelfde als bezorgadres",
                 "SAVE": "Opslaan",
                 "SELECT": "Selecteren",
+                "SERIAL_NUMBER": "Serienummer",
                 "SERVICE_NUMBER": "Servicenummer",
                 "SERVICE_REQUEST_DATE": "Datum aanvraag",
                 "SERVICE_STATE": "Service status",
@@ -328,10 +347,12 @@ class Dictionary {
                 "TRANSACTION_PRICE_DECLARATION": "Order prijsverklaring",
                 "TRANSACTION_SUM_I": "Ordertotaal incl. BTW",
                 "TRANSACTION_TOTAL": "Transactie totaal",
+                "TRANSPORT": "Transport",
                 "TRANSPORT_COST": "Transportkosten",
                 "TRANSPORT_COST_LINE_TOTAL": "Transportkosten regeltotaal",
                 "UNKNOWN": "Onbekend",
                 "UNKNOWN_ADDRESS_CHECK_IT": "Onbekend adres",
+                "USER": "Gebruiker",
                 "VAT": "Btw",
                 "VAT_AMOUNT": "BTW-bedrag",
                 "VALUE": "Waarde",
@@ -364,6 +385,7 @@ class Dictionary {
                 "ALWAYS_SHOW_LOGISTICS_POPUP": "Check warehouse and commissioncode",
                 "ARTICLE": "Article",
                 "ARTICLE_DESCRIPTION": "Article description",
+                "ARTICLE_IMAGE": "Article image",
                 "ARTICLE_IN_OUT_COLLECTION": "Status of article is '|~'. Are you sure to proceed?",
                 "ARTICLE_NR": "Article number",
                 "ARTICLE_NR_SUPPLIER": "Artikelnr supplier",
@@ -373,6 +395,7 @@ class Dictionary {
                 "ASSEMBLY_TIME": "Assembly time",
                 "AMOUNT": "Amount",
                 "BACK": "Back",
+                "BATCH_NUMBER": "Batchnumber",
                 "BRANCH": "Branch",
                 "BUSINESS_RULE_DISCOUNT": "Business rule discount",
                 "CANCEL": "Cancel",
@@ -385,8 +408,11 @@ class Dictionary {
                 "COMPANY": "Company",
                 "COMPANY_NAME": "Company name",
                 "COMMISSION_CODE": "Commission code",
+                "CONFIRMATION": "Confirmation",
+                "CONFIRMED_DATE": "Confirmed date",
                 "CONTACT_DETAILS": "Contactdetails",
                 "CONTINUE": "Next",
+                "CONFIRMED": "Confirmed",
                 "CONTINUE_ORDER_WHILE_STOCK_AVAILABLE_PLEASE_CONFIRM": "You have chosen to order articles while stock is still available. Do you wish to proceed?",
                 "CONTINUE_WITHOUT_ACCOUNT": "Continue without an account",
                 "COSTS": "Costs",
@@ -395,6 +421,7 @@ class Dictionary {
                 "CREATE_ACCOUNT_IN_2_MIN": "Create an account in 2 minutes.",
                 "CUSTOMER": "Customer",
                 "CUSTOMER_GROUP": "Customergroup",
+                "DATE": "Date",
                 "DATE_OF_BIRTH": "Date of birth",
                 "DELETE_TRANSACTION_LINE": "Delete transaction line verwijderen?",
                 "DELETE_TRANSACTION_LINE_HINT": "Delete transaction line",
@@ -436,26 +463,32 @@ class Dictionary {
                 "FEMALE": "Female",
                 "FIRST_NAME": "First name",
                 "GOOD_DESCRIPTION": "Article description",
+                "GROSS_PRICE": "Gross price",
                 "HOUSE_NO": "Housenumber",
                 "HOUSE_NO_ADDITION": "Housenumber addition",
+                "IN_ORDER": "In order",
                 "IN_OUT_COLLECTION": "In-out-collection",
                 "INVITE_TO_ACCOUNT": "Invite account",
                 "INVOICE_ADDRESS": "Invoice address",
                 "INVOICE_ADDRESS_ADD": "Add invoice address",
                 "INVOICE_ADDRESS_CHANGE": "Change invoice address",
+                "INVOICE_CHECK": "Invoice check",
                 "LAST_EDITED_DATE": "Date last mutation",
                 "LAST_EDITED_USER": "User last mutation",
                 "LAST_NAME": "Last name",
                 "LINE_NEEDS_COMMISSION_CODE": "Line needs a commission code",
+                "LOCATION": "Location",
                 "LOGIN": "Login",
                 "LOGIN_DETAILS": "Login details",
                 "LOGISTICS_AND_PLANNING": "Logistics & planning",
                 "MALE": "Male",
                 "MARKETING": "Marketing",
+                "MENU": "Menu",
                 "MODIFICATION_TIME": "Modification time",
                 "NAME": "Name",
                 "NET_LINE_TOTAL": "Linetotal",
                 "NETT": "Net",
+                "NETTO_PRICE": "Netto price",
                 "NEW_AT": "New at ",
                 "NEW_LOCATION": "New location",
                 "NO_IMAGE": "No image available",
@@ -475,6 +508,7 @@ class Dictionary {
                 "OTHER": "Other",
                 "OVERVIEW": "Overview",
                 "OWN_REFERENCE": "Own reference",
+                "PACKING_SLIP": "Packing slip",
                 "PAID_DOWN2": "Prepaid",
                 "PART_DELIVERIES": "Partial deliveries",
                 "PASSWORD": "Password",
@@ -494,6 +528,9 @@ class Dictionary {
                 "PRODUCT_TYPE": "Product type",
                 "QUANTITY_CANNOT_BE_ZERO_OR_EMPTY": "Quantity cannot be zero or empty",
                 "QUANTUM_DISCOUNT": "Quantum discount",
+                "RECEIPT_DETAILS": "Receipt details",
+                "RECEIVED": "Received",
+                "RECEIVED_DATE": "Received date",
                 "REFERENCE": "Reference",
                 "REFERENCE_RELATION": "Ref. relation",
                 "REMARKS": "Remarks",
@@ -501,6 +538,7 @@ class Dictionary {
                 "SAME_AS_DELIVERY": "Same as delivery address",
                 "SAVE": "Save",
                 "SELECT": "Select",
+                "SERIAL_NUMBER": "Serial number",
                 "SERVICE_NUMBER": "Service number",
                 "SERVICE_REQUEST_DATE": "Service request data",
                 "SERVICE_STATE": "Service state",
@@ -527,10 +565,12 @@ class Dictionary {
                 "TRANSACTION_PRICE_DECLARATION": "Transaction price declaration",
                 "TRANSACTION_SUM_I": "Ordertotal incl VAT",
                 "TRANSACTION_TOTAL": "Transaction total",
+                "TRANSPORT": "Transport",
                 "TRANSPORT_COST": "Transportcosts",
                 "TRANSPORT_COST_LINE_TOTAL": "Transportcosts linetotal",
                 "UNKNOWN": "unknown",
                 "UNKNOWN_ADDRESS_CHECK_IT": "Unknown address",
+                "USER": "User",
                 "VALUE": "Value",
                 "VAT": "VAT",
                 "VAT_AMOUNT": "VAT amount",
@@ -1381,7 +1421,7 @@ class IOneConnectorAdapterService {
         return new Promise((resolve, reject) => {
             return this.connector.getSingleImage(nodeId, publication, includeMimetype, thumb).then((result) => {
                 if (result.validationResult && result.validationResult.success) {
-                    if (result.resultObject && result.resultObject.filePath !== null && result.resultObject.filePath !== "") {
+                    if (result.resultObject && result.resultObject.filePath !== null && result.resultObject.filePath !== undefined && result.resultObject.filePath !== "") {
                         return resolve(ImageUtils.getFixedImageFilepathUrl(result.resultObject.filePath));
                     }
                     else {
@@ -1391,8 +1431,8 @@ class IOneConnectorAdapterService {
                             }
                             return resolve(thumb ? result.resultObject.thumbnailBody : result.resultObject.documentBody);
                         }
-                        else {
-                            reject(result.validationMessagesAsString);
+                        else { // no image
+                            resolve("");
                         }
                     }
                 }
@@ -1583,6 +1623,28 @@ class IOneConnectorAdapterService {
             });
         });
     }
+    getPriceLists(code) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.getPriceLists(code);
+            if (response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeBOArrayFromRawBackendDataArray(PriceList, response.resultObjects);
+            }
+            else {
+                return []; // todo: handle error messages in a good way
+            }
+        });
+    }
+    getVatList(onlyValid = false) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.getVatList(onlyValid);
+            if (response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeBOArrayFromRawBackendDataArray(Vat, response.resultObjects);
+            }
+            else {
+                return []; // todo: handle error messages in a good way
+            }
+        });
+    }
     getSequenceValue(sequenceName) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
@@ -1719,7 +1781,7 @@ class IOneConnectorAdapterService {
             return new Promise((resolve, reject) => {
                 return this.connector.addTransactionLine(uuid, articleLine, articleNo, amount, warehouseNo, commissionCode, isReturn, aboveLineNr, belowLineNr).then((result) => {
                     if (result.validationResult && result.validationResult.success) {
-                        resolve(this._boFactory.makeWithRawBackendData(LineOperationResponse, result.resultObject));
+                        resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
                     }
                     else {
                         reject(result.validationMessagesAsString);
@@ -1733,7 +1795,7 @@ class IOneConnectorAdapterService {
             return new Promise((resolve, reject) => {
                 return this.connector.addTextLineToTransaction(uuid, showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr).then((result) => {
                     if (result.validationResult && result.validationResult.success) {
-                        resolve(this._boFactory.makeWithRawBackendData(LineOperationResponse, result.resultObject));
+                        resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
                     }
                     else {
                         reject(result.validationMessagesAsString);
@@ -1745,9 +1807,15 @@ class IOneConnectorAdapterService {
     changeLineSequence(uuid, lineUuid, aboveLineNr, belowLineNr) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
-                return this.connector.changeLineSequence(uuid, lineUuid, aboveLineNr, belowLineNr).then((result) => {
+                const request = {
+                    transactionUuid: uuid,
+                    lineUuid: lineUuid,
+                    aboveLineNr: aboveLineNr,
+                    belowLineNr: belowLineNr
+                };
+                return this.connector.changeLineSequence(request).then((result) => {
                     if (result.validationResult && result.validationResult.success) {
-                        resolve(this._boFactory.makeWithRawBackendData(LineOperationResponse, result.resultObject));
+                        resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
                     }
                     else {
                         reject(result.validationMessagesAsString);
@@ -1787,7 +1855,12 @@ class IOneConnectorAdapterService {
     changeTransactionLineQuantity(uuid, lineUuid, newQuantity) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
-                return this.connector.changeTransactionLineQuantity(uuid, lineUuid, newQuantity).then((result) => {
+                const request = {
+                    transactionUuid: uuid,
+                    lineUuid: lineUuid,
+                    newQuantity: newQuantity
+                };
+                return this.connector.changeTransactionLineQuantity(request).then((result) => {
                     if (result.validationResult && result.validationResult.success) {
                         resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
                     }
@@ -1898,6 +1971,217 @@ class IOneConnectorAdapterService {
             });
         });
     }
+    changeTransactionLineCommissionCode(uuid, lineUuid, code) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const request = {
+                transactionUuid: uuid,
+                lineUuid: lineUuid,
+                newCommissionCode: code
+            };
+            const response = yield this.connector.changeTransactionLineCommissionCode(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
+            }
+            else {
+                return Promise.reject(response.validationMessagesAsString);
+            }
+        });
+    }
+    changeTransactionLineWarehouse(uuid, lineUuid, warehouseNumber) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const request = {
+                transactionUuid: uuid,
+                lineUuid: lineUuid,
+                newWarehouseNumber: warehouseNumber
+            };
+            const response = yield this.connector.changeTransactionLineWarehouse(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
+            }
+            else {
+                return Promise.reject(response.validationMessagesAsString);
+            }
+        });
+    }
+    changeTransactionLinePrice(uuid, lineUuid, price) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const request = {
+                transactionUuid: uuid,
+                lineUuid: lineUuid,
+                newPrice: price
+            };
+            const response = yield this.connector.changeTransactionLinePrice(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
+            }
+            else {
+                return Promise.reject(response.validationMessagesAsString);
+            }
+        });
+    }
+    changeTransactionLinePriceList(uuid, lineUuid, priceList) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const request = {
+                transactionUuid: uuid,
+                lineUuid: lineUuid,
+                newPriceListCode: priceList
+            };
+            const response = yield this.connector.changeTransactionLinePriceList(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
+            }
+            else {
+                return Promise.reject(response.validationMessagesAsString);
+            }
+        });
+    }
+    changeTransactionLineVat(uuid, lineUuid, id) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const request = {
+                transactionUuid: uuid,
+                lineUuid: lineUuid,
+                newVatId: id
+            };
+            const response = yield this.connector.changeTransactionLineVat(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
+            }
+            else {
+                return Promise.reject(response.validationMessagesAsString);
+            }
+        });
+    }
+    changeTransactionLineLineDiscount(uuid, lineUuid, type, discount, reason, code) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const request = {
+                transactionUuid: uuid,
+                lineUuid: lineUuid,
+                discountType: type,
+                newDiscount: discount,
+                newDiscountReason: reason,
+                newDiscountCode: code
+            };
+            const response = yield this.connector.changeTransactionLineDiscount(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
+            }
+            else {
+                return Promise.reject(response.validationMessagesAsString);
+            }
+        });
+    }
+    changeTransactionLineDeliveryMethod(uuid, lineUuid, method) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const request = {
+                transactionUuid: uuid,
+                lineUuid: lineUuid,
+                newDeliveryMethodCode: method
+            };
+            const response = yield this.connector.changeTransactionLineDeliveryMethod(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
+            }
+            else {
+                return Promise.reject(response.validationMessagesAsString);
+            }
+        });
+    }
+    changeTransactionLineDeliveryDate(uuid, lineUuid, date) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const request = {
+                transactionUuid: uuid,
+                lineUuid: lineUuid,
+                newDeliveryDate: date
+            };
+            const response = yield this.connector.changeTransactionLineDeliveryDate(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
+            }
+            else {
+                return Promise.reject(response.validationMessagesAsString);
+            }
+        });
+    }
+    changeTransactionLineAssemblyTime(uuid, lineUuid, time) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const request = {
+                transactionUuid: uuid,
+                lineUuid: lineUuid,
+                newAssemblyTime: time
+            };
+            const response = yield this.connector.changeTransactionLineAssemblyTime(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
+            }
+            else {
+                return Promise.reject(response.validationMessagesAsString);
+            }
+        });
+    }
+    changeTransactionLineEditTime(uuid, lineUuid, time) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const request = {
+                transactionUuid: uuid,
+                lineUuid: lineUuid,
+                newEditTime: time
+            };
+            const response = yield this.connector.changeTransactionLineEditTime(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
+            }
+            else {
+                return Promise.reject(response.validationMessagesAsString);
+            }
+        });
+    }
+    changeTransactionLineSupplierArticleNumber(uuid, lineUuid, articleNumber) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const request = {
+                transactionUuid: uuid,
+                lineUuid: lineUuid,
+                newSupplierArticleNumber: articleNumber
+            };
+            const response = yield this.connector.changeTransactionLineSupplierArticleNumber(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
+            }
+            else {
+                return Promise.reject(response.validationMessagesAsString);
+            }
+        });
+    }
+    changeTransactionLineReference(uuid, lineUuid, reference) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const request = {
+                transactionUuid: uuid,
+                lineUuid: lineUuid,
+                newReference: reference
+            };
+            const response = yield this.connector.changeTransactionLineReference(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
+            }
+            else {
+                return Promise.reject(response.validationMessagesAsString);
+            }
+        });
+    }
+    changeTransactionLineCollectionCode(uuid, lineUuid, code) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const request = {
+                transactionUuid: uuid,
+                lineUuid: lineUuid,
+                newCollectionCode: code
+            };
+            const response = yield this.connector.changeTransactionLineCollectionCode(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
+            }
+            else {
+                return Promise.reject(response.validationMessagesAsString);
+            }
+        });
+    }
 }
 IOneConnectorAdapterService.ɵprov = i0.ɵɵdefineInjectable({ factory: function IOneConnectorAdapterService_Factory() { return new IOneConnectorAdapterService(i0.ɵɵinject(OptionsService)); }, token: IOneConnectorAdapterService, providedIn: "root" });
 IOneConnectorAdapterService.decorators = [
@@ -1926,7 +2210,19 @@ class DialogBaseComponent {
     }
 }
 
+var AppPopupType;
+(function (AppPopupType) {
+    AppPopupType[AppPopupType["Error"] = 0] = "Error";
+    AppPopupType[AppPopupType["Warning"] = 1] = "Warning";
+    AppPopupType[AppPopupType["Information"] = 2] = "Information";
+    AppPopupType[AppPopupType["Confirmation"] = 3] = "Confirmation";
+})(AppPopupType || (AppPopupType = {}));
+
 class ConfirmationDialogComponent extends DialogBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.ptype = AppPopupType;
+    }
     showClass() {
         return true;
     }
@@ -1936,6 +2232,9 @@ class ConfirmationDialogComponent extends DialogBaseComponent {
     handleNoClick(event) {
         this.onClose(AppPopupButtonType.No);
     }
+    handleOkClick(event) {
+        this.onClose(AppPopupButtonType.Ok);
+    }
 }
 ConfirmationDialogComponent.decorators = [
     { type: Component, args: [{
@@ -1946,8 +2245,13 @@ ConfirmationDialogComponent.decorators = [
         <div class="title" [textContent]="title | localize"></div>
         <div class="text" [textContent]="text"></div>
         <div class="button-wrapper">
-          <co-button [label]="'YES' | localize" (click)="handleYesClick($event)"></co-button>
-          <co-button [label]="'NO' | localize" (click)="handleNoClick($event)"></co-button>
+          <ng-container *ngIf="type === ptype.Confirmation">
+            <co-button [label]="'YES' | localize" (click)="handleYesClick($event)"></co-button>
+            <co-button [label]="'NO' | localize" (click)="handleNoClick($event)"></co-button>
+          </ng-container>
+          <ng-container *ngIf="type === ptype.Information">
+            <co-button [label]="'OK' | localize" (click)="handleOkClick($event)"></co-button>
+          </ng-container>
         </div>
       </div>
     </co-dialog>
@@ -1958,6 +2262,7 @@ ConfirmationDialogComponent.decorators = [
 ConfirmationDialogComponent.propDecorators = {
     title: [{ type: Input }],
     text: [{ type: Input }],
+    type: [{ type: Input }],
     showClass: [{ type: HostBinding, args: ["class.co-confirmation-dialog",] }]
 };
 
@@ -1971,7 +2276,8 @@ class DialogService {
         return __awaiter(this, void 0, void 0, function* () {
             const data = {
                 title: title,
-                text: text
+                text: text,
+                type: AppPopupType.Confirmation
             };
             const response = yield this._createComponent(ConfirmationDialogComponent, data);
             return response === AppPopupButtonType.Yes;
@@ -1980,7 +2286,16 @@ class DialogService {
     showError(message) {
         const data = {
             title: 'ERROR',
-            text: message
+            text: message,
+            type: AppPopupType.Error
+        };
+        return this._createComponent(ConfirmationDialogComponent, data);
+    }
+    showInformation(message) {
+        const data = {
+            title: 'INFORMATION',
+            text: message,
+            type: AppPopupType.Information
         };
         return this._createComponent(ConfirmationDialogComponent, data);
     }
@@ -2065,12 +2380,13 @@ class PendingReasonService {
             if (!response.lineOperationStatuses || response.lineOperationStatuses.length === 0) {
                 return true;
             }
+            let success = true;
             for (let i = 0; i < response.lineOperationStatuses.length; i++) {
                 const status = response.lineOperationStatuses[i];
                 const transLine = response.transactionLines.find(t => t.lineNr === status.lineNr);
-                yield this._handleLineOperationStatus(status, transLine);
+                success = success && (yield this._handleLineOperationStatus(status, transLine));
             }
-            return true;
+            return success;
         });
     }
     _rememberCurrentTransaction(value) {
@@ -2087,11 +2403,16 @@ class PendingReasonService {
             switch (operationStatus.pendingReasonType) {
                 case PendingReasonType.ABORTED:
                 case PendingReasonType.CANCELLED:
-                    yield this._cancelArticle(operationStatus.uuid);
-                    break;
+                    if (operationStatus.pendingReason === 'USER_DECISION') {
+                        yield this._cancelArticle(operationStatus.uuid);
+                    }
+                    else {
+                        this._showReasonDialog(operationStatus.pendingReason);
+                    }
+                    return false;
                 case PendingReasonType.CONFIRMATION_NEEDED:
                     yield this._confirmAction(transactionLine.uuid, operationStatus.pendingReason, operationStatus.pendingReasonType);
-                    break;
+                    return false;
                 // case PendingReasonType.INVALID_LOGISTICS:
                 //   await this.showStockManager(this.currentPendingLine);
                 //   break;
@@ -2103,7 +2424,7 @@ class PendingReasonService {
                 //   break;
                 case PendingReasonType.NONE:
                 default:
-                    break;
+                    return true;
             }
         });
     }
@@ -2116,13 +2437,18 @@ class PendingReasonService {
     }
     _confirmAction(uuid, reason, type) {
         return __awaiter(this, void 0, void 0, function* () {
-            const reasonRequest = new ResolvePendingLineReasonRequest(uuid, reason, type);
+            const reasonRequest = new ResolveLinePendingReasonRequest(uuid, reason, type);
             // const pendingReasonText: string = await this._getPendingReasonText(this.currentOperationStatus.pendingReason);
             reasonRequest.confirmation = yield this.dialogService.showYesNo('Action', reason);
             yield this.resolvePendingLineReason(reasonRequest);
             // this._handleLineOperationStatus()
         });
     }
+    _showReasonDialog(reason) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.dialogService.showInformation(reason);
+        });
+    }
     _setTransactionDeliveryOptions() {
         if (!this.deliveryOptions) {
             this.deliveryOptions = new SetTransactionDeliveryOptionsRequest();
@@ -2177,6 +2503,10 @@ PendingReasonService.ctorParameters = () => [
 ];
 
 class TransactionService extends PendingReasonService {
+    constructor() {
+        super(...arguments);
+        this._imageCache = new Map();
+    }
     // public get currentLines(): TransactionLineInfo[] {
     //   return this._currentLines;
     // }
@@ -2232,6 +2562,156 @@ class TransactionService extends PendingReasonService {
             && line.pendingReasonType !== PendingReasonType.NON_CRITICAL_DISCONTINUATION);
         return status;
     }
+    updatePriceTransactionLine(uuid, lineUuid, price) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.changeTransactionLinePrice(uuid, lineUuid, price)
+                .catch((error) => {
+                // todo: do something with the error
+                return false;
+            });
+            if (response) {
+                const success = yield this.handleLineOperationStatuses(response);
+                this._rememberCurrentTransaction(response);
+                return success;
+            }
+            return false;
+        });
+    }
+    updateReferenceTransactionLine(uuid, lineUuid, reference) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.changeTransactionLineReference(uuid, lineUuid, reference)
+                .catch((error) => {
+                // todo: do something with the error
+                return false;
+            });
+            if (response) {
+                const success = yield this.handleLineOperationStatuses(response);
+                this._rememberCurrentTransaction(response);
+                return success;
+            }
+            return false;
+        });
+    }
+    updateQuantityTransactionLine(uuid, lineUuid, quantity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.changeTransactionLineQuantity(uuid, lineUuid, quantity)
+                .catch((error) => {
+                // todo: do something with the error
+                return false;
+            });
+            if (response) {
+                const success = yield this.handleLineOperationStatuses(response);
+                this._rememberCurrentTransaction(response);
+                return success;
+            }
+            return false;
+        });
+    }
+    updateDeliveryDateTransactionLine(uuid, lineUuid, date) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.changeTransactionLineDeliveryDate(uuid, lineUuid, date)
+                .catch((error) => {
+                // todo: do something with the error
+                return false;
+            });
+            if (response) {
+                const success = yield this.handleLineOperationStatuses(response);
+                this._rememberCurrentTransaction(response);
+                return success;
+            }
+            return false;
+        });
+    }
+    updatePriceListTransactionLine(uuid, lineUuid, priceList) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.changeTransactionLinePriceList(uuid, lineUuid, priceList)
+                .catch((error) => {
+                // todo: do something with the error
+                return false;
+            });
+            if (response) {
+                const success = yield this.handleLineOperationStatuses(response);
+                this._rememberCurrentTransaction(response);
+                return success;
+            }
+            return false;
+        });
+    }
+    updateVatTransactionLine(uuid, lineUuid, id) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.changeTransactionLineVat(uuid, lineUuid, id)
+                .catch((error) => {
+                // todo: do something with the error
+                return false;
+            });
+            if (response) {
+                const success = yield this.handleLineOperationStatuses(response);
+                this._rememberCurrentTransaction(response);
+                return success;
+            }
+            return false;
+        });
+    }
+    updateCommissionCodeTransactionLine(uuid, lineUuid, code) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.changeTransactionLineCommissionCode(uuid, lineUuid, code)
+                .catch((error) => {
+                // todo: do something with the error
+                return false;
+            });
+            if (response) {
+                const success = yield this.handleLineOperationStatuses(response);
+                this._rememberCurrentTransaction(response);
+                return success;
+            }
+            return false;
+        });
+    }
+    updateWarehouseTransactionLine(uuid, lineUuid, warehouseNumber) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.changeTransactionLineWarehouse(uuid, lineUuid, warehouseNumber)
+                .catch((error) => {
+                // todo: do something with the error
+                return false;
+            });
+            if (response) {
+                const success = yield this.handleLineOperationStatuses(response);
+                this._rememberCurrentTransaction(response);
+                return success;
+            }
+            return false;
+        });
+    }
+    updateDeliveryMethodTransactionLine(uuid, lineUuid, method) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.changeTransactionLineDeliveryMethod(uuid, lineUuid, method)
+                .catch((error) => {
+                // todo: do something with the error
+                return false;
+            });
+            if (response) {
+                const success = yield this.handleLineOperationStatuses(response);
+                this._rememberCurrentTransaction(response);
+                return success;
+            }
+            return false;
+        });
+    }
+    updateDiscountTransactionLine(uuid, lineUuid, type, discount, reason = "", code = "") {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.changeTransactionLineLineDiscount(uuid, lineUuid, type, discount, reason, code)
+                .catch((error) => {
+                // todo: do something with the error
+                return false;
+            });
+            if (response) {
+                const success = yield this.handleLineOperationStatuses(response);
+                this._rememberCurrentTransaction(response);
+                return success;
+            }
+            return false;
+        });
+    }
     getArticleFullObject(goodId) {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this.connector.getArticleFullObject(goodId);
@@ -2260,6 +2740,16 @@ class TransactionService extends PendingReasonService {
             return this.connector.getRelationNumber(relationId);
         });
     }
+    getPriceLists() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.connector.getPriceLists();
+        });
+    }
+    getVatLists() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.connector.getVatList();
+        });
+    }
     saveRelation() {
         return __awaiter(this, void 0, void 0, function* () {
             // this._cleanRelationBeforeSave();
@@ -2324,15 +2814,16 @@ class TransactionService extends PendingReasonService {
     getTransactionById(transactionId) {
         return new Promise((resolve, reject) => {
             this.connector.getTransactionById(transactionId)
-                .then((response) => __awaiter(this, void 0, void 0, function* () {
+                .then((response) => {
                 if (response.isSuccess) {
+                    this._rememberCurrentTransaction(response);
                     this.transactionUpdated.next(response);
                     resolve(true);
                 }
                 else {
                     reject(false);
                 }
-            }))
+            })
                 .catch((reason) => {
                 reject(false);
             });
@@ -2458,14 +2949,25 @@ class TransactionService extends PendingReasonService {
     }
     getArticleImageByArticleNumber(articleNumber) {
         return __awaiter(this, void 0, void 0, function* () {
-            const goodId = yield this.connector.getGoodIdFromArticleNr(articleNumber);
-            return this.getArticleImageByGoodId(goodId);
+            if (this._imageCache.has(articleNumber)) {
+                return this._imageCache.get(articleNumber);
+            }
+            const goodId = yield this.connector.getGoodIdFromArticleNr(articleNumber).catch((error) => {
+                console.error(error);
+                return null;
+            });
+            const image = yield this.getArticleImageByGoodId(goodId);
+            this._imageCache.set(articleNumber, image);
+            return image;
         });
     }
     getArticleImageByGoodId(goodId) {
         return __awaiter(this, void 0, void 0, function* () {
             if (!isNaN(goodId)) {
-                return this.connector.getSingleImage(goodId, 1, true, true);
+                return this.connector.getSingleImage(goodId, 1, true, true).catch((error) => {
+                    console.error(error);
+                    return "";
+                });
             }
             else {
                 return "";
@@ -2504,7 +3006,7 @@ class TransactionService extends PendingReasonService {
             return new Promise((resolve, reject) => {
                 this.connector.addTransactionLine(this.currentTransaction.transactionInfo.uuid, lineType, articleNo, amount, warehouseNo, commissionCode, isReturn, aboveLineNr, belowLineNr)
                     .then((response) => __awaiter(this, void 0, void 0, function* () {
-                    this._rememberResponse(remember, response);
+                    this._rememberCurrentTransaction(response);
                     resolve(response);
                 }), (error) => {
                     reject(error);
@@ -2521,7 +3023,7 @@ class TransactionService extends PendingReasonService {
             return new Promise((resolve, reject) => {
                 this.connector.addTextLineToTransaction(this.currentTransaction.transactionInfo.uuid, showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr)
                     .then((response) => __awaiter(this, void 0, void 0, function* () {
-                    this._rememberResponse(remember, response);
+                    this._rememberCurrentTransaction(response);
                     resolve(response);
                 }), (error) => {
                     reject(error);
@@ -2552,7 +3054,7 @@ class TransactionService extends PendingReasonService {
         return new Promise((resolve, reject) => {
             this.connector.changeLineSequence(this.currentTransaction.transactionInfo.uuid, lineUuid, aboveLineNr, belowLineNr)
                 .then((response) => __awaiter(this, void 0, void 0, function* () {
-                this._rememberResponse(remember, response);
+                this._rememberCurrentTransaction(response);
                 resolve(response);
             }), (error) => {
                 reject(error);
@@ -2567,7 +3069,7 @@ class TransactionService extends PendingReasonService {
             return new Promise((resolve, reject) => {
                 this.connector.deleteTransactionLine(transactionUuid, TransactionLineUuid)
                     .then((response) => __awaiter(this, void 0, void 0, function* () {
-                    this._rememberResponse(remember, response);
+                    this._rememberCurrentTransaction(response);
                     if (response.isSuccess) {
                         resolve(response);
                     }
@@ -2587,7 +3089,7 @@ class TransactionService extends PendingReasonService {
                 this.connector.changeTransactionLineQuantity(this.currentTransaction.transactionInfo.uuid, lineUuid, newQuantity)
                     .then((response) => __awaiter(this, void 0, void 0, function* () {
                     if (response.isSuccess) {
-                        this._rememberResponse(remember, response);
+                        this._rememberCurrentTransaction(response);
                     }
                     resolve(response);
                 })).catch((reason) => {
@@ -2657,24 +3159,6 @@ class TransactionService extends PendingReasonService {
             }
         });
     }
-    _rememberCurrentTransactionLineStatus(value) {
-        // this._currentLineOperationStatus.uuid = value.lineUuid;
-        // this._currentLineOperationStatus.pendingReason = value.pendingReason;
-        // this._currentLineOperationStatus.pendingReasonType = value.pendingReasonType;
-    }
-    // private async _updateRelation(): Promise<void> {
-    //   if (this.currentTransaction && this.currentTransaction.relation && this.currentTransaction.relation.relationId) {
-    //     if (!this._currentRelation || this._currentRelation.relationId !== this.currentTransaction.relation.relationId) {
-    //       this._currentRelation = await this.getCustomerFullObjectByRelationId(this.currentTransaction.relation.relationId);
-    //     }
-    //   }
-    // }
-    _rememberResponse(remember, response) {
-        if (remember) {
-            this._rememberCurrentTransaction(response);
-            this._rememberCurrentTransactionLineStatus(response);
-        }
-    }
 }
 TransactionService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TransactionService_Factory() { return new TransactionService(i0.ɵɵinject(DialogService), i0.ɵɵinject(OptionsService), i0.ɵɵinject(IOneConnectorAdapterService)); }, token: TransactionService, providedIn: "root" });
 TransactionService.decorators = [
@@ -2816,13 +3300,16 @@ var Icon;
     Icon["ArrowPointDown"] = "arrow_point_down";
     Icon["ArrowPointLeft"] = "arrow_point_left";
     Icon["ArrowPointRight"] = "arrow_point_right";
+    Icon["Barcode"] = "barcode";
     Icon["CalendarDay"] = "calendar_day";
     Icon["Cancel"] = "cancel";
     Icon["CashRegister"] = "cash_register";
     Icon["DeliveryTruck"] = "delivery_truck";
     Icon["EditPencil"] = "edit_pencil";
     Icon["IdealLogo"] = "ideal_logo";
+    Icon["MapMarker"] = "map_marker";
     Icon["MasterDetail"] = "master_detail";
+    Icon["Menu"] = "menu";
     Icon["PlusRound"] = "plus_round";
     Icon["SidePanel"] = "side_panel";
     Icon["Tag"] = "tag";
@@ -2832,6 +3319,7 @@ var Icon;
     Icon["TriangleUp"] = "triangle_up";
     Icon["Truck"] = "truck";
     Icon["Txt"] = "txt";
+    Icon["Warehouse"] = "warehouse";
 })(Icon || (Icon = {}));
 
 class CheckoutOverviewRelationEditComponent {
@@ -3359,13 +3847,16 @@ const IconSvg = {
     "arrow_point_down": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-280 371 51 51\" enable-background=\"new -280 371 51 51\" ><path fill=\"#29363E\" d=\"M-248.3,392.2c0.3,0,0.6,0.1,0.8,0.3c0.5,0.5,0.5,1.2,0,1.6l-6.2,6.2c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3l-6.2-6.2c-0.2-0.2-0.3-0.5-0.3-0.8c0-0.3,0.1-0.6,0.3-0.8c0.2-0.2,0.5-0.3,0.8-0.3c0.3,0,0.6,0.1,0.8,0.3l5.4,5.4l5.4-5.4C-248.9,392.4-248.6,392.2-248.3,392.2z\"/></svg>",
     "arrow_point_left": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\" ><path fill=\"#484F5F\" d=\"M31.9,36.7l-14.7-9.6C17.1,27,17,26.9,17,26.7v-2.4c0-0.2,0.1-0.3,0.2-0.4l14.7-9.6c0.2-0.2,0.5-0.1,0.7,0.1l1.4,2.1c0.2,0.2,0.1,0.5-0.1,0.7l-12,7.8c-0.3,0.2-0.3,0.6,0,0.8l12,7.8c0.2,0.2,0.3,0.5,0.1,0.7l-1.4,2.1C32.4,36.8,32.1,36.8,31.9,36.7z\"/></svg>",
     "arrow_point_right": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 51 51\" enable-background=\"new 0 0 51 51\" ><path fill=\"#484F5F\" d=\"M19.1,14.3l14.7,9.6c0.1,0.1,0.2,0.2,0.2,0.4v2.4c0,0.2-0.1,0.3-0.2,0.4l-14.7,9.6c-0.2,0.2-0.5,0.1-0.7-0.1l-1.4-2.1c-0.2-0.2-0.1-0.5,0.1-0.7l12-7.8c0.3-0.2,0.3-0.6,0-0.8l-12-7.8c-0.2-0.2-0.3-0.5-0.1-0.7l1.4-2.1C18.6,14.2,18.9,14.2,19.1,14.3z\"/></svg>",
+    "barcode": "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M2,6H4V18H2V6M5,6H6V18H5V6M7,6H10V18H7V6M11,6H12V18H11V6M14,6H16V18H14V6M17,6H20V18H17V6M21,6H22V18H21V6Z\" /></svg>",
     "calendar_day": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 50 50\" enable-background=\"new 0 0 50 50\" ><g><path fill=\"#022D42\" d=\"M35.4,13.7H14.6c-0.6,0-1,0.5-1,1V20h22.9v-5.2C36.4,14.2,36,13.7,35.4,13.7z M19,18.8c-1,0-1.8-0.8-1.8-1.8c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8C20.8,18,20,18.8,19,18.8z M31,18.8c-1,0-1.8-0.8-1.8-1.8c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8C32.7,18,32,18.8,31,18.8z\"/><path fill=\"#022D42\" d=\"M35.4,22.3v12.6L31.3,39H14.6c0,0,0,0,0,0V22.3H35.4 M36.4,21.3H13.6V39c0,0.6,0.5,1,1,1h17.2l4.7-4.7V21.3L36.4,21.3z\"/><rect x=\"18.2\" y=\"10\" fill=\"#022D42\" width=\"1.6\" height=\"5.2\"/><rect x=\"30.2\" y=\"10\" fill=\"#022D42\" width=\"1.6\" height=\"5.2\"/><rect x=\"18.6\" y=\"30.5\" fill=\"#022D42\" width=\"3.4\" height=\"3.4\"/><rect x=\"19.1\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"19.1\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"19.1\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"22.2\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"25.4\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"31.6\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"24.8\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"28.5\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"24.8\" opacity=\"0.1\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"27.9\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"31\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/><rect x=\"16\" y=\"34.1\" opacity=\"0.25\" fill=\"#022D42\" width=\"2.4\" height=\"2.4\"/></g></svg>",
     "cancel": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"36 35.16 30.45 35.16 14 14.84 19.55 14.84 36 35.16\" fill=\"#484f60\"/><polygon points=\"14 35.16 19.55 35.16 36 14.84 30.45 14.84 14 35.16\" fill=\"#484f60\"/></svg>",
     "cash_register": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M35.39,18.12H14.62L10,29.66H40ZM23,19.29H27l.1,1.6H22.87Zm-.13,2h4.32l.12,1.81H22.72Zm-.15,2.3h4.62l.14,2.08h-4.9ZM17.9,19.29H22l-.16,1.6H17.54Zm-.46,2h4.32l-.18,1.81H17Zm-.53,2.3h4.62l-.2,2.08h-4.9Zm-1.16,5.06.55-2.42H27.49l.16,2.42ZM28,19.29H32.1l.36,1.6H28.2Zm.2,2h4.32L33,23.12H28.42Zm.23,2.3h4.62l.48,2.08h-4.9Zm.5,5.06-.24-2.42h5l.55,2.42Z\" fill=\"#484f60\"/><path d=\"M10,29.66v9.23H40V29.66Zm27.69,6.92H12.31V32H37.69Z\" fill=\"#484f60\"/><path d=\"M15.63,11.11v7.58H34.37V11.11Zm17.31,6.15H17.06V12.54H32.94Z\" fill=\"#484f60\"/></svg>",
     "delivery_truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"15.35\" y=\"16.56\" width=\"15.14\" height=\"10.94\" transform=\"translate(-1.83 2.08) rotate(-5)\" fill=\"#484f60\"/><path d=\"M38.5,18.1l-6.9.61L32.41,28l-7.63.67a3.76,3.76,0,0,1,1.43,2.25l7.25-.63A3.83,3.83,0,0,1,41,29.6l1-.1-.52-6Zm.29,5.84-3.91.34a.51.51,0,0,1-.55-.46L34,20.1a.49.49,0,0,1,.45-.54l2.27-.2a.5.5,0,0,1,.48.25l2,3.59A.5.5,0,0,1,38.79,23.94Z\" fill=\"#484f60\"/><path d=\"M19.66,29.09a3.8,3.8,0,0,0-1,2.46l-.74.07-1.82-.94L16,29.41Z\" fill=\"#484f60\"/><path d=\"M34.56,30.62a2.74,2.74,0,1,0,2.49-3A2.73,2.73,0,0,0,34.56,30.62Z\" fill=\"#484f60\"/><path d=\"M19.74,31.91a2.74,2.74,0,1,0,2.49-3A2.74,2.74,0,0,0,19.74,31.91Z\" fill=\"#484f60\"/><rect x=\"7.96\" y=\"17.63\" width=\"5\" height=\"1\" transform=\"translate(-1.54 0.98) rotate(-5)\" fill=\"#484f60\"/><rect x=\"11.02\" y=\"29.71\" width=\"3\" height=\"1\" transform=\"translate(-2.59 1.21) rotate(-5)\" fill=\"#484f60\"/><rect x=\"9.48\" y=\"23.53\" width=\"4\" height=\"1\" transform=\"matrix(1, -0.09, 0.09, 1, -2.05, 1.09)\" fill=\"#484f60\"/></svg>",
     "edit_pencil": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"12.54 38.16 12 37.62 14.85 29.64 20.52 35.31 12.54 38.16\" fill=\"#484f60\"/><rect x=\"16.33\" y=\"20.52\" width=\"17.99\" height=\"8.64\" transform=\"translate(-10.15 25.18) rotate(-45)\" fill=\"#484f60\"/><path d=\"M37.54,18.73,36,20.32l-6.11-6.1,1.59-1.59a1.55,1.55,0,0,1,2.2,0l3.91,3.9A1.55,1.55,0,0,1,37.54,18.73Z\" fill=\"#484f60\"/></svg>",
     "ideal_logo": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"0 0 306.1 269.8\" style=\"enable-background:new 0 0 306.1 269.8;\" ><style type=\"text/css\">.st0{fill:#FFFFFF;}.st1{fill:#CC0066;}</style><g><g><path class=\"st0\" d=\"M0,20v229.8c0,11,9,20,20,20h137.3c103.8,0,148.8-58.1,148.8-135.2C306.1,57.9,261.1,0,157.3,0H20C9,0,0,9,0,20z\"/><path class=\"st1\" d=\"M91.9,56.4v169.8h73.9c67.1,0,96.2-37.9,96.2-91.5c0-51.3-29.1-91.1-96.2-91.1h-61.1C97.6,43.6,91.9,49.4,91.9,56.4z\"/><g><g><path d=\"M157.3,251.5H37.9c-10.6,0-19.2-8.6-19.2-19.2V37.6c0-10.6,8.6-19.2,19.2-19.2h119.4c113.3,0,130.2,72.9,130.2,116.3C287.5,210,241.2,251.5,157.3,251.5z M37.9,24.8c-7.1,0-12.8,5.7-12.8,12.8v194.7c0,7.1,5.7,12.8,12.8,12.8h119.4c79.8,0,123.8-39.2,123.8-110.4c0-95.6-77.6-109.9-123.8-109.9H37.9z\"/></g></g></g><g><path class=\"st0\" d=\"M117.9,111.8c2.6,0,5,0.4,7.3,1.2c2.3,0.8,4.2,2.1,5.9,3.7c1.6,1.7,2.9,3.8,3.9,6.2c0.9,2.5,1.4,5.4,1.4,8.8c0,3-0.4,5.7-1.1,8.2c-0.8,2.5-1.9,4.7-3.4,6.5c-1.5,1.8-3.4,3.2-5.7,4.3c-2.3,1-5,1.6-8.1,1.6h-17.5v-40.6H117.9z M117.3,144.9c1.3,0,2.5-0.2,3.8-0.6c1.2-0.4,2.3-1.1,3.2-2.1c0.9-1,1.7-2.2,2.3-3.8c0.6-1.6,0.9-3.4,0.9-5.7c0-2-0.2-3.9-0.6-5.5c-0.4-1.6-1.1-3.1-2-4.2s-2.1-2.1-3.6-2.7c-1.5-0.6-3.3-0.9-5.5-0.9h-6.4v25.6H117.3z\"/><path class=\"st0\" d=\"M172.5,111.8v7.5h-21.4v8.7h19.7v6.9h-19.7v9.9H173v7.5h-30.8v-40.6H172.5z\"/><path class=\"st0\" d=\"M203.1,111.8l15.2,40.6H209l-3.1-9h-15.2l-3.2,9h-9l15.3-40.6H203.1z M203.6,136.7l-5.1-14.9h-0.1l-5.3,14.9H203.6z\"/><path class=\"st0\" d=\"M232.8,111.8v33.1h19.8v7.5h-28.7v-40.6H232.8z\"/></g><g><circle cx=\"58.5\" cy=\"132.1\" r=\"18.7\"/></g><path d=\"M72.6,226.2L72.6,226.2c-15.7,0-28.3-12.7-28.3-28.3v-22.1c0-7.8,6.3-14.2,14.2-14.2h0c7.8,0,14.2,6.3,14.2,14.2V226.2z\"/></g></svg>",
+    "map_marker": "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z\" /></svg>",
     "master_detail": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"22\" y=\"32.17\" width=\"18\" height=\"4\" transform=\"translate(62 68.33) rotate(180)\" fill=\"#484f60\"/><rect x=\"22\" y=\"26.17\" width=\"18\" height=\"4\" transform=\"translate(62 56.33) rotate(180)\" fill=\"#484f60\"/><rect x=\"22\" y=\"20.17\" width=\"18\" height=\"4\" transform=\"translate(62 44.33) rotate(180)\" fill=\"#484f60\"/><rect x=\"22\" y=\"14.17\" width=\"18\" height=\"4\" transform=\"translate(62 32.33) rotate(180)\" fill=\"#484f60\"/><rect x=\"10\" y=\"14.17\" width=\"10\" height=\"22\" transform=\"translate(30 50.33) rotate(180)\" fill=\"#484f60\"/></svg>",
+    "menu": "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z\" /></svg>",
     "plus_round": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-288 379 35 35\" enable-background=\"new -288 379 35 35\" ><path fill=\"#29363E\" d=\"M-270.5,381.5c-8.3,0-15,6.7-15,15c0,8.3,6.7,15,15,15s15-6.7,15-15C-255.5,388.2-262.2,381.5-270.5,381.5z M-261.1,397.3c0,0.9-0.7,1.6-1.6,1.6h-5.5v5.5c0,0.9-0.7,1.6-1.6,1.6h-1.6c-0.9,0-1.6-0.7-1.6-1.6v-5.5h-5.5c-0.9,0-1.6-0.7-1.6-1.6v-1.6c0-0.9,0.7-1.6,1.6-1.6h5.5v-5.5c0-0.9,0.7-1.6,1.6-1.6h1.6c0.9,0,1.6,0.7,1.6,1.6v5.5h5.5c0.9,0,1.6,0.7,1.6,1.6V397.3z\"/></svg>",
     "side_panel": "<svg width=\"47px\" height=\"43px\" viewBox=\"0 0 47 43\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><defs><image width=\"47\" height=\"43\" xlink:href=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAArCAYAAADottG6AAAABHNCSVQICAgIfAhkiAAAAHtJREFUWIXt18EJwCAQAEENKSNv60gVgVQYSBWpw3f6OHvQx3Kw8xcX0QNrRERJaqMDVhhPMZ5iPMV4ivEU4ynGU/bZhb3/5Xm/pc3v6yytHdPrq58RiPEUHywl9bUxnuKDpaS+NsZTUsennjapT95RSTGeYjzFeErq+AEBrixGEVJ5mAAAAABJRU5ErkJggg==\" /></defs><use xlink:href=\"#img_1\" fill=\"#FFFFFF\" stroke=\"none\" /></svg>",
     "tag": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M40,29.15v-.68a5.28,5.28,0,0,0-1.34-3.25L24.78,11.34A5.34,5.34,0,0,0,21.53,10H11.9A1.91,1.91,0,0,0,10,11.9v9.63a5.28,5.28,0,0,0,1.34,3.25L25.22,38.66A5.28,5.28,0,0,0,28.47,40h.68a5.28,5.28,0,0,0,3.24-1.34l6.27-6.27A5.28,5.28,0,0,0,40,29.15ZM13.13,16.72a2.54,2.54,0,1,1,3.59,0A2.55,2.55,0,0,1,13.13,16.72Zm15.9,19L17.84,24.55l1.34-1.34L30.37,34.4Zm2.69-2.69L20.52,21.87l1.35-1.35,11.19,11.2Zm2.68-2.69L23.21,19.18l1.34-1.34L35.75,29Z\" fill=\"#484f60\"/></svg>",
@@ -3374,7 +3865,8 @@ const IconSvg = {
     "triangle_down": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"29.06 18.75 37.5 18.75 25 31.25 12.5 18.75 20.95 18.75 29.06 18.75\" fill=\"#484f60\"/></svg>",
     "triangle_up": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"20.94 31.25 12.5 31.25 25 18.75 37.5 31.25 29.05 31.25 20.94 31.25\" fill=\"#484f60\"/></svg>",
     "truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"14.75\" width=\"17.47\" height=\"12.62\" fill=\"#484f60\"/><path d=\"M37,18.11h-8V28.84H20.22a4.42,4.42,0,0,1,1.41,2.73H30a4.41,4.41,0,0,1,8.76,0H40V24.63Zm-.26,6.73H32.25a.57.57,0,0,1-.57-.57V20a.57.57,0,0,1,.57-.58h2.63a.58.58,0,0,1,.52.35L37.31,24A.58.58,0,0,1,36.78,24.84Z\" fill=\"#484f60\"/><path d=\"M14.28,28.84a4.39,4.39,0,0,0-1.42,2.73H12l-2-1.26V28.84Z\" fill=\"#484f60\"/><path d=\"M31.25,32.1a3.16,3.16,0,1,0,3.16-3.16A3.16,3.16,0,0,0,31.25,32.1Z\" fill=\"#484f60\"/><path d=\"M14.09,32.1a3.16,3.16,0,1,0,3.16-3.16A3.15,3.15,0,0,0,14.09,32.1Z\" fill=\"#484f60\"/></svg>",
-    "txt": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.87c-2.15,0-2.71-.56-2.71-2.72V12.88c0-2.15.56-2.71,2.71-2.71H25.48l8.66,8.88v3.43H32.8V19.6l-7.88-8.09H13.87c-1.37,0-1.37,0-1.37,1.37V37.45c0,1.37,0,1.37,1.37,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.68,2.36h-1.9V32h-1.3V26.63h-1.9V25.54h5.1ZM30.4,32,29,29.74,27.55,32H26l2.19-3.34-2-3.07h1.52L29,27.6l1.26-2.06h1.5l-2,3.12L32,32Zm6.86-5.32h-1.9V32H34.07V26.63H32.16V25.54h5.1Z\" fill=\"#484f60\"/></svg>"
+    "txt": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.87c-2.15,0-2.71-.56-2.71-2.72V12.88c0-2.15.56-2.71,2.71-2.71H25.48l8.66,8.88v3.43H32.8V19.6l-7.88-8.09H13.87c-1.37,0-1.37,0-1.37,1.37V37.45c0,1.37,0,1.37,1.37,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.68,2.36h-1.9V32h-1.3V26.63h-1.9V25.54h5.1ZM30.4,32,29,29.74,27.55,32H26l2.19-3.34-2-3.07h1.52L29,27.6l1.26-2.06h1.5l-2,3.12L32,32Zm6.86-5.32h-1.9V32H34.07V26.63H32.16V25.54h5.1Z\" fill=\"#484f60\"/></svg>",
+    "warehouse": "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M6 19H8V21H6V19M12 3L2 8V21H4V13H20V21H22V8L12 3M8 11H4V9H8V11M14 11H10V9H14V11M20 11H16V9H20V11M6 15H8V17H6V15M10 15H12V17H10V15M10 19H12V21H10V19M14 19H16V21H14V19Z\" /></svg>"
 };
 
 class IconCacheService {
@@ -4107,6 +4599,9 @@ class DeliveryTimePipe extends DateDurationPipe {
         if (!value) {
             return "";
         }
+        if (typeof value === 'number') {
+            value = new Date(value);
+        }
         const deltaDays = Math.round(DateUtils.GetDaysFromNow(value));
         if (deltaDays <= 0) {
             return this._dictionary.get("DELIVERY_DIRECT");
@@ -4275,7 +4770,47 @@ ConfirmationDialogModule.decorators = [
             },] }
 ];
 
-class CoreModule {
+class DefaultOkCancelButtonsComponent {
+    constructor() {
+        this.hideCancel = false;
+        this.hideOk = false;
+        this.okLabel = "OK";
+        // only emits when ok button was not disabled when it was clicked
+        this.okClick = new EventEmitter();
+        this.cancelClick = new EventEmitter();
+    }
+    showClass() {
+        return true;
+    }
+    onOkClick(event) {
+        if (this.okButtonComp && !this.okButtonComp.disabled) {
+            this.okClick.emit(event);
+        }
+    }
+}
+DefaultOkCancelButtonsComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-default-ok-cancel-buttons",
+                template: `
+    <co-button *ngIf="!hideOk" [label]="okLabel" [disabled]="okDisabled" class="ok" #okButton (click)="onOkClick($event)"></co-button>
+    <co-button *ngIf="!hideCancel" label="CANCEL" (click)="cancelClick.emit($event)"></co-button>
+    <ng-content></ng-content>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+DefaultOkCancelButtonsComponent.propDecorators = {
+    okButtonComp: [{ type: ViewChild, args: ["okButton",] }],
+    okDisabled: [{ type: Input }],
+    hideCancel: [{ type: Input }],
+    hideOk: [{ type: Input }],
+    okLabel: [{ type: Input }],
+    okClick: [{ type: Output }],
+    cancelClick: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ['class.co-default-ok-cancel-buttons',] }]
+};
+
+class CoreModule {
 }
 CoreModule.decorators = [
     { type: NgModule, args: [{
@@ -4291,13 +4826,15 @@ CoreModule.decorators = [
                     ImageDisplayComponent,
                     IconComponent,
                     CustomerGroupsComponent,
-                    StockStatusIndicatorComponent
+                    StockStatusIndicatorComponent,
+                    DefaultOkCancelButtonsComponent
                 ],
                 exports: [
                     ImageDisplayComponent,
                     IconComponent,
                     CustomerGroupsComponent,
-                    StockStatusIndicatorComponent
+                    StockStatusIndicatorComponent,
+                    DefaultOkCancelButtonsComponent
                 ]
             },] }
 ];
@@ -5125,6 +5662,7 @@ class TransactionLineComponent {
         this.icons = Icon;
         this.preview = false;
         this.waitingForUserAction = new EventEmitter();
+        this.showSidePanelClicked = new EventEmitter();
         this.stock = StockStatus.Low;
         this.showTransactionArticleText = false;
         this.showTransactionArticleTextOverview = false;
@@ -5190,7 +5728,11 @@ class TransactionLineComponent {
     }
     _loadLineImage() {
         return __awaiter(this, void 0, void 0, function* () {
-            this.image = this.line ? yield this.service.retrieveLineImage(this.line) : undefined;
+            if (this.line && this.line.isArticle) {
+                this.service.retrieveLineImage(this.line).then((image) => {
+                    this.image = image;
+                });
+            }
         });
     }
     // private async _confirmAction(lineOperationResponse: LineOperationResponse): Promise<void> {
@@ -5255,10 +5797,12 @@ class TransactionLineComponent {
     }
     handleShowSidePanel(event) {
         this.showSidePanel = true;
+        this.showSidePanelClicked.next(true);
         this.waitingForUserAction.next(true);
     }
     handleCloseSidePanel(event) {
         this.showSidePanel = false;
+        this.showSidePanelClicked.next(false);
         this.waitingForUserAction.next(false);
     }
 }
@@ -5291,7 +5835,7 @@ TransactionLineComponent.decorators = [
             <span [textContent]="'STOCK' | localize" class="small-font"></span>
             <stock-status-indicator [model]="stock"></stock-status-indicator>
             <span [textContent]="'DELIVERY_TIME_PERIOD' | localize" class="small-font"></span>
-            <span [textContent]="line.deliveryDate | deliveryTime"></span>
+<!--            <span [textContent]="line.deliveryDate | deliveryTime"></span>-->
           </div>
           <div *ngIf=!preview class="transaction-line-amount">
             <co-input-number-picker class="amount-number-picker"
@@ -5354,10 +5898,6 @@ TransactionLineComponent.decorators = [
                                  (closeClick)="closeTransactionArticleText($event)"
                                  (cancelClick)="closeTransactionArticleText($event)"
     ></co-transaction-article-text>
-    <co-transaction-line-side-panel *ngIf="showSidePanel" @showHideSidePanel
-                                    [transactionLine]="line"
-                                    (cancelClick)="handleCloseSidePanel($event)"
-    ></co-transaction-line-side-panel>
   `,
                 animations: [
                     trigger("showHideSidePanel", [
@@ -5379,6 +5919,7 @@ TransactionLineComponent.propDecorators = {
     preview: [{ type: HostBinding, args: ["class.preview",] }, { type: Input }],
     line: [{ type: Input }],
     waitingForUserAction: [{ type: Output }],
+    showSidePanelClicked: [{ type: Output }],
     isText: [{ type: HostBinding, args: ["class.is-text",] }],
     isArticle: [{ type: HostBinding, args: ["class.is-article",] }],
     isSelected: [{ type: HostBinding, args: ["class.is-selected",] }],
@@ -5534,187 +6075,6 @@ TransactionArticleTextOverviewModule.decorators = [
             },] }
 ];
 
-class TransactionLineSidePanelComponent {
-    constructor(iconService, _transactionService) {
-        this.iconService = iconService;
-        this._transactionService = _transactionService;
-        this.icons = Icon;
-        this.cancelClick = new EventEmitter();
-        this.data = [];
-    }
-    set child(content) {
-        this.inputPrice = content;
-        this.inputPrice.commit = this.commitPrice;
-    }
-    showClass() {
-        return true;
-    }
-    handleCancelClick(event) {
-        this.cancelClick.next(event);
-    }
-    commitPrice(price) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return true;
-            // return this._transactionService.updatePrice(this.transactionLine, price);
-        });
-    }
-}
-TransactionLineSidePanelComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-transaction-line-side-panel",
-                template: `
-    <div class="transaction-side-panel-header">
-      <co-button (click)="handleCancelClick($event)" [iconData]="iconService.getIcon(icons.Cancel)" class="white circle small"></co-button>
-      <span class="side-panel-header-description" [textContent]="transactionLine.goodDescription"></span>
-      <span class="side-panel-header-divider" [textContent]="'|'"></span>
-      <span class="side-panel-header-sku" [textContent]="transactionLine.articleNumber"></span>
-    </div>
-    <div class="transaction-line-side-panel-content">
-      <co-collapsible
-        [iconData]="iconService.getIcon(icons.TriangleUp)"
-        [headerTitle]="'PRICING' | localize"
-        [expandButtonLast]="true"
-        [expanded]="true"
-      >
-        <div class="collapsible-content-wrapper">
-          <div class="side-panel-input-row">
-            <co-input-text class="side-panel-input" [placeholder]="'NET_LINE_TOTAL' | localize" [model]="transactionLine.netLineTotal" [readonly]="true"></co-input-text>
-          </div>
-          <div class="side-panel-input-row">
-            <co-input-number-picker class="side-panel-input" [label]="'AMOUNT' | localize" [(model)]="transactionLine.amount"></co-input-number-picker>
-            <co-input-text #inputPrice class="side-panel-input"
-                           [placeholder]="'PRICE' | localize"
-                           [type]="'number'"
-                           [showSaveCancel]="true"
-                           [(model)]="transactionLine.price"
-            ></co-input-text>
-          </div>
-          <div class="side-panel-input-row">
-            <co-input-combo-box class="side-panel-input" [collection]="data" [(model)]="transactionLine.vatId" [placeholder]="'VAT' | localize"></co-input-combo-box>
-            <co-input-combo-box class="side-panel-input" [collection]="data" [(model)]="transactionLine.priceListCode" [placeholder]="'PRICE_LIST' | localize"></co-input-combo-box>
-          </div>
-        </div>
-      </co-collapsible>
-      <co-collapsible
-        [iconData]="iconService.getIcon(icons.TriangleUp)"
-        [headerTitle]="'DISCOUNTS' | localize"
-        [expandButtonLast]="true"
-        [expanded]="true"
-      >
-        <div class="collapsible-content-wrapper">
-          <div class="side-panel-input-row">
-            <co-input-text class="side-panel-input" [placeholder]="'TOTAL_LINE_DISCOUNT' | localize" [model]="transactionLine.lineTotalDiscountAmount" [readonly]="true"></co-input-text>
-          </div>
-          <div class="side-panel-input-row">
-            <co-input-text class="side-panel-input" [placeholder]="'DISCOUNT_PERCENTAGE' | localize" [type]="'number'" [model]="transactionLine.discountAmount"></co-input-text>
-            <co-input-text class="side-panel-input" [placeholder]="'DISCOUNT_AMOUNT' | localize" [type]="'number'" [(model)]="transactionLine.lineDiscount"></co-input-text>
-          </div>
-          <div class="side-panel-input-row">
-            <co-input-text class="side-panel-input" [placeholder]="'QUANTUM_DISCOUNT' | localize" [type]="'number'" [model]="transactionLine.quantumDiscount"></co-input-text>
-            <co-input-text class="side-panel-input" [placeholder]="'SPECIAL_DISCOUNT' | localize" [type]="'number'" [(model)]="transactionLine.specialDiscount"></co-input-text>
-          </div>
-          <div class="side-panel-input-row">
-            <co-input-text class="side-panel-input" [placeholder]="'SURCHARGE_AMOUNT' | localize" [model]="transactionLine.surchargeAmount" [readonly]="true"></co-input-text>
-            <co-input-text class="side-panel-input" [placeholder]="'BUSINESS_RULE_DISCOUNT' | localize" [model]="'NIET_GEIMPLEMENTEERD'" [readonly]="true"></co-input-text>
-          </div>
-        </div>
-      </co-collapsible>
-      <co-collapsible
-        [iconData]="iconService.getIcon(icons.TriangleUp)"
-        [headerTitle]="'LOGISTICS_AND_PLANNING' | localize"
-        [expandButtonLast]="true"
-        [expanded]="true"
-      >
-        <div class="collapsible-content-wrapper">
-          <div class="side-panel-input-row">
-            <co-input-combo-box class="side-panel-input" [collection]="data" [(model)]="transactionLine.commissionCode" [placeholder]="'COMMISSION_CODE' | localize"></co-input-combo-box>
-            <co-input-text class="side-panel-input" [placeholder]="'WAREHOUSE' | localize" [model]="transactionLine.warehouseNumber"></co-input-text>
-          </div>
-          <div class="side-panel-input-row">
-            <co-input-combo-box class="side-panel-input" [collection]="data" [placeholder]="'DELIVERY_METHOD' | localize"></co-input-combo-box>
-            <co-input-date class="side-panel-input" [placeholder]="'DELIVERY_DATE' | localize" [model]="transactionLine.deliveryDate"></co-input-date>
-          </div>
-          <div class="side-panel-input-row">
-            <co-input-text class="side-panel-input" [placeholder]="'ASSEMBLY_TIME' | localize" [readonly]="true"></co-input-text>
-            <co-input-text class="side-panel-input" [placeholder]="'ASSEMBLY_COSTS' | localize" [type]="'number'" [model]="transactionLine.assemblyCost" [readonly]="true"></co-input-text>
-          </div>
-          <div class="side-panel-input-row">
-            <co-input-text class="side-panel-input" [placeholder]="'MODIFICATION_TIME' | localize" [readonly]="true"></co-input-text>
-          </div>
-          <div class="side-panel-input-row">
-            <co-input-combo-box class="side-panel-input" [collection]="data" [placeholder]="'SUPPLIER' | localize"></co-input-combo-box>
-            <co-input-text class="side-panel-input" [placeholder]="'ARTICLE_NR_SUPPLIER' | localize" [model]="transactionLine.articleNumber" [readonly]="true"></co-input-text>
-          </div>
-          <div class="side-panel-input-row">
-            <co-input-text class="side-panel-input" [placeholder]="'IN_OUT_COLLECTION' | localize" [readonly]="true"></co-input-text>
-          </div>
-        </div>
-      </co-collapsible>
-
-      <co-collapsible
-        [iconData]="iconService.getIcon(icons.TriangleUp)"
-        [headerTitle]="'OTHER' | localize"
-        [expandButtonLast]="true"
-        [expanded]="true"
-      >
-        <div class="collapsible-content-wrapper">
-          <div class="side-panel-input-row">
-            <co-input-text class="side-panel-input" [placeholder]="'REFERENCE' | localize" [model]="transactionLine.refLineNr"></co-input-text>
-          </div>
-          <div class="side-panel-input-row">
-            <co-input-text class="side-panel-input" [placeholder]="'ORDER_RULESET' | localize"></co-input-text>
-          </div>
-          <div class="side-panel-input-row">
-            <co-input-text class="side-panel-input" [placeholder]="'LAST_EDITED_DATE' | localize" [readonly]="true"></co-input-text>
-            <co-input-text class="side-panel-input" [placeholder]="'LAST_EDITED_USER' | localize" [readonly]="true"></co-input-text>
-          </div>
-          <co-input-text [placeholder]="'FABRICATION_COST' | localize" [readonly]="true"></co-input-text>
-          <co-input-text [placeholder]="'TRANSPORT_COST' | localize" [readonly]="true"></co-input-text>
-          <co-input-text [placeholder]="'FABRICATION_COST_LINE_TOTAL' | localize" [readonly]="true"></co-input-text>
-          <co-input-text [placeholder]="'TRANSPORT_COST_LINE_TOTAL' | localize" [readonly]="true"></co-input-text>
-          <co-input-text [placeholder]="'CUSTOMER' | localize" [readonly]="true"></co-input-text>
-        </div>
-        </co-collapsible>
-    </div>
-  `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-TransactionLineSidePanelComponent.ctorParameters = () => [
-    { type: IconCacheService },
-    { type: TransactionService }
-];
-TransactionLineSidePanelComponent.propDecorators = {
-    child: [{ type: ViewChild, args: ['inputPrice', { read: InputTextComponent },] }],
-    transactionLine: [{ type: Input }],
-    cancelClick: [{ type: Output }],
-    showClass: [{ type: HostBinding, args: ["class.co-transaction-line-side-panel",] }]
-};
-
-class TransactionLineSidePanelModule {
-}
-TransactionLineSidePanelModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    CoreModule,
-                    PipeModule,
-                    ButtonModule,
-                    CollapsibleModule,
-                    InputTextModule,
-                    InputComboBoxModule,
-                    InputDatePickerModule,
-                    InputNumberPickerModule
-                ],
-                declarations: [
-                    TransactionLineSidePanelComponent
-                ],
-                exports: [
-                    TransactionLineSidePanelComponent
-                ]
-            },] }
-];
-
 class TransactionLineModule {
 }
 TransactionLineModule.decorators = [
@@ -5726,8 +6086,7 @@ TransactionLineModule.decorators = [
                     InputNumberPickerModule,
                     TransactionArticleTextModule,
                     TransactionArticleTextOverviewModule,
-                    PipeModule,
-                    TransactionLineSidePanelModule
+                    PipeModule
                 ],
                 declarations: [
                     TransactionLineComponent
@@ -5746,6 +6105,7 @@ class TransactionLinesComponent {
         this.transactionLines = [];
         this.preview = false;
         this.saveTransactionLine = new EventEmitter();
+        this.showSidePanelClicked = new EventEmitter();
         this.showTransactionArticleText = false;
         this.userActionRequired = false;
     }
@@ -5800,6 +6160,9 @@ class TransactionLinesComponent {
         this.saveTransactionLine.next(transactionLine);
         this._hideArticleTextDialog();
     }
+    handleShowSidePanelClicked(event, line) {
+        this.showSidePanelClicked.next({ show: event, line: line });
+    }
     _showArticleTextDialog() {
         this.showTransactionArticleText = true;
     }
@@ -5824,6 +6187,7 @@ TransactionLinesComponent.decorators = [
             [preview]="preview"
             [line]="line"
             (dblclick)="handleTransactionLineDblClick(line)"
+            (showSidePanelClicked)="handleShowSidePanelClicked($event, line)"
             (waitingForUserAction)="userActionRequired = $event"></co-transaction-line>
         </div>
       </div>
@@ -5850,6 +6214,7 @@ TransactionLinesComponent.propDecorators = {
     transactionLines: [{ type: Input }],
     preview: [{ type: Input }],
     saveTransactionLine: [{ type: Output }],
+    showSidePanelClicked: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-lines",] }]
 };
 
@@ -6349,24 +6714,45 @@ var ContentViewMode;
     ContentViewMode[ContentViewMode["Timeline"] = 4] = "Timeline";
 })(ContentViewMode || (ContentViewMode = {}));
 
+var TabCategory;
+(function (TabCategory) {
+    TabCategory[TabCategory["Overview"] = 0] = "Overview";
+    TabCategory[TabCategory["OrderConfirmation"] = 1] = "OrderConfirmation";
+    TabCategory[TabCategory["Transport"] = 2] = "Transport";
+    TabCategory[TabCategory["ReceivedGoods"] = 3] = "ReceivedGoods";
+    TabCategory[TabCategory["InvoiceCheck"] = 4] = "InvoiceCheck";
+    TabCategory[TabCategory["Menu"] = 5] = "Menu";
+})(TabCategory || (TabCategory = {}));
+
 class TransactionComponent {
     constructor(iconCacheService, _service) {
         this.iconCacheService = iconCacheService;
         this._service = _service;
         this.viewModes = ContentViewMode;
+        this.tabCategory = TabCategory;
         this.icons = Icon;
-        this.transaction = new TransactionInfoResponse();
         this.showHeader = true;
         this.activeViewMode = ContentViewMode.List;
+        this.activeTabCategory = TabCategory.Overview;
         this.showDiscountsSidebar = false;
+        this.showSidePanel = false;
         this._subs = [];
+        this._transaction = new TransactionInfoResponse();
         this._subs.push(this._service.transactionUpdated.subscribe((transaction) => __awaiter(this, void 0, void 0, function* () {
             this.transaction = transaction;
         })));
     }
+    set transaction(value) {
+        if (value) {
+            this._transaction = value;
+        }
+    }
+    get transaction() {
+        return this._transaction;
+    }
     set transactionId(value) {
         if (value) {
-            this._service.getTransactionById(value);
+            this._service.getTransactionById(value).catch(() => { });
         }
     }
     showClass() {
@@ -6389,41 +6775,86 @@ class TransactionComponent {
             this._service.addTextLine(transactionAddTextLineRequest.showOnDocuments, transactionAddTextLineRequest.text, 0, transactionAddTextLineRequest.articleBound, 0, 0, 0);
         }
     }
+    handleNavigationTabClicked(tab) {
+        this.activeTabCategory = tab;
+    }
+    handleShowSidePanel(event) {
+        this.showSidePanel = event.show;
+        this.sidePanelTransactionLine = event.line;
+    }
+    handleCloseSidePanel(event) {
+        this.showSidePanel = false;
+    }
+    openSidePanel() {
+        this.showSidePanel = true;
+    }
 }
 TransactionComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction",
                 template: `
     <co-transaction-header *ngIf="showHeader" [transaction]="transaction"></co-transaction-header>
-    <div class="transaction-view-mode-buttons">
-      <co-button class="view-button white"
-                 [class.selected]="this.activeViewMode === viewModes.List"
-                 [iconData]="iconCacheService.getIcon(icons.ThickLines)"
-                 [title]="'LIST_VIEW' | localize"
-                 (click)="this.activeViewMode = viewModes.List"></co-button>
-      <co-button class="view-button white"
-                 [class.selected]="this.activeViewMode === viewModes.Grid"
-                 [iconData]="iconCacheService.getIcon(icons.ThinLines)"
-                 [title]="'GRID_VIEW' | localize"
-                 (click)="this.activeViewMode = viewModes.Grid"></co-button>
+
+    <div class="transaction-lines-header">
+      <co-transaction-commit-bar
+        [activeCategory]="activeTabCategory"
+      ></co-transaction-commit-bar>
+
+      <co-transaction-nav-bar
+        (tabClicked)="handleNavigationTabClicked($event)"
+      ></co-transaction-nav-bar>
+
+      <div class="transaction-view-mode-buttons">
+        <co-button class="view-button white"
+                   [class.selected]="this.activeViewMode === viewModes.List"
+                   [iconData]="iconCacheService.getIcon(icons.ThickLines)"
+                   [title]="'LIST_VIEW' | localize"
+                   (click)="this.activeViewMode = viewModes.List"></co-button>
+        <co-button class="view-button white"
+                   [class.selected]="this.activeViewMode === viewModes.Grid"
+                   [iconData]="iconCacheService.getIcon(icons.ThinLines)"
+                   [title]="'GRID_VIEW' | localize"
+                   (click)="this.activeViewMode = viewModes.Grid"></co-button>
+      </div>
     </div>
+
     <div class="transaction-lines-wrapper" *ngIf="activeViewMode === viewModes.List">
       <co-transaction-lines
         [transactionLines]="transaction.transactionLines"
+        (showSidePanelClicked)="handleShowSidePanel($event)"
         (saveTransactionLine)="saveTransactionLine($event)"
       ></co-transaction-lines>
     </div>
     <div class="transaction-lines-grid-wrapper" *ngIf="activeViewMode === viewModes.Grid">
       <co-transaction-lines-grid
+        *ngIf="activeTabCategory === 0"
         [transactionLines]="transaction.transactionLines"
       ></co-transaction-lines-grid>
+      <co-order-confirmation-grid
+        *ngIf="activeTabCategory === 1"
+        [orderLines]="transaction.transactionLines"
+        (sidePanelClicked)="openSidePanel()"
+      ></co-order-confirmation-grid>
     </div>
     <div class="transaction-footer-wrapper">
       <co-transaction-totals [totals]="transaction.transactionTotal" [showDiscount]="true" (discountClick)="addDiscount()"></co-transaction-totals>
     </div>
     <co-discount *ngIf="showDiscountsSidebar">
     </co-discount>
+
+    <co-transaction-line-side-panel *ngIf="showSidePanel" @showHideSidePanel
+                                    [activeTabCategory]="activeTabCategory"
+                                    [transactionLine]="sidePanelTransactionLine"
+                                    (cancelClick)="handleCloseSidePanel($event)"
+    ></co-transaction-line-side-panel>
   `,
+                animations: [
+                    trigger("showHideSidePanel", [
+                        state("void", style({ transform: 'translateX(100%)' })),
+                        state("*", style({ transform: 'translateX(0)' })),
+                        transition("void <=> *", animate("200ms ease-in-out"))
+                    ])
+                ],
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
@@ -6442,11 +6873,20 @@ class TransactionHeaderComponent {
     constructor() {
         this.icons = Icon;
         this.expanded = true;
+        this._transaction = new TransactionInfoResponse();
+    }
+    set transaction(value) {
+        if (value) {
+            this._transaction = value;
+            this.relationId = this.transaction.transactionInfo && this.transaction.transactionInfo.relation ? this.transaction.transactionInfo.relation.relationId : undefined;
+        }
+    }
+    get transaction() {
+        return this._transaction;
     }
     showClass() {
         return true;
     }
-    // public relation: CustomerFullObject = new CustomerFullObject();
     handleExpandClick(event) {
         this.expanded = !this.expanded;
     }
@@ -6459,8 +6899,8 @@ TransactionHeaderComponent.decorators = [
       <div class="collapse-handle" [class.expanded]="expanded" (click)="handleExpandClick($event)">
         <icon class="collapse-icon" [icon]="icons.ArrowPointDown"></icon>
       </div>
-      <co-transaction-header-relation [relationId]="transaction.transactionInfo.relation.relationId" [expanded]="expanded"></co-transaction-header-relation>
-      <co-transaction-header-contact [relationId]="transaction.transactionInfo.relation.relationId" [expanded]="expanded"></co-transaction-header-contact>
+      <co-transaction-header-relation [relationId]="relationId" [expanded]="expanded"></co-transaction-header-relation>
+      <co-transaction-header-contact [relationId]="relationId" [expanded]="expanded"></co-transaction-header-contact>
       <co-transaction-header-delivery [transaction]="transaction" [expanded]="expanded"></co-transaction-header-delivery>
     </div>
   `,
@@ -6505,21 +6945,19 @@ class TransactionBaseComponent {
         return this._transaction;
     }
     set relationId(value) {
-        if (value === undefined) {
-            return;
+        if (value !== undefined) {
+            this._relationId = value;
+            this._retrieveRelation();
         }
-        this._relationId = value;
-        this._retrieveRelation();
     }
     get relationId() {
         return this._relationId;
     }
     set customerId(value) {
-        if (value === undefined) {
-            return;
+        if (value !== undefined) {
+            this._customerId = value;
+            this._retrieveCustomer();
         }
-        this._customerId = value;
-        this._retrieveCustomer();
     }
     get customerId() {
         return this._customerId;
@@ -6671,7 +7109,10 @@ class TransactionHeaderDeliveryComponent extends TransactionBaseComponent {
     transactionSet() {
         this.service.getDeliveryMethods().then((methods) => {
             this.deliveryMethods = methods;
-            this.deliveryMethod = this.deliveryMethods.find(m => m.code === this.transactionInfo.deliveryMethod);
+            const dm = this.deliveryMethods.find(m => m.code === this.transactionInfo.deliveryMethod);
+            if (dm) {
+                this.deliveryMethod = dm;
+            }
         });
     }
 }
@@ -6751,6 +7192,10 @@ class TransactionLinesGridComponent {
         this._service = _service;
         this.align = ColumnAlign;
         this.transactionLines = [];
+        this.extraColumns = [];
+    }
+    set content(columnComponents) {
+        this.extraColumns = columnComponents.toArray();
     }
     showClass() {
         return true;
@@ -6772,19 +7217,19 @@ TransactionLinesGridComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-lines-grid",
                 template: `
-    <co-simple-grid [data]="transactionLines" [dragDropEnabled]="true" [emitDragDrop]="true" (onDrop)="handleDrop($event)">
-      <co-simple-grid-column [headerText]="'ARTICLE_NR' | localize" [field]="'articleNumber'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'GOOD_DESCRIPTION' | localize" [field]="'goodDescription'"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'PRICE' | localize" [field]="'price'" [textAlign]="align.Right"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'AMOUNT' | localize" [textAlign]="align.Right" [width]="100" [resizable]="false">
+    <co-simple-grid [data]="transactionLines" [extraColumns]="extraColumns" [dragDropEnabled]="true" [emitDragDrop]="true" (onDrop)="handleDrop($event)">
+      <co-simple-grid-column [headerText]="'ARTICLE_NR' | localize" [field]="'articleNumber'" [order]="10"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'GOOD_DESCRIPTION' | localize" [field]="'goodDescription'" [order]="20"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'PRICE' | localize" [field]="'price'" [textAlign]="align.Right" [order]="30"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'AMOUNT' | localize" [textAlign]="align.Right" [width]="100" [resizable]="false" [order]="40">
         <ng-template let-row = "row">
             <co-input-number-picker class="transaction-lines-grid-amount"
               [model]="row.amount" [min]="0" [readonly]="true" (modelChange)="changeLineAmount(row, $event)"></co-input-number-picker>
         </ng-template>
       </co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'PRICE_LIST' | localize" [field]="'priceListCode'" [textAlign]="align.Right"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'ASSEMBLY_COSTS' | localize" [field]="'assemblyCost'" [textAlign]="align.Right"></co-simple-grid-column>
-      <co-simple-grid-column [headerText]="'WAREHOUSE' | localize" [field]="'warehouseNumber'" [textAlign]="align.Right"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'PRICE_LIST' | localize" [field]="'priceListCode'" [textAlign]="align.Right" [order]="80"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'ASSEMBLY_COSTS' | localize" [field]="'assemblyCost'" [textAlign]="align.Right" [order]="90"></co-simple-grid-column>
+      <co-simple-grid-column [headerText]="'WAREHOUSE' | localize" [field]="'warehouseNumber'" [textAlign]="align.Right" [order]="100"></co-simple-grid-column>
     </co-simple-grid>
   `,
                 encapsulation: ViewEncapsulation.None
@@ -6795,6 +7240,7 @@ TransactionLinesGridComponent.ctorParameters = () => [
     { type: TransactionService }
 ];
 TransactionLinesGridComponent.propDecorators = {
+    content: [{ type: ContentChildren, args: [SimpleGridColumnDirective,] }],
     transactionLines: [{ type: Input }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-lines-grid",] }]
 };
@@ -6808,7 +7254,8 @@ TransactionLinesGridModule.decorators = [
                     CoreModule,
                     SimpleGridModule,
                     InputNumberPickerModule,
-                    PipeModule
+                    PipeModule,
+                    ButtonModule
                 ],
                 declarations: [
                     TransactionLinesGridComponent
@@ -6953,24 +7400,1764 @@ DiscountModule.decorators = [
             },] }
 ];
 
-class TransactionModule {
+class TransactionCommitBarComponent {
+    constructor() {
+        this.tabCategory = TabCategory;
+        this.commitDate = new Date();
+        this.checkboxValueChanged = new EventEmitter();
+    }
+    showClass() {
+        return true;
+    }
 }
-TransactionModule.decorators = [
+TransactionCommitBarComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-commit-bar",
+                template: `
+    <div class="commit-bar-wrapper">
+      <co-input-date class="commit-bar-item"
+                     [placeholder]="'CONFIRMED_DATE' | localize"
+                     [(model)]="this.commitDate"
+      ></co-input-date>
+      <co-input-text *ngIf="activeCategory === tabCategory.OrderConfirmation" class="commit-bar-item"
+                     [placeholder]="'REFERENCE' | localize"
+                     [(model)]="this.commitReferenceId"
+      ></co-input-text>
+      <co-input-text *ngIf="activeCategory === tabCategory.ReceivedGoods" class="commit-bar-item"
+                     [placeholder]="'PACKING_SLIP' | localize"
+                     [(model)]="this.commitReferenceId"
+      ></co-input-text>
+      <co-input-checkbox
+        (modelChange)="checkboxValueChanged.next($event)"
+      ></co-input-checkbox>
+    </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionCommitBarComponent.propDecorators = {
+    activeCategory: [{ type: Input }],
+    commitDate: [{ type: Input }],
+    commitReferenceId: [{ type: Input }],
+    packingSlipId: [{ type: Input }],
+    checkboxValueChanged: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-commit-bar",] }]
+};
+
+class TransactionCommitBarModule {
+}
+TransactionCommitBarModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
                     CommonModule,
                     CoreModule,
-                    TransactionHeaderModule,
-                    TransactionLinesModule,
-                    TransactionTotalsModule,
-                    ButtonModule,
-                    TransactionLinesGridModule,
-                    CoDialogModule,
-                    FormModule,
                     InputTextModule,
-                    CoSidebarModule,
-                    DiscountModule,
-                    PipeModule
+                    InputDatePickerModule,
+                    PipeModule,
+                    InputCheckboxModule,
+                ],
+                declarations: [
+                    TransactionCommitBarComponent
+                ],
+                exports: [
+                    TransactionCommitBarComponent
+                ]
+            },] }
+];
+
+class TransactionNavBarComponent {
+    constructor(_dictionaryService) {
+        this._dictionaryService = _dictionaryService;
+        this.icons = Icon;
+        this.selectedTab = TabCategory.Overview;
+        this.tabClicked = new EventEmitter();
+        this.tabs = [
+            { category: TabCategory.Overview,
+                title: this._dictionaryService.get('OVERVIEW'),
+                iconName: this.icons.Tag },
+            { category: TabCategory.OrderConfirmation,
+                title: this._dictionaryService.get('CONFIRMATION'),
+                iconName: this.icons.DeliveryTruck },
+            { category: TabCategory.Transport,
+                title: this._dictionaryService.get('TRANSPORT'),
+                iconName: this.icons.Txt },
+            { category: TabCategory.ReceivedGoods,
+                title: this._dictionaryService.get('RECEIVED'),
+                iconName: this.icons.ThinLines },
+            { category: TabCategory.InvoiceCheck,
+                title: this._dictionaryService.get('INVOICE_CHECK'),
+                iconName: this.icons.ThickLines },
+            { category: TabCategory.Menu,
+                title: this._dictionaryService.get('MENU'),
+                iconName: this.icons.CalendarDay }
+        ];
+    }
+    showClass() {
+        return true;
+    }
+    handleTabClick(category) {
+        this.selectedTab = category;
+        this.tabClicked.next(category);
+    }
+}
+TransactionNavBarComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-nav-bar",
+                template: `
+    <div class="nav-bar-wrapper">
+      <div class="custom-button-wrapper" *ngFor="let tab of tabs">
+        <co-transaction-nav-bar-button
+          [tabData]="tab"
+          [selectedCategory]="selectedTab"
+          (click)="handleTabClick(tab.category)"
+        ></co-transaction-nav-bar-button>
+      </div>
+    </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionNavBarComponent.ctorParameters = () => [
+    { type: DictionaryService }
+];
+TransactionNavBarComponent.propDecorators = {
+    selectedTab: [{ type: Input }],
+    tabClicked: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-nav-bar",] }]
+};
+
+class TransactionNavBarButtonComponent {
+    constructor(iconCacheService) {
+        this.iconCacheService = iconCacheService;
+        this.icons = Icon;
+    }
+}
+TransactionNavBarButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-nav-bar-button",
+                template: `
+    <div class="button-wrapper" [class.selected]="tabData.category === selectedCategory">
+      <co-icon [iconData]="iconCacheService.getIcon(tabData.iconName)"></co-icon>
+      <span class="button-title" [textContent]="tabData.title"></span>
+    </div>
+  `,
+                styles: [":host .button-wrapper{height:65px;min-width:65px;background:white;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}:host .button-wrapper .button-title{font-size:.8em;padding:0 7px 4px}:host .selected{box-shadow:0 0 0 1px #558be3 inset}\n"]
+            },] }
+];
+TransactionNavBarButtonComponent.ctorParameters = () => [
+    { type: IconCacheService }
+];
+TransactionNavBarButtonComponent.propDecorators = {
+    tabData: [{ type: Input }],
+    selectedCategory: [{ type: Input }]
+};
+
+class TransactionNavBarModule {
+}
+TransactionNavBarModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoreModule,
+                    IconModule,
+                ],
+                declarations: [
+                    TransactionNavBarComponent,
+                    TransactionNavBarButtonComponent
+                ],
+                exports: [
+                    TransactionNavBarComponent,
+                    TransactionNavBarButtonComponent
+                ]
+            },] }
+];
+
+class TransactionLineSidePanelComponent {
+    constructor(iconService) {
+        this.iconService = iconService;
+        this.icons = Icon;
+        this.tabCategory = TabCategory;
+        this.cancelClick = new EventEmitter();
+    }
+    showClass() {
+        return true;
+    }
+    handleCancelClick(event) {
+        this.cancelClick.next(event);
+    }
+    handleSaveDetailsEdit() {
+    }
+    handleCancelDetailsEdit() {
+    }
+}
+TransactionLineSidePanelComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-side-panel",
+                template: `
+    <div class="transaction-line-side-panel-header">
+      <div class="transaction-line-side-panel-header-item">
+        <span class="side-panel-header-label" [textContent]="'ARTICLE_NR'| localize"></span>
+        <span class="side-panel-header-field" [textContent]="transactionLine.articleNumber"></span>
+      </div>
+      <div class="side-panel-header-divider"></div>
+      <div class="transaction-line-side-panel-header-item">
+        <span class="side-panel-header-label" [textContent]="'DESCRIPTION'| localize"></span>
+        <span class="side-panel-header-field" [textContent]="transactionLine.goodDescription"></span>
+      </div>
+      <div class="side-panel-header-divider"></div>
+      <div class="transaction-line-side-panel-header-item">
+        <span class="side-panel-header-label" [textContent]="'AMOUNT'| localize"></span>
+        <span class="side-panel-header-field" [textContent]="transactionLine.amount"></span>
+      </div>
+      <div class="side-panel-header-divider"></div>
+      <div class="transaction-line-side-panel-header-item">
+        <span class="side-panel-header-label" [textContent]="'PRICE'| localize"></span>
+        <span class="side-panel-header-field" [textContent]="transactionLine.price | priceDisplay"></span>
+      </div>
+      <icon (click)="handleCancelClick($event)" [icon]="icons.Cancel" class="close-button"></icon>
+    </div>
+    <div class="transaction-line-side-panel-nav-bar">
+      <co-transaction-nav-bar
+        [selectedTab]="activeTabCategory"
+        (tabClicked)="activeTabCategory = $event"
+      ></co-transaction-nav-bar>
+    </div>
+    <div class="transaction-line-side-panel-content">
+      <ng-container [ngSwitch]="activeTabCategory">
+        <ng-container *ngSwitchCase="tabCategory.OrderConfirmation">
+          <co-transaction-confirmation-history></co-transaction-confirmation-history>
+        </ng-container>
+
+        <ng-container *ngSwitchCase="tabCategory.ReceivedGoods">
+          <co-transaction-receiving-goods-details></co-transaction-receiving-goods-details>
+          <div class="save-cancel-wrapper">
+            <co-button class="button-wrapper" [label]="'SAVE' | localize" (click)="handleSaveDetailsEdit()"></co-button>
+            <co-button class="button-wrapper" [label]="'CANCEL' | localize" (click)="handleCancelDetailsEdit()"></co-button>
+          </div>
+          <co-transaction-receiving-goods-history></co-transaction-receiving-goods-history>
+        </ng-container>
+
+        <ng-container *ngSwitchDefault>
+          <co-transaction-line-side-panel-default
+            [transactionLine]="transactionLine"
+            (cancelClick)="handleCancelClick($event)"
+          ></co-transaction-line-side-panel-default>
+        </ng-container>
+      </ng-container>
+    </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLineSidePanelComponent.ctorParameters = () => [
+    { type: IconCacheService }
+];
+TransactionLineSidePanelComponent.propDecorators = {
+    transactionLine: [{ type: Input }],
+    activeTabCategory: [{ type: Input }],
+    cancelClick: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-line-side-panel",] }]
+};
+
+class TransactionLineSidePanelDefaultComponent {
+    constructor(iconService, _transactionService) {
+        this.iconService = iconService;
+        this._transactionService = _transactionService;
+        this.icons = Icon;
+        this.cancelClick = new EventEmitter();
+        this.data = [];
+    }
+    showClass() {
+        return true;
+    }
+    handleCancelClick(event) {
+        this.cancelClick.next(event);
+    }
+}
+TransactionLineSidePanelDefaultComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-side-panel-default",
+                template: `
+    <co-collapsible
+      [iconData]="iconService.getIcon(icons.TriangleUp)"
+      [headerTitle]="'PRICING' | localize"
+      [expandButtonLast]="true"
+      [expanded]="true"
+    >
+      <div class="collapsible-content-wrapper">
+        <div class="side-panel-input-row">
+          <co-input-text class="side-panel-input" [placeholder]="'NET_LINE_TOTAL' | localize" [model]="transactionLine.netLineTotal" [readonly]="true"></co-input-text>
+        </div>
+        <div class="side-panel-input-row">
+          <co-transaction-line-quantity class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-quantity>
+          <co-transaction-line-price class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-price>
+        </div>
+        <div class="side-panel-input-row">
+          <co-transaction-line-vat class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-vat>
+          <co-transaction-line-price-list class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-price-list>
+        </div>
+      </div>
+    </co-collapsible>
+    <co-collapsible
+      [iconData]="iconService.getIcon(icons.TriangleUp)"
+      [headerTitle]="'DISCOUNTS' | localize"
+      [expandButtonLast]="true"
+      [expanded]="true"
+    >
+      <div class="collapsible-content-wrapper">
+        <div class="side-panel-input-row">
+          <co-transaction-line-line-discount class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-line-discount>
+          <co-transaction-line-discount-amount class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-discount-amount>
+        </div>
+        <div class="side-panel-input-row">
+          <co-transaction-line-quantum-discount class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-quantum-discount>
+          <co-transaction-line-special-discount class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-special-discount>
+        </div>
+        <div class="side-panel-input-row">
+          <co-input-text class="side-panel-input" [placeholder]="'SURCHARGE_AMOUNT' | localize" [model]="transactionLine.surchargeAmount" [readonly]="true"></co-input-text>
+          <co-input-text class="side-panel-input" [placeholder]="'BUSINESS_RULE_DISCOUNT' | localize" [model]="'NIET_GEIMPLEMENTEERD'" [readonly]="true"></co-input-text>
+        </div>
+      </div>
+    </co-collapsible>
+    <co-collapsible
+      [iconData]="iconService.getIcon(icons.TriangleUp)"
+      [headerTitle]="'LOGISTICS_AND_PLANNING' | localize"
+      [expandButtonLast]="true"
+      [expanded]="true"
+    >
+      <div class="collapsible-content-wrapper">
+        <div class="side-panel-input-row">
+          <co-transaction-line-commission-code class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-commission-code>
+          <co-transaction-line-warehouse class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-warehouse>
+        </div>
+        <div class="side-panel-input-row">
+          <co-transaction-line-delivery-method class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-delivery-method>
+          <co-transaction-line-delivery-date class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-delivery-date>
+        </div>
+        <div class="side-panel-input-row">
+          <co-input-text class="side-panel-input" [placeholder]="'ASSEMBLY_TIME' | localize" [readonly]="true"></co-input-text>
+          <co-input-text class="side-panel-input" [placeholder]="'ASSEMBLY_COSTS' | localize" [type]="'number'" [model]="transactionLine.assemblyCost" [readonly]="true"></co-input-text>
+        </div>
+        <div class="side-panel-input-row">
+          <co-input-text class="side-panel-input" [placeholder]="'MODIFICATION_TIME' | localize" [readonly]="true"></co-input-text>
+        </div>
+        <div class="side-panel-input-row">
+          <co-input-combo-box class="side-panel-input" [collection]="data" [placeholder]="'SUPPLIER' | localize"></co-input-combo-box>
+          <co-input-text class="side-panel-input" [placeholder]="'ARTICLE_NR_SUPPLIER' | localize" [model]="transactionLine.articleNumber" [readonly]="true"></co-input-text>
+        </div>
+        <div class="side-panel-input-row">
+          <co-input-text class="side-panel-input" [placeholder]="'IN_OUT_COLLECTION' | localize" [readonly]="true"></co-input-text>
+        </div>
+      </div>
+    </co-collapsible>
+
+    <co-collapsible
+      [iconData]="iconService.getIcon(icons.TriangleUp)"
+      [headerTitle]="'OTHER' | localize"
+      [expandButtonLast]="true"
+      [expanded]="true"
+    >
+      <div class="collapsible-content-wrapper">
+        <div class="side-panel-input-row">
+          <co-transaction-line-reference class="side-panel-input" [transactionLine]="transactionLine"></co-transaction-line-reference>
+        </div>
+        <div class="side-panel-input-row">
+          <co-input-text class="side-panel-input" [placeholder]="'ORDER_RULESET' | localize"></co-input-text>
+        </div>
+        <div class="side-panel-input-row">
+          <co-input-text class="side-panel-input" [placeholder]="'LAST_EDITED_DATE' | localize" [readonly]="true"></co-input-text>
+          <co-input-text class="side-panel-input" [placeholder]="'LAST_EDITED_USER' | localize" [readonly]="true"></co-input-text>
+        </div>
+        <co-input-text [placeholder]="'FABRICATION_COST' | localize" [readonly]="true"></co-input-text>
+        <co-input-text [placeholder]="'TRANSPORT_COST' | localize" [readonly]="true"></co-input-text>
+        <co-input-text [placeholder]="'FABRICATION_COST_LINE_TOTAL' | localize" [readonly]="true"></co-input-text>
+        <co-input-text [placeholder]="'TRANSPORT_COST_LINE_TOTAL' | localize" [readonly]="true"></co-input-text>
+        <co-input-text [placeholder]="'CUSTOMER' | localize" [readonly]="true"></co-input-text>
+      </div>
+    </co-collapsible>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLineSidePanelDefaultComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: TransactionService }
+];
+TransactionLineSidePanelDefaultComponent.propDecorators = {
+    transactionLine: [{ type: Input }],
+    cancelClick: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-line-side-panel-default",] }]
+};
+
+class TransactionLineFieldsBaseComponent {
+    constructor() {
+        this._transactionLine = new TransactionLineInfo();
+    }
+    set transactionLine(value) {
+        if (value) {
+            this._transactionLine = value;
+        }
+    }
+    get transactionLine() {
+        return this._transactionLine;
+    }
+}
+TransactionLineFieldsBaseComponent.decorators = [
+    { type: Directive }
+];
+TransactionLineFieldsBaseComponent.propDecorators = {
+    transactionLine: [{ type: Input }]
+};
+
+class TransactionLineQuantityComponent extends TransactionLineFieldsBaseComponent {
+    constructor(_transactionService) {
+        super();
+        this._transactionService = _transactionService;
+    }
+    commitQuantity(quantity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionLine.amount !== quantity) {
+                const oldAmount = this.transactionLine.amount;
+                const success = yield this._transactionService.updateQuantityTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, quantity);
+                if (!success) {
+                    this.transactionLine.amount = oldAmount;
+                }
+                return success;
+            }
+            return true;
+        });
+    }
+}
+TransactionLineQuantityComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-quantity",
+                template: `
+    <co-input-number-picker [label]="'AMOUNT' | localize" [(model)]="transactionLine.amount"></co-input-number-picker>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLineQuantityComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+
+class TransactionLineQuantityModule {
+}
+TransactionLineQuantityModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    PipeModule,
+                    InputNumberPickerModule
+                ],
+                declarations: [
+                    TransactionLineQuantityComponent
+                ],
+                exports: [
+                    TransactionLineQuantityComponent
+                ]
+            },] }
+];
+
+class TransactionLineLineDiscountComponent extends TransactionLineFieldsBaseComponent {
+    constructor(_transactionService) {
+        super();
+        this._transactionService = _transactionService;
+    }
+    set child(content) {
+        this.input = content;
+        this.input.commit = (discount) => this.commitDiscount(discount);
+    }
+    commitDiscount(discount) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionLine.lineDiscount !== discount) {
+                const oldDiscount = this.transactionLine.lineDiscount;
+                const success = yield this._transactionService.updateDiscountTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, DiscountType.TransactionLineDiscountPercentage, discount);
+                if (!success) {
+                    this.input.model = oldDiscount;
+                }
+                return success;
+            }
+            return true;
+        });
+    }
+}
+TransactionLineLineDiscountComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-line-discount",
+                template: `
+    <co-input-text #input
+                   [placeholder]="'DISCOUNT_PERCENTAGE' | localize"
+                   [type]="'number'"
+                   [showSaveCancel]="true"
+                   [model]="transactionLine.lineDiscount"
+    ></co-input-text>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLineLineDiscountComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+TransactionLineLineDiscountComponent.propDecorators = {
+    child: [{ type: ViewChild, args: ['input', { read: InputTextComponent },] }]
+};
+
+class TransactionLineLineDiscountModule {
+}
+TransactionLineLineDiscountModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    InputTextModule,
+                    PipeModule
+                ],
+                declarations: [
+                    TransactionLineLineDiscountComponent
+                ],
+                exports: [
+                    TransactionLineLineDiscountComponent
+                ]
+            },] }
+];
+
+class TransactionLinePriceComponent extends TransactionLineFieldsBaseComponent {
+    constructor(_transactionService) {
+        super();
+        this._transactionService = _transactionService;
+    }
+    set child(content) {
+        this.input = content;
+        this.input.commit = (price) => this.commitPrice(price);
+    }
+    commitPrice(price) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionLine.price !== price) {
+                const oldPrice = this.transactionLine.price;
+                const success = yield this._transactionService.updatePriceTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, price);
+                if (!success) {
+                    this.input.model = oldPrice;
+                }
+                return success;
+            }
+            return true;
+        });
+    }
+}
+TransactionLinePriceComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-price",
+                template: `
+    <co-input-text #input
+                   [placeholder]="'PRICE' | localize"
+                   [type]="'number'"
+                   [showSaveCancel]="true"
+                   [model]="transactionLine.price"
+    ></co-input-text>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLinePriceComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+TransactionLinePriceComponent.propDecorators = {
+    child: [{ type: ViewChild, args: ['input', { read: InputTextComponent },] }]
+};
+
+class TransactionLinePriceModule {
+}
+TransactionLinePriceModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    InputTextModule,
+                    PipeModule
+                ],
+                declarations: [
+                    TransactionLinePriceComponent
+                ],
+                exports: [
+                    TransactionLinePriceComponent
+                ]
+            },] }
+];
+
+class TransactionLineVatComponent extends TransactionLineFieldsBaseComponent {
+    constructor(_transactionService) {
+        super();
+        this._transactionService = _transactionService;
+        this.data = [];
+        this.fields = { text: "description", value: "vatId" };
+    }
+    ngOnInit() {
+        this._transactionService.getVatLists().then((vatList) => {
+            this.data = vatList.slice();
+        });
+    }
+    commitVat(id) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionLine.vatId !== id) {
+                const oldId = this.transactionLine.vatId;
+                const success = yield this._transactionService.updateVatTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, id);
+                if (!success) {
+                    this.transactionLine.vatId = oldId;
+                }
+                return success;
+            }
+            return true;
+        });
+    }
+}
+TransactionLineVatComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-vat",
+                template: `
+    <co-input-combo-box
+      [collection]="data"
+      [placeholder]="'VAT' | localize"
+      [fields]="fields"
+      [model]="transactionLine.vatId"
+      (modelChange)="commitVat($event)"
+    ></co-input-combo-box>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLineVatComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+
+class TransactionLineVatModule {
+}
+TransactionLineVatModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    PipeModule,
+                    InputComboBoxModule
+                ],
+                declarations: [
+                    TransactionLineVatComponent
+                ],
+                exports: [
+                    TransactionLineVatComponent
+                ]
+            },] }
+];
+
+class TransactionLinePriceListComponent extends TransactionLineFieldsBaseComponent {
+    constructor(_transactionService) {
+        super();
+        this._transactionService = _transactionService;
+        this.data = [];
+        this.fields = { text: "description", value: "code" };
+    }
+    ngOnInit() {
+        this._transactionService.getPriceLists().then((list) => {
+            this.data = list.slice();
+        });
+    }
+    commitPriceList(priceList) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionLine.priceListCode !== priceList) {
+                const oldPriceList = this.transactionLine.priceListCode;
+                const success = yield this._transactionService.updatePriceListTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, priceList);
+                if (!success) {
+                    this.transactionLine.priceListCode = oldPriceList;
+                }
+                return success;
+            }
+            return true;
+        });
+    }
+}
+TransactionLinePriceListComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-price-list",
+                template: `
+    <co-input-combo-box
+      [collection]="data"
+      [placeholder]="'PRICE_LIST' | localize"
+      [fields]="fields"
+      [model]="transactionLine.priceListCode"
+      (modelChange)="commitPriceList($event)"
+    ></co-input-combo-box>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLinePriceListComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+
+class TransactionLinePriceListModule {
+}
+TransactionLinePriceListModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    PipeModule,
+                    InputComboBoxModule
+                ],
+                declarations: [
+                    TransactionLinePriceListComponent
+                ],
+                exports: [
+                    TransactionLinePriceListComponent
+                ]
+            },] }
+];
+
+class TransactionLineDeliveryMethodComponent extends TransactionLineFieldsBaseComponent {
+    constructor(_transactionService) {
+        super();
+        this._transactionService = _transactionService;
+        this.data = [];
+        this.fields = { text: "description", value: "code" };
+    }
+    ngOnInit() {
+        this._transactionService.getDeliveryMethods().then((methods) => {
+            this.data = methods.slice();
+        });
+    }
+    commitDeliveryMethod(method) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionLine.deliveryMethodCode !== method) {
+                const oldMethod = this.transactionLine.deliveryMethodCode;
+                const success = yield this._transactionService.updateDeliveryMethodTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, method);
+                if (!success) {
+                    this.transactionLine.deliveryMethodCode = oldMethod;
+                }
+                return success;
+            }
+            return true;
+        });
+    }
+}
+TransactionLineDeliveryMethodComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-delivery-method",
+                template: `
+    <co-input-combo-box
+      [collection]="data"
+      [placeholder]="'DELIVERY_METHOD' | localize"
+      [fields]="fields"
+      (modelChange)="commitDeliveryMethod($event)"
+    ></co-input-combo-box>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLineDeliveryMethodComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+
+class TransactionLineDeliveryMethodModule {
+}
+TransactionLineDeliveryMethodModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    PipeModule,
+                    InputComboBoxModule
+                ],
+                declarations: [
+                    TransactionLineDeliveryMethodComponent
+                ],
+                exports: [
+                    TransactionLineDeliveryMethodComponent
+                ]
+            },] }
+];
+
+class TransactionLineDeliveryDateComponent extends TransactionLineFieldsBaseComponent {
+    constructor(_transactionService) {
+        super();
+        this._transactionService = _transactionService;
+    }
+    commitDeliveryDate(date) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionLine.deliveryDate !== date) {
+                const oldDate = this.transactionLine.deliveryDate;
+                const success = yield this._transactionService.updateDeliveryDateTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, date);
+                if (!success) {
+                    this.transactionLine.deliveryDate = oldDate;
+                }
+                return success;
+            }
+            return true;
+        });
+    }
+}
+TransactionLineDeliveryDateComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-delivery-date",
+                template: `
+    <co-input-date
+                   [placeholder]="'DELIVERY_DATE' | localize"
+                   [model]="transactionLine.deliveryDate"
+                   (modelChange)="commitDeliveryDate($event)"
+    ></co-input-date>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLineDeliveryDateComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+
+class TransactionLineDeliveryDateModule {
+}
+TransactionLineDeliveryDateModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    PipeModule,
+                    InputDatePickerModule
+                ],
+                declarations: [
+                    TransactionLineDeliveryDateComponent
+                ],
+                exports: [
+                    TransactionLineDeliveryDateComponent
+                ]
+            },] }
+];
+
+class TransactionLineReferenceComponent extends TransactionLineFieldsBaseComponent {
+    constructor(_transactionService) {
+        super();
+        this._transactionService = _transactionService;
+    }
+    set child(content) {
+        this.input = content;
+        this.input.commit = (reference) => this.commitReference(reference);
+    }
+    commitReference(reference) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionLine.reference !== reference) {
+                const oldRef = this.transactionLine.reference;
+                const success = yield this._transactionService.updateReferenceTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, reference);
+                if (!success) {
+                    this.input.model = oldRef;
+                }
+                return success;
+            }
+            return true;
+        });
+    }
+}
+TransactionLineReferenceComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-reference",
+                template: `
+    <co-input-text #input
+                   [placeholder]="'REFERENCE' | localize"
+                   [type]="'text'"
+                   [showSaveCancel]="true"
+    ></co-input-text>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLineReferenceComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+TransactionLineReferenceComponent.propDecorators = {
+    child: [{ type: ViewChild, args: ['input', { read: InputTextComponent },] }]
+};
+
+class TransactionLineReferenceModule {
+}
+TransactionLineReferenceModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    InputTextModule,
+                    PipeModule
+                ],
+                declarations: [
+                    TransactionLineReferenceComponent
+                ],
+                exports: [
+                    TransactionLineReferenceComponent
+                ]
+            },] }
+];
+
+class TransactionLineCommissionCodeComponent extends TransactionLineFieldsBaseComponent {
+    constructor(_transactionService) {
+        super();
+        this._transactionService = _transactionService;
+        this.data = [];
+        this.fields = { text: "description", value: "code" };
+    }
+    ngOnInit() {
+        this._transactionService.getCommissionCodes("NL").then((codes) => {
+            this.data = codes.slice();
+        });
+    }
+    commitCommissionCode(code) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionLine.commissionCode !== code) {
+                const oldCode = this.transactionLine.commissionCode;
+                const success = yield this._transactionService.updateCommissionCodeTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, code);
+                if (!success) {
+                    // this.transactionLine.commissionCode = code;
+                }
+                return success;
+            }
+            return true;
+        });
+    }
+}
+TransactionLineCommissionCodeComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-commission-code",
+                template: `
+    <co-input-combo-box
+      [collection]="data"
+      [placeholder]="'COMMISSION_CODE' | localize"
+      [fields]="fields"
+      [model]="transactionLine.commissionCode"
+      (modelChange)="commitCommissionCode($event)"
+    ></co-input-combo-box>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLineCommissionCodeComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+
+class TransactionLineCommissionCodeModule {
+}
+TransactionLineCommissionCodeModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    PipeModule,
+                    InputComboBoxModule
+                ],
+                declarations: [
+                    TransactionLineCommissionCodeComponent
+                ],
+                exports: [
+                    TransactionLineCommissionCodeComponent
+                ]
+            },] }
+];
+
+class TransactionLineWarehouseComponent extends TransactionLineFieldsBaseComponent {
+    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();
+        // })
+    }
+    commitWarehouse(warehouse) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionLine.warehouseNumber !== warehouse) {
+                const oldWarehouse = this.transactionLine.warehouseNumber;
+                const success = yield this._transactionService.updateWarehouseTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, warehouse);
+                if (!success) {
+                    this.transactionLine.warehouseNumber = warehouse;
+                }
+                return success;
+            }
+            return true;
+        });
+    }
+}
+TransactionLineWarehouseComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-warehouse",
+                template: `
+    <co-input-combo-box
+      [collection]="data"
+      [placeholder]="'WAREHOUSE' | localize"
+      [fields]="fields"
+      [model]="transactionLine.warehouseNumber"
+      (modelChange)="commitWarehouse($event)"
+    ></co-input-combo-box>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLineWarehouseComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+
+class TransactionLineWarehouseModule {
+}
+TransactionLineWarehouseModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    InputTextModule,
+                    PipeModule,
+                    InputComboBoxModule
+                ],
+                declarations: [
+                    TransactionLineWarehouseComponent
+                ],
+                exports: [
+                    TransactionLineWarehouseComponent
+                ]
+            },] }
+];
+
+class TransactionLineDiscountAmountComponent extends TransactionLineFieldsBaseComponent {
+    constructor(_transactionService) {
+        super();
+        this._transactionService = _transactionService;
+    }
+    set child(content) {
+        this.input = content;
+        this.input.commit = (discount) => this.commitDiscount(discount);
+    }
+    commitDiscount(discount) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionLine.discountAmount !== discount) {
+                const oldDiscount = this.transactionLine.discountAmount;
+                const success = yield this._transactionService.updateDiscountTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, DiscountType.TransactionLineDiscountAmount, discount);
+                if (!success) {
+                    this.input.model = oldDiscount;
+                }
+                return success;
+            }
+            return true;
+        });
+    }
+}
+TransactionLineDiscountAmountComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-discount-amount",
+                template: `
+    <co-input-text #input
+                   [placeholder]="'DISCOUNT_AMOUNT' | localize"
+                   [type]="'number'"
+                   [showSaveCancel]="true"
+                   [model]="transactionLine.discountAmount"
+    ></co-input-text>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLineDiscountAmountComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+TransactionLineDiscountAmountComponent.propDecorators = {
+    child: [{ type: ViewChild, args: ['input', { read: InputTextComponent },] }]
+};
+
+class TransactionLineDiscountAmountModule {
+}
+TransactionLineDiscountAmountModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    PipeModule,
+                    InputTextModule
+                ],
+                declarations: [
+                    TransactionLineDiscountAmountComponent
+                ],
+                exports: [
+                    TransactionLineDiscountAmountComponent
+                ]
+            },] }
+];
+
+class TransactionLineQuantumDiscountComponent extends TransactionLineFieldsBaseComponent {
+    constructor(_transactionService) {
+        super();
+        this._transactionService = _transactionService;
+    }
+    set child(content) {
+        this.input = content;
+        this.input.commit = (discount) => this.commitDiscount(discount);
+    }
+    commitDiscount(discount) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionLine.quantumDiscount !== discount) {
+                const oldDiscount = this.transactionLine.quantumDiscount;
+                const success = yield this._transactionService.updateDiscountTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, DiscountType.TransactionLineQuantumDiscountPercentage, discount);
+                if (!success) {
+                    this.input.model = oldDiscount;
+                }
+                return success;
+            }
+            return true;
+        });
+    }
+}
+TransactionLineQuantumDiscountComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-quantum-discount",
+                template: `
+    <co-input-text #input
+                   [placeholder]="'QUANTUM_DISCOUNT' | localize"
+                   [type]="'number'"
+                   [showSaveCancel]="true"
+                   [model]="transactionLine.quantumDiscount"
+    ></co-input-text>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLineQuantumDiscountComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+TransactionLineQuantumDiscountComponent.propDecorators = {
+    child: [{ type: ViewChild, args: ['input', { read: InputTextComponent },] }]
+};
+
+class TransactionLineQuantumDiscountModule {
+}
+TransactionLineQuantumDiscountModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    InputTextModule,
+                    PipeModule
+                ],
+                declarations: [
+                    TransactionLineQuantumDiscountComponent
+                ],
+                exports: [
+                    TransactionLineQuantumDiscountComponent
+                ]
+            },] }
+];
+
+class TransactionLineSpecialDiscountComponent extends TransactionLineFieldsBaseComponent {
+    constructor(_transactionService) {
+        super();
+        this._transactionService = _transactionService;
+    }
+    set child(content) {
+        this.input = content;
+        this.input.commit = (discount) => this.commitDiscount(discount);
+    }
+    commitDiscount(discount) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.transactionLine.specialDiscount !== discount) {
+                const oldDiscount = this.transactionLine.specialDiscount;
+                const success = yield this._transactionService.updateDiscountTransactionLine(this._transactionService.currentTransaction.transactionInfo.uuid, this.transactionLine.uuid, DiscountType.TransactionLineSpecialDiscountPercentage, discount);
+                if (!success) {
+                    this.input.model = oldDiscount;
+                }
+                return success;
+            }
+            return true;
+        });
+    }
+}
+TransactionLineSpecialDiscountComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-line-special-discount",
+                template: `
+    <co-input-text #input
+                   [placeholder]="'SPECIAL_DISCOUNT' | localize"
+                   [type]="'number'"
+                   [showSaveCancel]="true"
+                   [model]="transactionLine.specialDiscount"
+    ></co-input-text>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionLineSpecialDiscountComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+TransactionLineSpecialDiscountComponent.propDecorators = {
+    child: [{ type: ViewChild, args: ['input', { read: InputTextComponent },] }]
+};
+
+class TransactionLineSpecialDiscountModule {
+}
+TransactionLineSpecialDiscountModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    InputTextModule,
+                    PipeModule
+                ],
+                declarations: [
+                    TransactionLineSpecialDiscountComponent
+                ],
+                exports: [
+                    TransactionLineSpecialDiscountComponent
+                ]
+            },] }
+];
+
+class TransactionLineSidePanelDefaultModule {
+}
+TransactionLineSidePanelDefaultModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoreModule,
+                    PipeModule,
+                    ButtonModule,
+                    CollapsibleModule,
+                    InputTextModule,
+                    InputComboBoxModule,
+                    InputDatePickerModule,
+                    InputNumberPickerModule,
+                    TransactionLinePriceModule,
+                    TransactionLinePriceListModule,
+                    TransactionLineVatModule,
+                    TransactionLineQuantityModule,
+                    TransactionLineLineDiscountModule,
+                    TransactionLineDeliveryMethodModule,
+                    TransactionLineDeliveryDateModule,
+                    TransactionLineReferenceModule,
+                    TransactionLineCommissionCodeModule,
+                    TransactionLineWarehouseModule,
+                    TransactionLineDiscountAmountModule,
+                    TransactionLineQuantumDiscountModule,
+                    TransactionLineSpecialDiscountModule
+                ],
+                declarations: [
+                    TransactionLineSidePanelDefaultComponent
+                ],
+                exports: [
+                    TransactionLineSidePanelDefaultComponent
+                ]
+            },] }
+];
+
+class TransactionReceivingGoodsHistoryComponent {
+    constructor() {
+        this.transactionLines = [];
+    }
+    showClass() {
+        return true;
+    }
+}
+TransactionReceivingGoodsHistoryComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-receiving-goods-history",
+                template: `
+    <div class="history-grid-wrapper">
+      <co-transaction-history-grid [transactionLines]="transactionLines">
+        <co-simple-grid-column [headerText]="'WAREHOUSE' | localize" [field]="'warehouseNumber'" [order]="40"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'LOCATION' | localize" [field]="'warehouseLocation'" [order]="60"></co-simple-grid-column>
+      </co-transaction-history-grid>
+    </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionReceivingGoodsHistoryComponent.propDecorators = {
+    transactionLines: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-receiving-goods-history",] }]
+};
+
+var StatusType;
+(function (StatusType) {
+    StatusType["Unknown"] = "UNKNOWN";
+})(StatusType || (StatusType = {}));
+
+class TransactionHistoryGridComponent {
+    constructor() {
+        this.tabCategory = TabCategory;
+        this.statusType = StatusType;
+        this.extraColumns = [];
+    }
+    set content(columnComponents) {
+        this.extraColumns = columnComponents.toArray();
+    }
+    showClass() {
+        return true;
+    }
+    handleSelectRow(row) {
+        //
+    }
+}
+TransactionHistoryGridComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-history-grid",
+                template: `
+    <div class="history-grid-wrapper">
+      <co-simple-grid [data]="transactionLines" [extraColumns]="extraColumns" (selectRow)="handleSelectRow($event)">
+        <co-simple-grid-column [headerText]="'STATE' | localize" [field]="'status'" [order]="10">
+          <ng-template #template let-row="row">
+            <co-transaction-history-grid-status [statusType]="statusType.Unknown"></co-transaction-history-grid-status>
+          </ng-template>
+        </co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'DELIVERY_DATE' | localize" [field]="'deliveryDate'" [order]="20"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'AMOUNT' | localize" [field]="'amount'" [order]="30"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'REFERENCE' | localize" [field]="'referenceNumber'" [order]="50"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'USER' | localize" [field]="'user'" [order]="70"></co-simple-grid-column>
+      </co-simple-grid>
+    </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionHistoryGridComponent.propDecorators = {
+    content: [{ type: ContentChildren, args: [SimpleGridColumnDirective,] }],
+    transactionLines: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-history-grid",] }]
+};
+
+class TransactionHistoryGridStatusComponent {
+    showClass() {
+        return true;
+    }
+    _getStatusIndicatorColor() {
+        switch (this.statusType) {
+            case StatusType.Unknown:
+                return '#dce4ea';
+        }
+    }
+    ngAfterViewInit() {
+        if (this.statusIndicator) {
+            this.statusIndicator.nativeElement.style.background = this._getStatusIndicatorColor();
+        }
+    }
+}
+TransactionHistoryGridStatusComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-history-grid-status",
+                template: `
+    <div class="transaction-status-indication">
+      <div #statusIndicator class="status-color-circle"></div>
+      <span class="status-text" [textContent]="statusType | localize"></span>
+    </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionHistoryGridStatusComponent.propDecorators = {
+    statusType: [{ type: Input }],
+    statusIndicator: [{ type: ViewChild, args: ["statusIndicator", { read: ElementRef },] }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-history-grid-status",] }]
+};
+
+class TransactionHistoryGridStatusModule {
+}
+TransactionHistoryGridStatusModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoreModule,
+                    PipeModule
+                ],
+                declarations: [
+                    TransactionHistoryGridStatusComponent
+                ],
+                exports: [
+                    TransactionHistoryGridStatusComponent
+                ]
+            },] }
+];
+
+class TransactionHistoryGridModule {
+}
+TransactionHistoryGridModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoreModule,
+                    SimpleGridModule,
+                    PipeModule,
+                    TransactionHistoryGridStatusModule
+                ],
+                declarations: [
+                    TransactionHistoryGridComponent
+                ],
+                exports: [
+                    TransactionHistoryGridComponent
+                ]
+            },] }
+];
+
+class TransactionReceivingGoodsHistoryModule {
+}
+TransactionReceivingGoodsHistoryModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoreModule,
+                    PipeModule,
+                    SimpleGridModule,
+                    TransactionHistoryGridModule
+                ],
+                declarations: [
+                    TransactionReceivingGoodsHistoryComponent
+                ],
+                exports: [
+                    TransactionReceivingGoodsHistoryComponent
+                ]
+            },] }
+];
+
+class TransactionReceivingGoodsDetailsComponent {
+    constructor() {
+        this.transactionLineInfo = new TransactionLineInfo();
+    }
+    showClass() {
+        return true;
+    }
+}
+TransactionReceivingGoodsDetailsComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'co-transaction-receiving-goods-details',
+                template: `
+    <div class="receipt-details-wrapper">
+      <span class="details-header" [textContent]="'RECEIPT_DETAILS' | localize | uppercase"></span>
+      <div class="columns-wrapper">
+        <div class="details-column">
+          <co-input-text class="details-input" [(model)]="transactionLineInfo.amount" [placeholder]="'AMOUNT' | localize"></co-input-text>
+          <co-input-text class="details-input" [(model)]="transactionLineInfo.warehouseNumber" [placeholder]="'WAREHOUSE' | localize"></co-input-text>
+          <co-input-text class="details-input" [(model)]="valuePlaceholder" [placeholder]="'LOCATION' | localize"></co-input-text>
+        </div>
+        <div class="divider-wrapper"><div class="divider"></div></div>
+        <div class="details-column">
+          <co-input-text class="details-input" [(model)]="valuePlaceholder" [placeholder]="'BATCH_NUMBER' | localize"></co-input-text>
+          <co-input-text class="details-input" [(model)]="valuePlaceholder" [placeholder]="'SERIAL_NUMBER' | localize"></co-input-text>
+          <co-input-text class="details-input" [(model)]="transactionLineInfo.refLineNr" [placeholder]="'REFERENCE_ID' | localize"></co-input-text>
+        </div>
+      </div>
+    </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionReceivingGoodsDetailsComponent.propDecorators = {
+    transactionLineInfo: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-receiving-goods-details",] }]
+};
+
+class TransactionReceivingGoodsDetailsModule {
+}
+TransactionReceivingGoodsDetailsModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoreModule,
+                    PipeModule,
+                    InputTextModule,
+                ],
+                declarations: [
+                    TransactionReceivingGoodsDetailsComponent
+                ],
+                exports: [
+                    TransactionReceivingGoodsDetailsComponent
+                ]
+            },] }
+];
+
+class TransactionConfirmationHistoryComponent {
+    constructor() {
+        this.transactionLines = [];
+    }
+    showClass() {
+        return true;
+    }
+}
+TransactionConfirmationHistoryComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-confirmation-history",
+                template: `
+    <div class="history-grid-wrapper">
+      <co-transaction-history-grid [transactionLines]="transactionLines">
+        <co-simple-grid-column [headerText]="'PRICE' | localize" [field]="'price'" [order]="40"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'DATE' | localize" [field]="'date'" [order]="60"></co-simple-grid-column>
+      </co-transaction-history-grid>
+    </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionConfirmationHistoryComponent.propDecorators = {
+    transactionLines: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-confirmation-history",] }]
+};
+
+class TransactionConfirmationHistoryModule {
+}
+TransactionConfirmationHistoryModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoreModule,
+                    PipeModule,
+                    SimpleGridModule,
+                    TransactionHistoryGridModule
+                ],
+                declarations: [
+                    TransactionConfirmationHistoryComponent
+                ],
+                exports: [
+                    TransactionConfirmationHistoryComponent
+                ]
+            },] }
+];
+
+class TransactionLineSidePanelModule {
+}
+TransactionLineSidePanelModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoreModule,
+                    TransactionLineSidePanelDefaultModule,
+                    TransactionReceivingGoodsHistoryModule,
+                    TransactionReceivingGoodsDetailsModule,
+                    PipeModule,
+                    ButtonModule,
+                    TransactionNavBarModule,
+                    PriceDisplayPipeModule,
+                    TransactionConfirmationHistoryModule
+                ],
+                declarations: [
+                    TransactionLineSidePanelComponent
+                ],
+                exports: [
+                    TransactionLineSidePanelComponent
+                ]
+            },] }
+];
+
+class OrderConfirmationGridComponent {
+    constructor(_transactionService) {
+        this._transactionService = _transactionService;
+        this.icons = Icon;
+        this.orderLines = [];
+        this.sidePanelClicked = new EventEmitter();
+        this.orderGridData = [];
+    }
+    showClass() {
+        return true;
+    }
+    ngOnInit() {
+        const data = [
+            ["Een omschrijving voor een prachtig product. Deze omschrijving is redelijk lang om te checken wat er gebeurd " +
+                    "wanneer een omschrijving redelijk lang is.", "123456789", "142", "420", "10", ""],
+            ["Een omschrijving voor een prachtig product.", "123456789", "142", "420", "10", ""],
+            ["Een omschrijving voor een prachtig product.", "123456789", "", "142", "420", "10", "360", "111", "", "12-12-2012", ""],
+            ["Een omschrijving voor een prachtig product.", "123456789", "", "142", "420", "10", "360", "111", "", "12-12-2012", ""],
+            ["Een omschrijving voor een prachtig product.", "123456789", "", "142", "420", "10", "360", "111", "", "12-12-2012", ""],
+        ];
+        data.forEach((d) => {
+            const row = {
+                description: d[0],
+                articleImage: d[1],
+                articleNumber: d[2],
+                location: d[3],
+                inOrder: d[4],
+                sideMenuButton: d[5]
+            };
+            this.orderGridData.push(row);
+        });
+    }
+    openSidePanel() {
+        this.sidePanelClicked.emit();
+    }
+}
+OrderConfirmationGridComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-order-confirmation-grid",
+                template: `
+    <div>
+      <co-order-grid [orderLines]="orderGridData" (sidePanelClicked)="openSidePanel()">
+        <co-simple-grid-column [headerText]="'GROSS_PRICE' | localize" [field]="'grossPrice'" [order]="51"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'DISCOUNT' | localize" [field]="'discount'" [order]="52"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'NETTO_PRICE' | localize" [field]="'nettoPrice'" [order]="53"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'CONFIRMED' | localize" [field]="'confirmed'" [order]="54"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'Commit button'" [field]="'commitButton'" [order]="55">
+          <ng-template #template let-row = "row">
+            <co-input-checkbox></co-input-checkbox>
+          </ng-template>
+        </co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'DELIVERY_DATE' | localize" [field]="'deliveryDate'" [order]="56"></co-simple-grid-column>
+      </co-order-grid>
+    </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+OrderConfirmationGridComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+OrderConfirmationGridComponent.propDecorators = {
+    orderLines: [{ type: Input }],
+    sidePanelClicked: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-payment",] }]
+};
+
+class OrderGridComponent {
+    constructor(_transactionService) {
+        this._transactionService = _transactionService;
+        this.icons = Icon;
+        this.align = ColumnAlign;
+        this.sidePanelClicked = new EventEmitter();
+        this.orderLines = [];
+        this.gridData = [];
+        this.extraColumns = [];
+    }
+    set content(columnComponents) {
+        this.extraColumns = columnComponents.toArray();
+    }
+    showClass() {
+        return true;
+    }
+    ngOnInit() {
+        const data = [
+            ["Een omschrijving voor een prachtig product. Deze omschrijving is redelijk lang om te checken wat er gebeurd " +
+                    "wanneer een omschrijving redelijk lang is.", "123456789", "142", "420", "10", ""],
+            ["Een omschrijving voor een prachtig product.", "123456789", "142", "420", "10", ""],
+            ["Een omschrijving voor een prachtig product.", "123456789", "", "142", "420", "10", "360", "111", "", "12-12-2012", ""],
+            ["Een omschrijving voor een prachtig product.", "123456789", "", "142", "420", "10", "360", "111", "", "12-12-2012", ""],
+            ["Een omschrijving voor een prachtig product.", "123456789", "", "142", "420", "10", "360", "111", "", "12-12-2012", ""],
+        ];
+        data.forEach((d) => {
+            const row = {
+                description: d[0],
+                articleImage: d[1],
+                articleNumber: d[2],
+                location: d[3],
+                inOrder: d[4],
+                grossPrice: d[5],
+                discount: d[6],
+                nettoPrice: d[7],
+                confirmed: d[8],
+                deliveryDate: d[9],
+                sideMenuButton: d[10]
+            };
+            this.gridData.push(row);
+        });
+    }
+    handleDrop(data) {
+    }
+    openSidePanel() {
+        this.sidePanelClicked.emit(true);
+    }
+}
+OrderGridComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-order-grid",
+                template: `
+    <div>
+      <co-simple-grid [data]="gridData" [extraColumns]="extraColumns" [dragDropEnabled]="true" [emitDragDrop]="true" (onDrop)="handleDrop($event)">
+        <co-simple-grid-column [headerText]="'GOOD_DESCRIPTION' | localize" [width]="300" [field]="'description'" [order]="10"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'ARTICLE_IMAGE' | localize" [field]="'articleImage'" [order]="20"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'ARTICLE_NR' | localize" [field]="'articleNumber'" [order]="30"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'LOCATION' | localize" [width]="100" [field]="'location'" [textAlign]="align.Center" [order]="40">
+          <ng-template #template let-row = "row">
+            <div class="co-order-grid-location-icon-wrapper">
+              <icon class="co-order-grid-menu-icon" [icon]="icons.Warehouse"></icon>
+              <span [textContent]="'98'"></span>
+            </div>
+            <div class="co-order-grid-location-icon-wrapper">
+              <icon class="co-order-grid-menu-icon" [icon]="icons.MapMarker"></icon>
+              <span [textContent]="'A01'"></span>
+            </div>
+            <div class="co-order-grid-location-icon-wrapper">
+              <icon class="co-order-grid-menu-icon" [icon]="icons.Truck"></icon>
+              <span [textContent]="'Black'"></span>
+            </div>
+          </ng-template>
+        </co-simple-grid-column>
+        <co-simple-grid-column [headerText]="'IN_ORDER' | localize" [field]="'inOrder'" [order]="50"></co-simple-grid-column>
+        <co-simple-grid-column [headerText]="''" [width]="40" [field]="'sideMenuButton'" [order]="60">
+          <ng-template #template let-row = "row">
+            <icon class="sidepanel-icon" [icon]="icons.Menu" (click)="openSidePanel()"></icon>
+          </ng-template>
+        </co-simple-grid-column>
+      </co-simple-grid>
+    </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+OrderGridComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+OrderGridComponent.propDecorators = {
+    content: [{ type: ContentChildren, args: [SimpleGridColumnDirective,] }],
+    showClass: [{ type: HostBinding, args: ["class.co-order-grid",] }],
+    sidePanelClicked: [{ type: Output }],
+    orderLines: [{ type: Input }]
+};
+
+class OrderGridModule {
+}
+OrderGridModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoreModule,
+                    PipeModule,
+                    SimpleGridModule,
+                    ButtonModule,
+                    TransactionLineSidePanelModule,
+                ],
+                declarations: [
+                    OrderGridComponent
+                ],
+                exports: [
+                    OrderGridComponent
+                ]
+            },] }
+];
+
+class OrderConfirmationGridModule {
+}
+OrderConfirmationGridModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoreModule,
+                    PipeModule,
+                    SimpleGridModule,
+                    ButtonModule,
+                    OrderGridModule,
+                    InputCheckboxModule
+                ],
+                declarations: [
+                    OrderConfirmationGridComponent
+                ],
+                exports: [
+                    OrderConfirmationGridComponent
+                ]
+            },] }
+];
+
+class TransactionModule {
+}
+TransactionModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoreModule,
+                    TransactionHeaderModule,
+                    TransactionLinesModule,
+                    TransactionTotalsModule,
+                    ButtonModule,
+                    TransactionLinesGridModule,
+                    CoDialogModule,
+                    FormModule,
+                    InputTextModule,
+                    CoSidebarModule,
+                    DiscountModule,
+                    TransactionCommitBarModule,
+                    TransactionNavBarModule,
+                    PipeModule,
+                    TransactionLineSidePanelModule,
+                    OrderConfirmationGridModule
                 ],
                 declarations: [
                     TransactionComponent
@@ -7044,5 +9231,5 @@ TransactionLineGridModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { CheckoutComponent, CheckoutModule, ShoppingCartComponent, ShoppingCartModule, ShoppingCartPreviewComponent, ShoppingCartPreviewModule, TransactionComponent, TransactionHeaderComponent, TransactionHeaderContactComponent, TransactionHeaderContactModule, TransactionHeaderDeliveryComponent, TransactionHeaderDeliveryModule, TransactionHeaderModule, TransactionHeaderRelationComponent, TransactionHeaderRelationModule, TransactionLineComponent, TransactionLineGridComponent, TransactionLineGridModule, TransactionLineModule, TransactionLinesComponent, TransactionLinesGridComponent, TransactionLinesGridModule, TransactionLinesModule, TransactionModule, TransactionService, TransactionTotalsComponent, TransactionTotalsModule, PendingReasonService as ɵa, DialogService as ɵb, TileModule as ɵba, TileComponent as ɵbb, RelationAddressTileComponent as ɵbc, RelationAddressSelectComponent as ɵbd, BusinessObjectFactory as ɵbe, StepperModule as ɵbf, StepperComponent as ɵbg, StepperStepComponent as ɵbh, TransactionArticleTextModule as ɵbi, TransactionArticleTextComponent as ɵbj, TransactionArticleTextOverviewModule as ɵbk, TransactionArticleTextOverviewComponent as ɵbl, TransactionLineSidePanelModule as ɵbm, TransactionLineSidePanelComponent as ɵbn, SellerInformationModule as ɵbo, SellerInformationComponent as ɵbp, DeliveryTypeTileModule as ɵbq, DeliveryTypeTileComponent as ɵbr, PaymentModule as ɵbs, PaymentTileModule as ɵbt, PaymentTileComponent as ɵbu, PaymentComponent as ɵbv, CheckoutOverviewRelationEditComponent as ɵbw, CheckoutOverviewDeliveryEditComponent as ɵbx, CheckoutOverviewDeliveryAddressComponent as ɵby, CheckOutRelationSuggestionsListComponent as ɵbz, OptionsService as ɵc, CheckOutRelationSuggestionsListItemComponent as ɵca, CheckoutLoginComponent as ɵcb, TransactionBaseComponent as ɵcc, DiscountModule as ɵcd, DiscountComponent as ɵce, DictionaryService as ɵd, IOneConnectorAdapterService as ɵe, CoreModule as ɵf, ConfirmationDialogModule as ɵg, PipeModule as ɵh, AppendPipe as ɵi, DeliveryTimePipe as ɵj, DateDurationPipe as ɵk, LocalizePipe as ɵl, CoCurrencyPipe as ɵm, SafeStylePipe as ɵn, SafeHtmlPipe as ɵo, ConfirmationDialogComponent as ɵp, DialogBaseComponent as ɵq, ImageDisplayComponent as ɵr, IconComponent as ɵs, IconCacheService as ɵt, CustomerGroupsComponent as ɵu, StockStatusIndicatorComponent as ɵv, RelationAddressModule as ɵw, RelationAddressComponent as ɵx, RelationAddressSelectModule as ɵy, RelationAddressTileModule as ɵz };
+export { CheckoutComponent, CheckoutModule, ShoppingCartComponent, ShoppingCartModule, ShoppingCartPreviewComponent, ShoppingCartPreviewModule, TransactionComponent, TransactionHeaderComponent, TransactionHeaderContactComponent, TransactionHeaderContactModule, TransactionHeaderDeliveryComponent, TransactionHeaderDeliveryModule, TransactionHeaderModule, TransactionHeaderRelationComponent, TransactionHeaderRelationModule, TransactionLineComponent, TransactionLineGridComponent, TransactionLineGridModule, TransactionLineModule, TransactionLinesComponent, TransactionLinesGridComponent, TransactionLinesGridModule, TransactionLinesModule, TransactionModule, TransactionService, TransactionTotalsComponent, TransactionTotalsModule, PendingReasonService as ɵa, DialogService as ɵb, RelationAddressTileModule as ɵba, TileModule as ɵbb, TileComponent as ɵbc, RelationAddressTileComponent as ɵbd, RelationAddressSelectComponent as ɵbe, BusinessObjectFactory as ɵbf, StepperModule as ɵbg, StepperComponent as ɵbh, StepperStepComponent as ɵbi, TransactionArticleTextModule as ɵbj, TransactionArticleTextComponent as ɵbk, TransactionArticleTextOverviewModule as ɵbl, TransactionArticleTextOverviewComponent as ɵbm, SellerInformationModule as ɵbn, SellerInformationComponent as ɵbo, DeliveryTypeTileModule as ɵbp, DeliveryTypeTileComponent as ɵbq, PaymentModule as ɵbr, PaymentTileModule as ɵbs, PaymentTileComponent as ɵbt, PaymentComponent as ɵbu, CheckoutOverviewRelationEditComponent as ɵbv, CheckoutOverviewDeliveryEditComponent as ɵbw, CheckoutOverviewDeliveryAddressComponent as ɵbx, CheckOutRelationSuggestionsListComponent as ɵby, CheckOutRelationSuggestionsListItemComponent as ɵbz, OptionsService as ɵc, CheckoutLoginComponent as ɵca, TransactionBaseComponent as ɵcb, DiscountModule as ɵcc, DiscountComponent as ɵcd, TransactionCommitBarModule as ɵce, TransactionCommitBarComponent as ɵcf, TransactionNavBarModule as ɵcg, TransactionNavBarComponent as ɵch, TransactionNavBarButtonComponent as ɵci, TransactionLineSidePanelModule as ɵcj, TransactionLineSidePanelDefaultModule as ɵck, TransactionLinePriceModule as ɵcl, TransactionLinePriceComponent as ɵcm, TransactionLineFieldsBaseComponent as ɵcn, TransactionLinePriceListModule as ɵco, TransactionLinePriceListComponent as ɵcp, TransactionLineVatModule as ɵcq, TransactionLineVatComponent as ɵcr, TransactionLineQuantityModule as ɵcs, TransactionLineQuantityComponent as ɵct, TransactionLineLineDiscountModule as ɵcu, TransactionLineLineDiscountComponent as ɵcv, TransactionLineDeliveryMethodModule as ɵcw, TransactionLineDeliveryMethodComponent as ɵcx, TransactionLineDeliveryDateModule as ɵcy, TransactionLineDeliveryDateComponent as ɵcz, DictionaryService as ɵd, TransactionLineReferenceModule as ɵda, TransactionLineReferenceComponent as ɵdb, TransactionLineCommissionCodeModule as ɵdc, TransactionLineCommissionCodeComponent as ɵdd, TransactionLineWarehouseModule as ɵde, TransactionLineWarehouseComponent as ɵdf, TransactionLineDiscountAmountModule as ɵdg, TransactionLineDiscountAmountComponent as ɵdh, TransactionLineQuantumDiscountModule as ɵdi, TransactionLineQuantumDiscountComponent as ɵdj, TransactionLineSpecialDiscountModule as ɵdk, TransactionLineSpecialDiscountComponent as ɵdl, TransactionLineSidePanelDefaultComponent as ɵdm, TransactionReceivingGoodsHistoryModule as ɵdn, TransactionHistoryGridModule as ɵdo, TransactionHistoryGridStatusModule as ɵdp, TransactionHistoryGridStatusComponent as ɵdq, TransactionHistoryGridComponent as ɵdr, TransactionReceivingGoodsHistoryComponent as ɵds, TransactionReceivingGoodsDetailsModule as ɵdt, TransactionReceivingGoodsDetailsComponent as ɵdu, TransactionConfirmationHistoryModule as ɵdv, TransactionConfirmationHistoryComponent as ɵdw, TransactionLineSidePanelComponent as ɵdx, OrderConfirmationGridModule as ɵdy, OrderGridModule as ɵdz, IOneConnectorAdapterService as ɵe, OrderGridComponent as ɵea, OrderConfirmationGridComponent as ɵeb, CoreModule as ɵf, ConfirmationDialogModule as ɵg, PipeModule as ɵh, AppendPipe as ɵi, DeliveryTimePipe as ɵj, DateDurationPipe as ɵk, LocalizePipe as ɵl, CoCurrencyPipe as ɵm, SafeStylePipe as ɵn, SafeHtmlPipe as ɵo, ConfirmationDialogComponent as ɵp, DialogBaseComponent as ɵq, ImageDisplayComponent as ɵr, IconComponent as ɵs, IconCacheService as ɵt, CustomerGroupsComponent as ɵu, StockStatusIndicatorComponent as ɵv, DefaultOkCancelButtonsComponent as ɵw, RelationAddressModule as ɵx, RelationAddressComponent as ɵy, RelationAddressSelectModule as ɵz };
 //# sourceMappingURL=colijnit-transaction.js.map