@colijnit/transaction 254.1.10 → 254.1.11

package/bundles/colijnit-transaction.umd.js

@@ -33,8 +33,8 @@
         function Version() {
             this.name = "@colijnit/transaction";
             this.description = "Colijn IT transaction package";
-            this.symVer = "254.1.10";
-            this.publishDate = "1-7-2024 22:43:30";
+            this.symVer = "254.1.11";
+            this.publishDate = "2-7-2024 17:54:30";
         }
         return Version;
     }());
@@ -13432,6 +13432,16 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(TransactionService.prototype, "loggedInUser", {
+            get: function () {
+                return this._loggedInUser;
+            },
+            set: function (value) {
+                this._loggedInUser = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(TransactionService.prototype, "lineNrForServiceFromSalesTransactionLine", {
             get: function () {
                 return this._lineNrForServiceFromSalesTransactionLine;
@@ -21262,12 +21272,13 @@
 
     var TransactionQuickAccessOrderConfirmationComponent = /** @class */ (function (_super) {
         __extends(TransactionQuickAccessOrderConfirmationComponent, _super);
-        function TransactionQuickAccessOrderConfirmationComponent(transactionEventService, service, iconCacheService, transactionScreenConfigurationService, dictionaryService, imageService, changeDetector, _purchaseConfirmationService) {
+        function TransactionQuickAccessOrderConfirmationComponent(transactionEventService, service, iconCacheService, transactionScreenConfigurationService, dialogService, dictionaryService, imageService, changeDetector, _purchaseConfirmationService) {
             var _this = _super.call(this, transactionEventService, iconCacheService, transactionScreenConfigurationService, imageService, dictionaryService, service, changeDetector) || this;
             _this.transactionEventService = transactionEventService;
             _this.service = service;
             _this.iconCacheService = iconCacheService;
             _this.transactionScreenConfigurationService = transactionScreenConfigurationService;
+            _this.dialogService = dialogService;
             _this.dictionaryService = dictionaryService;
             _this.imageService = imageService;
             _this.changeDetector = changeDetector;
@@ -21333,8 +21344,42 @@
             });
         };
         TransactionQuickAccessOrderConfirmationComponent.prototype.handleNewConfirmationButtonClick = function () {
-            this.forceShowConfirmationInputs = true;
-            this.transactionEventService.overwritePurchaseOrderConfirmationCompletedChanged.next();
+            return __awaiter(this, void 0, void 0, function () {
+                var allowToReconfirm, _a, _b, transactionLine;
+                var e_1, _c;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
+                        case 0:
+                            allowToReconfirm = true;
+                            if (this.transactionLines) {
+                                try {
+                                    for (_a = __values(this.transactionLines), _b = _a.next(); !_b.done; _b = _a.next()) {
+                                        transactionLine = _b.value;
+                                        if (transactionLine.purchasePortalLine.deliveryBatch) {
+                                            allowToReconfirm = false;
+                                        }
+                                    }
+                                }
+                                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                                finally {
+                                    try {
+                                        if (_b && !_b.done && (_c = _a.return)) _c.call(_a);
+                                    }
+                                    finally { if (e_1) throw e_1.error; }
+                                }
+                            }
+                            if (!allowToReconfirm) return [3 /*break*/, 1];
+                            this.forceShowConfirmationInputs = true;
+                            this.transactionEventService.overwritePurchaseOrderConfirmationCompletedChanged.next();
+                            return [3 /*break*/, 3];
+                        case 1: return [4 /*yield*/, this.dialogService.showInformation('RECONFIRMATION_PURCHASE_ORDER_ERROR', false)];
+                        case 2:
+                            _d.sent();
+                            _d.label = 3;
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            });
         };
         TransactionQuickAccessOrderConfirmationComponent.prototype._getSelectedLines = function () {
             return this.transactionLines.filter(function (l) { return l.selected; });
@@ -21367,6 +21412,7 @@
         { type: TransactionService },
         { type: IconCacheService },
         { type: TransactionScreenConfigurationService },
+        { type: DialogService },
         { type: DictionaryService },
         { type: TransactionImageService },
         { type: i0.ChangeDetectorRef },
@@ -23566,7 +23612,7 @@
     TransactionPurchaseOrderLineComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-purchase-order-line",
-                    template: "\n    <co-transaction-base-line\n        [transactionInfo]=\"transactionInfo\"\n        [transactionLine]=\"transactionLine\"\n        [preview]=\"preview\"\n        [isFirst]=\"isFirst\"\n        [checkbox]=\"showCheckboxForLine\"\n        [checkboxValue]=\"transactionLine.selected\"\n        [showColorIndicator]=\"showColorIndicator\"\n        [colorIndicatorColor]=\"colorIndicatorColor\"\n        (click)=\"handleOpenSidePanel($event)\"\n        (checkboxValueChanged)=\"transactionLine.selected = $event\"\n        (dragover)=\"handleDragOver($event)\"\n        (drop)=\"handleDrop($event)\"\n        (dragleave)=\"handleDragLeave($event)\"\n        observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(transactionLine, $event)\">\n      <div class=\"transaction-line-wrapper\">\n        <div class=\"transaction-line-extended-wrapper\">\n          <div class=\"column1\">\n            <co-transaction-line-delivery-date-button\n              [screenConfigurationObject]=\"cfgNames.DeliveryDate\"\n              [transactionLine]=\"transactionLine\"\n              [transactionInfo]=\"transactionInfo\"></co-transaction-line-delivery-date-button>\n            <co-transaction-line-statusbar data-action=\"openSidePanel\"\n                                           [screenConfigurationObject]=\"cfgNames.StatusBar\"\n                                           [configNames]=\"statusBarConfigNames\"\n                                           [transactionInfo]=\"transactionInfo\"\n                                           [transactionLine]=\"transactionLine\"\n                                           [activeCategory]=\"transactionTypeCategory.PurchaseOrderOrderConfirmation\"\n            ></co-transaction-line-statusbar>\n          </div>\n          <div class=\"column3\">\n            <co-transaction-line-vat-button\n              [screenConfigurationObject]=\"cfgNames.LineVat\"\n              [transactionLine]=\"transactionLine\"\n              [transactionInfo]=\"transactionInfo\">\n            </co-transaction-line-vat-button>\n            <div class=\"transaction-line-totals\">\n              <co-input-text class=\"transaction-line-totals-price\"\n                             [model]=\"transactionLine.purchasePortalLine.grossOrderPrice | coCurrency: true\"\n                             [readonly]=\"true\"\n                             [customHeight]=\"true\"\n              ></co-input-text>\n              <co-transaction-line-discount-button\n                [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n                [transactionLine]=\"transactionLine\"\n                [transactionInfo]=\"transactionInfo\"\n              ></co-transaction-line-discount-button>\n              <div class=\"transaction-line-totals-amount\">\n                <co-input-text\n                  [model]=\"transactionLine.amount\"\n                  [leftIconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n                  [readonly]=\"true\"\n                  [customHeight]=\"true\"\n                ></co-input-text>\n              </div>\n              <co-input-text class=\"transaction-line-totals-total\"\n                             [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n                             [readonly]=\"true\"\n                             [customHeight]=\"true\"\n              ></co-input-text>\n            </div>\n          </div>\n          <div class=\"column3\">\n            <div class=\"column-inner\">\n              <co-input-text\n                [model]=\"transactionLine.purchasePortalLine.articleNoSupplier ? transactionLine.purchasePortalLine.articleNoSupplier : '-'\"\n                [leftIconData]=\"iconCacheService.getIcon(icons.RegularIndustryTag)\"\n                [customHeight]=\"true\"\n                [readonly]=\"true\"\n              ></co-input-text>\n              <co-transaction-line-supplier-delivery-date-button\n                [screenConfigurationObject]=\"cfgNames.LineConfirmedDate\"\n                [transactionLine]=\"transactionLine\"\n              ></co-transaction-line-supplier-delivery-date-button>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"transaction-line-section\" data-action=\"openSidePanel\">\n          <div class=\"transaction-line-totals\">\n            <div class=\"transaction-line-totals-amount\">\n              <co-input-number-picker class=\"amount-number-picker\"\n                                      [screenConfigurationObject]=\"cfgNames.LineConfirmedAmount\"\n                                      [required]=\"true\"\n                                      [(model)]=\"+transactionLine.quantityPurchaseToConfirm\"\n                                      [decimals]=\"decimals\"\n                                      [min]=\"1\"\n                                      [max]=\"+transactionLine.purchasePortalLine.amountOrdered\"\n                                      [leftIconData]=\"iconCacheService.getIcon(icons.FileCircleInfoRegular)\"\n              ></co-input-number-picker>\n            </div>\n            <co-transaction-line-confirmed-price class=\"transaction-line-confirmed-price price\"\n                                                 [screenConfigurationObject]=\"cfgNames.LineConfirmedPrice\"\n                                                 [(price)]=\"transactionLine.purchasePortalLine.confirmedPrice\"\n                                                 [showLabel]=\"false\"\n                                                 [defaultEditMode]=\"false\"\n            ></co-transaction-line-confirmed-price>\n          </div>\n        </div>\n      </div>\n    </co-transaction-base-line>\n  ",
+                    template: "\n    <co-transaction-base-line\n        [transactionInfo]=\"transactionInfo\"\n        [transactionLine]=\"transactionLine\"\n        [preview]=\"preview\"\n        [isFirst]=\"isFirst\"\n        [checkbox]=\"showCheckboxForLine\"\n        [checkboxValue]=\"transactionLine.selected\"\n        [showColorIndicator]=\"showColorIndicator\"\n        [colorIndicatorColor]=\"colorIndicatorColor\"\n        (click)=\"handleOpenSidePanel($event)\"\n        (checkboxValueChanged)=\"transactionLine.selected = $event\"\n        (dragover)=\"handleDragOver($event)\"\n        (drop)=\"handleDrop($event)\"\n        (dragleave)=\"handleDragLeave($event)\"\n        observeVisibility #observer=visibilityObserve (visibilityChange)=\"handleVisibilityChange(transactionLine, $event)\">\n      <div class=\"transaction-line-wrapper\">\n        <div class=\"transaction-line-extended-wrapper\">\n          <div class=\"column1\">\n            <co-transaction-line-delivery-date-button\n              [screenConfigurationObject]=\"cfgNames.DeliveryDate\"\n              [transactionLine]=\"transactionLine\"\n              [transactionInfo]=\"transactionInfo\"></co-transaction-line-delivery-date-button>\n            <co-transaction-line-statusbar data-action=\"openSidePanel\"\n                                           [screenConfigurationObject]=\"cfgNames.StatusBar\"\n                                           [configNames]=\"statusBarConfigNames\"\n                                           [transactionInfo]=\"transactionInfo\"\n                                           [transactionLine]=\"transactionLine\"\n                                           [activeCategory]=\"transactionTypeCategory.PurchaseOrderOrderConfirmation\"\n            ></co-transaction-line-statusbar>\n          </div>\n          <div class=\"column3\">\n            <co-transaction-line-vat-button\n              [screenConfigurationObject]=\"cfgNames.LineVat\"\n              [transactionLine]=\"transactionLine\"\n              [transactionInfo]=\"transactionInfo\">\n            </co-transaction-line-vat-button>\n            <div class=\"transaction-line-totals\">\n              <co-input-text class=\"transaction-line-totals-price\"\n                             [model]=\"transactionLine.purchasePortalLine.grossOrderPrice | coCurrency: true\"\n                             [readonly]=\"true\"\n                             [customHeight]=\"true\"\n              ></co-input-text>\n              <co-transaction-line-discount-button\n                [screenConfigurationObject]=\"cfgNames.LineDiscount\"\n                [transactionLine]=\"transactionLine\"\n                [transactionInfo]=\"transactionInfo\"\n              ></co-transaction-line-discount-button>\n              <div class=\"transaction-line-totals-amount\">\n                <co-input-text\n                  [model]=\"transactionLine.amount\"\n                  [leftIconData]=\"iconCacheService.getIcon(icons.CartShoppingRegular)\"\n                  [readonly]=\"true\"\n                  [customHeight]=\"true\"\n                ></co-input-text>\n              </div>\n              <co-input-text class=\"transaction-line-totals-total\"\n                             [model]=\"transactionLine.displayNetLineTotal | coCurrency: true\"\n                             [readonly]=\"true\"\n                             [customHeight]=\"true\"\n              ></co-input-text>\n            </div>\n          </div>\n          <div class=\"column3\">\n            <div class=\"column-inner\">\n              <co-input-text\n                [model]=\"transactionLine.purchasePortalLine.articleNoSupplier ? transactionLine.purchasePortalLine.articleNoSupplier : '-'\"\n                [leftIconData]=\"iconCacheService.getIcon(icons.RegularIndustryTag)\"\n                [customHeight]=\"true\"\n                [readonly]=\"true\"\n              ></co-input-text>\n              <co-transaction-line-supplier-delivery-date-button\n                [screenConfigurationObject]=\"cfgNames.LineConfirmedDate\"\n                [transactionLine]=\"transactionLine\"\n              ></co-transaction-line-supplier-delivery-date-button>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"transaction-line-section\" data-action=\"openSidePanel\">\n          <div class=\"transaction-line-totals\">\n            <div class=\"transaction-line-totals-amount\">\n              <co-input-text\n                [screenConfigurationObject]=\"cfgNames.LineConfirmedAmount\"\n                [(model)]=\"+transactionLine.quantityPurchaseToConfirm\"\n                [leftIconData]=\"iconCacheService.getIcon(icons.FileCircleInfoRegular)\"\n                [forceReadonly]=\"true\"\n                [digitsOnly]=\"true\"\n              ></co-input-text>\n<!--              <co-input-number-picker class=\"amount-number-picker\"-->\n<!--                                      [screenConfigurationObject]=\"cfgNames.LineConfirmedAmount\"-->\n<!--                                      [required]=\"true\"-->\n<!--                                      [(model)]=\"+transactionLine.quantityPurchaseToConfirm\"-->\n<!--                                      [decimals]=\"decimals\"-->\n<!--                                      [min]=\"1\"-->\n<!--                                      [max]=\"+transactionLine.purchasePortalLine.amountOrdered\"-->\n<!--                                      [leftIconData]=\"iconCacheService.getIcon(icons.FileCircleInfoRegular)\"-->\n<!--              ></co-input-number-picker>-->\n            </div>\n            <co-transaction-line-confirmed-price class=\"transaction-line-confirmed-price price\"\n                                                 [screenConfigurationObject]=\"cfgNames.LineConfirmedPrice\"\n                                                 [(price)]=\"transactionLine.purchasePortalLine.confirmedPrice\"\n                                                 [showLabel]=\"false\"\n                                                 [defaultEditMode]=\"false\"\n            ></co-transaction-line-confirmed-price>\n          </div>\n        </div>\n      </div>\n    </co-transaction-base-line>\n  ",
                     encapsulation: i0.ViewEncapsulation.None,
                     changeDetection: i0.ChangeDetectionStrategy.OnPush
                 },] }
@@ -37932,7 +37978,11 @@
             this.showExternalCatalog = false;
         };
         DialogCatalogComponent.prototype.handleIFrameFeedback = function (json) {
-            this.iFrameFeedback.emit({ jsonString: json, catalog: this.catalogDefinition.getId(), sourceType: this.externalSource.type });
+            this.iFrameFeedback.emit({
+                jsonString: json,
+                catalog: this.catalogDefinition.getId(),
+                sourceType: this.externalSource.type
+            });
             if (this.externalSource.type !== externalCatalogTypes_enum.ExternalCatalogTypes.Webshop) {
                 this.showExternalCatalog = false;
             }
@@ -37943,7 +37993,25 @@
             this.showProduct = true;
         };
         DialogCatalogComponent.prototype.handleAddCatFarmArticleClicked = function (data) {
-            this.addCatFarmArticleClicked.emit({ quantity: data.quantity, jsonString: data.article, catalog: this.catalogDefinition.getId() });
+            this.addCatFarmArticleClicked.emit({
+                quantity: data.quantity,
+                jsonString: data.article,
+                catalog: this.catalogDefinition.getId()
+            });
+        };
+        DialogCatalogComponent.prototype.handleOnAlternativeClick = function (article) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    this._transactionService.getArticleExtended(article.articleNumber).then(function (result) {
+                        if (result) {
+                            _this.sku = result.articleNumber;
+                            _this.showProduct = true;
+                        }
+                    });
+                    return [2 /*return*/];
+                });
+            });
         };
         DialogCatalogComponent.prototype.checkIfOpeningIsAllowed = function () {
             var _this = this;
@@ -37998,7 +38066,7 @@
     DialogCatalogComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-dialog-catalog",
-                    template: "\n    <co-dialog (closeClick)=\"closeClick.emit($event)\" [@.disabled]=\"destroyed\">\n      <co-icon *ngIf=\"showExternalCatalog\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\"\n               (click)=\"handleBackClick($event)\"></co-icon>\n      <ng-container *ngIf=\"!showExternalCatalog\">\n        <div class=\"dialog-catalog-product-wrapper\" [class.show-product]=\"showProduct\">\n          <co-catalog-search\n              [title]=\"'CATALOG' | localize\"\n              [subTitle]=\"'SEARCH_BY_ARTICLENUMBER_NAME_OR_DESCRIPTION' | localize\"\n              [searchPlaceholder]=\"'SEARCH_BY_ARTICLENUMBER_OR_DESCRIPTION' | localize\"\n              [createFrozenArticle]=\"handleAddArticleInternally\"\n              [showNavigation]=\"showNavigation\"\n              [settings]=\"catalogSettings\"\n              (onExternalSourceClick)=\"handleExternalSourceClick($event)\"\n              (onAddArticleButtonClick)=\"handleAddArticleClick($event)\"\n              (onLookAtArticleButtonClick)=\"handleArticleClick($event)\"\n              (onArticleClick)=\"handleArticleClick($event)\">\n          </co-catalog-search>\n          <div class=\"catalog-article-wrapper\">\n            <co-icon class=\"back-button-product\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\"\n                     (click)=\"showProduct = false\"></co-icon>\n            <app-ione-product *ngIf=\"showProduct\"\n                              [sku]=\"sku\"\n                              [settings]=\"catalogSettings\"\n                              [handleAddArticleInternally]=\"handleAddArticleInternally\"\n                              [isReturn]=\"isReturn\"\n                              (onAddToCart)=\"handleAddArticleFromArticleClick($event)\"\n            ></app-ione-product>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"showExternalCatalog\">\n        <div class=\"dialog-catalog-product-wrapper\" [class.show-product]=\"showProduct\">\n\n          <co-catalog-external-source\n              [externalCatalogStartupInfo]=\"catalogInfo\"\n              [title]=\"'CATALOG' | localize | append: ' ' | append: externalCatalogName\"\n              [subTitle]=\"'SEARCH_BY_ARTICLENUMBER_NAME_OR_DESCRIPTION' | localize\"\n              [searchPlaceholder]=\"'SEARCH_BY_ARTICLENUMBER_OR_DESCRIPTION' | localize\"\n              [name]=\"externalCatalogName\"\n              [options]=\"externalCatalogOptions\"\n              [showNavigation]=\"false\"\n              (articleClick)=\"handleCatFarmArticleClicked($event)\"\n              (addArticleClick)=\"handleAddCatFarmArticleClicked($event)\"\n              (iFrameFeedbackReceived)=\"handleIFrameFeedback($event)\"\n          ></co-catalog-external-source>\n\n          <div class=\"catalog-article-wrapper\">\n            <co-icon class=\"back-button-product\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\"\n                     (click)=\"showProduct = false\"></co-icon>\n            <co-product-external-source *ngIf=\"showProduct\"\n                                        [externalSource]=\"externalSource\"\n                                        [sku]=\"catSku\"\n                                        (addToCart)=\"handleAddCatFarmArticleClicked($event)\"\n            ></co-product-external-source>\n          </div>\n        </div>\n      </ng-container>\n    </co-dialog>\n    <co-dialog *ngIf=\"articleForStock && showStock\" (closeClick)=\"cancelStockButtonClick()\">\n      <co-stock [article]=\"articleForStock\" (cancelButtonClicked)=\"cancelStockButtonClick()\"></co-stock>\n    </co-dialog>\n  ",
+                    template: "\n    <co-dialog (closeClick)=\"closeClick.emit($event)\" [@.disabled]=\"destroyed\">\n      <co-icon *ngIf=\"showExternalCatalog\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\"\n               (click)=\"handleBackClick($event)\"></co-icon>\n      <ng-container *ngIf=\"!showExternalCatalog\">\n        <div class=\"dialog-catalog-product-wrapper\" [class.show-product]=\"showProduct\">\n          <co-catalog-search\n            [title]=\"'CATALOG' | localize\"\n            [subTitle]=\"'SEARCH_BY_ARTICLENUMBER_NAME_OR_DESCRIPTION' | localize\"\n            [searchPlaceholder]=\"'SEARCH_BY_ARTICLENUMBER_OR_DESCRIPTION' | localize\"\n            [createFrozenArticle]=\"handleAddArticleInternally\"\n            [showNavigation]=\"showNavigation\"\n            [settings]=\"catalogSettings\"\n            (onExternalSourceClick)=\"handleExternalSourceClick($event)\"\n            (onAddArticleButtonClick)=\"handleAddArticleClick($event)\"\n            (onLookAtArticleButtonClick)=\"handleArticleClick($event)\"\n            (onArticleClick)=\"handleArticleClick($event)\">\n          </co-catalog-search>\n          <div class=\"catalog-article-wrapper\">\n            <co-icon class=\"back-button-product\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\"\n                     (click)=\"showProduct = false\"></co-icon>\n            <app-ione-product *ngIf=\"showProduct\"\n                              [sku]=\"sku\"\n                              [settings]=\"catalogSettings\"\n                              [handleAddArticleInternally]=\"handleAddArticleInternally\"\n                              [isReturn]=\"isReturn\"\n                              (onAddToCart)=\"handleAddArticleFromArticleClick($event)\"\n                              (onAlternativeClick)=\"handleOnAlternativeClick($event)\"\n            ></app-ione-product>\n          </div>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"showExternalCatalog\">\n        <div class=\"dialog-catalog-product-wrapper\" [class.show-product]=\"showProduct\">\n\n          <co-catalog-external-source\n            [externalCatalogStartupInfo]=\"catalogInfo\"\n            [title]=\"'CATALOG' | localize | append: ' ' | append: externalCatalogName\"\n            [subTitle]=\"'SEARCH_BY_ARTICLENUMBER_NAME_OR_DESCRIPTION' | localize\"\n            [searchPlaceholder]=\"'SEARCH_BY_ARTICLENUMBER_OR_DESCRIPTION' | localize\"\n            [name]=\"externalCatalogName\"\n            [options]=\"externalCatalogOptions\"\n            [showNavigation]=\"false\"\n            (articleClick)=\"handleCatFarmArticleClicked($event)\"\n            (addArticleClick)=\"handleAddCatFarmArticleClicked($event)\"\n            (iFrameFeedbackReceived)=\"handleIFrameFeedback($event)\"\n          ></co-catalog-external-source>\n\n          <div class=\"catalog-article-wrapper\">\n            <co-icon class=\"back-button-product\" [iconData]=\"iconCacheService.getIcon(icons.ArrowPointLeft)\"\n                     (click)=\"showProduct = false\"></co-icon>\n            <co-product-external-source *ngIf=\"showProduct\"\n                                        [externalSource]=\"externalSource\"\n                                        [sku]=\"catSku\"\n                                        (addToCart)=\"handleAddCatFarmArticleClicked($event)\"\n            ></co-product-external-source>\n          </div>\n        </div>\n      </ng-container>\n    </co-dialog>\n    <co-dialog *ngIf=\"articleForStock && showStock\" (closeClick)=\"cancelStockButtonClick()\">\n      <co-stock [article]=\"articleForStock\" (cancelButtonClicked)=\"cancelStockButtonClick()\"></co-stock>\n    </co-dialog>\n  ",
                     providers: [
                         catalog.CatalogService,
                         product.ProductConnectorService,
@@ -42246,7 +42314,7 @@
     TransactionLinePurchaseConfirmationComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-line-purchase-confirmation',
-                    template: "\n      <div class=\"confirmation-details-wrapper form-and-buttons\">\n          <ng-container *ngIf=\"!showPurchaseConfirmationAI\">\n              <co-form>\n                  <!--div class=\"header-wrapper\">\n                    <div class=\"status-header\">\n                      <span [textContent]=\"'STATE' | localize\"></span>\n                      <co-transaction-line-statusbar class=\"status-bar-wrapper\"\n                                                     [transactionInfo]=\"transactionInfo\"\n                                                     [transactionLine]=\"transactionLine\"\n                                                     [activeCategory]=\"transactionTypeCategory.PurchaseOrderOrderConfirmation\"\n                      ></co-transaction-line-statusbar>\n                    </div>\n                  </div-->\n                  <div class=\"side-panel-input-row\">\n                      <co-input-number-picker class=\"side-panel-input\"\n                                              [(model)]=\"docDeliveryBatch.docAmount\"\n                                              [decimals]=\"decimals\"\n                                              [min]=\"1\"\n                                              [max]=\"maxDocAmount\"\n                      ></co-input-number-picker>\n                      <co-input-date class=\"side-panel-input\"\n                                     [placeholder]=\"'CONFIRMED_DATE' | localize\"\n                                     [(model)]=\"docDeliveryBatch.docDate\"\n                                     required\n                      ></co-input-date>\n                      <co-transaction-labeled-price-input class=\"side-panel-input\"\n                                                          [(model)]=\"docDeliveryBatch.confirmedPrice\"\n                                                          [defaultEditMode]=\"false\"\n                                                          [placeholder]=\"'CONFIRMED_PRICE' | localize\"\n                                                          [required]=\"true\"\n                      ></co-transaction-labeled-price-input>\n                  </div>\n                  <div class=\"side-panel-input-row\">\n                      <co-input-text class=\"side-panel-input\"\n                                     [(model)]=\"docDeliveryBatch.reference\"\n                                     [placeholder]=\"'REFERENCE' | localize\"\n                      ></co-input-text>\n                      <co-input-text class=\"side-panel-input\"\n                                     [(model)]=\"docDeliveryBatch.deliveryBatch\"\n                                     (modelChange)=\"handleDeliveryBatchChange()\"\n                                     [placeholder]=\"'DELIVERY_BATCH' | localize\"\n                      ></co-input-text>\n                  </div>\n              </co-form>\n          </ng-container>\n          <ng-container *ngIf=\"showPurchaseConfirmationAI\">\n              <co-purchase-confirmation-lines\n                      [transaction]=\"transaction\"\n              ></co-purchase-confirmation-lines>\n          </ng-container>\n          <ng-container *ngIf=\"!showPurchaseConfirmationAI\">\n              <div class=\"save-cancel-wrapper\">\n                  <co-button [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                             [disabled]=\"this.confirmingOrder\"\n                             (click)=\"handleSaveDetailsEdit()\"\n                  ></co-button>\n                  <co-button class=\"cancel-button\"\n                             [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n                             (click)=\"handleCancelClick()\"\n                  ></co-button>\n              </div>\n          </ng-container>\n      </div>\n      <co-transaction-confirmation-history *ngIf=\"!showPurchaseConfirmationAI\"\n                                           [collection]=\"filteredDocBatchArray\"\n                                           (deleteRow)=\"handleDeleteHistoryRow($event)\"\n                                           (selectRow)=\"handleSelectHistoryRow($event)\"\n      ></co-transaction-confirmation-history>\n  ",
+                    template: "\n      <div class=\"confirmation-details-wrapper form-and-buttons\">\n          <ng-container *ngIf=\"!showPurchaseConfirmationAI\">\n              <co-form>\n                  <!--div class=\"header-wrapper\">\n                    <div class=\"status-header\">\n                      <span [textContent]=\"'STATE' | localize\"></span>\n                      <co-transaction-line-statusbar class=\"status-bar-wrapper\"\n                                                     [transactionInfo]=\"transactionInfo\"\n                                                     [transactionLine]=\"transactionLine\"\n                                                     [activeCategory]=\"transactionTypeCategory.PurchaseOrderOrderConfirmation\"\n                      ></co-transaction-line-statusbar>\n                    </div>\n                  </div-->\n                  <div class=\"side-panel-input-row\">\n                      <co-input-number-picker class=\"side-panel-input\"\n                                              [(model)]=\"docDeliveryBatch.docAmount\"\n                                              [decimals]=\"decimals\"\n                                              [min]=\"1\"\n                                              [max]=\"maxDocAmount\"\n                      ></co-input-number-picker>\n                      <co-input-date class=\"side-panel-input\"\n                                     [placeholder]=\"'CONFIRMED_DATE' | localize\"\n                                     [(model)]=\"docDeliveryBatch.docDate\"\n                                     required\n                      ></co-input-date>\n                      <co-transaction-labeled-price-input class=\"side-panel-input\"\n                                                          [(model)]=\"docDeliveryBatch.confirmedPrice\"\n                                                          [defaultEditMode]=\"false\"\n                                                          [placeholder]=\"'CONFIRMED_PRICE' | localize\"\n                                                          [required]=\"true\"\n                      ></co-transaction-labeled-price-input>\n                  </div>\n                  <div class=\"side-panel-input-row\">\n                      <co-input-text class=\"side-panel-input\"\n                                     [(model)]=\"docDeliveryBatch.reference\"\n                                     [placeholder]=\"'REFERENCE' | localize\"\n                      ></co-input-text>\n                      <co-input-text class=\"side-panel-input\"\n                                     [(model)]=\"docDeliveryBatch.deliveryBatch\"\n                                     (modelChange)=\"handleDeliveryBatchChange()\"\n                                     [required]=\"true\"\n                                     [placeholder]=\"'DELIVERY_BATCH' | localize\"\n                      ></co-input-text>\n                  </div>\n              </co-form>\n          </ng-container>\n          <ng-container *ngIf=\"showPurchaseConfirmationAI\">\n              <co-purchase-confirmation-lines\n                      [transaction]=\"transaction\"\n              ></co-purchase-confirmation-lines>\n          </ng-container>\n          <ng-container *ngIf=\"!showPurchaseConfirmationAI\">\n              <div class=\"save-cancel-wrapper\">\n                  <co-button [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n                             [disabled]=\"this.confirmingOrder\"\n                             (click)=\"handleSaveDetailsEdit()\"\n                  ></co-button>\n                  <co-button class=\"cancel-button\"\n                             [iconData]=\"iconCacheService.getIcon(icons.Crossskinny)\"\n                             (click)=\"handleCancelClick()\"\n                  ></co-button>\n              </div>\n          </ng-container>\n      </div>\n      <co-transaction-confirmation-history *ngIf=\"!showPurchaseConfirmationAI\"\n                                           [collection]=\"filteredDocBatchArray\"\n                                           (deleteRow)=\"handleDeleteHistoryRow($event)\"\n                                           (selectRow)=\"handleSelectHistoryRow($event)\"\n      ></co-transaction-confirmation-history>\n  ",
                     providers: [
                         corecomponents_v12.FormMasterService
                     ],
@@ -45309,6 +45377,8 @@
             this.contentViewModes = corecomponents_v12.ContentViewMode;
             this.transactionClick = new i0.EventEmitter();
             this.screenConfigLoaded = false;
+            // public transactionBarDirection: TransactionBarDirection = TransactionBarDirection.Vertical;
+            this.salesOrdersPageActive = false;
             this._subs = [];
         }
         Object.defineProperty(TransactionSearchResultComponent.prototype, "activeContentViewMode", {
@@ -45333,11 +45403,22 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(TransactionSearchResultComponent.prototype, "batchCategory", {
+            get: function () {
+                return this._batchCategory;
+            },
+            set: function (value) {
+                this._batchCategory = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
         TransactionSearchResultComponent.prototype.showClass = function () {
             return true;
         };
         TransactionSearchResultComponent.prototype.ngOnInit = function () {
             var _this = this;
+            console.log('batchCategory', this.batchCategory);
             this._subs.push(this.searchService.searchRequestSet.subscribe(function (request) {
                 if (request) {
                     _this.screenConfigService.loadConfig([request.transactionKind]);
@@ -45381,7 +45462,7 @@
     TransactionSearchResultComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-transaction-search-result',
-                    template: "\n    <ng-container *ngIf=\"screenConfigLoaded\">\n<!--      <co-transaction-button-bar-->\n<!--        *ngIf=\"searchService.transactions?.length > 0 && salesOrdersPageActive\"-->\n<!--        [direction]=\"transactionBarDirection\"-->\n<!--        [hideButtonLoader]=\"!batchDeliveryButtonLoader\">-->\n<!--      </co-transaction-button-bar>-->\n\n      <div class=\"transaction-search-result-content-tiles-wrapper\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\"\n           *ngIf=\"activeContentViewMode === contentViewModes.Tiles\">\n        <div class=\"transaction-tile\" *ngFor=\"let transaction of searchService.transactions\">\n          <co-transaction-search-tile\n            [draggable]=\"draggableTransactions\"\n            (dragstart)=\"dragStarted($event, transaction)\"\n            (dragend)=\"dragEnd($event)\"\n            [transaction]=\"transaction\"\n            [class]=\"transaction === selectedTransaction ? 'selected' : ''\"\n            (transactionClick)=\"onTransactionClick($event)\">\n          </co-transaction-search-tile>\n<!--          <co-transaction-search-tile-->\n<!--            [draggable]=\"draggableTransactions\"-->\n<!--            (dragstart)=\"dragStarted($event, transaction)\"-->\n<!--            (dragend)=\"dragEnd($event)\"-->\n<!--            [transaction]=\"transaction\"-->\n<!--            [showCheckbox]=\"salesOrdersPageActive\"-->\n<!--            [class]=\"transaction === selectedTransaction ? 'selected' : ''\"-->\n<!--            (transactionClick)=\"onTransactionClick($event)\">-->\n<!--          </co-transaction-search-tile>-->\n        </div>\n      </div>\n\n      <div class=\"transaction-search-result-content-grid-wrapper\"\n           *ngIf=\"activeContentViewMode === contentViewModes.Grid\">\n        <co-transaction-search-grid (transactionClick)=\"onTransactionClick($event)\"></co-transaction-search-grid>\n      </div>\n\n      <co-pagination-bar\n        *ngIf=\"searchService.transactions?.length > 0\"\n        [currentPage]=\"searchService.currentPage\"\n        [itemsPerPage]=\"searchService.transactionsPerPage\"\n        [totalItems]=\"searchService.resultCount\"\n        [previousLabel]=\"'PREVIOUS' | localize\"\n        [nextLabel]=\"'NEXT' | localize\"\n        [autoHide]=\"true\"\n        [directionLinks]=\"fullscreen\"\n        [paginationRange]=\"!fullscreen ? 6 : 8\"\n        (previousClick)=\"onPreviousClick()\"\n        (nextClick)=\"onNextClick()\"\n        (pageClick)=\"onPageClick($event)\">\n      </co-pagination-bar>\n\n<!--      <div class=\"actions-wrapper\" *ngIf=\"searchService.transactions?.length > 0 && salesOrdersPageActive\">-->\n<!--        <co-button [label]=\"'Process Orders'\" (click)=\"processOrders()\"></co-button>-->\n<!--      </div>-->\n\n      <div class=\"empty-state-wrapper\" *ngIf=\"searchService.transactions && searchService.resultCount === 0\">\n        <span [textContent]=\"'0_RESULTS_FOUND' | localize\"></span>\n      </div>\n    </ng-container>\n  ",
+                    template: "\n    <ng-container *ngIf=\"screenConfigLoaded\">\n<!--      <co-transaction-button-bar-->\n<!--        *ngIf=\"searchService.transactions?.length > 0 && salesOrdersPageActive\"-->\n<!--        [direction]=\"transactionBarDirection\"-->\n<!--        [hideButtonLoader]=\"!batchDeliveryButtonLoader\">-->\n<!--      </co-transaction-button-bar>-->\n\n      <div class=\"transaction-search-result-content-tiles-wrapper\" [ngClass]=\"fullscreen ? 'fullscreen' : 'sidebar'\"\n           *ngIf=\"activeContentViewMode === contentViewModes.Tiles\">\n        <div class=\"transaction-tile\" *ngFor=\"let transaction of searchService.transactions\">\n          <co-transaction-search-tile\n            [draggable]=\"draggableTransactions\"\n            (dragstart)=\"dragStarted($event, transaction)\"\n            (dragend)=\"dragEnd($event)\"\n            [transaction]=\"transaction\"\n            [class]=\"transaction === selectedTransaction ? 'selected' : ''\"\n            (transactionClick)=\"onTransactionClick($event)\">\n          </co-transaction-search-tile>\n<!--          <co-transaction-search-tile-->\n<!--            [draggable]=\"draggableTransactions\"-->\n<!--            (dragstart)=\"dragStarted($event, transaction)\"-->\n<!--            (dragend)=\"dragEnd($event)\"-->\n<!--            [transaction]=\"transaction\"-->\n<!--            [showCheckbox]=\"salesOrdersPageActive && batchCategory !== undefined\"-->\n<!--            [class]=\"transaction === selectedTransaction ? 'selected' : ''\"-->\n<!--            (transactionClick)=\"onTransactionClick($event)\">-->\n<!--          </co-transaction-search-tile>-->\n        </div>\n      </div>\n\n      <div class=\"transaction-search-result-content-grid-wrapper\"\n           *ngIf=\"activeContentViewMode === contentViewModes.Grid\">\n        <co-transaction-search-grid (transactionClick)=\"onTransactionClick($event)\"></co-transaction-search-grid>\n      </div>\n\n      <co-pagination-bar\n        *ngIf=\"searchService.transactions?.length > 0\"\n        [currentPage]=\"searchService.currentPage\"\n        [itemsPerPage]=\"searchService.transactionsPerPage\"\n        [totalItems]=\"searchService.resultCount\"\n        [previousLabel]=\"'PREVIOUS' | localize\"\n        [nextLabel]=\"'NEXT' | localize\"\n        [autoHide]=\"true\"\n        [directionLinks]=\"fullscreen\"\n        [paginationRange]=\"!fullscreen ? 6 : 8\"\n        (previousClick)=\"onPreviousClick()\"\n        (nextClick)=\"onNextClick()\"\n        (pageClick)=\"onPageClick($event)\">\n      </co-pagination-bar>\n\n<!--      <div class=\"actions-wrapper\" *ngIf=\"searchService.transactions?.length > 0 && salesOrdersPageActive && batchCategory\">-->\n<!--        <co-button [label]=\"'Process Orders'\" (click)=\"processOrders()\"></co-button>-->\n<!--      </div>-->\n\n      <div class=\"empty-state-wrapper\" *ngIf=\"searchService.transactions && searchService.resultCount === 0\">\n        <span [textContent]=\"'0_RESULTS_FOUND' | localize\"></span>\n      </div>\n    </ng-container>\n  ",
                     providers: [
                         { provide: corecomponents_v12.BaseModuleScreenConfigService, useExisting: TransactionScreenConfigurationService }
                     ],
@@ -45399,6 +45480,7 @@
         draggableTransactions: [{ type: i0.Input }],
         activeContentViewMode: [{ type: i0.Input }],
         fullscreen: [{ type: i0.Input }],
+        batchCategory: [{ type: i0.Input }],
         transactionClick: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ["class.co-transaction-search-result",] }]
     };
@@ -49373,7 +49455,6 @@
             _this.entryTypeColl = [];
             _this.documents = [];
             _this.activities = [];
-            _this.author = null;
             _this.showActivityHeader = false;
             return _this;
         }
@@ -49382,23 +49463,23 @@
         };
         TransactionServiceOverviewComponent.prototype.ngOnInit = function () {
             return __awaiter(this, void 0, void 0, function () {
-                var _a, _b, _c, _d;
+                var _a, _b, _c;
                 var _this = this;
-                return __generator(this, function (_e) {
-                    switch (_e.label) {
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
                         case 0:
                             _a = this;
                             return [4 /*yield*/, this.transactionService.getPriority("NL")];
                         case 1:
-                            _a.priorityDomainColl = _e.sent();
+                            _a.priorityDomainColl = _d.sent();
                             _b = this;
                             return [4 /*yield*/, this.transactionService.getCauseCodes()];
                         case 2:
-                            _b.causeCodeColl = _e.sent();
+                            _b.causeCodeColl = _d.sent();
                             _c = this;
                             return [4 /*yield*/, this.transactionService.getEntryTypes("NL")];
                         case 3:
-                            _c.entryTypeColl = _e.sent();
+                            _c.entryTypeColl = _d.sent();
                             this.priorityModel = this.priorityDomainColl.find(function (p) { return p.codeAsNumber === _this.transactionServiceInfo.priority; });
                             this.causeCodeModel = this.causeCodeColl.find(function (c) { return c.causeCode === _this.transactionServiceInfo.causeCode; });
                             this.entryTypeModel = this.entryTypeColl.find(function (e) { return e.code === _this.transactionServiceInfo.entryType; });
@@ -49413,10 +49494,6 @@
                                     }
                                 }); }); });
                             });
-                            _d = this;
-                            return [4 /*yield*/, this.relationService.getRelationSmallObject(this.transactionInfo.handledBy)];
-                        case 4:
-                            _d.author = _e.sent();
                             this.getActivities();
                             return [2 /*return*/];
                     }
@@ -49540,7 +49617,7 @@
     TransactionServiceOverviewComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-transaction-service-overview",
-                    template: "\n    <div class=\"service-overview-wrapper\">\n      <div class=\"message-and-task-wrapper\">\n        <div class=\"service-message-and-image-wrapper\">\n          <div class=\"service-message-wrapper\">\n            <co-input-textarea [label]=\"'SERVICE_REPORT'| localize\" [(model)]=\"transactionServiceInfo.reportMessage\">\n            </co-input-textarea>\n            <div class=\"service-message-extra-wrapper\">\n              <co-list-of-values [label]=\"'PRIORITY'| localize\" displayField=\"description\" [model]=\"priorityModel\"\n                                 [collection]=\"priorityDomainColl\"\n                                 (modelChange)=\"setPriority($event)\"></co-list-of-values>\n              <co-list-of-values [label]=\"'CAUSE_CODE' | localize\" displayField=\"description\" [model]=\"causeCodeModel\"\n                                 [collection]=\"causeCodeColl\"\n                                 (modelChange)=\"setCauseCode($event)\"></co-list-of-values>\n              <co-list-of-values [label]=\"'ENTRY_TYPE' | localize\" displayField=\"description\" [model]=\"entryTypeModel\"\n                                 [collection]=\"entryTypeColl\"\n                                 (modelChange)=\"setEntryType($event)\"></co-list-of-values>\n            </div>\n          </div>\n          <co-files-upload (documentChangeEvent)=\"upsertDocument($event)\"\n                           (documentDeleted)=\"deleteDocument($event)\"\n                           [documents]=\"documents\"></co-files-upload>\n        </div>\n        <co-activity-list [activities]=\"activities\"></co-activity-list>\n        <co-component-activity-list [showActivityHeader]=\"showActivityHeader\" [table]=\"TableName.Transactions\" [key]=\"transactionInfo.id.toString()\" (refreshRequested)=\"refreshRequested()\">\n        </co-component-activity-list>\n        <co-task-creator [table]=\"TableName.Transactions\" [RemarkAndWorkKey]=\"transactionInfo.id.toString()\" [TaskKey]=\"transactionInfo.transactionNr.toString()\"\n                         [author]=\"author\" [branchNo]=\"transactionInfo.branch.relationNr.toString()\"\n                         [workflowCategoryType]=\"WorkflowCategoryType.ServiceOrder\"\n                         (activityCreated)=\"refreshRequested()\"></co-task-creator>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"service-overview-wrapper\">\n      <div class=\"message-and-task-wrapper\">\n        <div class=\"service-message-and-image-wrapper\">\n          <div class=\"service-message-wrapper\">\n            <co-input-textarea [label]=\"'SERVICE_REPORT'| localize\" [(model)]=\"transactionServiceInfo.reportMessage\">\n            </co-input-textarea>\n            <div class=\"service-message-extra-wrapper\">\n              <co-list-of-values [label]=\"'PRIORITY'| localize\" displayField=\"description\" [model]=\"priorityModel\"\n                                 [collection]=\"priorityDomainColl\"\n                                 (modelChange)=\"setPriority($event)\"></co-list-of-values>\n              <co-list-of-values [label]=\"'CAUSE_CODE' | localize\" displayField=\"description\" [model]=\"causeCodeModel\"\n                                 [collection]=\"causeCodeColl\"\n                                 (modelChange)=\"setCauseCode($event)\"></co-list-of-values>\n              <co-list-of-values [label]=\"'ENTRY_TYPE' | localize\" displayField=\"description\" [model]=\"entryTypeModel\"\n                                 [collection]=\"entryTypeColl\"\n                                 (modelChange)=\"setEntryType($event)\"></co-list-of-values>\n            </div>\n          </div>\n          <co-files-upload (documentChangeEvent)=\"upsertDocument($event)\"\n                           (documentDeleted)=\"deleteDocument($event)\"\n                           [documents]=\"documents\"></co-files-upload>\n        </div>\n        <co-activity-list [activities]=\"activities\"></co-activity-list>\n        <co-component-activity-list [showActivityHeader]=\"showActivityHeader\" [table]=\"TableName.Transactions\" [key]=\"transactionInfo.id.toString()\" (refreshRequested)=\"refreshRequested()\">\n        </co-component-activity-list>\n        <co-task-creator [table]=\"TableName.Transactions\" [RemarkAndWorkKey]=\"transactionInfo.id.toString()\" [TaskKey]=\"transactionInfo.transactionNr.toString()\"\n                         [author]=\"transactionService.loggedInUser\" [branchNo]=\"transactionInfo.branch.relationNr.toString()\"\n                         [workflowCategoryType]=\"WorkflowCategoryType.ServiceOrder\"\n                         (activityCreated)=\"refreshRequested()\"></co-task-creator>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];