@colijnit/transaction 12.1.16 → 12.1.19

package/fesm2015/colijnit-transaction.js

@@ -43,8 +43,14 @@ import { OnHoldCode } from '@colijnit/transactionapi/build/model/on-hold-code.bo
 import { Warehouse } from '@colijnit/transactionapi/build/model/warehouse.bo';
 import { CodeDescription } from '@colijnit/transactionapi/build/model/code-description';
 import { GoodsReceiptStatusWithHistory } from '@colijnit/transactionapi/build/model/goods-receipt-status-with-history.bo';
+import { PaymentMethod } from '@colijnit/transactionapi/build/model/payment-method.bo';
 import { RelationStatus } from '@colijnit/transactionapi/build/enum/relation-status.enum';
 import { ResolveLinePendingReasonRequest } from '@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo';
+import { Articles } from '@colijnit/articleapi/build/articles';
+import { StockLocation } from '@colijnit/articleapi/build/model/stock-location.bo';
+import { ArticleLight } from '@colijnit/articleapi/build/model/article-light.bo';
+import { TurnoverGroupImage } from '@colijnit/articleapi/build/model/turnover-group-image.bo';
+import { MainArticle } from '@colijnit/articleapi/build/model/main-article.bo';
 import { 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, InputTextComponent, SimpleGridModule, GridToolbarButtonModule, InputSearchModule, FilterItemModule, InputDateRangePickerModule } from '@colijnit/corecomponents_v12';
 import { FlexModule } from '@angular/flex-layout';
 import { CommunicationType } from '@colijnit/transactionapi/build/enum/communication-type.enum';
@@ -65,18 +71,17 @@ import { StockStatus } from '@colijnit/transactionapi/build/enum/refcode/stock-s
 import { RelationRequest } from '@colijnit/transactionapi/build/model/relation-request';
 import { Sharedapi } from '@colijnit/sharedapi/build/sharedapi';
 import { CoDocument } from '@colijnit/sharedapi/build/model/co-document.bo';
-import { PaymentMethod } from '@colijnit/transactionapi/build/model/payment-method.bo';
 import { KeyPadModule } from '@colijnit/sharedcomponents';
 import { DiscountType } from '@colijnit/transactionapi/build/enum/discount-type.enum';
 import { ReceiveGoodsForPurchaseOrderCorrectionRequest } from '@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-correction-request.bo';
 import { PurchaseOrderLineReceiptCorrectionDetails } from '@colijnit/transactionapi/build/model/purchase-order-line-receipt-correction-details.bo';
 import { PurchaseOrderLineReceiptDetails } from '@colijnit/transactionapi/build/model/purchase-order-line-receipt-details.bo';
 import { ReceiveGoodsForPurchaseOrderRequest } from '@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-request.bo';
-import { Articles } from '@colijnit/articleapi/build/articles';
-import { StockLocation } from '@colijnit/articleapi/build/model/stock-location.bo';
 import { GoodsReceiptStatus } from '@colijnit/transactionapi/build/model/goods-receipt-status.bo';
 import { TransactionSearchViewRequest } from '@colijnit/transactionapi/build/model/transaction-search-view-request';
 import { RelationKind } from '@colijnit/transactionapi/build/enum/relation-kind.enum';
+import { ArticleExtendedRequest } from '@colijnit/articleapi/build/model/article-extended-request';
+import { QuantityInHistoricState } from '@colijnit/transactionapi/build/enum/quantity-in-historic-state.enum';
 
 var LanguageCode;
 (function (LanguageCode) {
@@ -267,6 +272,11 @@ class Dictionary {
                 "FEMALE": "Vrouw",
                 "FIRST_NAME": "Voornaam",
                 "FREE": "Gratis",
+                "FULLY_ALLOCATED": "Volledig toegewezen",
+                "FULLY_DELIVERED": "Volledig geleverd",
+                "FULLY_INVOICED": "Volledig gefactureerd",
+                "FULLY_TO_BE_PICKED": "Volledig te picken",
+                "FULLY_PICKED": "Volledig gepickt",
                 "GROSS_PRICE": "Bruto prijs",
                 "GOOD_DESCRIPTION": "Artikelomschrijving",
                 "HANDLED_BY": "Verkoper",
@@ -306,6 +316,11 @@ class Dictionary {
                 "NO_IMAGE": "Geen afbeelding",
                 "NOT_AFTER": "Niet later dan",
                 "NOT_BEFORE": "Niet eerder dan",
+                "NOTHING_ALLOCATED": "Niets toegewezen",
+                "NOTHING_DELIVERED": "Niets geleverd",
+                "NOTHING_INVOICED": "Niets gefactureerd",
+                "NOTHING_TO_BE_PICKED": "Niets te picken",
+                "NOTHING_PICKED": "Niets gepickt",
                 "NR": "Nummer",
                 "NUMBER": "Aantal",
                 "ON_DATE": "Op datum",
@@ -330,6 +345,11 @@ class Dictionary {
                 "PAID_DOWN2": "Aanbetaald",
                 "PART_DELIVERY": "Deellevering",
                 "PART_DELIVERIES": "Deelleveringen",
+                "PARTLY_ALLOCATED": "Gedeeltelijk toegewezen",
+                "PARTLY_DELIVERED": "Gedeeltelijk geleverd",
+                "PARTLY_INVOICED": "Gedeeltelijk gefactureerd",
+                "PARTLY_TO_BE_PICKED": "Gedeeltelijk te picken",
+                "PARTLY_PICKED": "Gedeeltelijk gepickt",
                 "PASSWORD": "Wachtwoord",
                 "PAY": "Betalen",
                 "PAYMENT": "Betaling",
@@ -1542,6 +1562,7 @@ class TransactionConnectorService {
     connect() {
         return __awaiter(this, void 0, void 0, function* () {
             this.connector = new Transaction(this._optionsService.options);
+            this._optionsService.options.session = this.connector.session;
         });
     }
     getArticleFullObject(goodId) {
@@ -1597,18 +1618,6 @@ class TransactionConnectorService {
             });
         });
     }
-    getDocumentContent(id, thumbnail = true) {
-        return new Promise((resolve, reject) => {
-            return this.connector.getDocumentContent(id, thumbnail).then((result) => {
-                if (result.validationResult && result.validationResult.success) {
-                    resolve(result.resultObject.documentContent);
-                }
-                else {
-                    reject(result.validationMessagesAsString);
-                }
-            });
-        });
-    }
     getCountries() {
         if (this._countryList.length > 0) {
             return new Promise((resolve) => {
@@ -2234,6 +2243,19 @@ class TransactionConnectorService {
             });
         });
     }
+    getPaymentMethods() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
+                const result = yield this.connector.getPaymentMethods();
+                if (result.validationResult && result.validationResult.success) {
+                    resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(PaymentMethod, result.resultObjects));
+                }
+                else {
+                    reject(result.validationMessagesAsString);
+                }
+            }));
+        });
+    }
     changeTransactionLineCommissionCode(uuid, lineUuid, code) {
         return __awaiter(this, void 0, void 0, function* () {
             const request = {
@@ -2460,6 +2482,39 @@ class TransactionConnectorService {
             }
         });
     }
+    createOutstandingEntry(uuid, amount) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const request = {
+                transUUID: uuid,
+                amount: amount
+            };
+            const response = yield this.connector.createOutstandingEntry(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                console.log(response);
+            }
+            else {
+                return Promise.reject(response.validationMessagesAsString);
+            }
+        });
+    }
+    registerSalesOrderPayment(uuid, amount, currencyCode, paymentMethod, cashRegisterGroupId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const request = {
+                transUUID: uuid,
+                amount: amount,
+                currencyCode: currencyCode,
+                paymentMethodCode: paymentMethod,
+                cashRegisterGroupId: cashRegisterGroupId
+            };
+            const response = yield this.connector.registerSalesOrderPayment(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                console.log(response);
+            }
+            else {
+                return Promise.reject(response.validationMessagesAsString);
+            }
+        });
+    }
     getGoodsReceiptStatus(transId, lineNr) {
         return __awaiter(this, void 0, void 0, function* () {
             const response = yield this.connector.getGoodsReceiptStatus(transId, lineNr);
@@ -2659,11 +2714,112 @@ DialogService.ctorParameters = () => [
     { type: Injector }
 ];
 
+class ArticleConnectorService {
+    constructor(_optionsService, _collectionService) {
+        this._optionsService = _optionsService;
+        this._collectionService = _collectionService;
+        this._boFactory = new BusinessObjectFactory();
+        this._optionsService.optionsInitialized.subscribe((initialized) => {
+            if (initialized) {
+                this.connect();
+            }
+        });
+    }
+    connect() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.connector = new Articles(this._optionsService.options);
+        });
+    }
+    getWarehouseLocations(warehouseNr) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                const collection = this._collectionService.getCollection(StockLocation.name, [warehouseNr]);
+                if (collection) {
+                    resolve(collection);
+                }
+                else {
+                    return this.connector.getStockManagementLocations(warehouseNr).then((response) => {
+                        if (response && response.validationResult && response.validationResult.success) {
+                            const collection = this._boFactory.makeBOArrayFromRawBackendDataArray(StockLocation, response.resultObjects);
+                            this._collectionService.cacheCollection(StockLocation.name, collection, [warehouseNr]);
+                            resolve(collection);
+                        }
+                        else {
+                            reject(response.validationMessagesAsString);
+                        }
+                    });
+                }
+            });
+        });
+    }
+    searchArticles(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.connector.searchArticlesLight(request).then((response) => {
+                    if (response && response.validationResult && response.validationResult.success) {
+                        const collection = this._boFactory.makeBOArrayFromRawBackendDataArray(ArticleLight, response.resultObjects);
+                        resolve(collection);
+                    }
+                    else {
+                        reject(response.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+    getMainArticles() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.connector.getMainArticles().then((response) => {
+                    if (response && response.validationResult && response.validationResult.success) {
+                        const collection = this._boFactory.makeBOArrayFromRawBackendDataArray(MainArticle, response.resultObjects);
+                        resolve(collection);
+                    }
+                    else {
+                        reject(response.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+    getTurnoverGroups(category) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                const collection = this._collectionService.getCollection(TurnoverGroupImage.name);
+                if (collection) {
+                    return resolve(collection);
+                }
+                return this.connector.getTurnoverGroups(category).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        const collection = this._boFactory.makeBOArrayFromRawBackendDataArray(TurnoverGroupImage, result.resultObjects);
+                        this._collectionService.cacheCollection(TurnoverGroupImage.name, collection);
+                        resolve(collection);
+                    }
+                    else {
+                        reject(result.validationMessagesAsString);
+                    }
+                });
+            });
+        });
+    }
+}
+ArticleConnectorService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ArticleConnectorService_Factory() { return new ArticleConnectorService(i0.ɵɵinject(OptionsService), i0.ɵɵinject(CollectionCacheService)); }, token: ArticleConnectorService, providedIn: "root" });
+ArticleConnectorService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: "root"
+            },] }
+];
+ArticleConnectorService.ctorParameters = () => [
+    { type: OptionsService },
+    { type: CollectionCacheService }
+];
+
 class PendingReasonService {
-    constructor(dialogService, options, connector) {
+    constructor(dialogService, options, connector, articleConnector) {
         this.dialogService = dialogService;
         this.options = options;
         this.connector = connector;
+        this.articleConnector = articleConnector;
         this.transactionUpdated = new BehaviorSubject(undefined);
         this.applicationUser = false;
         this.currentTransaction = new TransactionInfoResponse();
@@ -2794,7 +2950,7 @@ class PendingReasonService {
         });
     }
 }
-PendingReasonService.ɵprov = i0.ɵɵdefineInjectable({ factory: function PendingReasonService_Factory() { return new PendingReasonService(i0.ɵɵinject(DialogService), i0.ɵɵinject(OptionsService), i0.ɵɵinject(TransactionConnectorService)); }, token: PendingReasonService, providedIn: "root" });
+PendingReasonService.ɵprov = i0.ɵɵdefineInjectable({ factory: function PendingReasonService_Factory() { return new PendingReasonService(i0.ɵɵinject(DialogService), i0.ɵɵinject(OptionsService), i0.ɵɵinject(TransactionConnectorService), i0.ɵɵinject(ArticleConnectorService)); }, token: PendingReasonService, providedIn: "root" });
 PendingReasonService.decorators = [
     { type: Injectable, args: [{
                 providedIn: "root"
@@ -2803,7 +2959,8 @@ PendingReasonService.decorators = [
 PendingReasonService.ctorParameters = () => [
     { type: DialogService },
     { type: OptionsService },
-    { type: TransactionConnectorService }
+    { type: TransactionConnectorService },
+    { type: ArticleConnectorService }
 ];
 
 class TransactionService extends PendingReasonService {
@@ -3106,12 +3263,21 @@ class TransactionService extends PendingReasonService {
     getInOutCollection(languageCode) {
         return this.connector.getInOutCollection(languageCode);
     }
+    getTurnoverGroups() {
+        return this.articleConnector.getTurnoverGroups();
+    }
     getTransactionArticleWarehouses(goodId) {
         return this.connector.getTransactionArticleWarehouses(goodId);
     }
     getMarketingCodes() {
         return this.connector.getMarketingCodes();
     }
+    getArticles(request) {
+        return this.articleConnector.searchArticles(request);
+    }
+    getMainArticles() {
+        return this.articleConnector.getMainArticles();
+    }
     insertCustomer(relation) {
         return this.connector.insertCustomer(relation);
     }
@@ -3134,6 +3300,7 @@ class TransactionService extends PendingReasonService {
     getDeliveryOptions() {
         return this.connector.getDeliveryOptions();
     }
+    // todo: move to relation api?
     getRelationListObjects(relationRequest) {
         return this.connector.getRelationListObjects(relationRequest);
     }
@@ -3381,7 +3548,7 @@ class TransactionService extends PendingReasonService {
         });
     }
 }
-TransactionService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TransactionService_Factory() { return new TransactionService(i0.ɵɵinject(DialogService), i0.ɵɵinject(OptionsService), i0.ɵɵinject(TransactionConnectorService)); }, token: TransactionService, providedIn: "root" });
+TransactionService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TransactionService_Factory() { return new TransactionService(i0.ɵɵinject(DialogService), i0.ɵɵinject(OptionsService), i0.ɵɵinject(TransactionConnectorService), i0.ɵɵinject(ArticleConnectorService)); }, token: TransactionService, providedIn: "root" });
 TransactionService.decorators = [
     { type: Injectable, args: [{
                 providedIn: "root"
@@ -3528,6 +3695,7 @@ var Icon;
     Icon["BarsFilter"] = "bars_filter";
     Icon["CalendarDay"] = "calendar_day";
     Icon["Cancel"] = "cancel";
+    Icon["CartCheck"] = "cart_check";
     Icon["CartFlatbedBoxesSolid"] = "cart_flatbed_boxes_solid";
     Icon["CartShoppingSolid"] = "cart_shopping_solid";
     Icon["CashRegister"] = "cash_register";
@@ -4091,6 +4259,7 @@ const IconSvg = {
     "bars_filter": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M264 392H183.1C170.8 392 160 402.8 160 415.1C160 429.2 170.8 440 183.1 440h80C277.2 440 288 429.2 288 416C288 402.8 277.2 392 264 392zM424 72H23.1C10.8 72 0 82.8 0 95.1S10.8 120 23.1 120H424c13.2 0 24-10.8 24-23.1S437.2 72 424 72zM360 232H87.1C74.8 232 64 242.8 64 255.1C64 269.2 74.8 280 87.1 280h272C373.2 280 384 269.2 384 256C384 242.8 373.2 232 360 232z\"/></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>",
+    "cart_check": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><g ><g ><g><g opacity=\".75\"><path d=\"M16.58,29.12c-.99,0-1.8,.81-1.8,1.8s.81,1.8,1.8,1.8,1.8-.81,1.8-1.8-.81-1.8-1.8-1.8Z\" fill=\"#484f60\"/><path d=\"M16.51,24.98c-.67,0-1.38-.52-1.57-1.16l-2.31-5.61c-.19-.64,.19-1.22,.86-1.28l19.71-2.51c.67-.06,1.12,.42,1,1.08l-.89,3.99c.66,.15,1.3,.36,1.91,.63l1.38-6.84c.12-.66-.34-1.15-1-1.08l-24.68,2.93c-.67,.06-1.06,.64-.87,1.28l3.34,9.44c.19,.64,.89,1.17,1.56,1.17h5.92c.19-.71,.45-1.38,.77-2.02h-5.13Z\" fill=\"#484f60\"/><path d=\"M39.01,11.31c-.66,.14-1.27,.79-1.37,1.46l-.42,2.9c-.1,.66,.31,.98,.9,.7,.59-.28,1.19-1.04,1.33-1.7l.51-2.42c.14-.66-.28-1.08-.94-.94h-.02Z\" fill=\"#484f60\"/></g><g><path d=\"M31,21.72c4.41,0,8,3.59,8,8s-3.59,8-8,8-8-3.59-8-8,3.59-8,8-8m0-1c-4.97,0-9,4.03-9,9s4.03,9,9,9,9-4.03,9-9-4.03-9-9-9h0Z\" fill=\"#484f60\"/><polygon points=\"30.63 34.72 26.79 29.33 28.31 28.25 30.34 31.11 33.54 24.72 35.21 25.55 30.63 34.72\" fill=\"#484f60\"/></g></g></g></g><g /></svg>",
     "cart_flatbed_boxes_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M448 160h64c17.6 0 32-14.4 32-32V64c0-17.6-14.4-32-32-32h-64c-17.6 0-32 14.4-32 32v64C416 145.6 430.4 160 448 160zM448 320h128c17.6 0 32-14.4 32-32V224c0-17.6-14.4-32-32-32h-128c-17.6 0-32 14.4-32 32v64C416 305.6 430.4 320 448 320zM224 320h128c17.6 0 32-14.4 32-32V64c0-17.6-14.4-32-32-32H224C206.4 32 192 46.4 192 64v224C192 305.6 206.4 320 224 320zM640 415.1c0 17.6-14.4 32-32 31.1l-66.88-.0011c1.787 5.027 2.907 10.36 2.907 16c0 26.51-21.5 48-48.01 48c-26.51 0-47.99-21.49-47.99-48c0-5.641 1.141-10.97 2.928-16H253.1C254.9 453 256 458.4 256 464C256 490.5 234.5 512 208 512S160 490.5 160 464c0-5.641 1.13-10.97 2.917-16l-66.92 .0011C78.4 448 64 433.6 64 415.1V80C64 71.16 56.84 64 48 64H31.1C14.4 64 0 49.6 0 32S14.4 0 31.1 0H64c35.2 0 64 28.8 64 64v320h480C625.6 384 640 398.4 640 415.1z\"/></svg>",
     "cart_shopping_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M96 0C107.5 0 117.4 8.19 119.6 19.51L121.1 32H541.8C562.1 32 578.3 52.25 572.6 72.66L518.6 264.7C514.7 278.5 502.1 288 487.8 288H170.7L179.9 336H488C501.3 336 512 346.7 512 360C512 373.3 501.3 384 488 384H159.1C148.5 384 138.6 375.8 136.4 364.5L76.14 48H24C10.75 48 0 37.25 0 24C0 10.75 10.75 0 24 0H96zM128 464C128 437.5 149.5 416 176 416C202.5 416 224 437.5 224 464C224 490.5 202.5 512 176 512C149.5 512 128 490.5 128 464zM512 464C512 490.5 490.5 512 464 512C437.5 512 416 490.5 416 464C416 437.5 437.5 416 464 416C490.5 416 512 437.5 512 464z\"/></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>",
@@ -6782,1029 +6951,55 @@ DeliveryTypeTileModule.decorators = [
             },] }
 ];
 
-class IOneConnectorAdapterService {
-    constructor(_optionsService, _collectionService) {
-        this._optionsService = _optionsService;
-        this._collectionService = _collectionService;
-        this._boFactory = new BusinessObjectFactory();
-        this._countryList = [];
+class PaymentService {
+    constructor(_connector) {
+        this._connector = _connector;
     }
-    connect() {
+    createOutstandingEntry(uuid, amount) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.connector = new Transaction(this._optionsService.options);
+            const response = yield this._connector.createOutstandingEntry(uuid, amount)
+                .catch((error) => {
+                // todo: do something with the error
+                return false;
+            });
+            if (response) {
+                return true;
+            }
+            return false;
         });
     }
-    getArticleFullObject(goodId) {
+    registerSalesOrderPayment(uuid, amount, currencyCode, paymentMethod, cashRegisterGroupId) {
         return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.getArticleFullObject(goodId).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        if (result.resultObject) {
-                            resolve(this._boFactory.makeWithRawBackendData(ArticleFullObject, result.resultObject));
-                        }
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
+            const response = yield this._connector.registerSalesOrderPayment(uuid, amount, currencyCode, paymentMethod, cashRegisterGroupId);
+            // .catch((error) => {
+            //   // todo: do something with the error
+            //   // return;
+            // });
+            if (response) {
+                return true;
+            }
+            return false;
         });
     }
-    getGoodIdFromArticleNr(articleNr) {
-        return new Promise((resolve, reject) => {
-            return this.connector.getGoodIdFromArticleNr(articleNr).then((result) => {
-                if (result.validationResult && result.validationResult.success) {
-                    resolve(result.resultObject);
-                }
-                else {
-                    reject(result.validationMessagesAsString);
-                }
-            });
+    getPaymentMethods() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this._connector.getPaymentMethods();
         });
     }
-    getSingleImage(nodeId, publication, includeMimetype, thumb) {
-        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 !== undefined && result.resultObject.filePath !== "") {
-                        return resolve(ImageUtils.getFixedImageFilepathUrl(result.resultObject.filePath));
-                    }
-                    else {
-                        if (result.resultObject) {
-                            if (includeMimetype) {
-                                return resolve(ImageUtils.getDocBodyWithMimeTypeDefinition(result.resultObject.fileName, thumb ? result.resultObject.thumbnailBody : result.resultObject.documentBody));
-                            }
-                            return resolve(thumb ? result.resultObject.thumbnailBody : result.resultObject.documentBody);
-                        }
-                        else { // no image
-                            resolve("");
-                        }
-                    }
-                }
-                else {
-                    reject(result.validationMessagesAsString);
-                }
-            });
-        });
-    }
-    getCountries() {
-        if (this._countryList.length > 0) {
-            return new Promise((resolve) => {
-                resolve(this._countryList);
-            });
-        }
-        return new Promise((resolve, reject) => {
-            return this.connector.getCountries().then((result) => {
-                if (result.validationResult && result.validationResult.success) {
-                    this._countryList = result.resultObjects;
-                    resolve(result.resultObjects);
-                }
-                else {
-                    reject(result.validationMessagesAsString);
-                }
-            });
-        });
-    }
-    getCustomerGroups() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.getCustomerGroups();
-            if (response && response.validationResult && response.validationResult.success) {
-                return response.resultObjects;
-            }
-            else {
-                return [];
-            }
-        });
-    }
-    getCountry(countryCode) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this.getCountries();
-            return this._countryList.find(country => country.code === countryCode);
-        });
-    }
-    getPrivacySettings() {
-        return new Promise((resolve, reject) => {
-            return this.connector.getPrivacySettings().then((result) => {
-                if (result.validationResult && result.validationResult.success) {
-                    resolve(result.resultObjects);
-                }
-                else {
-                    reject(result.validationMessagesAsString);
-                }
-            });
-        });
-    }
-    getRelationPrivacySettings() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const privacySettings = [];
-            const basePrivacySettings = yield this.getPrivacySettings();
-            for (let i = 0, len = basePrivacySettings.length; i < len; i++) {
-                const basePrivSetting = basePrivacySettings[i];
-                const newRelPrivSet = this._boFactory.instantiateNewBo(RelationPrivacySetting);
-                newRelPrivSet.applyBasePrivacySettingValues(basePrivSetting);
-                privacySettings.push(newRelPrivSet);
-            }
-            return privacySettings;
-        });
-    }
-    getMarketingCodes() {
-        return new Promise((resolve, reject) => {
-            return this.connector.getMarketingCodes().then((result) => {
-                if (result.validationResult && result.validationResult.success) {
-                    resolve(result.resultObjects);
-                }
-                else {
-                    reject(result.validationMessagesAsString);
-                }
-            });
-        });
-    }
-    createTransaction(kind, branchNr) {
-        return new Promise((resolve, reject) => {
-            return this.connector.createTransaction(kind, branchNr).then((result) => {
-                if (result.validationResult && result.validationResult.success) {
-                    resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
-                }
-                else {
-                    reject(result.validationMessagesAsString);
-                }
-            });
-        });
-    }
-    getArticleBoundTextLinesOfArticleLine(articleLineUuid) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const result = yield this.connector.getArticleBoundTextLinesOfArticleLine(articleLineUuid);
-            if (result.validationResult && result.validationResult.success) {
-                return this._boFactory.makeBOArrayFromRawBackendDataArray(TransactionLineInfo, result.resultObject);
-            }
-            else {
-                return [];
-            }
-        });
-    }
-    getTransactionByNrAndKind(kind, transactionNo) {
-        return new Promise((resolve, reject) => {
-            return this.connector.getTransactionByNrAndKind(kind, transactionNo).then((result) => {
-                if (result.validationResult && result.validationResult.success) {
-                    resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
-                }
-                else {
-                    reject(result.validationMessagesAsString);
-                }
-            });
-        });
-    }
-    getTransactionById(transactionId) {
-        return new Promise((resolve, reject) => {
-            return this.connector.getTransactionById(transactionId).then((result) => {
-                if (result.validationResult && result.validationResult.success) {
-                    resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
-                }
-                else {
-                    reject(result.validationMessagesAsString);
-                }
-            });
-        });
-    }
-    commit() {
-        return this.connector.commit();
-    }
-    saveTransaction(uuid) {
-        return new Promise((resolve, reject) => {
-            return this.connector.saveTransaction(uuid).then((result) => {
-                if (result.validationResult && result.validationResult.success) {
-                    resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
-                }
-                else {
-                    reject(result.validationMessagesAsString);
-                }
-            });
-        });
-    }
-    getCustomerFullObject(relationNo) {
-        return new Promise((resolve, reject) => {
-            return this.connector.getCustomerFullObject(relationNo).then((result) => {
-                if (result.validationResult && result.validationResult.success) {
-                    resolve(this._boFactory.makeWithRawBackendData(CustomerFullObject, result.resultObject));
-                }
-                else {
-                    reject(result.validationMessagesAsString);
-                }
-            });
-        });
-    }
-    getCashRegisters(branch, group) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.getCashRegister(branch, group);
-            if (response.validationResult && response.validationResult.success) {
-                return this._boFactory.makeBOArrayFromRawBackendDataArray(CashRegister, response.resultObjects);
-            }
-            else {
-                return [];
-            }
-        });
-    }
-    getRelationNumber(relationId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.getRelationNumber(relationId).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        resolve(result.resultObject);
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    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
-            }
-        });
-    }
-    searchTransactions(request) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.connector.searchTransactions(request);
-            if (response.validationResult && response.validationResult.success) {
-                return this._boFactory.makeBOArrayFromRawBackendDataArray(TransactionSearchView, 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) => {
-                return this.connector.getSequenceValue(sequenceName).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        resolve(result.resultObject);
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    insertCustomer(relation) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.insertCustomer(relation).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        resolve(this._boFactory.makeWithRawBackendData(CustomerFullObject, result.resultObject));
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    updateCustomer(relation) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.updateCustomer(relation).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        resolve(this._boFactory.makeWithRawBackendData(CustomerFullObject, result.resultObject));
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    getDeliveryMethods() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.getDeliveryMethods().then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(DeliveryMethod, result.resultObjects));
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    getDeliveryOptions() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.getDeliveryOptions().then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(DeliveryMethod, result.resultObjects));
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    addRelationToTransaction(uuid, relationId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.addRelationToTransaction(uuid, relationId).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    setTransactionDeliveryOptions(transactionDeliveryOptionsRequest) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.setTransactionDeliveryOptions(transactionDeliveryOptionsRequest).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    getPostalCodeRetrieval(postcalCode, houseNo) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.getPostalCodeRetrieval(postcalCode, houseNo).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        const outputParams = new GetPostalCodeRetrievalOutputParams();
-                        outputParams.city = result.resultObject.city;
-                        outputParams.street = result.resultObject.street;
-                        outputParams.status = result.resultObject.status;
-                        outputParams.netNumber = result.resultObject.netNumber;
-                        resolve(outputParams);
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    getRelationListObjects(relationRequest) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.getRelationListObjects(relationRequest).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(RelationListObject, result.resultObjects));
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    addTransactionLine(uuid, articleLine, articleNo, amount, warehouseNo, commissionCode, isReturn, aboveLineNr, belowLineNr) {
-        return __awaiter(this, void 0, void 0, function* () {
-            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(TransactionInfoResponse, result.resultObject));
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    addTextLineToTransaction(uuid, showOnDocuments, text, amount, articleBound, refArticleLineNr, aboveLineNr, belowLineNr) {
-        return __awaiter(this, void 0, void 0, function* () {
-            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(TransactionInfoResponse, result.resultObject));
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    changeLineSequence(uuid, lineUuid, aboveLineNr, belowLineNr) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                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(TransactionInfoResponse, result.resultObject));
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    cancelAddTransactionLine(lineUuid) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.cancelAddTransactionLine(lineUuid).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    deleteTransactionLine(uuid, lineUuid) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.deleteTransactionLine(uuid, lineUuid).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    changeTransactionLineQuantity(uuid, lineUuid, newQuantity) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                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));
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    resolvePendingLineReason(pendingLineValues) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.resolvePendingLineReason(pendingLineValues).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    getCommissionCodes(languageCode) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.getCommissionCodes(languageCode).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        resolve(result.resultObjects);
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    getInOutCollection(languageCode) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.getInOutCollection(languageCode).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        resolve(result.resultObjects);
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    getTransactionArticleWarehouses(goodId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.getTransactionArticleWarehouses(goodId).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        resolve(result.resultObjects);
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    setRelationByUser(uuid, username, password) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.setRelationByUser(uuid, username, password).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        resolve(result.validationResult.success);
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    getTextTypes(languageCode) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.getTextTypes(languageCode).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        const texts = this._boFactory.makeBOArrayFromRawBackendDataArray(CoDomainValue, result.resultObjects);
-                        texts.sort((a, b) => a.sequence > b.sequence ? 1 : -1);
-                        resolve(texts);
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    getStandardTexts(languageCode) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.getStandardTexts(languageCode).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(StandardText, result.resultObject));
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    getBranches(branchNr) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.getBranches(branchNr).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(BranchLov, result.resultObjects));
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    getSalesPersons(date) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.getSalesPersons(date).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(SalesPerson, result.resultObjects));
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    getTags(category) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                const collection = this._collectionService.getCollection(Tag.name, [category]);
-                if (collection) {
-                    return resolve(collection);
-                }
-                return this.connector.getTags(category).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        const collection = this._boFactory.makeBOArrayFromRawBackendDataArray(Tag, result.resultObjects);
-                        this._collectionService.cacheCollection(Tag.name, collection, [category]);
-                        resolve(collection);
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    getOnHoldCodes() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                const collection = this._collectionService.getCollection(OnHoldCode.name);
-                if (collection) {
-                    return resolve(collection);
-                }
-                return this.connector.getOnHoldCodes().then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        const collection = this._boFactory.makeBOArrayFromRawBackendDataArray(OnHoldCode, result.resultObjects);
-                        this._collectionService.cacheCollection(OnHoldCode.name, collection);
-                        resolve(collection);
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    getWarehouses(branchNr) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.getWarehouses(branchNr).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(Warehouse, result.resultObjects));
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    getHistoricStateValues() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                const result = this.connector.getHistoricStateValues();
-                if (result.validationResult && result.validationResult.success) {
-                    resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(CodeDescription, result.resultObjects));
-                }
-                else {
-                    reject(result.validationMessagesAsString);
-                }
-            });
-        });
-    }
-    getPaymentMethods() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
-                const result = yield this.connector.getPaymentMethods();
-                if (result.validationResult && result.validationResult.success) {
-                    resolve(this._boFactory.makeBOArrayFromRawBackendDataArray(PaymentMethod, result.resultObjects));
-                }
-                else {
-                    reject(result.validationMessagesAsString);
-                }
-            }));
-        });
-    }
-    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);
-            }
-        });
-    }
-    changeHeaderTransactionDefinitive(uuid, definitive) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const request = {
-                transactionUuid: uuid,
-                newTransactionDefinitive: definitive
-            };
-            const response = yield this.connector.changeHeaderTransactionDefinitive(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);
-            }
-        });
-    }
-    createOutstandingEntry(uuid, amount) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const request = {
-                transUUID: uuid,
-                amount: amount
-            };
-            const response = yield this.connector.createOutstandingEntry(request);
-            if (response && response.validationResult && response.validationResult.success) {
-                console.log(response);
-            }
-            else {
-                return Promise.reject(response.validationMessagesAsString);
-            }
-        });
-    }
-    registerSalesOrderPayment(uuid, amount, currencyCode, paymentMethod, cashRegisterGroupId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const request = {
-                transUUID: uuid,
-                amount: amount,
-                currencyCode: currencyCode,
-                paymentMethodCode: paymentMethod,
-                cashRegisterGroupId: cashRegisterGroupId
-            };
-            const response = yield this.connector.registerSalesOrderPayment(request);
-            if (response && response.validationResult && response.validationResult.success) {
-                console.log(response);
-            }
-            else {
-                return Promise.reject(response.validationMessagesAsString);
-            }
-        });
-    }
-}
-IOneConnectorAdapterService.ɵprov = i0.ɵɵdefineInjectable({ factory: function IOneConnectorAdapterService_Factory() { return new IOneConnectorAdapterService(i0.ɵɵinject(OptionsService), i0.ɵɵinject(CollectionCacheService)); }, token: IOneConnectorAdapterService, providedIn: "root" });
-IOneConnectorAdapterService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: "root"
-            },] }
-];
-IOneConnectorAdapterService.ctorParameters = () => [
-    { type: OptionsService },
-    { type: CollectionCacheService }
-];
-
-class PaymentService {
-    constructor(_connector) {
-        this._connector = _connector;
-    }
-    createOutstandingEntry(uuid, amount) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this._connector.createOutstandingEntry(uuid, amount)
-                .catch((error) => {
-                // todo: do something with the error
-                return false;
-            });
-            if (response) {
-                return true;
-            }
-            return false;
-        });
-    }
-    registerSalesOrderPayment(uuid, amount, currencyCode, paymentMethod, cashRegisterGroupId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this._connector.registerSalesOrderPayment(uuid, amount, currencyCode, paymentMethod, cashRegisterGroupId);
-            // .catch((error) => {
-            //   // todo: do something with the error
-            //   // return;
-            // });
-            if (response) {
-                return true;
-            }
-            return false;
-        });
-    }
-    getPaymentMethods() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return this._connector.getPaymentMethods();
-        });
-    }
-}
-PaymentService.ɵprov = i0.ɵɵdefineInjectable({ factory: function PaymentService_Factory() { return new PaymentService(i0.ɵɵinject(IOneConnectorAdapterService)); }, token: PaymentService, providedIn: "root" });
-PaymentService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: "root"
-            },] }
-];
-PaymentService.ctorParameters = () => [
-    { type: IOneConnectorAdapterService }
-];
-
-class PaymentViewmodel {
-    constructor(method) {
-        this.payment = method;
+}
+PaymentService.ɵprov = i0.ɵɵdefineInjectable({ factory: function PaymentService_Factory() { return new PaymentService(i0.ɵɵinject(TransactionConnectorService)); }, token: PaymentService, providedIn: "root" });
+PaymentService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: "root"
+            },] }
+];
+PaymentService.ctorParameters = () => [
+    { type: TransactionConnectorService }
+];
+
+class PaymentViewmodel {
+    constructor(method) {
+        this.payment = method;
     }
 }
 
@@ -9019,6 +8214,7 @@ TransactionLineSidePanelComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-line-side-panel",
                 template: `
+    <icon (click)="handleCancelClick($event)" [icon]="icons.Cancel" class="close-button"></icon>
     <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>
@@ -9041,7 +8237,6 @@ TransactionLineSidePanelComponent.decorators = [
         <span class="side-panel-header-field"
               [textContent]="activeCategory === categories.PurchaseOrderReceivedGoods ? quantityToReceive : (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-button-bar
@@ -10304,56 +9499,6 @@ TransactionReceivingGoodsHistoryModule.decorators = [
             },] }
 ];
 
-class ArticleConnectorService {
-    constructor(_optionsService, _collectionService) {
-        this._optionsService = _optionsService;
-        this._collectionService = _collectionService;
-        this._boFactory = new BusinessObjectFactory();
-        this._optionsService.optionsInitialized.subscribe((initialized) => {
-            if (initialized) {
-                this.connect();
-            }
-        });
-    }
-    connect() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.connector = new Articles(this._optionsService.options);
-        });
-    }
-    getWarehouseLocations(warehouseNr) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                const collection = this._collectionService.getCollection(StockLocation.name, [warehouseNr]);
-                if (collection) {
-                    resolve(collection);
-                }
-                else {
-                    return this.connector.getStockManagementLocations(warehouseNr).then((response) => {
-                        if (response && response.validationResult && response.validationResult.success) {
-                            const collection = this._boFactory.makeBOArrayFromRawBackendDataArray(StockLocation, response.resultObjects);
-                            this._collectionService.cacheCollection(StockLocation.name, collection, [warehouseNr]);
-                            resolve(collection);
-                        }
-                        else {
-                            reject(response.validationMessagesAsString);
-                        }
-                    });
-                }
-            });
-        });
-    }
-}
-ArticleConnectorService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ArticleConnectorService_Factory() { return new ArticleConnectorService(i0.ɵɵinject(OptionsService), i0.ɵɵinject(CollectionCacheService)); }, token: ArticleConnectorService, providedIn: "root" });
-ArticleConnectorService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: "root"
-            },] }
-];
-ArticleConnectorService.ctorParameters = () => [
-    { type: OptionsService },
-    { type: CollectionCacheService }
-];
-
 class ArticleService {
     constructor(_articleConnectorService) {
         this._articleConnectorService = _articleConnectorService;
@@ -10879,7 +10024,7 @@ class TransactionMappingService {
                     { title: 'LOGISTICS', icon: Icon.ShelvesSolid, category: TransactionTypeCategory.SalesOrderLogistics },
                     { title: 'PLANNING', icon: Icon.TruckArrowRightSolid, category: TransactionTypeCategory.SalesOrderPlanning },
                     { title: 'DELIVERY_NOTE', icon: Icon.MemoCircleCheckSolid, category: TransactionTypeCategory.SalesOrderDeliveryNote },
-                    { title: 'INVOICE', icon: Icon.CartShoppingSolid, category: TransactionTypeCategory.SalesOrderInvoice }
+                    { title: 'INVOICE', icon: Icon.CartCheck, category: TransactionTypeCategory.SalesOrderInvoice }
                 ]],
         ]);
         this._quickAccessComponent = new Map([
@@ -11814,11 +10959,59 @@ ShoppingCartModule.decorators = [
             },] }
 ];
 
+class TransactionSearchService {
+    constructor(_transactionService) {
+        this._transactionService = _transactionService;
+        this.searchRequest = new TransactionSearchViewRequest();
+        this.transactions = [];
+    }
+    set transactionType(value) {
+        this._resetRequest();
+        this.transactions.length = 0;
+        this._transactionType = value;
+    }
+    get transactionType() {
+        return this._transactionType;
+    }
+    searchTransactions() {
+        this.searchRequest.transactionKind = this.transactionType;
+        this._transactionService.searchTransactions(this.searchRequest).then((transactions) => {
+            this.transactions = transactions;
+        });
+    }
+    resetFilters() {
+        const oldSearchRequest = Object.assign({}, this.searchRequest);
+        this._resetRequest();
+        this.searchRequest.general = oldSearchRequest.general;
+        this.searchTransactions();
+    }
+    _resetRequest() {
+        this.searchRequest = new TransactionSearchViewRequest();
+    }
+}
+TransactionSearchService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TransactionSearchService_Factory() { return new TransactionSearchService(i0.ɵɵinject(TransactionService)); }, token: TransactionSearchService, providedIn: "root" });
+TransactionSearchService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: "root"
+            },] }
+];
+TransactionSearchService.ctorParameters = () => [
+    { type: TransactionService }
+];
+
 class TransactionSearchComponent {
-    constructor() {
+    constructor(_transactionSearchService) {
+        this._transactionSearchService = _transactionSearchService;
         this.transactionClick = new EventEmitter();
         this.showFilterSidebar = false;
     }
+    set transactionType(value) {
+        this._transactionType = value;
+        this._transactionSearchService.transactionType = this._transactionType;
+    }
+    get transactionType() {
+        return this._transactionType;
+    }
     showClass() {
         return true;
     }
@@ -11861,8 +11054,11 @@ TransactionSearchComponent.decorators = [
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
-TransactionSearchComponent.ctorParameters = () => [];
+TransactionSearchComponent.ctorParameters = () => [
+    { type: TransactionSearchService }
+];
 TransactionSearchComponent.propDecorators = {
+    transactionType: [{ type: Input }],
     transactionClick: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-search",] }]
 };
@@ -12066,34 +11262,6 @@ TransactionTileModule.decorators = [
             },] }
 ];
 
-class TransactionSearchService {
-    constructor(_transactionService) {
-        this._transactionService = _transactionService;
-        this.searchRequest = new TransactionSearchViewRequest();
-        this.transactions = [];
-    }
-    searchTransactions() {
-        this._transactionService.searchTransactions(this.searchRequest).then((transactions) => {
-            this.transactions = transactions;
-        });
-    }
-    resetFilters() {
-        const oldSearchRequest = Object.assign({}, this.searchRequest);
-        this.searchRequest = new TransactionSearchViewRequest();
-        this.searchRequest.general = oldSearchRequest.general;
-        this.searchTransactions();
-    }
-}
-TransactionSearchService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TransactionSearchService_Factory() { return new TransactionSearchService(i0.ɵɵinject(TransactionService)); }, token: TransactionSearchService, providedIn: "root" });
-TransactionSearchService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: "root"
-            },] }
-];
-TransactionSearchService.ctorParameters = () => [
-    { type: TransactionService }
-];
-
 class TransactionSearchResultComponent {
     constructor(searchService, iconCacheService) {
         this.searchService = searchService;
@@ -12204,12 +11372,12 @@ class FilterRequestService {
         this.searchService.searchRequest[modelName] = this._getFilterRequestForCollectionArray(collection);
     }
     //todo: tijdelijk totdat filter-item single select ondersteunt
-    handleCollectionChangeForSingleValue(collection, modelName) {
-        this.searchService.searchRequest[modelName] = this._getFilterRequestForSingleCollectionValue(collection);
+    handleCollectionChangeForSingleValue(value, modelName) {
+        this.searchService.searchRequest[modelName] = value;
     }
     //todo: tijdelijk totdat filter-item single select ondersteunt
-    handleCollectionChangeForSingleNumber(collection, modelName) {
-        this.searchService.searchRequest[modelName] = collection ? this._getFilterRequestForSingleCollectionNumber(collection) : -1;
+    handleCollectionChangeForSingleNumber(value, modelName) {
+        this.searchService.searchRequest[modelName] = value;
     }
     handleCheckboxValueChangeForString(value, modelName) {
         this.searchService.searchRequest[modelName] = this._getFilterRequestForBooleanToString(value);
@@ -12265,21 +11433,6 @@ class FilterRequestService {
         });
         return filterRequest;
     }
-    //todo: tijdelijk totdat filter-item single select ondersteunt
-    _getFilterRequestForSingleCollectionValue(collection) {
-        let filterRequest = '';
-        const firstValue = collection.find(item => item.checked).code.toString();
-        if (firstValue) {
-            filterRequest = `?=\'${firstValue}\'`;
-        }
-        return filterRequest;
-    }
-    //todo: tijdelijk totdat filter-item single select ondersteunt
-    _getFilterRequestForSingleCollectionNumber(collection) {
-        var _a;
-        const firstValue = Number((_a = collection.find(item => item.checked)) === null || _a === void 0 ? void 0 : _a.code);
-        return firstValue !== null && firstValue !== void 0 ? firstValue : -1;
-    }
     _getFilterRequestForDateRange(startDate, endDate) {
         const startDateRequest = startDate ? this._formatDateToString(startDate) : '';
         const endDateRequest = endDate ? this._formatDateToString(endDate) : '';
@@ -12314,27 +11467,48 @@ class TransactionFilterContentArticleComponent {
         this.showLessLabel = "SHOW_LESS";
         this.articleNumberFields = { text: "description", value: "code" };
         this.exceedanceCodeFields = { text: "description", value: "code" };
+        this.turnoverGroupFields = { text: "description", value: "turnovergroupNr" };
+        this.mainArticleFields = { text: "description", value: "articlenumber" };
         this.supplierFields = { text: "displayName", value: "relationId" };
+        this.getArticles = (text) => {
+            const request = new ArticleExtendedRequest();
+            request.articleNumber = text;
+            return this._transactionService.getArticles(request).then((articles) => {
+                return new FilterViewmodel(articles, { text: 'articleNumber', value: 'articleNumber' }).filterItems;
+            });
+        };
     }
     showClass() {
         return true;
     }
     ngOnInit() {
-        this._setArticleNumbers();
         this._setExceedanceCodes();
         this._setSuppliers();
+        this._setTurnoverGroups();
+        this._setMainArticles();
     }
     onFilterButtonClick() {
         this.searchService.searchTransactions();
     }
-    //Artikelnummer
-    _setArticleNumbers() {
+    handleCollectionChangeArticleNumber(collection) {
+        const checkedItem = collection.find(c => c.checked);
+        this.filterRequestService.handleCollectionChangeForSingleValue(checkedItem ? checkedItem.code + "" : "", 'articleNr');
     }
     _setExceedanceCodes() {
         this._transactionService.getInOutCollection("NL").then((exceedanceCodes) => {
             this.exceedanceCodes = new FilterViewmodel(exceedanceCodes, this.exceedanceCodeFields).filterItems;
         });
     }
+    _setTurnoverGroups() {
+        this._transactionService.getTurnoverGroups().then((turnoverGroups) => {
+            this.turnoverGroups = new FilterViewmodel(turnoverGroups, this.turnoverGroupFields).filterItems;
+        });
+    }
+    _setMainArticles() {
+        this._transactionService.getMainArticles().then((articles) => {
+            this.mainArticles = new FilterViewmodel(articles, this.mainArticleFields).filterItems;
+        });
+    }
     _setSuppliers() {
         const request = new RelationRequest();
         request.relationType = RelationKind.Supplier;
@@ -12349,32 +11523,33 @@ TransactionFilterContentArticleComponent.decorators = [
                 template: `
     <div class="transaction-filter-content-article-wrapper">
 
-      <!--Artikelnummer: todo: wachten op API call -->
+      <!--Artikelnummer-->
       <co-filter-item
         [placeholder]="'ARTICLE_NR' | localize"
         [expanded]="true"
-        [customContent]="true"
+        [singleSelect]="true"
+        [minSearchCharsToLoadCollection]="3"
+        [collectionLoadFn]="getArticles"
+        (collectionChange)="handleCollectionChangeArticleNumber($event)"
       >
-        <co-input-text [(model)]="searchRequest.mainArticleNrRange"
-                       [placeholder]="'ARTICLE_NR' | localize"></co-input-text>
       </co-filter-item>
 
-      <!--Omzetgroep: todo: wachten op API call -->
+      <!--Omzetgroep-->
       <co-filter-item
         [placeholder]="'TURNOVER_GROUP' | localize"
-        [customContent]="true"
-        [expanded]="true">
-        <co-input-text [(model)]="searchRequest.rangeTurnoverGroup"
-                       [placeholder]="'TURNOVER_GROUP' | localize"></co-input-text>
+        [expanded]="true"
+        [collection]="turnoverGroups"
+        (collectionChange)="filterRequestService.handleCollectionChangeForRange($event, 'rangeTurnoverGroup')"
+      >
       </co-filter-item>
 
-      <!--Hoofdartikel: todo: wachten op API call -->
+      <!--Hoofdartikel-->
       <co-filter-item
         [placeholder]="'MAIN_ARTICLE' | localize"
-        [customContent]="true"
-        [expanded]="true">
-        <co-input-text [(model)]="searchRequest.mainArticleNrRange"
-                       [placeholder]="'MAIN_ARTICLE' | localize"></co-input-text>
+        [expanded]="true"
+        [collection]="mainArticles"
+        (collectionChange)="filterRequestService.handleCollectionChangeForRange($event, 'mainArticleNrRange')"
+      >
       </co-filter-item>
 
       <!--Uitloopcode -->
@@ -12385,7 +11560,7 @@ TransactionFilterContentArticleComponent.decorators = [
         [searchPlaceholder]="searchPlaceholder | localize"
         [showMoreLabel]="showMoreLabel | localize"
         [showLessLabel]="showLessLabel | localize"
-        (collectionChange)="this.filterRequestService.handleCollectionChangeForArray($event, 'exceedanceCodes')"
+        (collectionChange)="filterRequestService.handleCollectionChangeForArray($event, 'exceedanceCodes')"
       >
       </co-filter-item>
 
@@ -12397,7 +11572,7 @@ TransactionFilterContentArticleComponent.decorators = [
         [searchPlaceholder]="searchPlaceholder | localize"
         [showMoreLabel]="showMoreLabel | localize"
         [showLessLabel]="showLessLabel | localize"
-        (collectionChange)="this.filterRequestService.handleCollectionChangeForRange($event, 'rangeSupplier')"
+        (collectionChange)="filterRequestService.handleCollectionChangeForRange($event, 'rangeSupplier')"
       >
       </co-filter-item>
       <div class="filter-button-container">
@@ -12460,6 +11635,9 @@ class TransactionFilterContentLogisticsComponent {
     onFilterButtonClick() {
         this.searchService.searchTransactions();
     }
+    handleAllocatedChange(value) {
+        console.log(value);
+    }
     _setRangeDates() {
         this.confirmedDeliveryStartDate = this.filterRequestService.getDateFromFilterRequestRange(this.searchRequest.confirmedDeliveryDateRange, 0);
         this.confirmedDeliveryEndDate = this.filterRequestService.getDateFromFilterRequestRange(this.searchRequest.confirmedDeliveryDateRange, 1);
@@ -12493,7 +11671,7 @@ TransactionFilterContentLogisticsComponent.decorators = [
         [searchPlaceholder]="searchPlaceholder | localize"
         [showMoreLabel]="showMoreLabel | localize"
         [showLessLabel]="showLessLabel | localize"
-        (collectionChange)="this.filterRequestService.handleCollectionChangeForRange($event, 'rangeDeliveryMethod')">
+        (collectionChange)="filterRequestService.handleCollectionChangeForRange($event, 'rangeDeliveryMethod')">
       </co-filter-item>
 
 
@@ -12504,56 +11682,39 @@ TransactionFilterContentLogisticsComponent.decorators = [
         [expanded]="true">
         <co-input-checkbox
           [model]="searchRequest.deliveryDateDefinitive === 'J'"
-          (modelChange)="this.filterRequestService.handleCheckboxValueChangeForString($event, 'deliveryDateDefinitive')"
+          (modelChange)="filterRequestService.handleCheckboxValueChangeForString($event, 'deliveryDateDefinitive')"
           [label]="'DELIVERY_DATE_FINAL' | localize"></co-input-checkbox>
       </co-filter-item>
 
-      <!--Toegewezen: todo: enum uizoeken en verwerken-->
-      <co-filter-item
-        [placeholder]="'ALLOCATED' | localize"
-        [customContent]="true"
-        [expanded]="true">
-        <co-input-text [(model)]="searchRequest.quantityAllocated"
-                       [placeholder]="'ALLOCATED' | localize"></co-input-text>
-      </co-filter-item>
+      <!--Toegewezen-->
+      <co-transaction-filter-historic-state
+        [label]="'ALLOCATED'"
+        (filterClicked)="filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityAllocated')"
+      ></co-transaction-filter-historic-state>
 
-      <!--Geleverd: todo: enum uizoeken en verwerken-->
-      <co-filter-item
-        [placeholder]="'DELIVERED' | localize"
-        [customContent]="true"
-        [expanded]="true">
-        <co-input-text [(model)]="searchRequest.quantityDelivered"
-                       [placeholder]="'DELIVERED' | localize"></co-input-text>
-      </co-filter-item>
+      <!--Geleverd-->
+      <co-transaction-filter-historic-state
+        [label]="'DELIVERED'"
+        (filterClicked)="filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityDelivered')"
+      ></co-transaction-filter-historic-state>
 
-      <!--Gefactureerd: todo: enum uizoeken en verwerken-->
-      <co-filter-item
-        [placeholder]="'INVOICED' | localize"
-        [customContent]="true"
-        [expanded]="true">
-        <co-input-text
-          [(model)]="searchRequest.quantityInvoiced"
-          [placeholder]="'INVOICED' | localize"></co-input-text>
-      </co-filter-item>
+      <!--Gefactureerd-->
+      <co-transaction-filter-historic-state
+        [label]="'INVOICED'"
+        (filterClicked)="filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityInvoiced')"
+      ></co-transaction-filter-historic-state>
 
-      <!--Te picken: todo: enum uizoeken en verwerken-->
-      <co-filter-item
-        [placeholder]="'TO_BE_PICKED' | localize"
-        [customContent]="true"
-        [expanded]="true">
-        <co-input-text [(model)]="searchRequest.quantityToBePicked"
-                       [placeholder]="'TO_BE_PICKED' | localize"></co-input-text>
-      </co-filter-item>
+      <!--Te picken-->
+      <co-transaction-filter-historic-state
+        [label]="'TO_BE_PICKED'"
+        (filterClicked)="filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityToBePicked')"
+      ></co-transaction-filter-historic-state>
 
-      <!--Gepicked: todo: enum uizoeken en verwerken-->
-      <co-filter-item
-        [placeholder]="'PICKED' | localize"
-        [customContent]="true"
-        [expanded]="true">
-        <co-input-text
-          [(model)]="searchRequest.quantityPicked"
-          [placeholder]="'PICKED' | localize"></co-input-text>
-      </co-filter-item>
+      <!--Gepicked-->
+      <co-transaction-filter-historic-state
+        [label]="'PICKED'"
+        (filterClicked)="filterRequestService.handleCollectionChangeForSingleNumber($event, 'quantityPicked')"
+      ></co-transaction-filter-historic-state>
 
       <!--Bevestigde leverdatum-->
       <co-filter-item
@@ -12563,7 +11724,7 @@ TransactionFilterContentLogisticsComponent.decorators = [
         <co-input-date-range
           [startDate]="confirmedDeliveryStartDate"
           [endDate]="confirmedDeliveryEndDate"
-          (dateRangeChange)="this.filterRequestService.handleDateRangeChange($event, 'confirmedDeliveryDateRange')"
+          (dateRangeChange)="filterRequestService.handleDateRangeChange($event, 'confirmedDeliveryDateRange')"
           [placeholder]="'SELECT_DATE' | localize">
         </co-input-date-range>
       </co-filter-item>
@@ -12576,7 +11737,7 @@ TransactionFilterContentLogisticsComponent.decorators = [
         <co-input-date-range
           [startDate]="arrivalStartDate"
           [endDate]="arrivalEndDate"
-          (dateRangeChange)="this.filterRequestService.handleDateRangeChange($event, 'arrivalDateRange')"
+          (dateRangeChange)="filterRequestService.handleDateRangeChange($event, 'arrivalDateRange')"
           [placeholder]="'SELECT_DATE' | localize">
         </co-input-date-range>
       </co-filter-item>
@@ -12588,7 +11749,7 @@ TransactionFilterContentLogisticsComponent.decorators = [
         [expanded]="true">
         <co-input-checkbox
           [model]="searchRequest.partialDelivery === 'J'"
-          (modelChange)="this.filterRequestService.handleCheckboxValueChangeForString($event, 'partialDelivery')"
+          (modelChange)="filterRequestService.handleCheckboxValueChangeForString($event, 'partialDelivery')"
           [label]="'PART_DELIVERY' | localize">
         </co-input-checkbox>
       </co-filter-item>
@@ -12601,7 +11762,7 @@ TransactionFilterContentLogisticsComponent.decorators = [
         [searchPlaceholder]="searchPlaceholder | localize"
         [showMoreLabel]="showMoreLabel | localize"
         [showLessLabel]="showLessLabel | localize"
-        (collectionChange)="this.filterRequestService.handleCollectionChangeForSingleNumber($event, 'warehouse')">
+        (collectionChange)="filterRequestService.handleCollectionChangeForSingleNumber($event, 'warehouse')">
       </co-filter-item>
 
 
@@ -12613,7 +11774,7 @@ TransactionFilterContentLogisticsComponent.decorators = [
         [searchPlaceholder]="searchPlaceholder | localize"
         [showMoreLabel]="showMoreLabel | localize"
         [showLessLabel]="showLessLabel | localize"
-        (collectionChange)="this.filterRequestService.handleCollectionChangeForSingleNumber($event, 'sourceWarehouse')">
+        (collectionChange)="filterRequestService.handleCollectionChangeForSingleNumber($event, 'sourceWarehouse')">
       </co-filter-item>
 
 
@@ -12642,7 +11803,7 @@ TransactionFilterContentLogisticsComponent.decorators = [
         <co-input-checkbox
           [label]="'INCLUDING_RETURNS' | localize"
           [model]="searchRequest.includingReturns === 1"
-          (modelChange)="this.filterRequestService.handleCheckboxValueChangeForNumber($event, 'includingReturns')"
+          (modelChange)="filterRequestService.handleCheckboxValueChangeForNumber($event, 'includingReturns')"
         >
         </co-input-checkbox>
       </co-filter-item>
@@ -12673,6 +11834,83 @@ TransactionFilterContentLogisticsComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-transaction-filter-content-logistics",] }]
 };
 
+class TransactionFilterHistoricStateComponent {
+    constructor() {
+        this.expanded = true;
+        this.filterClicked = new EventEmitter();
+        this.states = [];
+    }
+    set label(value) {
+        this._label = value;
+        this.groupName = this._label.toLowerCase() + "_group";
+        this.labelNothing = "NOTHING_" + this._label.toUpperCase();
+        this.labelPartly = "PARTLY_" + this._label.toUpperCase();
+        this.labelFully = "FULLY_" + this._label.toUpperCase();
+        this._setStates();
+    }
+    get label() {
+        return this._label;
+    }
+    showClass() {
+        return true;
+    }
+    handleStateChange(value) {
+        this.filterClicked.emit(value);
+    }
+    _setStates() {
+        this.states = [
+            { label: this.labelNothing, value: QuantityInHistoricState.Nothing, checked: false },
+            { label: this.labelPartly, value: QuantityInHistoricState.Partly, checked: false },
+            { label: this.labelFully, value: QuantityInHistoricState.Fully, checked: false }
+        ];
+    }
+}
+TransactionFilterHistoricStateComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-filter-historic-state",
+                template: `
+    <co-filter-item
+      [placeholder]="label | localize"
+      [customContent]="true"
+      [expanded]="expanded">
+      <co-input-radio-button *ngFor="let state of states"
+                             [name]="groupName"
+                             [value]="state.value"
+                             [model]="state.checked"
+                             [label]="state.label | localize"
+                             (modelChange)="handleStateChange($event)"
+      ></co-input-radio-button>
+    </co-filter-item>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionFilterHistoricStateComponent.propDecorators = {
+    label: [{ type: Input }],
+    expanded: [{ type: Input }],
+    filterClicked: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-filter-historic-state",] }]
+};
+
+class TransactionFilterHistoricStateModule {
+}
+TransactionFilterHistoricStateModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    FilterItemModule,
+                    PipeModule,
+                    InputRadioButtonModule
+                ],
+                declarations: [
+                    TransactionFilterHistoricStateComponent
+                ],
+                exports: [
+                    TransactionFilterHistoricStateComponent
+                ]
+            },] }
+];
+
 class TransactionFilterContentLogisticsModule {
 }
 TransactionFilterContentLogisticsModule.decorators = [
@@ -12685,7 +11923,9 @@ TransactionFilterContentLogisticsModule.decorators = [
                     PipeModule,
                     InputDatePickerModule,
                     ButtonModule,
-                    InputCheckboxModule
+                    InputCheckboxModule,
+                    InputRadioButtonModule,
+                    TransactionFilterHistoricStateModule
                 ],
                 declarations: [
                     TransactionFilterContentLogisticsComponent
@@ -12711,6 +11951,13 @@ class TransactionFilterContentOrderComponent {
         this.onHoldCodeFields = { text: "description", value: "onHoldCode" };
         this.commissionCodeFields = { text: "description", value: "code" };
         this.customerGroupFields = { text: "naam", value: "groepsnummer" };
+        this.loadCustomers = (nameFilter) => __awaiter(this, void 0, void 0, function* () {
+            const request = new RelationRequest();
+            request.familyName = nameFilter;
+            return this._transactionService.getRelationListObjects(request).then((relations) => {
+                return new FilterViewmodel(relations, { text: 'familyName', value: 'familyName' }).filterItems;
+            });
+        });
     }
     showClass() {
         return true;
@@ -12727,6 +11974,10 @@ class TransactionFilterContentOrderComponent {
     onFilterButtonClick() {
         this.searchService.searchTransactions();
     }
+    handleCollectionChangeCustomerName(collection) {
+        const checkedItem = collection.find(c => c.checked);
+        this.filterRequestService.handleCollectionChangeForSingleValue(checkedItem ? checkedItem.code + "" : "", 'relationName');
+    }
     _setRangeDates() {
         this.transStartDate = this.filterRequestService.getDateFromFilterRequestRange(this.searchRequest.rangeTransDate, 0);
         this.transEndDate = this.filterRequestService.getDateFromFilterRequestRange(this.searchRequest.rangeTransDate, 1);
@@ -12784,7 +12035,7 @@ TransactionFilterContentOrderComponent.decorators = [
         <co-input-date-range
           [startDate]="transStartDate"
           [endDate]="transEndDate"
-          (dateRangeChange)="this.filterRequestService.handleDateRangeChange($event, 'rangeTransDate')"
+          (dateRangeChange)="filterRequestService.handleDateRangeChange($event, 'rangeTransDate')"
           [placeholder]="'SELECT_DATE' | localize">
         </co-input-date-range>
       </co-filter-item>
@@ -12797,7 +12048,7 @@ TransactionFilterContentOrderComponent.decorators = [
         <co-input-date-range
           [startDate]="deliveryStartDate"
           [endDate]="deliveryEndDate"
-          (dateRangeChange)="this.filterRequestService.handleDateRangeChange($event, 'deliveryDateRange')"
+          (dateRangeChange)="filterRequestService.handleDateRangeChange($event, 'deliveryDateRange')"
           [placeholder]="'SELECT_DATE' | localize">
         </co-input-date-range>
       </co-filter-item>
@@ -12810,7 +12061,7 @@ TransactionFilterContentOrderComponent.decorators = [
         [searchPlaceholder]="searchPlaceholder | localize"
         [showMoreLabel]="showMoreLabel | localize"
         [showLessLabel]="showLessLabel | localize"
-        (collectionChange)="this.filterRequestService.handleCollectionChangeForRange($event, 'rangeBranchId')"
+        (collectionChange)="filterRequestService.handleCollectionChangeForRange($event, 'rangeBranchId')"
       >
       </co-filter-item>
 
@@ -12822,7 +12073,7 @@ TransactionFilterContentOrderComponent.decorators = [
         [searchPlaceholder]="searchPlaceholder | localize"
         [showMoreLabel]="showMoreLabel | localize"
         [showLessLabel]="showLessLabel | localize"
-        (collectionChange)="this.filterRequestService.handleCollectionChangeForRange($event, 'rangeSalesPerson')"
+        (collectionChange)="filterRequestService.handleCollectionChangeForRange($event, 'rangeSalesPerson')"
       >
       </co-filter-item>
 
@@ -12843,7 +12094,7 @@ TransactionFilterContentOrderComponent.decorators = [
         [searchPlaceholder]="searchPlaceholder | localize"
         [showMoreLabel]="showMoreLabel | localize"
         [showLessLabel]="showLessLabel | localize"
-        (collectionChange)="this.filterRequestService.handleCollectionChangeForRange($event, 'tagRange')"
+        (collectionChange)="filterRequestService.handleCollectionChangeForRange($event, 'tagRange')"
       >
         <co-input-text [(model)]="searchRequest.tagRange" [placeholder]="'TAGS' | localize"></co-input-text>
       </co-filter-item>
@@ -12856,7 +12107,7 @@ TransactionFilterContentOrderComponent.decorators = [
         [searchPlaceholder]="searchPlaceholder | localize"
         [showMoreLabel]="showMoreLabel | localize"
         [showLessLabel]="showLessLabel | localize"
-        (collectionChange)="this.filterRequestService.handleCollectionChangeForRange($event,'rangeOnHoldCodes')"
+        (collectionChange)="filterRequestService.handleCollectionChangeForRange($event,'rangeOnHoldCodes')"
       >
         <co-input-text [(model)]="searchRequest.tagRange" [placeholder]="'TAGS' | localize"></co-input-text>
       </co-filter-item>
@@ -12868,7 +12119,7 @@ TransactionFilterContentOrderComponent.decorators = [
         [expanded]="true">
         <co-input-checkbox
           [model]="searchRequest.transactionDefinitive === 'J'"
-          (modelChange)="this.filterRequestService.handleCheckboxValueChangeForString($event, 'transactionDefinitive')"
+          (modelChange)="filterRequestService.handleCheckboxValueChangeForString($event, 'transactionDefinitive')"
           [label]="'ORDER_DEFINITIVE' | localize"></co-input-checkbox>
       </co-filter-item>
 
@@ -12880,7 +12131,7 @@ TransactionFilterContentOrderComponent.decorators = [
         [searchPlaceholder]="searchPlaceholder | localize"
         [showMoreLabel]="showMoreLabel | localize"
         [showLessLabel]="showLessLabel | localize"
-        (collectionChange)="this.filterRequestService.handleCollectionChangeForArray($event, 'commissionCodes')"
+        (collectionChange)="filterRequestService.handleCollectionChangeForArray($event, 'commissionCodes')"
       >
       </co-filter-item>
 
@@ -12896,13 +12147,15 @@ TransactionFilterContentOrderComponent.decorators = [
         ></co-input-checkbox>
       </co-filter-item>
 
-      <!--Klantnaam: voorlopig met input-text. todo: aanpassen als er een collection API is-->
+      <!--Klantnaam-->
       <co-filter-item
         [placeholder]="'CUSTOMER_NAME' | localize"
-        [customContent]="true"
-        [expanded]="true">
-        <co-input-text [(model)]="searchRequest.relationName"
-                       [placeholder]="'CUSTOMER_NAME' | localize"></co-input-text>
+        [expanded]="true"
+        [singleSelect]="true"
+        [minSearchCharsToLoadCollection]="3"
+        [collectionLoadFn]="loadCustomers"
+        (collectionChange)="handleCollectionChangeCustomerName($event)"
+      >
       </co-filter-item>
 
       <!--Klantgroep-->
@@ -12913,7 +12166,7 @@ TransactionFilterContentOrderComponent.decorators = [
         [searchPlaceholder]="searchPlaceholder | localize"
         [showMoreLabel]="showMoreLabel | localize"
         [showLessLabel]="showLessLabel | localize"
-        (collectionChange)="this.filterRequestService.handleCollectionChangeForSingleValue($event, 'customerGroupId')">
+        (collectionChange)="filterRequestService.handleCollectionChangeForSingleValue($event, 'customerGroupId')">
       </co-filter-item>
       <div class="filter-button-container">
         <co-button class="clickable" [label]="'Filter'" (click)="onFilterButtonClick()"></co-button>
@@ -13242,5 +12495,5 @@ TransactionLineGridModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { CheckoutComponent, CheckoutModule, ShoppingCartComponent, ShoppingCartModule, ShoppingCartPreviewComponent, ShoppingCartPreviewModule, TransactionComponent, TransactionHeaderComponent, TransactionHeaderDeliveryComponent, TransactionHeaderDeliveryModule, TransactionHeaderModule, TransactionHeaderOrderComponent, TransactionHeaderOrderModule, TransactionHeaderRelationComponent, TransactionHeaderRelationModule, TransactionLineComponent, TransactionLineGridComponent, TransactionLineGridModule, TransactionLineModule, TransactionLinesComponent, TransactionLinesModule, TransactionModule, TransactionQuickAccessComponent, TransactionQuickAccessModule, TransactionQuickAccessOrderConfirmationComponent, TransactionQuickAccessOrderConfirmationModule, TransactionQuickAccessReceivedGoodsComponent, TransactionQuickAccessReceivedGoodsModule, TransactionSearchComponent, TransactionSearchModule, 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, TransactionImageService as ɵbn, AvatarModule as ɵbo, AvatarComponent as ɵbp, SharedService as ɵbq, SharedConnectorService as ɵbr, DeliveryTypeTileModule as ɵbs, DeliveryTypeTileComponent as ɵbt, PaymentModule as ɵbu, PaymentTileModule as ɵbv, PaymentTileComponent as ɵbw, PaymentComponent as ɵbx, PaymentService as ɵby, IOneConnectorAdapterService as ɵbz, OptionsService as ɵc, CheckoutOverviewRelationEditComponent as ɵca, CheckoutOverviewDeliveryEditComponent as ɵcb, CheckoutOverviewDeliveryAddressComponent as ɵcc, CheckOutRelationSuggestionsListComponent as ɵcd, CheckOutRelationSuggestionsListItemComponent as ɵce, CheckoutLoginComponent as ɵcf, TransactionHeaderModule$1 as ɵcg, TransactionHeaderBlockModule as ɵch, TransactionHeaderBlockComponent as ɵci, TransactionBaseComponent as ɵcj, TransactionHeaderPaymentModule as ɵck, TransactionHeaderPaymentComponent as ɵcl, TransactionHeaderComponent$1 as ɵcm, TransactionLinesGridModule as ɵcn, TransactionBaseGridModule as ɵco, TransactionLineSidePanelModule as ɵcp, TransactionLineSidePanelDefaultModule as ɵcq, TransactionLinePriceModule as ɵcr, TransactionLinePriceComponent as ɵcs, TransactionLineFieldsBaseComponent as ɵct, TransactionLinePriceListModule as ɵcu, TransactionLinePriceListComponent as ɵcv, TransactionLineVatModule as ɵcw, TransactionLineVatComponent as ɵcx, TransactionLineQuantityModule as ɵcy, TransactionLineQuantityComponent as ɵcz, DictionaryService as ɵd, TransactionLineLineDiscountModule as ɵda, TransactionLineLineDiscountComponent as ɵdb, TransactionLineDeliveryMethodModule as ɵdc, TransactionLineDeliveryMethodComponent as ɵdd, TransactionLineDeliveryDateModule as ɵde, TransactionLineDeliveryDateComponent as ɵdf, TransactionLineReferenceModule as ɵdg, TransactionLineReferenceComponent as ɵdh, TransactionLineCommissionCodeModule as ɵdi, TransactionLineCommissionCodeComponent as ɵdj, TransactionLineWarehouseModule as ɵdk, TransactionLineWarehouseComponent as ɵdl, TransactionLineDiscountAmountModule as ɵdm, TransactionLineDiscountAmountComponent as ɵdn, TransactionLineQuantumDiscountModule as ɵdo, TransactionLineQuantumDiscountComponent as ɵdp, TransactionLineSpecialDiscountModule as ɵdq, TransactionLineSpecialDiscountComponent as ɵdr, TransactionLineSidePanelDefaultComponent as ɵds, TransactionReceivingGoodsHistoryModule as ɵdt, TransactionHistoryGridModule as ɵdu, TransactionHistoryGridStatusModule as ɵdv, TransactionHistoryGridStatusComponent as ɵdw, TransactionHistoryGridComponent as ɵdx, TransactionReceivingGoodsHistoryComponent as ɵdy, TransactionReceivingGoodsDetailsModule as ɵdz, TransactionConnectorService as ɵe, TransactionReceivingGoodsDetailsComponent as ɵea, ArticleService as ɵeb, ArticleConnectorService as ɵec, TransactionButtonBarModule as ɵed, TransactionButtonBarComponent as ɵee, TransactionMappingService as ɵef, TransactionButtonBarButtonComponent as ɵeg, TransactionConfirmationHistoryModule as ɵeh, TransactionConfirmationHistoryComponent as ɵei, TransactionLineSidePanelPurchaseModule as ɵej, TransactionLineSidePanelPurchaseComponent as ɵek, TransactionEventService as ɵel, TransactionLineSidePanelComponent as ɵem, TransactionBaseGridComponent as ɵen, TransactionGridBaseComponent as ɵeo, TransactionLinesGridComponent as ɵep, DiscountModule as ɵeq, DiscountComponent as ɵer, TransactionQuickAccessOverviewModule as ɵes, TransactionQuickAccessOverviewComponent as ɵet, TransactionOrderConfirmationGridModule as ɵeu, TransactionOrderConfirmationGridComponent as ɵev, TransactionReceivedGoodsGridModule as ɵew, TransactionReceivedGoodsGridComponent as ɵex, ViewModeButtonsModule as ɵey, ViewModeButtonsComponent as ɵez, CollectionCacheService as ɵf, TransactionGridModule as ɵfa, TransactionGridComponent as ɵfb, TransactionSearchResultModule as ɵfc, TransactionTileModule as ɵfd, TransactionTileComponent as ɵfe, TransactionSearchGridModule as ɵff, TransactionSearchGridComponent as ɵfg, TransactionSearchResultComponent as ɵfh, TransactionSearchService as ɵfi, TransactionFilterModule as ɵfj, TransactionFilterCategoriesModule as ɵfk, TransactionFilterCategoriesComponent as ɵfl, TransactionFilterContentOrderModule as ɵfm, TransactionFilterContentOrderComponent as ɵfn, FilterRequestService as ɵfo, TransactionFilterContentLogisticsModule as ɵfp, TransactionFilterContentLogisticsComponent as ɵfq, TransactionFilterContentArticleModule as ɵfr, TransactionFilterContentArticleComponent as ɵfs, TransactionFilterComponent as ɵft, CoreModule as ɵg, ConfirmationDialogModule as ɵh, PipeModule as ɵi, AppendPipe as ɵj, DeliveryTimePipe as ɵk, DateDurationPipe as ɵl, LocalizePipe as ɵm, CoCurrencyPipe as ɵn, SafeStylePipe as ɵo, SafeHtmlPipe as ɵp, ConfirmationDialogComponent as ɵq, DialogBaseComponent as ɵr, ImageDisplayComponent as ɵs, IconComponent as ɵt, IconCacheService as ɵu, CustomerGroupsComponent as ɵv, StockStatusIndicatorComponent as ɵw, RelationAddressModule as ɵx, RelationAddressComponent as ɵy, RelationAddressSelectModule as ɵz };
+export { CheckoutComponent, CheckoutModule, ShoppingCartComponent, ShoppingCartModule, ShoppingCartPreviewComponent, ShoppingCartPreviewModule, TransactionComponent, TransactionHeaderComponent, TransactionHeaderDeliveryComponent, TransactionHeaderDeliveryModule, TransactionHeaderModule, TransactionHeaderOrderComponent, TransactionHeaderOrderModule, TransactionHeaderRelationComponent, TransactionHeaderRelationModule, TransactionLineComponent, TransactionLineGridComponent, TransactionLineGridModule, TransactionLineModule, TransactionLinesComponent, TransactionLinesModule, TransactionModule, TransactionQuickAccessComponent, TransactionQuickAccessModule, TransactionQuickAccessOrderConfirmationComponent, TransactionQuickAccessOrderConfirmationModule, TransactionQuickAccessReceivedGoodsComponent, TransactionQuickAccessReceivedGoodsModule, TransactionSearchComponent, TransactionSearchModule, TransactionService, TransactionTotalsComponent, TransactionTotalsModule, PendingReasonService as ɵa, DialogService as ɵb, RelationAddressSelectModule as ɵba, RelationAddressTileModule as ɵbb, TileModule as ɵbc, TileComponent as ɵbd, RelationAddressTileComponent as ɵbe, RelationAddressSelectComponent as ɵbf, BusinessObjectFactory as ɵbg, StepperModule as ɵbh, StepperComponent as ɵbi, StepperStepComponent as ɵbj, TransactionArticleTextModule as ɵbk, TransactionArticleTextComponent as ɵbl, TransactionArticleTextOverviewModule as ɵbm, TransactionArticleTextOverviewComponent as ɵbn, TransactionImageService as ɵbo, AvatarModule as ɵbp, AvatarComponent as ɵbq, SharedService as ɵbr, SharedConnectorService as ɵbs, DeliveryTypeTileModule as ɵbt, DeliveryTypeTileComponent as ɵbu, PaymentModule as ɵbv, PaymentTileModule as ɵbw, PaymentTileComponent as ɵbx, PaymentComponent as ɵby, PaymentService as ɵbz, OptionsService as ɵc, CheckoutOverviewRelationEditComponent as ɵca, CheckoutOverviewDeliveryEditComponent as ɵcb, CheckoutOverviewDeliveryAddressComponent as ɵcc, CheckOutRelationSuggestionsListComponent as ɵcd, CheckOutRelationSuggestionsListItemComponent as ɵce, CheckoutLoginComponent as ɵcf, TransactionHeaderModule$1 as ɵcg, TransactionHeaderBlockModule as ɵch, TransactionHeaderBlockComponent as ɵci, TransactionBaseComponent as ɵcj, TransactionHeaderPaymentModule as ɵck, TransactionHeaderPaymentComponent as ɵcl, TransactionHeaderComponent$1 as ɵcm, TransactionLinesGridModule as ɵcn, TransactionBaseGridModule as ɵco, TransactionLineSidePanelModule as ɵcp, TransactionLineSidePanelDefaultModule as ɵcq, TransactionLinePriceModule as ɵcr, TransactionLinePriceComponent as ɵcs, TransactionLineFieldsBaseComponent as ɵct, TransactionLinePriceListModule as ɵcu, TransactionLinePriceListComponent as ɵcv, TransactionLineVatModule as ɵcw, TransactionLineVatComponent as ɵcx, TransactionLineQuantityModule as ɵcy, TransactionLineQuantityComponent as ɵcz, DictionaryService as ɵd, TransactionLineLineDiscountModule as ɵda, TransactionLineLineDiscountComponent as ɵdb, TransactionLineDeliveryMethodModule as ɵdc, TransactionLineDeliveryMethodComponent as ɵdd, TransactionLineDeliveryDateModule as ɵde, TransactionLineDeliveryDateComponent as ɵdf, TransactionLineReferenceModule as ɵdg, TransactionLineReferenceComponent as ɵdh, TransactionLineCommissionCodeModule as ɵdi, TransactionLineCommissionCodeComponent as ɵdj, TransactionLineWarehouseModule as ɵdk, TransactionLineWarehouseComponent as ɵdl, TransactionLineDiscountAmountModule as ɵdm, TransactionLineDiscountAmountComponent as ɵdn, TransactionLineQuantumDiscountModule as ɵdo, TransactionLineQuantumDiscountComponent as ɵdp, TransactionLineSpecialDiscountModule as ɵdq, TransactionLineSpecialDiscountComponent as ɵdr, TransactionLineSidePanelDefaultComponent as ɵds, TransactionReceivingGoodsHistoryModule as ɵdt, TransactionHistoryGridModule as ɵdu, TransactionHistoryGridStatusModule as ɵdv, TransactionHistoryGridStatusComponent as ɵdw, TransactionHistoryGridComponent as ɵdx, TransactionReceivingGoodsHistoryComponent as ɵdy, TransactionReceivingGoodsDetailsModule as ɵdz, TransactionConnectorService as ɵe, TransactionReceivingGoodsDetailsComponent as ɵea, ArticleService as ɵeb, TransactionButtonBarModule as ɵec, TransactionButtonBarComponent as ɵed, TransactionMappingService as ɵee, TransactionButtonBarButtonComponent as ɵef, TransactionConfirmationHistoryModule as ɵeg, TransactionConfirmationHistoryComponent as ɵeh, TransactionLineSidePanelPurchaseModule as ɵei, TransactionLineSidePanelPurchaseComponent as ɵej, TransactionEventService as ɵek, TransactionLineSidePanelComponent as ɵel, TransactionBaseGridComponent as ɵem, TransactionGridBaseComponent as ɵen, TransactionLinesGridComponent as ɵeo, DiscountModule as ɵep, DiscountComponent as ɵeq, TransactionQuickAccessOverviewModule as ɵer, TransactionQuickAccessOverviewComponent as ɵes, TransactionOrderConfirmationGridModule as ɵet, TransactionOrderConfirmationGridComponent as ɵeu, TransactionReceivedGoodsGridModule as ɵev, TransactionReceivedGoodsGridComponent as ɵew, ViewModeButtonsModule as ɵex, ViewModeButtonsComponent as ɵey, TransactionGridModule as ɵez, CollectionCacheService as ɵf, TransactionGridComponent as ɵfa, TransactionSearchService as ɵfb, TransactionSearchResultModule as ɵfc, TransactionTileModule as ɵfd, TransactionTileComponent as ɵfe, TransactionSearchGridModule as ɵff, TransactionSearchGridComponent as ɵfg, TransactionSearchResultComponent as ɵfh, TransactionFilterModule as ɵfi, TransactionFilterCategoriesModule as ɵfj, TransactionFilterCategoriesComponent as ɵfk, TransactionFilterContentOrderModule as ɵfl, TransactionFilterContentOrderComponent as ɵfm, FilterRequestService as ɵfn, TransactionFilterContentLogisticsModule as ɵfo, TransactionFilterHistoricStateModule as ɵfp, TransactionFilterHistoricStateComponent as ɵfq, TransactionFilterContentLogisticsComponent as ɵfr, TransactionFilterContentArticleModule as ɵfs, TransactionFilterContentArticleComponent as ɵft, TransactionFilterComponent as ɵfu, ArticleConnectorService as ɵg, CoreModule as ɵh, ConfirmationDialogModule as ɵi, PipeModule as ɵj, AppendPipe as ɵk, DeliveryTimePipe as ɵl, DateDurationPipe as ɵm, LocalizePipe as ɵn, CoCurrencyPipe as ɵo, SafeStylePipe as ɵp, SafeHtmlPipe as ɵq, ConfirmationDialogComponent as ɵr, DialogBaseComponent as ɵs, ImageDisplayComponent as ɵt, IconComponent as ɵu, IconCacheService as ɵv, CustomerGroupsComponent as ɵw, StockStatusIndicatorComponent as ɵx, RelationAddressModule as ɵy, RelationAddressComponent as ɵz };
 //# sourceMappingURL=colijnit-transaction.js.map