@colijnit/transaction 12.1.69 → 12.1.70

package/fesm2015/colijnit-transaction.js

@@ -47,6 +47,8 @@ import { Sharedapi } from '@colijnit/sharedapi/build/sharedapi';
 import { AvailableStock } from '@colijnit/transactionapi/build/model/available-stock.bo';
 import { GoodsAllocationStatus } from '@colijnit/transactionapi/build/model/goods-allocation-status.bo';
 import { GoodsAllocationStatusWithHistory } from '@colijnit/transactionapi/build/model/goods-allocation-status-with-history.bo';
+import { ReportLayoutSelectionEmail } from '@colijnit/mainapi/build/model/report-layout-selection-email.bo';
+import { ReportLayoutSelectionPrint } from '@colijnit/mainapi/build/model/report-layout-selection-print.bo';
 import { ResolveLinePendingReasonRequest } from '@colijnit/transactionapi/build/model/resolve-pending-reason-request.bo';
 import { Articles } from '@colijnit/articleapi/build/articles';
 import { StockLocation } from '@colijnit/articleapi/build/model/stock-location.bo';
@@ -56,7 +58,7 @@ import { MainArticle } from '@colijnit/articleapi/build/model/main-article.bo';
 import { ResolveHeaderPendingReasonRequest } from '@colijnit/transactionapi/build/model/resolve-header-pending-reason-request.bo';
 import { DocDeliveryBatch } from '@colijnit/transactionapi/build/model/doc-delivery-batch.bo';
 import * as i4 from '@colijnit/sharedcomponents';
-import { SharedService as SharedService$1, KeyPadModule, StatusbarModule, SendMethodDialogModule } from '@colijnit/sharedcomponents';
+import { SharedService as SharedService$1, sendMethodsWithIcon, KeyPadModule, StatusbarModule, SendMethodDialogModule } from '@colijnit/sharedcomponents';
 import { CustomerFullObject } from '@colijnit/relationapi/build/model/customer-full-object.bo';
 import { RelationStatus } from '@colijnit/articleapi/build/enum/relation-status.enum';
 import { RelationKind } from '@colijnit/articleapi/build/enum/relation-kind.enum';
@@ -65,16 +67,16 @@ import { SupplierFullObject } from '@colijnit/relationapi/build/model/supplier-f
 import { RelationListObject } from '@colijnit/relationapi/build/model/relation-list-object.bo';
 import { BranchLov } from '@colijnit/relationapi/build/model/branch-lov.bo';
 import { TransactionKind } from '@colijnit/transactionapi/build/enum/transaction-kind.enum';
+import { CreateTransactionRequest } from '@colijnit/transactionapi/build/model/create-transaction-request';
 import { FormMasterService, CoDialogModule, ButtonModule, CollapsibleModule, InputCheckboxModule, InputTextModule, InputComboBoxModule, FormModule, InputRadioButtonModule, IconModule, InputTextComponent, InputListboxModule, DropDownModule, InputSearchModule, ColumnAlign, SimpleGridColumnDirective, ObserveVisibilityModule, ColorSequenceService, PriceDisplayPipeModule, InputDatePickerModule, Carousel3dModule, CarouselModule, FilterPipeModule, InputDatePickerComponent, InputTextareaComponent, InputTextareaModule, InputNumberPickerModule, CoDialogPromptModule, MultiSelectListModule, PopupModule, CoSidebarModule, CoGridModule, CoRichTextEditorModule, SimpleGridModule, GridToolbarButtonModule, InputDateRangePickerModule, ClickoutsideModule, CheckmarkOverlayModule, CoOrientation, CoDirection, FilterItemModule, PaginationModule, PaginationBarModule, IconCollapseHandleModule } from '@colijnit/corecomponents_v12';
 import { FlexModule } from '@angular/flex-layout';
 import { trigger, state, style, transition, animate } from '@angular/animations';
-import { RelationKind as RelationKind$1 } from '@colijnit/relationapi/build/enum/relation-kind.enum';
 import { AddressType } from '@colijnit/relationapi/build/enum/address-type.enum';
 import { CommonModule, DatePipe } from '@angular/common';
 import { DateUtils } from '@colijnit/ioneconnector/build/utils/date-utils';
 import { NumberUtils } from '@colijnit/ioneconnector/build/utils/number-utils';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { NULL_RELATION_OBJECT } from '@colijnit/relationapi/build/model/nul-relation-object';
+import { NULL_RELATION_OBJECT, NULL_CUSTOMER_FULL_OBJECT } from '@colijnit/relationapi/build/model/nul-relation-object';
 import { Address } from '@colijnit/relationapi/build/model/address.bo';
 import { isNill } from '@colijnit/ioneconnector/build/utils/function/is-nill.function';
 import { TransactionTotal } from '@colijnit/transactionapi/build/model/transaction-total.bo';
@@ -86,6 +88,11 @@ import { PagingParameters } from '@colijnit/ioneconnector/build/model/paging-par
 import { GetPurchaseOrderConfirmation } from '@colijnit/transactionapi/build/model/get-purchase-order-confirmation';
 import { ReceiveGoodsForPurchaseOrderRequest } from '@colijnit/transactionapi/build/model/receive-goods-for-purchase-order-request.bo';
 import { PurchaseOrderLineReceiptDetails } from '@colijnit/transactionapi/build/model/purchase-order-line-receipt-details.bo';
+import { EmailOrderConfirmationRequest } from '@colijnit/mainapi/build/model/email-order-confirmation-request';
+import { PrintOrderConfirmationRequest } from '@colijnit/mainapi/build/model/print-order-confirmation-request';
+import { PdfOrderConfirmationRequest } from '@colijnit/mainapi/build/model/pdf-order-confirmation-request';
+import { CommunicationType } from '@colijnit/relationapi/build/enum/communication-type.enum';
+import { SendMethodType } from '@colijnit/mainapi/build/enum/send-method-type.enum';
 import { StockStatus } from '@colijnit/transactionapi/build/enum/refcode/stock-status.enum';
 import { AllocateGoodsForSalesOrderRequest } from '@colijnit/transactionapi/build/model/allocate-goods-for-sales-order-request';
 import { SalesOrderLineAllocationDetails } from '@colijnit/transactionapi/build/model/sales-order-line-allocation-details';
@@ -97,10 +104,10 @@ import { RelationNameKind } from '@colijnit/relationapi/build/enum/relation-name
 import { GenderType } from '@colijnit/relationapi/build/enum/gender-type.enum';
 import { FunctionUtils } from '@colijnit/ioneconnector/build/utils/function-utils';
 import { ContactOption } from '@colijnit/relationapi/build/model/contact-option.bo';
-import { CommunicationType } from '@colijnit/relationapi/build/enum/communication-type.enum';
 import { BusinessObjectUtils } from '@colijnit/ioneconnector/build/utils/business-object-utils';
 import { ScrollingModule } from '@angular/cdk/scrolling';
 import { RelationSmallObject } from '@colijnit/relationapi/build/model/relation-small-object.bo';
+import { RelationKind as RelationKind$1 } from '@colijnit/relationapi/build/enum/relation-kind.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 { GetPurchasePortalLine } from '@colijnit/transactionapi/build/model/get-purchase-portal-line';
@@ -109,9 +116,6 @@ import { AllocateGoodsForSalesOrderCorrectionRequest } from '@colijnit/transacti
 import { SalesOrderLineAllocationCorrectionDetails } from '@colijnit/transactionapi/build/model/sales-order-line-allocation-correction-details';
 import { IoneCatalogModule } from '@colijnit/catalog';
 import { GoodsReceiptStatus } from '@colijnit/transactionapi/build/model/goods-receipt-status.bo';
-import { EmailOrderConfirmation } from '@colijnit/sharedapi/build/model/report/email-order-confirmation';
-import { PrintOrderConfirmation } from '@colijnit/sharedapi/build/model/report/print-order-confirmation';
-import { PdfOrderConfirmation } from '@colijnit/sharedapi/build/model/report/pdf-order-confirmation';
 import { ArticleExtendedRequest } from '@colijnit/articleapi/build/model/article-extended-request';
 import { QuantityInHistoricState } from '@colijnit/transactionapi/build/enum/quantity-in-historic-state.enum';
 
@@ -1370,6 +1374,7 @@ var Icon;
     Icon["EditPencil"] = "edit_pencil";
     Icon["EllipsisLight"] = "ellipsis_light";
     Icon["EllipsisVerticalSolid"] = "ellipsis_vertical_solid";
+    Icon["Email"] = "email";
     Icon["FileCircleInfoSolid"] = "file_circle_info_solid";
     Icon["FilePdfSolid"] = "file_pdf_solid";
     Icon["GearSolid"] = "gear_solid";
@@ -1389,9 +1394,11 @@ var Icon;
     Icon["Menu"] = "menu";
     Icon["ObjectIntersectSolid"] = "object_intersect_solid";
     Icon["PalletBoxesSolid"] = "pallet_boxes_solid";
+    Icon["Pdf"] = "pdf";
     Icon["PercentSolid"] = "percent_solid";
     Icon["PlusRound"] = "plus_round";
     Icon["PlusSimple"] = "plus_simple";
+    Icon["PrintRegular"] = "print_regular";
     Icon["PrintSolid"] = "print_solid";
     Icon["Purchase"] = "purchase";
     Icon["Resize"] = "resize";
@@ -1444,6 +1451,7 @@ const IconSvg = {
     "edit_pencil": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><polygon points=\"12.54 38.16 12 37.62 14.85 29.64 20.52 35.31 12.54 38.16\" fill=\"#484f60\"/><rect x=\"16.33\" y=\"20.52\" width=\"17.99\" height=\"8.64\" transform=\"translate(-10.15 25.18) rotate(-45)\" fill=\"#484f60\"/><path d=\"M37.54,18.73,36,20.32l-6.11-6.1,1.59-1.59a1.55,1.55,0,0,1,2.2,0l3.91,3.9A1.55,1.55,0,0,1,37.54,18.73Z\" fill=\"#484f60\"/></svg>",
     "ellipsis_light": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M352 256C352 238.3 366.3 224 384 224C401.7 224 416 238.3 416 256C416 273.7 401.7 288 384 288C366.3 288 352 273.7 352 256zM192 256C192 238.3 206.3 224 224 224C241.7 224 256 238.3 256 256C256 273.7 241.7 288 224 288C206.3 288 192 273.7 192 256zM96 256C96 273.7 81.67 288 64 288C46.33 288 32 273.7 32 256C32 238.3 46.33 224 64 224C81.67 224 96 238.3 96 256z\"/></svg>",
     "ellipsis_vertical_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 128 512\"><path d=\"M64 360c30.9 0 56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56s25.1-56 56-56zm0-160c30.9 0 56 25.1 56 56s-25.1 56-56 56s-56-25.1-56-56s25.1-56 56-56zM120 96c0 30.9-25.1 56-56 56S8 126.9 8 96S33.1 40 64 40s56 25.1 56 56z\"/></svg>",
+    "email": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.79,38.45A17.82,17.82,0,0,1,23.86,40,13.09,13.09,0,0,1,10.41,26.42C10.41,17.63,16.83,10,26.53,10c7.63,0,13.06,5.21,13.06,12.46,0,6.33-3.53,10.3-8.19,10.3a3.42,3.42,0,0,1-3.71-3.32h-.08A6.5,6.5,0,0,1,22,32.76c-2.75,0-4.82-2.11-4.82-5.65a9.85,9.85,0,0,1,10.13-10,12.89,12.89,0,0,1,5.13,1l-1.3,8c-.43,2.54-.13,3.71,1.08,3.75,1.85.09,4.18-2.28,4.18-7.28,0-5.65-3.62-10-10.3-10S13.73,17.76,13.73,26c0,7.25,4.57,11.3,11,11.3A14.81,14.81,0,0,0,31,36ZM28,20.65a5.34,5.34,0,0,0-1.33-.18c-2.85,0-5.09,2.81-5.09,6.12,0,1.64.73,2.68,2.16,2.68,1.59,0,3.27-2,3.66-4.53Z\" fill=\"#484f60\"/></svg>",
     "file_circle_info_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M0 64C0 28.65 28.65 0 64 0H224V128C224 145.7 238.3 160 256 160H384V198.6C310.1 219.5 256 287.4 256 368C256 427.1 285.1 479.3 329.7 511.3C326.6 511.7 323.3 512 320 512H64C28.65 512 0 483.3 0 448V64zM256 128V0L384 128H256zM288 368C288 288.5 352.5 224 432 224C511.5 224 576 288.5 576 368C576 447.5 511.5 512 432 512C352.5 512 288 447.5 288 368zM432 320C445.3 320 456 309.3 456 296C456 282.7 445.3 272 432 272C418.7 272 408 282.7 408 296C408 309.3 418.7 320 432 320zM416 384L416 432C407.2 432 400 439.2 400 448C400 456.8 407.2 464 416 464H448C456.8 464 464 456.8 464 448C464 439.2 456.8 432 448 432V368C448 359.2 440.8 352 432 352H416C407.2 352 400 359.2 400 368C400 376.8 407.2 384 416 384z\"/></svg>",
     "file_pdf_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M88 304H80V256H88C101.3 256 112 266.7 112 280C112 293.3 101.3 304 88 304zM192 256H200C208.8 256 216 263.2 216 272V336C216 344.8 208.8 352 200 352H192V256zM224 0V128C224 145.7 238.3 160 256 160H384V448C384 483.3 355.3 512 320 512H64C28.65 512 0 483.3 0 448V64C0 28.65 28.65 0 64 0H224zM64 224C55.16 224 48 231.2 48 240V368C48 376.8 55.16 384 64 384C72.84 384 80 376.8 80 368V336H88C118.9 336 144 310.9 144 280C144 249.1 118.9 224 88 224H64zM160 368C160 376.8 167.2 384 176 384H200C226.5 384 248 362.5 248 336V272C248 245.5 226.5 224 200 224H176C167.2 224 160 231.2 160 240V368zM288 224C279.2 224 272 231.2 272 240V368C272 376.8 279.2 384 288 384C296.8 384 304 376.8 304 368V320H336C344.8 320 352 312.8 352 304C352 295.2 344.8 288 336 288H304V256H336C344.8 256 352 248.8 352 240C352 231.2 344.8 224 336 224H288zM256 0L384 128H256V0z\"/></svg>",
     "gear_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M200 0H312l17.2 78.4c15.8 6.5 30.6 15.1 44 25.4l76.5-24.4 56 97-59.4 54.1c1.1 8.3 1.7 16.8 1.7 25.4s-.6 17.1-1.7 25.4l59.4 54.1-56 97-76.5-24.4c-13.4 10.3-28.2 18.9-44 25.4L312 512H200l-17.2-78.4c-15.8-6.5-30.6-15.1-44-25.4L62.3 432.5l-56-97 59.4-54.1C64.6 273.1 64 264.6 64 256s.6-17.1 1.7-25.4L6.3 176.5l56-97 76.5 24.4c13.4-10.3 28.2-18.9 44-25.4L200 0zm56 336c44.2 0 80-35.8 80-80s-35.8-80-80-80s-80 35.8-80 80s35.8 80 80 80z\"/></svg>",
@@ -1463,9 +1471,11 @@ const IconSvg = {
     "menu": "<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z\" /></svg>",
     "object_intersect_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M288 64v96H224c-35.3 0-64 28.7-64 64v64H64V64H288zM64 352h96v96c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V224c0-35.3-28.7-64-64-64H352V64c0-35.3-28.7-64-64-64H64C28.7 0 0 28.7 0 64V288c0 35.3 28.7 64 64 64zM448 224V448H224V352h64c35.3 0 64-28.7 64-64V224h96z\"/></svg>",
     "pallet_boxes_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><path d=\"M96 255.1L288 256c17.6 0 32-14.4 32-32V31.1c0-17.6-14.4-31.1-32-31.1L96 0c-17.6 0-32 14.4-32 32V224C64 241.6 78.4 255.1 96 255.1zM416 255.1h128c17.6 0 32-14.4 32-31.1v-128c0-17.6-14.4-32-32-32h-128c-17.6 0-32 14.4-32 32v128C384 241.6 398.4 255.1 416 255.1zM624 384c8.75 0 16-7.25 16-16v-32c0-8.75-7.25-16-16-16h-608C7.25 320 0 327.3 0 336v32C0 376.8 7.25 384 16 384H64v64H16C7.25 448 0 455.3 0 464v32C0 504.8 7.25 512 16 512h608c8.75 0 16-7.25 16-16v-32c0-8.75-7.25-16-16-16H576v-64H624zM288 448H128v-64h160V448zM512 448h-160v-64h160V448z\"/></svg>",
+    "pdf": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.42,40.17H13.88c-2.16,0-2.72-.56-2.72-2.72V12.88c0-2.15.56-2.71,2.72-2.71h11.6l8.66,8.88v3.43H32.8V19.6l-7.88-8.09h-11c-1.38,0-1.38,0-1.38,1.37V37.45c0,1.37,0,1.37,1.38,1.37H31.42c1.38,0,1.38,0,1.38-1.37V35h1.34v2.43C34.14,39.61,33.58,40.17,31.42,40.17Z\" fill=\"#484f60\"/><path d=\"M27.83,26.63v4.24h1a3.57,3.57,0,0,0,.78-.06,1.22,1.22,0,0,0,.52-.26,1.44,1.44,0,0,0,.34-.62,4.13,4.13,0,0,0,.13-1.18,3.79,3.79,0,0,0-.13-1.14,1.51,1.51,0,0,0-.37-.62,1.14,1.14,0,0,0-.6-.3,5.93,5.93,0,0,0-1.06-.06Z\" fill=\"#484f60\"/><path d=\"M21.86,26.63v1.82h.71a3.57,3.57,0,0,0,1-.1A.88.88,0,0,0,24,28a.84.84,0,0,0,.14-.5.8.8,0,0,0-.2-.57.88.88,0,0,0-.52-.29,6.36,6.36,0,0,0-.93,0Z\" fill=\"#484f60\"/><path d=\"M19.14,24.27v9h19.7v-9Zm6.12,4.24a1.68,1.68,0,0,1-.54.63,1.9,1.9,0,0,1-.67.3,6.57,6.57,0,0,1-1.34.1h-.85V32H20.57V25.54h2.07a7.75,7.75,0,0,1,1.54.1,1.73,1.73,0,0,1,.93.63,2,2,0,0,1,.37,1.25A2,2,0,0,1,25.26,28.51Zm6.45,1.66A2.91,2.91,0,0,1,31,31.31a2.28,2.28,0,0,1-.91.51A4,4,0,0,1,29,32H26.54V25.54H28.9a4.21,4.21,0,0,1,1.22.13,2.08,2.08,0,0,1,1,.59,2.79,2.79,0,0,1,.61,1,4.76,4.76,0,0,1,.21,1.52A4.19,4.19,0,0,1,31.71,30.17Zm5.7-3.54h-3.1v1.52H37v1.08H34.31V32H33V25.54h4.39Z\" fill=\"#484f60\"/><path d=\"M25.2,10.84v6.44c0,1.78.27,2,2,2h6.23Z\" fill=\"#484f60\"/></svg>",
     "percent_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><path d=\"M374.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-320 320c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l320-320zM128 128c0-35.3-28.7-64-64-64S0 92.7 0 128s28.7 64 64 64s64-28.7 64-64zM384 384c0-35.3-28.7-64-64-64s-64 28.7-64 64s28.7 64 64 64s64-28.7 64-64z\"/></svg>",
     "plus_round": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" viewBox=\"-288 379 35 35\" enable-background=\"new -288 379 35 35\" ><path fill=\"#29363E\" d=\"M-270.5,381.5c-8.3,0-15,6.7-15,15c0,8.3,6.7,15,15,15s15-6.7,15-15C-255.5,388.2-262.2,381.5-270.5,381.5z M-261.1,397.3c0,0.9-0.7,1.6-1.6,1.6h-5.5v5.5c0,0.9-0.7,1.6-1.6,1.6h-1.6c-0.9,0-1.6-0.7-1.6-1.6v-5.5h-5.5c-0.9,0-1.6-0.7-1.6-1.6v-1.6c0-0.9,0.7-1.6,1.6-1.6h5.5v-5.5c0-0.9,0.7-1.6,1.6-1.6h1.6c0.9,0,1.6,0.7,1.6,1.6v5.5h5.5c0.9,0,1.6,0.7,1.6,1.6V397.3z\"/></svg>",
     "plus_simple": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><g ><path d=\"M13.86,27c-.32,0-.58-.26-.58-.57v-9.72H3.58c-.32,0-.58-.26-.58-.57v-2.29c0-.31,.26-.57,.58-.57H13.29V3.57c0-.31,.26-.57,.58-.57h2.28c.31,0,.57,.26,.57,.57V13.29h9.72c.31,0,.57,.26,.57,.57v2.29c0,.31-.26,.57-.57,.57h-9.72v9.72c0,.31-.26,.57-.57,.57h-2.28Z\" fill=\"#484f60\"/></g></g><g /></svg>",
+    "print_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M111.1 48h254.1L400 81.94V160H448V81.94c0-12.73-5.057-24.94-14.06-33.94l-33.94-33.94C391 5.057 378.8 0 366.1 0H111.1C85.49 0 64.01 21.48 64 47.98l.002 82.28c-.002 0 .002 0 0 0L64 160h48.01L111.1 48zM440 192H72C32.3 192 0 224.3 0 264v112c0 13.25 10.75 24 24 24H80V480c0 17.67 14.33 32 32 32h288c17.67 0 32-14.33 32-32v-80h56c13.25 0 24-10.75 24-24v-112C512 224.3 479.7 192 440 192zM384 464H128v-96h256V464zM464 352h-32c0-17.67-14.33-32-32-32h-288c-17.67 0-32 14.33-32 32h-32V264c0-13.23 10.77-24 24-24h368c13.23 0 24 10.77 24 24V352z\"/></svg>",
     "print_solid": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path d=\"M448 192H64C28.65 192 0 220.7 0 256v96c0 17.67 14.33 32 32 32h32v96c0 17.67 14.33 32 32 32h320c17.67 0 32-14.33 32-32v-96h32c17.67 0 32-14.33 32-32V256C512 220.7 483.3 192 448 192zM384 448H128v-96h256V448zM432 296c-13.25 0-24-10.75-24-24c0-13.27 10.75-24 24-24s24 10.73 24 24C456 285.3 445.3 296 432 296zM128 64h229.5L384 90.51V160h64V77.25c0-8.484-3.375-16.62-9.375-22.62l-45.25-45.25C387.4 3.375 379.2 0 370.8 0H96C78.34 0 64 14.33 64 32v128h64V64z\"/></svg>",
     "purchase": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><g opacity=\"0.75\"><polygon points=\"33.34 25.04 27.34 28.52 33.35 31.97 39.34 28.49 33.34 25.04\" fill=\"#484f60\"/><polygon points=\"33.99 33.08 39.99 29.6 40 36.53 34.01 40.01 33.99 33.08\" fill=\"#484f60\" opacity=\"0.5\"/><polygon points=\"26.72 36.55 26.71 29.63 32.71 33.08 32.72 40.01 26.72 36.55\" fill=\"#484f60\" opacity=\"0.25\"/><polygon points=\"12.78 28.54 18.79 32 24.78 28.52 18.77 25.07 12.78 28.54\" fill=\"#484f60\"/><polygon points=\"19.43 33.1 25.42 29.63 25.44 36.56 19.44 40.03 19.43 33.1\" fill=\"#484f60\" opacity=\"0.5\"/><polygon points=\"12.15 36.58 12.14 29.65 18.15 33.11 18.16 40.04 12.15 36.58\" fill=\"#484f60\" opacity=\"0.25\"/><polygon points=\"32.04 15.89 26.03 12.44 22.09 14.73 27.52 14.73 24.03 18.21 26.05 19.37 32.04 15.89\" fill=\"#484f60\"/><polygon points=\"32.68 17 26.69 20.48 26.7 27.41 32.7 23.93 32.68 17\" fill=\"#484f60\" opacity=\"0.5\"/><polygon points=\"23.1 19.15 19.41 22.83 19.41 23.95 25.42 27.41 25.41 20.48 23.1 19.15\" fill=\"#484f60\" opacity=\"0.25\"/></g><polygon points=\"19.03 16.34 19.03 10.3 14.61 10.3 14.61 16.34 14.61 16.34 10 16.34 16.82 23.16 23.64 16.34 19.03 16.34\" fill=\"#484f60\"/></svg>",
     "resize": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 51 51\"><polygon points=\"1.1 49.9 1.1 30.6 7.8 37.3 37.3 8 30.6 1.3 49.9 1.3 49.9 20.6 43.2 13.9 13.7 43.2 20.5 49.9 1.1 49.9\" fill=\"#4d5050\"/></svg>",
@@ -1575,10 +1585,10 @@ ConfirmationDialogComponent.decorators = [
       </div>
     </co-dialog>
     <ng-template #headerTemplate>
-      <div class="co-transaction-dialog-header-title" [textContent]="title | localize"></div>
+      <div class="co-dialog-header-title" [textContent]="title | localize"></div>
     </ng-template>
     <ng-template #footerTemplate>
-      <div class="co-transaction-dialog-footer-button-wrapper">
+      <div class="co-dialog-footer-button-wrapper">
         <ng-container *ngIf="type === ptype.Confirmation">
           <co-button [label]="'YES' | localize" (click)="handleYesClick($event)"></co-button>
           <co-button [label]="'NO' | localize" (click)="handleNoClick($event)"></co-button>
@@ -1661,10 +1671,10 @@ CharacteristicAnswerComponent.decorators = [
       </ng-container>
     </co-dialog>
     <ng-template #headerTemplate>
-      <div class="co-transaction-dialog-header-title" [textContent]="title"></div>
+      <div class="co-dialog-header-title" [textContent]="title"></div>
     </ng-template>
     <ng-template #footerTemplate>
-      <div class="co-transaction-dialog-footer-button-wrapper">
+      <div class="co-dialog-footer-button-wrapper">
         <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
       </div>
     </ng-template>
@@ -1787,7 +1797,7 @@ DialogTransactionLineWarehouseComponent.decorators = [
       <co-dialog-header-search [title]="'WAREHOUSE'" (search)="handleSearch($event)"></co-dialog-header-search>
     </ng-template>
     <ng-template #footerTemplate>
-      <div class="co-transaction-dialog-footer-button-wrapper" *ngIf="!useModel">
+      <div class="co-dialog-footer-button-wrapper" *ngIf="!useModel">
         <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
       </div>
     </ng-template>
@@ -1818,10 +1828,10 @@ DialogTransactionLineCommissionCodeComponent.decorators = [
         (valueChange)="handleValueChange($event)"></co-transaction-line-commission-code>
     </co-dialog>
     <ng-template #dialogHeader>
-      <div class="co-transaction-dialog-header-title" [textContent]="'COMMISSION_CODE' | localize"></div>
+      <div class="co-dialog-header-title" [textContent]="'COMMISSION_CODE' | localize"></div>
     </ng-template>
     <ng-template #footerTemplate>
-      <div class="co-transaction-dialog-footer-button-wrapper" *ngIf="!useModel">
+      <div class="co-dialog-footer-button-wrapper" *ngIf="!useModel">
         <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
       </div>
     </ng-template>
@@ -1930,7 +1940,7 @@ DialogTransactionLineWarehouseLocationComponent.decorators = [
       <co-dialog-header-search [title]="'LOCATION'" (search)="handleSearch($event)"></co-dialog-header-search>
     </ng-template>
     <ng-template #footerTemplate>
-      <div class="co-transaction-dialog-footer-button-wrapper" *ngIf="!useModel">
+      <div class="co-dialog-footer-button-wrapper" *ngIf="!useModel">
         <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
       </div>
     </ng-template>
@@ -1978,7 +1988,7 @@ DialogTransactionLineWarehouseCcComponent.decorators = [
                 selector: "co-dialog-transaction-line-warehouse-cc",
                 template: `
     <co-dialog
-      [customCssClass]="'co-transaction-small-toolbar'"
+      [customCssClass]="'co-small-toolbar'"
       [headerTemplate]="dialogHeader"
       [footerTemplate]="footerTemplate"
       (closeClick)="handleDialogClose()">
@@ -2003,10 +2013,10 @@ DialogTransactionLineWarehouseCcComponent.decorators = [
       </div>
     </co-dialog>
     <ng-template #dialogHeader>
-      <div class="co-transaction-dialog-header-title" [textContent]="'COMMISSION_CODE_WAREHOUSE_SELECTION' | localize"></div>
+      <div class="co-dialog-header-title" [textContent]="'COMMISSION_CODE_WAREHOUSE_SELECTION' | localize"></div>
     </ng-template>
     <ng-template #footerTemplate>
-      <div class="co-transaction-dialog-footer-button-wrapper">
+      <div class="co-dialog-footer-button-wrapper">
         <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
       </div>
     </ng-template>
@@ -2611,6 +2621,81 @@ class TransactionConnectorAdapterService {
             });
         });
     }
+    createSalesOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.connector.createSalesOrder(request).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
+                    }
+                    else {
+                        this._handleExceptionFromResponse(result);
+                        reject(null);
+                    }
+                });
+            });
+        });
+    }
+    createCashRegisterOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.connector.createCashRegisterOrder(request).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
+                    }
+                    else {
+                        this._handleExceptionFromResponse(result);
+                        reject(null);
+                    }
+                });
+            });
+        });
+    }
+    createPurchaseOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.connector.createPurchaseOrder(request).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
+                    }
+                    else {
+                        this._handleExceptionFromResponse(result);
+                        reject(null);
+                    }
+                });
+            });
+        });
+    }
+    createServiceOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.connector.createServiceOrder(request).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
+                    }
+                    else {
+                        this._handleExceptionFromResponse(result);
+                        reject(null);
+                    }
+                });
+            });
+        });
+    }
+    createSalesQuotation(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                return this.connector.createSalesQuotation(request).then((result) => {
+                    if (result.validationResult && result.validationResult.success) {
+                        resolve(this._boFactory.makeWithRawBackendData(TransactionInfoResponse, result.resultObject));
+                    }
+                    else {
+                        this._handleExceptionFromResponse(result);
+                        reject(null);
+                    }
+                });
+            });
+        });
+    }
     saveTransaction(uuid) {
         return new Promise((resolve, reject) => {
             return this.connector.saveTransaction(uuid).then((result) => {
@@ -3521,38 +3606,6 @@ class TransactionConnectorAdapterService {
             });
         });
     }
-    getPurchaseOrderEmailLayouts(transactionUUID) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.getPurchaseOrderEmailLayouts(transactionUUID).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        if (result.resultObject) {
-                            resolve(result.resultObject);
-                        }
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
-    emailOrderConfirmation(emailOrderConfirmation) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                return this.connector.emailOrderConfirmation(emailOrderConfirmation).then((result) => {
-                    if (result.validationResult && result.validationResult.success) {
-                        if (result.resultObject) {
-                            resolve(result.resultObject);
-                        }
-                    }
-                    else {
-                        reject(result.validationMessagesAsString);
-                    }
-                });
-            });
-        });
-    }
     getStockStickerTemplates(data) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve, reject) => {
@@ -3656,6 +3709,174 @@ class TransactionConnectorAdapterService {
             }
         });
     }
+    getOrderConfirmationEmailLayouts(transactionUUID) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.getOrderConfirmationEmailLayouts(transactionUUID);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeBOArrayFromRawBackendDataArray(ReportLayoutSelectionEmail, response.resultObject);
+            }
+            else {
+                this._handleExceptionFromResponse(response);
+                return null;
+            }
+        });
+    }
+    getOrderConfirmationPrintLayouts(transactionUUID) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.getOrderConfirmationPrintLayouts(transactionUUID);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeBOArrayFromRawBackendDataArray(ReportLayoutSelectionPrint, response.resultObject);
+            }
+            else {
+                this._handleExceptionFromResponse(response);
+                return null;
+            }
+        });
+    }
+    getOrderConfirmationDefaultSendMethod(relationId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.getOrderConfirmationDefaultSendMethod(relationId);
+            if (response && response.validationResult && response.validationResult.success) {
+                return response.resultObject;
+            }
+            else {
+                this._handleExceptionFromResponse(response);
+                return null;
+            }
+        });
+    }
+    printOrderConfirmation(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.printOrderConfirmation(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return response.resultObject;
+            }
+            else {
+                this._handleExceptionFromResponse(response);
+                return null;
+            }
+        });
+    }
+    emailOrderConfirmation(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.emailOrderConfirmation(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return response.resultObject;
+            }
+            else {
+                this._handleExceptionFromResponse(response);
+                return null;
+            }
+        });
+    }
+    pdfOrderConfirmation(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.pdfOrderConfirmation(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return response.resultObject;
+            }
+            else {
+                this._handleExceptionFromResponse(response);
+                return null;
+            }
+        });
+    }
+    printPurchaseOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.printPurchaseOrder(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return response.resultObject;
+            }
+            else {
+                this._handleExceptionFromResponse(response);
+                return null;
+            }
+        });
+    }
+    emailPurchaseOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.emailPurchaseOrder(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return response.resultObject;
+            }
+            else {
+                this._handleExceptionFromResponse(response);
+                return null;
+            }
+        });
+    }
+    pdfPurchaseOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.pdfPurchaseOrder(request);
+            if (response && response.validationResult && response.validationResult.success) {
+                return response.resultObject;
+            }
+            else {
+                this._handleExceptionFromResponse(response);
+                return null;
+            }
+        });
+    }
+    getPurchaseOrderEmailLayouts(transactionUUID) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.getPurchaseOrderEmailLayouts(transactionUUID);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeBOArrayFromRawBackendDataArray(ReportLayoutSelectionEmail, response.resultObject);
+            }
+            else {
+                this._handleExceptionFromResponse(response);
+                return null;
+            }
+        });
+    }
+    getPurchaseOrderPrintLayouts(transactionUUID) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.getPurchaseOrderPrintLayouts(transactionUUID);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeBOArrayFromRawBackendDataArray(ReportLayoutSelectionPrint, response.resultObject);
+            }
+            else {
+                this._handleExceptionFromResponse(response);
+                return null;
+            }
+        });
+    }
+    getDefaultEmailAddressListForOrderConfirmation(transactionUUID) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.getDefaultEmailAddressListForOrderConfirmation(transactionUUID);
+            if (response && response.validationResult && response.validationResult.success) {
+                return response.resultObject;
+            }
+            else {
+                this._handleExceptionFromResponse(response);
+                return null;
+            }
+        });
+    }
+    getPurchaseOrderDefaultSendMethod(relationId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.getPurchaseOrderDefaultSendMethod(relationId);
+            if (response && response.validationResult && response.validationResult.success) {
+                return response.resultObject;
+            }
+            else {
+                this._handleExceptionFromResponse(response);
+                return null;
+            }
+        });
+    }
+    generateAndSendPurchaseOrdersForSalesOrder(transactionId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.connector.generateAndSendPurchaseOrdersForSalesOrder(transactionId);
+            if (response && response.validationResult && response.validationResult.success) {
+                return response.resultObject;
+            }
+            else {
+                this._handleExceptionFromResponse(response);
+                return null;
+            }
+        });
+    }
     _handleExceptionFromResponse(result) {
         this._errorService.showValidationError(result);
     }
@@ -3759,6 +3980,31 @@ class TransactionConnectorService {
     createTransaction(kind, branchNr) {
         return this._adapterService.createTransaction(kind, branchNr);
     }
+    createSalesOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this._adapterService.createSalesOrder(request);
+        });
+    }
+    createCashRegisterOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this._adapterService.createCashRegisterOrder(request);
+        });
+    }
+    createPurchaseOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this._adapterService.createPurchaseOrder(request);
+        });
+    }
+    createServiceOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this._adapterService.createServiceOrder(request);
+        });
+    }
+    createSalesQuotation(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this._adapterService.createSalesQuotation(request);
+        });
+    }
     getArticleBoundTextLinesOfArticleLine(articleLineUuid) {
         return __awaiter(this, void 0, void 0, function* () {
             return this._adapterService.getArticleBoundTextLinesOfArticleLine(articleLineUuid);
@@ -4185,16 +4431,6 @@ class TransactionConnectorService {
             return this._adapterService.getDeliveryOrderStatus(transId, lineId);
         });
     }
-    getPurchaseOrderEmailLayouts(transactionUUID) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield this._adapterService.getPurchaseOrderEmailLayouts(transactionUUID);
-        });
-    }
-    emailOrderConfirmation(emailOrderConfirmation) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield this._adapterService.emailOrderConfirmation(emailOrderConfirmation);
-        });
-    }
     getStockStickerTemplates(data) {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this._adapterService.getStockStickerTemplates(data);
@@ -4225,6 +4461,76 @@ class TransactionConnectorService {
             return yield this._adapterService.getGoodsAllocationStatusWithHistory(transId, lineNr);
         });
     }
+    getOrderConfirmationEmailLayouts(transactionUUID) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._adapterService.getOrderConfirmationEmailLayouts(transactionUUID);
+        });
+    }
+    getOrderConfirmationPrintLayouts(transactionUUID) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._adapterService.getOrderConfirmationPrintLayouts(transactionUUID);
+        });
+    }
+    getOrderConfirmationDefaultSendMethod(relationId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._adapterService.getOrderConfirmationDefaultSendMethod(relationId);
+        });
+    }
+    getDefaultEmailAddressListForOrderConfirmation(transactionUUID) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._adapterService.getDefaultEmailAddressListForOrderConfirmation(transactionUUID);
+        });
+    }
+    printOrderConfirmation(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._adapterService.printOrderConfirmation(request);
+        });
+    }
+    emailOrderConfirmation(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._adapterService.emailOrderConfirmation(request);
+        });
+    }
+    pdfOrderConfirmation(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._adapterService.pdfOrderConfirmation(request);
+        });
+    }
+    printPurchaseOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._adapterService.printPurchaseOrder(request);
+        });
+    }
+    emailPurchaseOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._adapterService.emailPurchaseOrder(request);
+        });
+    }
+    pdfPurchaseOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._adapterService.pdfPurchaseOrder(request);
+        });
+    }
+    getPurchaseOrderEmailLayouts(transactionUUID) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._adapterService.getPurchaseOrderEmailLayouts(transactionUUID);
+        });
+    }
+    getPurchaseOrderPrintLayouts(transactionUUID) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._adapterService.getPurchaseOrderPrintLayouts(transactionUUID);
+        });
+    }
+    getPurchaseOrderDefaultSendMethod(relationId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._adapterService.getPurchaseOrderDefaultSendMethod(relationId);
+        });
+    }
+    generateAndSendPurchaseOrdersForSalesOrder(transactionId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._adapterService.generateAndSendPurchaseOrdersForSalesOrder(transactionId);
+        });
+    }
 }
 TransactionConnectorService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TransactionConnectorService_Factory() { return new TransactionConnectorService(i0.ɵɵinject(TransactionConnectorAdapterService), i0.ɵɵinject(SelectSingleCacheService), i0.ɵɵinject(SelectMultipleCacheService), i0.ɵɵinject(SelectMultipleParameterizedCacheService)); }, token: TransactionConnectorService, providedIn: "root" });
 TransactionConnectorService.decorators = [
@@ -4815,6 +5121,25 @@ PendingReasonService.ctorParameters = () => [
 ];
 
 class TransactionService extends PendingReasonService {
+    constructor() {
+        super(...arguments);
+        this._createTransactionMethods = new Map([
+            [TransactionKind.SalesOrder, (request) => this.createSalesOrder(request)],
+            [TransactionKind.PurchaseOrder, (request) => this.createPurchaseOrder(request)]
+        ]);
+        this._relationKindFromTransactionKind = new Map([
+            [TransactionKind.SalesOrder, RelationKind.Customer],
+            [TransactionKind.PurchaseOrder, RelationKind.Supplier]
+        ]);
+    }
+    getRelationKindFromTransactionKind() {
+        if (this._relationKindFromTransactionKind.has(this.transactionKind)) {
+            return this._relationKindFromTransactionKind.get(this.transactionKind);
+        }
+        else {
+            return RelationKind.Customer;
+        }
+    }
     pendingLineOperationStatus(lineOperationStatuses) {
         const status = lineOperationStatuses.find(line => line.pendingReasonType !== PendingReasonType.NONE
             && line.pendingReasonType !== PendingReasonType.NON_CRITICAL_DISCONTINUATION);
@@ -5117,16 +5442,52 @@ class TransactionService extends PendingReasonService {
     getArticleBoundTextLinesOfArticleLine(articleLineUuid) {
         return this.connector.getArticleBoundTextLinesOfArticleLine(articleLineUuid);
     }
-    createTransaction() {
+    createSalesOrder(request) {
         return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                this.connector.createTransaction(this.transactionKind, "1").then((response) => {
+            return new Promise((resolve) => {
+                this.connector.createSalesOrder(request).then((response) => {
+                    this.rememberCurrentTransaction(response);
+                    resolve(true);
+                });
+            });
+        });
+    }
+    createCashRegisterOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve) => {
+                this.connector.createCashRegisterOrder(request).then((response) => {
+                    this.rememberCurrentTransaction(response);
+                    resolve(true);
+                });
+            });
+        });
+    }
+    createPurchaseOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve) => {
+                this.connector.createPurchaseOrder(request).then((response) => {
+                    this.rememberCurrentTransaction(response);
+                    resolve(true);
+                });
+            });
+        });
+    }
+    createServiceOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve) => {
+                this.connector.createServiceOrder(request).then((response) => {
+                    this.rememberCurrentTransaction(response);
+                    resolve(true);
+                });
+            });
+        });
+    }
+    createSalesQuotation(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve) => {
+                this.connector.createSalesQuotation(request).then((response) => {
                     this.rememberCurrentTransaction(response);
                     resolve(true);
-                }, (error) => {
-                    reject(error);
-                }).catch((reason) => {
-                    reject(false);
                 });
             });
         });
@@ -5467,6 +5828,76 @@ class TransactionService extends PendingReasonService {
             return yield this.connector.getGoodsAllocationStatusWithHistory(transId, lineNr);
         });
     }
+    getOrderConfirmationEmailLayouts(transactionUUID) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getOrderConfirmationEmailLayouts(transactionUUID);
+        });
+    }
+    getOrderConfirmationPrintLayouts(transactionUUID) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getOrderConfirmationPrintLayouts(transactionUUID);
+        });
+    }
+    getOrderConfirmationDefaultSendMethod(relationId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getOrderConfirmationDefaultSendMethod(relationId);
+        });
+    }
+    getDefaultEmailAddressListForOrderConfirmation(transactionUUID) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getDefaultEmailAddressListForOrderConfirmation(transactionUUID);
+        });
+    }
+    printOrderConfirmation(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.printOrderConfirmation(request);
+        });
+    }
+    emailOrderConfirmation(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.emailOrderConfirmation(request);
+        });
+    }
+    pdfOrderConfirmation(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.pdfOrderConfirmation(request);
+        });
+    }
+    printPurchaseOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.printPurchaseOrder(request);
+        });
+    }
+    emailPurchaseOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.emailPurchaseOrder(request);
+        });
+    }
+    pdfPurchaseOrder(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.pdfPurchaseOrder(request);
+        });
+    }
+    getPurchaseOrderEmailLayouts(transactionUUID) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getPurchaseOrderEmailLayouts(transactionUUID);
+        });
+    }
+    getPurchaseOrderPrintLayouts(transactionUUID) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getPurchaseOrderPrintLayouts(transactionUUID);
+        });
+    }
+    getPurchaseOrderDefaultSendMethod(relationId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.getPurchaseOrderDefaultSendMethod(relationId);
+        });
+    }
+    generateAndSendPurchaseOrdersForSalesOrder(transactionId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.connector.generateAndSendPurchaseOrdersForSalesOrder(transactionId);
+        });
+    }
     // private _cleanRelationBeforeSave(): void {
     //   ArrayUtils.RemoveElementsByFilter(this.currentTransaction.transactionInfo.relation.contactOptions, ((item: ContactOption) => {
     //     return isNill(item.value);
@@ -5475,7 +5906,13 @@ class TransactionService extends PendingReasonService {
     _checkAndCreateTransaction() {
         return __awaiter(this, void 0, void 0, function* () {
             if (!this.currentTransaction || !this.currentTransaction.transactionInfo || !this.currentTransaction.transactionInfo.transactionNr) {
-                if (!(yield this.createTransaction())) {
+                const createMethod = this._createTransactionMethods.get(this.transactionKind);
+                if (createMethod) {
+                    const request = new CreateTransactionRequest();
+                    request.branchNr = "1";
+                    return createMethod.call(this, request);
+                }
+                else {
                     throwError("Failed to create transaction");
                 }
             }
@@ -5660,7 +6097,6 @@ class CheckoutOverviewRelationEditComponent {
     constructor(_formMaster, service) {
         this._formMaster = _formMaster;
         this.service = service;
-        this.relationKind = RelationKind$1;
         this.icons = Icon;
         this.addressType = AddressType;
         this.validSubmit = new EventEmitter();
@@ -6708,10 +7144,10 @@ WarehouseComponent.decorators = [
       </div>
     </co-dialog>
     <ng-template #headerTemplate>
-      <div class="co-transaction-dialog-header-title" [textContent]="'WAREHOUSE' | localize"></div>
+      <div class="co-dialog-header-title" [textContent]="'WAREHOUSE' | localize"></div>
     </ng-template>
     <ng-template #footerTemplate>
-      <div class="co-transaction-dialog-footer-button-wrapper">
+      <div class="co-dialog-footer-button-wrapper">
         <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
       </div>
     </ng-template>
@@ -7737,7 +8173,7 @@ DialogTransactionHeaderDiscountComponent.decorators = [
                 selector: "co-dialog-transaction-header-discount",
                 template: `
     <co-dialog [headerTemplate]="dialogHeader" (closeClick)="handleClose(buttonType.Ok)">
-      <div class="transaction-discount-wrapper co-transaction-small-toolbar">
+      <div class="transaction-discount-wrapper co-small-toolbar">
         <div class="two-column-grid">
           <co-transaction-header-discount-percentage [transactionInfo]="transactionInfo" [transactionTotal]="transactionTotal"></co-transaction-header-discount-percentage>
           <co-transaction-header-discount-amount [transactionInfo]="transactionInfo" [transactionTotal]="transactionTotal"></co-transaction-header-discount-amount>
@@ -7778,7 +8214,7 @@ DialogTransactionHeaderDiscountComponent.decorators = [
       </div>
     </co-dialog>
     <ng-template #dialogHeader>
-      <div class="co-transaction-dialog-header-title" [textContent]="'DISCOUNT_PRICE_INFORMATION' | localize"></div>
+      <div class="co-dialog-header-title" [textContent]="'DISCOUNT_PRICE_INFORMATION' | localize"></div>
     </ng-template>
   `,
                 encapsulation: ViewEncapsulation.None
@@ -8502,7 +8938,7 @@ TransactionArticleTextComponent.decorators = [
     </co-dialog>
 
     <ng-template #headerTemplate>
-      <span class="co-transaction-dialog-header-title" [textContent]="header"></span>
+      <span class="co-dialog-header-title" [textContent]="header"></span>
     </ng-template>
     <ng-template #footerTemplate>
       <div class="co-transaction-dialog-footer-button-wrapper">
@@ -9209,34 +9645,12 @@ class TransactionBaseComponent {
     constructor(service) {
         this.service = service;
         this.relationKind = RelationKind;
-        // @Input()
-        // public set relationId(value: number) {
-        //   if (value !== undefined) {
-        //     this._relationId = value;
-        //   }
-        // }
-        //
-        // public get relationId(): number {
-        //   return this._relationId;
-        // }
-        //
-        // @Input()
-        // public relationType: string;
-        //
-        // @Input()
-        // public set relation(value: RelationAnyType) {
-        //   if (value) {
-        //     this._relation = value;
-        //   }
-        // }
-        //
-        // public get relation(): RelationAnyType {
-        //   return this._relation;
-        // }
         this.expanded = true;
         this.isService = false;
         this.lineOperationStatuses = [];
         this.transactionLines = [];
+        // private _relationId: number;
+        this._relation = NULL_CUSTOMER_FULL_OBJECT;
     }
     set transaction(value) {
         this._transaction = value;
@@ -9262,6 +9676,29 @@ class TransactionBaseComponent {
     get transaction() {
         return this._transaction;
     }
+    // @Input()
+    // public set relationId(value: number) {
+    //   if (value !== undefined) {
+    //     this._relationId = value;
+    //   }
+    // }
+    //
+    // public get relationId(): number {
+    //   return this._relationId;
+    // }
+    //
+    // @Input()
+    // public relationType: string;
+    //
+    set relation(value) {
+        if (value) {
+            this._relation = value;
+            this.relationSet();
+        }
+    }
+    get relation() {
+        return this._relation;
+    }
     ngAfterViewInit() {
         // this._retrieveRelation();
     }
@@ -9297,6 +9734,7 @@ TransactionBaseComponent.ctorParameters = () => [
 ];
 TransactionBaseComponent.propDecorators = {
     transaction: [{ type: Input }],
+    relation: [{ type: Input }],
     expanded: [{ type: Input }]
 };
 
@@ -9482,12 +9920,115 @@ TransactionQuickAccessReceivedGoodsComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-transaction-quick-access-received-goods",] }]
 };
 
-class TransactionQuickAccessOverviewComponent extends TransactionBaseComponent {
-    constructor(iconService, service) {
+class TransactionQuickAccessSendMethodBaseComponent extends TransactionBaseComponent {
+    constructor(service) {
         super(service);
-        this.iconService = iconService;
         this.service = service;
         this.icons = Icon;
+        this.sendMethodType = SendMethodType;
+        this.emailLayouts = [];
+        this.printLayouts = [];
+        this.emailAddresses = [];
+        this.showSendMethodDialog = false;
+        this.sendMethods = sendMethodsWithIcon;
+        this.showLoader = false;
+    }
+    ngOnInit() {
+        this._getDefaultSendMethod();
+        this._getEmailLayouts();
+        this._getPrintLayouts();
+    }
+    transactionSet() {
+        this.reportDocumentEmailRequest.transId = this.transactionInfo.id;
+        this.reportDocumentPrintRequest.transId = this.transactionInfo.id;
+        this.reportDocumentPdfRequest.transId = this.transactionInfo.id;
+    }
+    relationSet() {
+        this.emailAddresses.length = 0;
+        const emailContactOptions = this.relation.contactOptions.filter(co => co.type === CommunicationType.Email);
+        const defaultEmailContactOption = emailContactOptions.find(co => co.lowestSequence);
+        this.emailAddresses = emailContactOptions.map(e => e.value);
+        this.getDefaultEmailAddressList().then((addresses) => {
+            if (addresses && addresses.length > 0) {
+                this.reportDocumentEmailRequest.toAddresses = addresses.join(';');
+                this.emailAddresses.push(...addresses);
+            }
+            else {
+                this.reportDocumentEmailRequest.toAddresses = defaultEmailContactOption ? defaultEmailContactOption.value : '';
+            }
+        });
+    }
+    handleSendMethodOkClick(method) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.showSendMethodDialog = false;
+            yield this.handleSend(method);
+            this._setDefaultMethod(method);
+        });
+    }
+    handleSend(method) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.showLoader = true;
+            switch (method) {
+                case SendMethodType.Print:
+                    yield this.printDocument(this.reportDocumentPrintRequest);
+                    this.showLoader = false;
+                    break;
+                case SendMethodType.Email:
+                    yield this.emailDocument(this.reportDocumentEmailRequest);
+                    this.showLoader = false;
+                    break;
+            }
+        });
+    }
+    _getDefaultSendMethod() {
+        this.getDefaultSendMethod().then((method) => {
+            this._setDefaultMethod(method.toString());
+        });
+    }
+    _setDefaultMethod(method) {
+        const sendMethod = this.sendMethods.find(sm => sm.code === method);
+        if (sendMethod) {
+            this.defaultSendMethod = sendMethod.code;
+            this.defaultSendMethodIcon = sendMethod.icon;
+        }
+    }
+    _getEmailLayouts() {
+        this.getEmailLayouts().then((layouts) => {
+            this.emailLayouts = layouts;
+            if (this.emailLayouts && this.emailLayouts.length > 0) {
+                const defaultLayout = this.emailLayouts.find(e => e.isDefault);
+                if (defaultLayout) {
+                    this.reportDocumentEmailRequest.reportId = defaultLayout.reportId;
+                }
+            }
+        });
+    }
+    _getPrintLayouts() {
+        this.getPrintLayouts().then((layouts) => {
+            this.printLayouts = layouts;
+            if (this.printLayouts && this.printLayouts.length > 0) {
+                const defaultLayout = this.printLayouts.find(p => p.isDefault);
+                if (defaultLayout) {
+                    this.reportDocumentPrintRequest.reportId = defaultLayout.reportId;
+                }
+            }
+        });
+    }
+}
+TransactionQuickAccessSendMethodBaseComponent.decorators = [
+    { type: Directive }
+];
+TransactionQuickAccessSendMethodBaseComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+
+class TransactionQuickAccessOverviewComponent extends TransactionQuickAccessSendMethodBaseComponent {
+    constructor(service) {
+        super(service);
+        this.service = service;
+        this.reportDocumentEmailRequest = new EmailOrderConfirmationRequest();
+        this.reportDocumentPrintRequest = new PrintOrderConfirmationRequest();
+        this.reportDocumentPdfRequest = new PdfOrderConfirmationRequest();
         this.catalogOptions = {
             searchOnStart: true,
             showAddToCart: false,
@@ -9524,6 +10065,32 @@ class TransactionQuickAccessOverviewComponent extends TransactionBaseComponent {
         this.catalogParameters.publicationCode = 71; // todo: fix this?
         this.showCatalog = true;
     }
+    emailDocument(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.service.emailOrderConfirmation(request);
+        });
+    }
+    getDefaultEmailAddressList() {
+        return this.service.getDefaultEmailAddressListForOrderConfirmation(this.transactionInfo.uuid);
+    }
+    getEmailLayouts() {
+        return this.service.getOrderConfirmationEmailLayouts(this.transactionInfo.uuid);
+    }
+    getPrintLayouts() {
+        return this.service.getOrderConfirmationPrintLayouts(this.transactionInfo.uuid);
+    }
+    pdfDocument(request) {
+    }
+    printDocument(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.service.printOrderConfirmation(request);
+        });
+    }
+    getDefaultSendMethod() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.service.getOrderConfirmationDefaultSendMethod(this.transactionInfo.relation.relationId);
+        });
+    }
 }
 TransactionQuickAccessOverviewComponent.decorators = [
     { type: Component, args: [{
@@ -9534,12 +10101,15 @@ TransactionQuickAccessOverviewComponent.decorators = [
           [placeholder]="'SEARCH_ADD_ARTICLE' | localize"
           [centerLabel]="true"
           [useLeftIcon]="true"
-          [leftIconData]="iconService.getIcon(icons.CartShoppingSolid)"
           [useRightIcon]="true"
-          (leftIconClick)="handleAddArticle($event)"
-          (rightIconClick)="handleSearchCatalog($event)"
           (search)="handleSearch($event)"
         ></co-input-search>
+        <co-quick-send-button
+          [defaultMethodIcon]="defaultSendMethodIcon"
+          [showLoader]="showLoader"
+          (sendIconClicked)="handleSend(defaultSendMethod)"
+          (openSendMethodDialog)="showSendMethodDialog = true"
+        ></co-quick-send-button>
         <co-dialog-catalog *ngIf="showCatalog"
                            [options]="catalogOptions"
                            [parameters]="catalogParameters"
@@ -9548,12 +10118,25 @@ TransactionQuickAccessOverviewComponent.decorators = [
                            (articleClicked)="handleCatalogArticleClick($event)"
         >
         </co-dialog-catalog>
-    `,
+        <co-send-method-dialog *ngIf="showSendMethodDialog"
+                               [headerTitle]="'Verzendmethode'"
+                               [defaultSendMethod]="defaultSendMethod"
+                               [visibleMethods]="[sendMethodType.Print, sendMethodType.Email]"
+                               [emailAddresses]="emailAddresses"
+                               [emailLayouts]="emailLayouts"
+                               [printLayouts]="printLayouts"
+                               [isDocSignEnabled]="true"
+                               [(reportingDocumentEmailRequest)]="reportDocumentEmailRequest"
+                               [(reportingDocumentPrintRequest)]="reportDocumentPrintRequest"
+                               [(reportingDocumentPdfRequest)]="reportDocumentPdfRequest"
+                               (closeClick)="showSendMethodDialog = false"
+                               (okClick)="handleSendMethodOkClick($event)"
+        ></co-send-method-dialog>
+  `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
 TransactionQuickAccessOverviewComponent.ctorParameters = () => [
-    { type: IconCacheService },
     { type: TransactionService }
 ];
 TransactionQuickAccessOverviewComponent.propDecorators = {
@@ -10058,11 +10641,11 @@ TransactionOverviewLineComponent.decorators = [
             <div class="column1">
               <co-transaction-line-commission-button [transactionLine]="line" [transactionInfo]="service.currentTransaction.transactionInfo"></co-transaction-line-commission-button>
               <co-transaction-line-warehouse-button [transactionLine]="line" [transactionInfo]="service.currentTransaction.transactionInfo"></co-transaction-line-warehouse-button>
-              <co-transaction-line-delivery-date-button [transactionLine]="line" class="two-column"></co-transaction-line-delivery-date-button>
+              <co-transaction-line-statusbar [transaction]="line" [transactionKind]="transactionKind"></co-transaction-line-statusbar>
             </div>
             <div class="column2">
               <co-transaction-line-delivery-button [transactionLine]="line" [transactionInfo]="service.currentTransaction.transactionInfo"></co-transaction-line-delivery-button>
-              <co-transaction-line-statusbar [transaction]="line" [transactionKind]="transactionKind"></co-transaction-line-statusbar>
+              <co-transaction-line-delivery-date-button [transactionLine]="line" class="two-column"></co-transaction-line-delivery-date-button>
             </div>
           </div>
           <div class="transaction-line-section">
@@ -10290,7 +10873,9 @@ TransactionQuickAccessOrderDeliveryComponent.decorators = [
         ></co-input-checkbox>
       </div>
       <div class="send-button-wrapper" [class.hidden]="!allowDelivery">
+<!--
         <co-transaction-send-button-dialog></co-transaction-send-button-dialog>
+-->
       </div>
     </div>
   `,
@@ -10510,6 +11095,7 @@ class TransactionQuickAccessOrderPurchaseComponent extends TransactionBaseCompon
         this.service = service;
         this._transactionEventService = _transactionEventService;
         this.icons = Icon;
+        this.showLoader = false;
     }
     showClass() {
         return true;
@@ -10517,8 +11103,11 @@ class TransactionQuickAccessOrderPurchaseComponent extends TransactionBaseCompon
     handleSelectAllLines(value) {
         this._transactionEventService.selectAllSalesOrderLinesForPurchase.next(value);
     }
-    handleSendButtonClick(event) {
-        this.service.generateCommissionOrders(this.transactionInfo.id, false);
+    handleSend(event) {
+        this.showLoader = true;
+        this.service.generateAndSendPurchaseOrdersForSalesOrder(this.transactionInfo.id).then(() => {
+            this.showLoader = false;
+        });
     }
 }
 TransactionQuickAccessOrderPurchaseComponent.decorators = [
@@ -10532,12 +11121,12 @@ TransactionQuickAccessOrderPurchaseComponent.decorators = [
           (modelChange)="handleSelectAllLines($event)"
         ></co-input-checkbox>
       </div>
-      <div class="send-button-wrapper">
-        <co-transaction-send-button-dialog
-          [showSendIcon]="false"
-          [showHoverIcon]="false"
-          (sendButtonClick)="handleSendButtonClick($event)"></co-transaction-send-button-dialog>
-      </div>
+      <co-quick-send-button
+        [showSendMethodIcon]="false"
+        [showSendMethodDialogIcon]="false"
+        [showLoader]="showLoader"
+        (sendIconClicked)="handleSend($event)"
+      ></co-quick-send-button>
     </div>
   `,
                 encapsulation: ViewEncapsulation.None
@@ -10837,6 +11426,79 @@ TransactionQuickAccessGoodsAllocationComponent.propDecorators = {
     showClass: [{ type: HostBinding, args: ["class.co-transaction-quick-access-goods-allocation",] }]
 };
 
+class TransactionQuickAccessPurchaseOrderOverviewComponent extends TransactionQuickAccessSendMethodBaseComponent {
+    constructor(service) {
+        super(service);
+        this.service = service;
+        this.reportDocumentEmailRequest = new EmailOrderConfirmationRequest();
+        this.reportDocumentPrintRequest = new PrintOrderConfirmationRequest();
+        this.reportDocumentPdfRequest = new PdfOrderConfirmationRequest();
+    }
+    showClass() {
+        return true;
+    }
+    emailDocument(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.service.emailPurchaseOrder(request);
+        });
+    }
+    getDefaultEmailAddressList() {
+        return Promise.resolve([]);
+    }
+    getEmailLayouts() {
+        return this.service.getPurchaseOrderEmailLayouts(this.transactionInfo.uuid);
+    }
+    getPrintLayouts() {
+        return this.service.getPurchaseOrderPrintLayouts(this.transactionInfo.uuid);
+    }
+    pdfDocument(request) {
+    }
+    printDocument(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.service.printPurchaseOrder(request);
+        });
+    }
+    getDefaultSendMethod() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.service.getPurchaseOrderDefaultSendMethod(this.transactionInfo.relation.relationId);
+        });
+    }
+}
+TransactionQuickAccessPurchaseOrderOverviewComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-transaction-quick-access-purchase-order-overview",
+                template: `
+    <co-quick-send-button
+      [defaultMethodIcon]="defaultSendMethodIcon"
+      [showLoader]="showLoader"
+      (sendIconClicked)="handleSend(defaultSendMethod)"
+      (openSendMethodDialog)="showSendMethodDialog = true"
+    ></co-quick-send-button>
+    <co-send-method-dialog *ngIf="showSendMethodDialog"
+                           [headerTitle]="'Verzendmethode'"
+                           [defaultSendMethod]="defaultSendMethod"
+                           [visibleMethods]="[sendMethodType.Print, sendMethodType.Email]"
+                           [emailAddresses]="emailAddresses"
+                           [emailLayouts]="emailLayouts"
+                           [printLayouts]="printLayouts"
+                           [isDocSignEnabled]="true"
+                           [(reportingDocumentEmailRequest)]="reportDocumentEmailRequest"
+                           [(reportingDocumentPrintRequest)]="reportDocumentPrintRequest"
+                           [(reportingDocumentPdfRequest)]="reportDocumentPdfRequest"
+                           (closeClick)="showSendMethodDialog = false"
+                           (okClick)="handleSendMethodOkClick($event)"
+    ></co-send-method-dialog>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+TransactionQuickAccessPurchaseOrderOverviewComponent.ctorParameters = () => [
+    { type: TransactionService }
+];
+TransactionQuickAccessPurchaseOrderOverviewComponent.propDecorators = {
+    showClass: [{ type: HostBinding, args: ["class.co-transaction-quick-access-purchase-order-overview",] }]
+};
+
 class TransactionMappingService {
     constructor() {
         this._buttonBarTransaction = new Map([
@@ -10859,6 +11521,7 @@ class TransactionMappingService {
                 ]],
         ]);
         this._quickAccessComponent = new Map([
+            [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderOverview }, TransactionQuickAccessPurchaseOrderOverviewComponent],
             [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderOrderConfirmation }, TransactionQuickAccessOrderConfirmationComponent],
             [{ type: TransactionKind.PurchaseOrder, category: TransactionTypeCategory.PurchaseOrderReceivedGoods }, TransactionQuickAccessReceivedGoodsComponent],
             [{ type: TransactionKind.SalesOrder, category: TransactionTypeCategory.SalesOrderOverview }, TransactionQuickAccessOverviewComponent],
@@ -12490,16 +13153,23 @@ class RelationGeneralComponent extends RelationBaseComponent {
                 this.hideSidebar();
                 return;
             }
-            const relationRequest = {};
-            relationRequest.relationType = this.relation.relationType;
+            const relationRequest = new RelationRequest();
+            relationRequest.relationType = this._service.getRelationKindFromTransactionKind();
             if (firstName) {
                 relationRequest.firstName = firstName;
             }
             if (secondName) {
                 relationRequest.familyName = secondName;
             }
-            this.showSidebar();
-            this.relationSuggestions = yield this._relationService.getRelationListObjects(relationRequest);
+            this._relationService.getRelationListObjects(relationRequest).then((relations) => {
+                this.relationSuggestions = relations;
+                if (relations && relations.length > 0) {
+                    this.showSidebar();
+                }
+                else {
+                    this.hideSidebar();
+                }
+            });
         });
     }
 }
@@ -12797,10 +13467,10 @@ RelationAddressesComponent.decorators = [
         ></co-relation-address>
       </co-form>
       <ng-template #templateHeader>
-        <div class="co-transaction-dialog-header-title" [textContent]="'NEW_ADDRESS' | localize"></div>
+        <div class="co-dialog-header-title" [textContent]="'NEW_ADDRESS' | localize"></div>
       </ng-template>
       <ng-template #templateFooter>
-        <div class="co-transaction-dialog-footer-button-wrapper">
+        <div class="co-dialog-footer-button-wrapper">
           <co-button [label]="'OK' | localize" (click)="submitForm()"></co-button>
         </div>
       </ng-template>
@@ -13088,7 +13758,7 @@ CheckoutOverviewPaymentComponent.decorators = [
     </div>
     <co-payment
       [transactionUuid]="transaction.transactionInfo.uuid"
-      [amount]="transaction.transactionInfo.toDownPayAmount"
+      [amount]="transaction.transactionInfo.toDownPayAmount || transaction.transactionTotal.netAmount"
       [currencyId]="transaction.transactionInfo.currencyId"
       (payed)="handlePayed()"
     ></co-payment>
@@ -13184,7 +13854,7 @@ TransactionHeaderDeliveryComponent.decorators = [
     </ng-template>
     <co-dialog *ngIf="showDialog" [headerTemplate]="headerTemplate" (closeClick)="showDialog = false">
       <ng-template #headerTemplate>
-        <div class="co-transaction-dialog-header-title" [textContent]="'DELIVERY_INFORMATION' | localize"></div>
+        <div class="co-dialog-header-title" [textContent]="'DELIVERY_INFORMATION' | localize"></div>
         <co-transaction-header-block class="in-dialog"
           [headerBlockTemplate]="headerBlock"
           [firstBlockTemplate]="firstBlock"
@@ -13785,7 +14455,7 @@ TransactionLineCheckboxListComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-transaction-line-checkbox-list",
                 template: `
-    <cdk-virtual-scroll-viewport [itemSize]="itemHeight" class="virtual-scroll-container co-transaction-small-toolbar">
+    <cdk-virtual-scroll-viewport [itemSize]="itemHeight" class="virtual-scroll-container co-small-toolbar">
       <div *cdkVirtualFor="let row of collection" #scrollingItem class="virtual-scroll-item" (click)="handleChecked($event, row)">
         <div class="checkbox-wrapper">
           <co-input-checkbox
@@ -13974,7 +14644,7 @@ DialogTransactionHeaderDeliveryMethodComponent.decorators = [
       <co-dialog-header-search [title]="'DELIVERY_METHOD'" (search)="handleSearch($event)"></co-dialog-header-search>
     </ng-template>
     <ng-template #footerTemplate>
-      <div class="co-transaction-dialog-footer-button-wrapper" *ngIf="!useModel">
+      <div class="co-dialog-footer-button-wrapper" *ngIf="!useModel">
         <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
       </div>
     </ng-template>
@@ -14009,7 +14679,7 @@ DialogHeaderSearchComponent.decorators = [
                 selector: "co-dialog-header-search",
                 template: `
         <div class="dialog-header-search-wrapper">
-          <div class="co-transaction-dialog-header-title" [textContent]="title | localize"></div>
+          <div class="co-dialog-header-title" [textContent]="title | localize"></div>
           <co-input-search [placeholder]="searchPlaceholder | localize" [centerLabel]="true" (modelChange)="handleSearch($event)"></co-input-search>
         </div>
     `,
@@ -14111,7 +14781,7 @@ TransactionHeaderDeliveryOptionsComponent.decorators = [
                 selector: "co-transaction-header-delivery-options",
                 template: `
     <co-input-listbox
-      [customCssClass]="'co-transaction-small-toolbar'"
+      [customCssClass]="'co-small-toolbar'"
       [placeholder]="'DELIVERY_OPTIONS' | localize"
       [readonly]="readonly"
       [collection]="deliveryOptionsFromMethod"
@@ -15090,14 +15760,11 @@ TransactionComponent.decorators = [
 
     <div class="transaction-lines-header">
       <co-transaction-quick-access *ngIf="showQuickAccess" class="transaction-lines-header-item"
+                                   [relation]="relation"
                                    [transaction]="transaction"
                                    [activeCategory]="activeCategory"
       ></co-transaction-quick-access>
 
-      <co-quick-send-button class="quick-send-button" [transaction]="transaction">
-
-      </co-quick-send-button>
-
       <co-transaction-button-bar *ngIf="showButtonBar" class="transaction-lines-header-item"
                                  [transactionType]="transaction.transactionInfo.transactionKind"
                                  [selectedCategory]="activeCategory"
@@ -15231,24 +15898,17 @@ class TransactionHeaderRelationComponent extends TransactionBaseComponent {
         this.categories = [this._dictionary.get('CLIENT_DATA'), this._dictionary.get('PRIVACY_PREFERENCES')];
         this.relationType = RelationKind$1.Customer;
         this.readonly = false;
-        this._relation = new CustomerFullObject();
         this._boFactory = new BusinessObjectFactory();
     }
-    set relation(value) {
-        if (value) {
-            this._relation = value;
-            this.relationType = this._relation.relationType;
-            if (this.relationType === RelationKind$1.Customer) {
-                this.customerGroup = this.relation.customerGroup;
-            }
-        }
-    }
-    get relation() {
-        return this._relation;
-    }
     showClass() {
         return true;
     }
+    relationSet() {
+        this.relationType = this.relation.relationType;
+        if (this.relationType === RelationKind$1.Customer) {
+            this.customerGroup = this.relation.customerGroup;
+        }
+    }
     setIndexDeliveryAddress(nawNr) {
         const address = this.relation.addresses.find(a => a.nawNr === nawNr);
         if (address) {
@@ -15346,10 +16006,10 @@ TransactionHeaderRelationComponent.decorators = [
       <div class="header-relation-email" [textContent]="relation.primaryEmail"></div>
       <div class="header-relation-phone" [textContent]="relation.primaryPhoneOrMobileNumber"></div>
     </ng-template>
-    <co-dialog class="transaction-header-relation-dialog" [customCssClass]="'co-transaction-small-toolbar'" *ngIf="showDialog"
+    <co-dialog class="transaction-header-relation-dialog" [customCssClass]="'co-small-toolbar'" *ngIf="showDialog"
                [headerTemplate]="dialogHeader" [footerTemplate]="dialogFooter" (closeClick)="showDialog = false">
       <ng-template #dialogHeader>
-        <div class="co-transaction-dialog-header-title" [textContent]="'CLIENT_INFORMATION' | localize"></div>
+        <div class="co-dialog-header-title" [textContent]="'CLIENT_INFORMATION' | localize"></div>
         <co-transaction-header-block
           [headerBlockTemplate]="headerBlock"
           [firstBlockTemplate]="firstBlock"
@@ -15405,7 +16065,7 @@ TransactionHeaderRelationComponent.decorators = [
         </div>
       </co-form>
       <ng-template #dialogFooter>
-        <div class="co-transaction-dialog-footer-button-wrapper">
+        <div class="co-dialog-footer-button-wrapper">
           <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
         </div>
       </ng-template>
@@ -15436,7 +16096,6 @@ TransactionHeaderRelationComponent.propDecorators = {
     navigationItems: [{ type: ViewChild, args: ['navigationItems', { read: ElementRef },] }],
     mainItems: [{ type: ViewChild, args: ['mainItems', { read: ElementRef },] }],
     preferenceItems: [{ type: ViewChild, args: ['preferenceItems', { read: ElementRef },] }],
-    relation: [{ type: Input }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-header-relation",] }]
 };
 
@@ -15691,7 +16350,7 @@ TransactionHeaderPaymentComponent.decorators = [
     </ng-template>
     <co-dialog class="transaction-header-payment-dialog" [headerTemplate]="headerTemplate" *ngIf="showDialog" (closeClick)="showDialog = false">
       <ng-template #headerTemplate>
-        <div class="co-transaction-dialog-header-title" [textContent]="'PAYMENT_INFORMATION' | localize"></div>
+        <div class="co-dialog-header-title" [textContent]="'PAYMENT_INFORMATION' | localize"></div>
         <co-transaction-header-block
           [headerBlockTemplate]="headerBlock"
           [firstBlockTemplate]="firstBlock"
@@ -15706,7 +16365,7 @@ TransactionHeaderPaymentComponent.decorators = [
         <span [textContent]="'NOG_NIET_GEIMPLEMENTEERD'"></span>
       </div>
     </co-dialog>
-    <co-dialog class="payment-dialog" [customCssClass]="'co-transaction-small-toolbar'" *ngIf="showPaymentDialog"
+    <co-dialog class="payment-dialog" [customCssClass]="'co-small-toolbar'" *ngIf="showPaymentDialog"
                [modal]="true"
                (closeClick)="showPaymentDialog = false"
     >
@@ -19021,7 +19680,7 @@ TransactionArticleTextOverviewComponent.decorators = [
         </div>
       </div>
     </co-dialog>
-    <ng-template #headerTemplate><span class="co-transaction-dialog-header-title" [textContent]="header"></span></ng-template>
+    <ng-template #headerTemplate><span class="co-dialog-header-title" [textContent]="header"></span></ng-template>
     <ng-template #footerTemplate>
       <div class="co-transaction-dialog-footer-button-wrapper">
         <co-button [label]="'OK' | localize" (click)="onOkClick($event)"></co-button>
@@ -19185,7 +19844,7 @@ DialogTransactionLineDeliveryMethodComponent.decorators = [
       <co-dialog-header-search [title]="'DELIVERY_METHOD'" (search)="handleSearch($event)"></co-dialog-header-search>
     </ng-template>
     <ng-template #footerTemplate>
-      <div class="co-transaction-dialog-footer-button-wrapper" *ngIf="!useModel">
+      <div class="co-dialog-footer-button-wrapper" *ngIf="!useModel">
         <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
       </div>
     </ng-template>
@@ -19241,7 +19900,7 @@ DialogTransactionLineVatComponent.decorators = [
       <co-dialog-header-search [title]="'VAT'" (search)="handleSearch($event)"></co-dialog-header-search>
     </ng-template>
     <ng-template #footerTemplate>
-      <div class="co-transaction-dialog-footer-button-wrapper" *ngIf="!useModel">
+      <div class="co-dialog-footer-button-wrapper" *ngIf="!useModel">
         <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
       </div>
     </ng-template>
@@ -19309,7 +19968,7 @@ DialogTransactionLineDiscountComponent.decorators = [
                 selector: "co-dialog-transaction-line-discount",
                 template: `
     <co-dialog [headerTemplate]="dialogHeader" (closeClick)="handleClose(buttonType.Ok)">
-      <div class="transaction-line-discount-wrapper co-transaction-small-toolbar">
+      <div class="transaction-line-discount-wrapper co-small-toolbar">
         <div class="two-column-grid">
           <co-transaction-line-line-discount [transactionLine]="transactionLine"></co-transaction-line-line-discount>
           <co-transaction-line-discount-amount [transactionLine]="transactionLine"></co-transaction-line-discount-amount>
@@ -19343,7 +20002,7 @@ DialogTransactionLineDiscountComponent.decorators = [
       </div>
     </co-dialog>
     <ng-template #dialogHeader>
-      <div class="co-transaction-dialog-header-title" [textContent]="'DISCOUNT_PRICE_INFORMATION' | localize"></div>
+      <div class="co-dialog-header-title" [textContent]="'DISCOUNT_PRICE_INFORMATION' | localize"></div>
       <div class="transaction-line-button full-width" (click)="openThePriceListDialog()">
         <span class="co-transaction-overflow-ellipsis" [textContent]="transactionLine.priceListDescription"></span>
       </div>
@@ -19386,7 +20045,7 @@ DialogTransactionLinePriceListComponent.decorators = [
       <co-dialog-header-search [title]="'PRICE_LIST'" (search)="handleSearch($event)"></co-dialog-header-search>
     </ng-template>
     <ng-template #footerTemplate>
-      <div class="co-transaction-dialog-footer-button-wrapper" *ngIf="!useModel">
+      <div class="co-dialog-footer-button-wrapper" *ngIf="!useModel">
         <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
       </div>
     </ng-template>
@@ -19594,7 +20253,7 @@ DiscountComponent.decorators = [
       </co-form>
     </co-dialog>
     <ng-template #headerTemplate>
-      <div class="co-transaction-dialog-header-title" [textContent]="discountHeader | localize"></div>
+      <div class="co-dialog-header-title" [textContent]="discountHeader | localize"></div>
     </ng-template>
     <ng-template #footerTemplate>
       <div fxLayout="row" fxLayoutGap="10px" fxLayoutAlign="end">
@@ -19658,11 +20317,21 @@ class TransactionQuickAccessComponent {
     get activeCategory() {
         return this._activeCategory;
     }
+    set relation(value) {
+        this._relation = value;
+        this._prepareContent();
+    }
+    get relation() {
+        return this._relation;
+    }
     showClass() {
         return true;
     }
+    ngOnInit() {
+        this._prepareContent();
+    }
     _prepareContent() {
-        if (!this.transactionType || !this._activeCategory || !this.quickAccessContainer) {
+        if (!this.transactionType || !this._activeCategory || !this._relation || !this.quickAccessContainer) {
             return;
         }
         const componentClass = this._mappingService.getQuickAccessComponent(this.transactionType, this.activeCategory);
@@ -19676,6 +20345,7 @@ class TransactionQuickAccessComponent {
             .resolveComponentFactory(componentClass)
             .create(this.injector);
         this._componentRef.instance.transaction = this.transaction;
+        this._componentRef.instance.relation = this.relation;
         this.appRef.attachView(this._componentRef.hostView);
         const domElem = this._componentRef.hostView
             .rootNodes[0];
@@ -19705,9 +20375,77 @@ TransactionQuickAccessComponent.propDecorators = {
     quickAccessContainer: [{ type: ViewChild, args: ['quickAccessContent', { read: ElementRef },] }],
     transaction: [{ type: Input }],
     activeCategory: [{ type: Input }],
+    relation: [{ type: Input }],
     showClass: [{ type: HostBinding, args: ["class.co-transaction-quick-access",] }]
 };
 
+class QuickSendButtonComponent {
+    constructor(iconCacheService) {
+        this.iconCacheService = iconCacheService;
+        this.icons = Icon;
+        this.showSendMethodIcon = true;
+        this.showSendMethodDialogIcon = true;
+        this.showLoader = false;
+        this.openSendMethodDialog = new EventEmitter();
+        this.sendIconClicked = new EventEmitter();
+    }
+    showClass() {
+        return true;
+    }
+}
+QuickSendButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: "co-quick-send-button",
+                template: `
+    <div class="icons-wrapper" [class.disabled]="showLoader" [class.no-dialog]="!showSendMethodDialogIcon">
+      <co-loader *ngIf="showLoader"></co-loader>
+      <div class="icon-wrapper-flat-left" (click)="sendIconClicked.emit($event)">
+        <co-icon [iconData]="iconCacheService.getIcon(icons.ShareSolid)" class="icon-send"></co-icon>
+        <co-icon *ngIf="showSendMethodIcon" class="icon-method"
+          [iconData]="iconCacheService.getIcon(defaultMethodIcon ? defaultMethodIcon : icons.AtSolid)"></co-icon>
+      </div>
+      <div class="icons-spacer" *ngIf="showSendMethodDialogIcon"></div>
+      <div class="icon-wrapper-flat-right" *ngIf="showSendMethodDialogIcon" (click)="openSendMethodDialog.emit($event)">
+        <co-icon [iconData]="iconCacheService.getIcon(icons.EllipsisVerticalSolid)"></co-icon>
+      </div>
+    </div>
+  `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+QuickSendButtonComponent.ctorParameters = () => [
+    { type: IconCacheService }
+];
+QuickSendButtonComponent.propDecorators = {
+    defaultMethodIcon: [{ type: Input }],
+    showSendMethodIcon: [{ type: Input }],
+    showSendMethodDialogIcon: [{ type: Input }],
+    showLoader: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ["class.co-quick-send-button",] }],
+    openSendMethodDialog: [{ type: Output }],
+    sendIconClicked: [{ type: Output }]
+};
+
+class QuickSendButtonModule {
+}
+QuickSendButtonModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    CoreModule,
+                    IconModule,
+                    PipeModule,
+                    LoaderModule
+                ],
+                declarations: [
+                    QuickSendButtonComponent
+                ],
+                exports: [
+                    QuickSendButtonComponent
+                ],
+            },] }
+];
+
 class TransactionQuickAccessOrderConfirmationModule {
 }
 TransactionQuickAccessOrderConfirmationModule.decorators = [
@@ -19717,7 +20455,9 @@ TransactionQuickAccessOrderConfirmationModule.decorators = [
                     InputDatePickerModule,
                     InputTextModule,
                     InputCheckboxModule,
-                    PipeModule
+                    PipeModule,
+                    SendMethodDialogModule,
+                    QuickSendButtonModule
                 ],
                 declarations: [
                     TransactionQuickAccessOrderConfirmationComponent
@@ -19820,7 +20560,9 @@ TransactionQuickAccessOverviewModule.decorators = [
                     InputSearchModule,
                     PipeModule,
                     DialogCatalogModule,
-                    IoneCatalogModule
+                    IoneCatalogModule,
+                    QuickSendButtonModule,
+                    SendMethodDialogModule
                 ],
                 declarations: [
                     TransactionQuickAccessOverviewComponent
@@ -19831,96 +20573,6 @@ TransactionQuickAccessOverviewModule.decorators = [
             },] }
 ];
 
-class TransactionSendButtonDialogComponent {
-    constructor(iconService) {
-        this.iconService = iconService;
-        this.icons = Icon;
-        this.label = 'SEND';
-        this.showSendIcon = true;
-        this.showHoverIcon = true;
-        this.sendButtonClick = new EventEmitter();
-        // @HostListener("mouseenter", ["$event"])
-        // public mouseEnter(event: MouseEvent) {
-        //   this.showOpenDialogIcon = true;
-        // }
-        //
-        // @HostListener("mouseleave", ["$event"])
-        // public mouseLeave(event: MouseEvent) {
-        //   this.showOpenDialogIcon = false;
-        // }
-        this.showDialog = false;
-        this.showOpenDialogIcon = false;
-    }
-    showClass() {
-        return true;
-    }
-    openDialog() {
-        this.showDialog = !this.showDialog;
-    }
-}
-TransactionSendButtonDialogComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-transaction-send-button-dialog",
-                template: `
-    <div class="transaction-send-button-content-wrapper" (mouseenter)="showOpenDialogIcon = true" (mouseleave)="showOpenDialogIcon = false">
-      <div class="transaction-send-button-wrapper" (click)="sendButtonClick.emit($event)">
-        <div class="transaction-send-button-icon-wrapper">
-          <co-icon class="button-icon" [iconData]="iconService.getIcon(icons.ShareSolid)"></co-icon>
-          <co-icon *ngIf="showSendIcon" class="button-icon send-type-icon" [iconData]="iconService.getIcon(icons.AtSolid)"></co-icon>
-        </div>
-        <span class="button-title" [textContent]="label | localize"></span>
-      </div>
-      <div class="transaction-send-button-hover-icon-wrapper" *ngIf="showHoverIcon">
-        <co-icon *ngIf="showOpenDialogIcon" class="hover-icon" @showHideHoverIcon
-                 [iconData]="iconService.getIcon(icons.EllipsisVerticalSolid)" (click)="openDialog()">
-        </co-icon>
-      </div>
-    </div>
-    <ione-send-method-dialog
-      [showDialog]="showDialog"
-    ></ione-send-method-dialog>
-  `,
-                animations: [
-                    trigger("showHideHoverIcon", [
-                        state("void", style({ width: 0, opacity: 0 })),
-                        state("*", style({ width: "*", opacity: 1 })),
-                        transition("void => *", animate("200ms ease-in-out")),
-                        transition("* => void", animate("200ms ease-out"))
-                    ])
-                ],
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-TransactionSendButtonDialogComponent.ctorParameters = () => [
-    { type: IconCacheService }
-];
-TransactionSendButtonDialogComponent.propDecorators = {
-    label: [{ type: Input }],
-    showSendIcon: [{ type: Input }],
-    showHoverIcon: [{ type: Input }],
-    sendButtonClick: [{ type: Output }],
-    showClass: [{ type: HostBinding, args: ["class.co-transaction-send-button-dialog",] }]
-};
-
-class TransactionSendButtonDialogModule {
-}
-TransactionSendButtonDialogModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    IconModule,
-                    PipeModule,
-                    SendMethodDialogModule
-                ],
-                declarations: [
-                    TransactionSendButtonDialogComponent
-                ],
-                exports: [
-                    TransactionSendButtonDialogComponent
-                ]
-            },] }
-];
-
 class TransactionQuickAccessOrderDeliveryModule {
 }
 TransactionQuickAccessOrderDeliveryModule.decorators = [
@@ -19931,8 +20583,7 @@ TransactionQuickAccessOrderDeliveryModule.decorators = [
                     IconModule,
                     PipeModule,
                     InputCheckboxModule,
-                    SendMethodDialogModule,
-                    TransactionSendButtonDialogModule
+                    SendMethodDialogModule
                 ],
                 declarations: [
                     TransactionQuickAccessOrderDeliveryComponent
@@ -19953,7 +20604,7 @@ TransactionQuickAccessOrderPurchaseModule.decorators = [
                     IconModule,
                     PipeModule,
                     SendMethodDialogModule,
-                    TransactionSendButtonDialogModule
+                    QuickSendButtonModule
                 ],
                 declarations: [
                     TransactionQuickAccessOrderPurchaseComponent
@@ -19984,6 +20635,24 @@ TransactionQuickAccessGoodsAllocationModule.decorators = [
             },] }
 ];
 
+class TransactionQuickAccessPurchaseOrderOverviewModule {
+}
+TransactionQuickAccessPurchaseOrderOverviewModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    QuickSendButtonModule,
+                    SendMethodDialogModule
+                ],
+                declarations: [
+                    TransactionQuickAccessPurchaseOrderOverviewComponent
+                ],
+                exports: [
+                    TransactionQuickAccessPurchaseOrderOverviewComponent
+                ]
+            },] }
+];
+
 class TransactionQuickAccessModule {
 }
 TransactionQuickAccessModule.decorators = [
@@ -20000,7 +20669,8 @@ TransactionQuickAccessModule.decorators = [
                     TransactionQuickAccessOverviewModule,
                     TransactionQuickAccessOrderDeliveryModule,
                     TransactionQuickAccessOrderPurchaseModule,
-                    TransactionQuickAccessGoodsAllocationModule
+                    TransactionQuickAccessGoodsAllocationModule,
+                    TransactionQuickAccessPurchaseOrderOverviewModule
                 ],
                 declarations: [
                     TransactionQuickAccessComponent
@@ -21251,7 +21921,7 @@ DialogTransactionLineSupplierComponent.decorators = [
       <co-dialog-header-search [title]="'SUPPLIER'" (search)="handleSearch($event)"></co-dialog-header-search>
     </ng-template>
     <ng-template #footerTemplate>
-      <div class="co-transaction-dialog-footer-button-wrapper" *ngIf="!useModel">
+      <div class="co-dialog-footer-button-wrapper" *ngIf="!useModel">
         <co-button [label]="'OK' | localize" (click)="handleOkClick()"></co-button>
       </div>
     </ng-template>
@@ -21335,133 +22005,6 @@ TransactionPurchaseLineModule.decorators = [
             },] }
 ];
 
-class QuickSendButtonComponent {
-    constructor(iconCacheService, _sharedConnectorService, _transactionConnectorService) {
-        this.iconCacheService = iconCacheService;
-        this._sharedConnectorService = _sharedConnectorService;
-        this._transactionConnectorService = _transactionConnectorService;
-        this.icons = Icon;
-        this.isSendIconClicked = false;
-        this.isDotsClicked = false;
-        this.emailLayouts = [];
-    }
-    showClass() {
-        return true;
-    }
-    sendIconClicked() {
-        this.isSendIconClicked = true;
-    }
-    dotsClicked() {
-        this.isDotsClicked = !this.isDotsClicked;
-    }
-    quickSend(data) {
-        if (this.emailSelected) {
-            const emailReport = new EmailOrderConfirmation();
-            emailReport.transId = this.transaction.transactionInfo.transactionNr;
-            this._sharedConnectorService.connector.emailReport(emailReport);
-        }
-        if (this.printSelected) {
-            const printReport = new PrintOrderConfirmation();
-            printReport.transId = this.transaction.transactionInfo.transactionNr;
-            this._sharedConnectorService.connector.printReport(printReport);
-        }
-        if (this.pdfSelected) {
-            const pdfReport = new PdfOrderConfirmation();
-            pdfReport.transId = this.transaction.transactionInfo.transactionNr;
-            this._sharedConnectorService.connector.pdfReport(pdfReport);
-        }
-        if (this.xmlSelected) {
-            return;
-        }
-    }
-    getEmailLayouts() {
-        // this.getEmailAdresses();
-        if (this.emailLayouts.length < 1) {
-            this._transactionConnectorService.getPurchaseOrderEmailLayouts(this.transaction.transactionInfo.uuid).then(result => {
-                this.emailLayouts = result;
-            });
-        }
-    }
-    setSendParams(data) {
-        this.sendParams = data;
-    }
-    getPrintTemplates() {
-        if (!this.printTemplates) {
-            const data = new StockStickersPrintLayouts();
-            this._transactionConnectorService.getStockStickerTemplates(data).then((templates) => {
-                this.printTemplates = templates;
-            });
-        }
-    }
-    sendOrderConfirmationEmail() {
-        let data = new EmailOrderConfirmation();
-        data.toAddresses = "lars-vdv@colijn-it.nl";
-        data.reportId = this.sendParams.reportId;
-        this._transactionConnectorService.emailOrderConfirmation(data);
-    }
-}
-QuickSendButtonComponent.decorators = [
-    { type: Component, args: [{
-                selector: "co-quick-send-button",
-                template: `
-    <div class="icons-wrapper">
-      <div class="icon-wrapper-flat-left" (click)="sendIconClicked()">
-        <co-icon [iconData]="iconCacheService.getIcon(icons.ShareSolid)" class="icon-send"></co-icon>
-        <co-icon [iconData]="iconCacheService.getIcon(icons.AtSolid)" class="icon-method"></co-icon>
-      </div>
-      <div class="icons-spacer"></div>
-      <div class="icon-wrapper-flat-right" (click)="dotsClicked()">
-        <co-icon [iconData]="iconCacheService.getIcon(icons.EllipsisVerticalSolid)"></co-icon>
-      </div>
-    </div>
-
-    <ione-send-method-dialog
-      [showDialog]="isDotsClicked"
-      (printButtonClicked)="quickSend($event)"
-      [transactionUUID]="transaction.transactionInfo.uuid"
-      [headerTitle]="'Verzendmethode'"
-      (emailLayoutClicked)="getEmailLayouts()"
-      [emailLayouts]="emailLayouts"
-      (printTemplatesClicked)="getPrintTemplates()"
-      [printLayouts]="printTemplates"
-      (printLayoutParams)="setSendParams($event)"
-      [isDocSignEnabled]="true"
-      (sendEmailClicked)="sendOrderConfirmationEmail()"
-    ></ione-send-method-dialog>
-  `,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-QuickSendButtonComponent.ctorParameters = () => [
-    { type: IconCacheService },
-    { type: SharedConnectorService },
-    { type: TransactionConnectorService }
-];
-QuickSendButtonComponent.propDecorators = {
-    showClass: [{ type: HostBinding, args: ["class.co-quick-send-button",] }],
-    transaction: [{ type: Input }]
-};
-
-class QuickSendButtonModule {
-}
-QuickSendButtonModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    CoreModule,
-                    IconModule,
-                    SendMethodDialogModule,
-                    PipeModule
-                ],
-                declarations: [
-                    QuickSendButtonComponent
-                ],
-                exports: [
-                    QuickSendButtonComponent
-                ],
-            },] }
-];
-
 class TransactionGoodsAllocationLineModule {
 }
 TransactionGoodsAllocationLineModule.decorators = [
@@ -21639,7 +22182,7 @@ TransactionSearchComponent.decorators = [
             (closeButtonClick)="transactionSearchService.handleHideFilter()"
             (resetFilterClick)="transactionSearchService.handleResetFilter()"></co-transaction-filter>
         </div>
-        <div class="transaction-search-result-wrapper co-transaction-small-toolbar"
+        <div class="transaction-search-result-wrapper co-small-toolbar"
              [class.fullscreen]="transactionSearchService.fullscreen"
              [class.sidebar]="!transactionSearchService.fullscreen"
              [class.collapsed]="transactionSearchService.collapsed"
@@ -24236,5 +24779,5 @@ TransactionLineGridModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { CheckoutComponent, CheckoutModule, LoaderComponent, LoaderModule, RelationService, SearchViewMode, SearchbarViewMode, ShoppingCartComponent, ShoppingCartModule, ShoppingCartPreviewComponent, ShoppingCartPreviewModule, TransactionComponent, TransactionConfirmationDetailsComponent, TransactionConfirmationDetailsModule, TransactionConfirmationHistoryComponent, TransactionConfirmationHistoryModule, TransactionHeaderComponent, TransactionHeaderDeliveryComponent, TransactionHeaderDeliveryModule, TransactionHeaderModule, TransactionHeaderOrderComponent, TransactionHeaderOrderModule, TransactionHeaderRelationComponent, TransactionHeaderRelationModule, TransactionLineGridComponent, TransactionLineGridModule, TransactionLineStatusbarComponent, TransactionLineStatusbarModule, TransactionLinesComponent, TransactionLinesModule, TransactionModule, TransactionQuickAccessComponent, TransactionQuickAccessModule, TransactionQuickAccessOrderConfirmationComponent, TransactionQuickAccessOrderConfirmationModule, TransactionQuickAccessReceivedGoodsComponent, TransactionQuickAccessReceivedGoodsModule, TransactionSearchComponent, TransactionSearchModule, TransactionSearchService, TransactionService, TransactionStatusbarComponent, TransactionStatusbarModule, TransactionTotalsComponent, TransactionTotalsModule, PendingReasonService as ɵa, DialogService as ɵb, ConfirmationDialogComponent as ɵba, DialogBaseComponent as ɵbb, IconCacheService as ɵbc, CharacteristicAnswerModule as ɵbd, CharacteristicAnswerComponent as ɵbe, WarehouseModule as ɵbf, WarehouseComponent as ɵbg, ImageDisplayComponent as ɵbh, IconComponent as ɵbi, CustomerGroupsComponent as ɵbj, StockStatusIndicatorComponent as ɵbk, LazyRenderMasterDirective as ɵbl, LazyRenderDirective as ɵbm, RelationAddressModule as ɵbn, RelationAddressComponent as ɵbo, RelationBaseComponent as ɵbp, RelationAddressSelectModule as ɵbq, RelationAddressTileModule as ɵbr, TileModule as ɵbs, TileComponent as ɵbt, RelationAddressTileComponent as ɵbu, RelationAddressSelectComponent as ɵbv, StepperModule as ɵbw, StepperComponent as ɵbx, StepperStepComponent as ɵby, TransactionLineModule as ɵbz, DynamicComponentService as ɵc, TransactionLineComponent as ɵca, TransactionMappingService as ɵcb, TransactionArticleTextModule as ɵcc, TransactionLineImageAndDescriptionModule as ɵcd, TransactionLineDescriptionModule as ɵce, TransactionLineDescriptionComponent as ɵcf, TransactionLineBaseComponent as ɵcg, TransactionLineImageAndDescriptionComponent as ɵch, TransactionImageService as ɵci, TransactionArticleTextComponent as ɵcj, TransactionReceiveGoodsService as ɵck, DialogTransactionHeaderDiscountModule as ɵcl, TransactionHeaderDiscountPercentageModule as ɵcm, TransactionHeaderDiscountPercentageComponent as ɵcn, TransactionHeaderBaseComponent as ɵco, TransactionHeaderFilterPopupBaseComponent as ɵcp, TransactionHeaderDiscountAmountModule as ɵcq, TransactionHeaderDiscountAmountComponent as ɵcr, TransactionHeaderDiscountTransactionTotalModule as ɵcs, TransactionHeaderDiscountTransactionTotalComponent as ɵct, DialogTransactionHeaderDiscountComponent as ɵcu, DialogTransactionHeaderBaseComponent as ɵcv, AvatarModule as ɵcw, AvatarComponent as ɵcx, SharedService as ɵcy, SharedConnectorService as ɵcz, OptionsService as ɵd, DeliveryTypeTileModule as ɵda, DeliveryTypeTileComponent as ɵdb, PaymentModule as ɵdc, PaymentTileModule as ɵdd, PaymentTileComponent as ɵde, PaymentQrCodeModule as ɵdf, PaymentQrCodeComponent as ɵdg, DownPaymentModule as ɵdh, DownPaymentComponent as ɵdi, PaymentService as ɵdj, PaymentComponent as ɵdk, RelationTypeModule as ɵdl, RelationTypeComponent as ɵdm, RelationGeneralModule as ɵdn, RelationSuggestionsListModule as ɵdo, RelationSuggestionsListItemModule as ɵdp, RelationSuggestionsListItemComponent as ɵdq, RelationSuggestionsListComponent as ɵdr, RelationGeneralComponent as ɵds, RelationAddressesModule as ɵdt, RelationAddressesComponent as ɵdu, RelationContactDetailsModule as ɵdv, RelationContactDetailsComponent as ɵdw, RelationPreferencesModule as ɵdx, RelationPreferencesComponent as ɵdy, TransactionHeaderBlockModule as ɵdz, DictionaryService as ɵe, TransactionHeaderBlockComponent as ɵea, TransactionHeaderDeliveryDateModule as ɵeb, TransactionHeaderDeliveryDateComponent as ɵec, TransactionHeaderDeliveryOptionsModule as ɵed, TransactionHeaderDeliveryOptionsComponent as ɵee, TransactionHeaderRemarksModule as ɵef, TransactionHeaderRemarksComponent as ɵeg, TransactionHeaderReferenceModule as ɵeh, TransactionHeaderReferenceComponent as ɵei, TransactionHeaderRelationReferenceModule as ɵej, TransactionHeaderRelationReferenceComponent as ɵek, TransactionHeaderDeliveryMethodModule as ɵel, TransactionLineCheckboxModule as ɵem, TransactionLineCheckboxListComponent as ɵen, TransactionHeaderDeliveryMethodComponent as ɵeo, TransactionHeaderPreferredDeliveryDateModule as ɵep, TransactionHeaderPreferredDeliveryDateComponent as ɵeq, DialogTransactionHeaderDeliveryMethodModule as ɵer, DialogHeaderSearchModule as ɵes, DialogHeaderSearchComponent as ɵet, DialogTransactionHeaderDeliveryMethodComponent as ɵeu, TransactionHeaderPartialDeliveryModule as ɵev, TransactionHeaderPartialDeliveryComponent as ɵew, TransactionBaseComponent as ɵex, TransactionHeaderDownpaymentPercentageModule as ɵey, TransactionHeaderDownpaymentPercentageComponent as ɵez, TransactionConnectorService as ɵf, TransactionHeaderDownpaymentAmountModule as ɵfa, TransactionHeaderDownpaymentAmountComponent as ɵfb, TransactionHeaderDefinitiveModule as ɵfc, TransactionHeaderDefinitiveComponent as ɵfd, TransactionHeaderBranchModule as ɵfe, TransactionHeaderBranchComponent as ɵff, TransactionHeaderAdministrativeRelationModule as ɵfg, TransactionHeaderAdministrativeRelationComponent as ɵfh, TransactionHeaderMarketingModule as ɵfi, TransactionHeaderMarketingComponent as ɵfj, CheckoutOverviewRelationEditComponent as ɵfk, CheckoutOverviewDeliveryEditComponent as ɵfl, CheckoutOverviewDeliveryAddressComponent as ɵfm, CheckoutOverviewPaymentComponent as ɵfn, CheckoutLoginComponent as ɵfo, TransactionFilterCategoriesModule as ɵfp, TransactionFilterCategoriesComponent as ɵfq, TransactionHeaderPaymentModule as ɵfr, TransactionHeaderPaymentComponent as ɵfs, TransactionLinesGridModule as ɵft, TransactionBaseGridModule as ɵfu, TransactionLineSidePanelModule as ɵfv, TransactionLineSidePanelDefaultModule as ɵfw, TransactionLinePriceListModule as ɵfx, TransactionLinePriceListComponent as ɵfy, TransactionFilterPopupBaseComponent as ɵfz, TransactionConnectorAdapterService as ɵg, TransactionLineVatModule as ɵga, TransactionLineVatComponent as ɵgb, TransactionLineQuantityModule as ɵgc, TransactionLineQuantityComponent as ɵgd, TransactionLineLineDiscountModule as ɵge, TransactionLineLineDiscountComponent as ɵgf, TransactionLineDeliveryMethodModule as ɵgg, TransactionLineDeliveryMethodComponent as ɵgh, TransactionLineDeliveryDateModule as ɵgi, TransactionLineDeliveryDateComponent as ɵgj, TransactionLineReferenceModule as ɵgk, TransactionLineReferenceComponent as ɵgl, TransactionLineCommissionCodeModule as ɵgm, TransactionLineCommissionCodeComponent as ɵgn, TransactionLineWarehouseModule as ɵgo, TransactionLineWarehouseComponent as ɵgp, TransactionLineDiscountAmountModule as ɵgq, TransactionLineDiscountAmountComponent as ɵgr, TransactionLineQuantumDiscountModule as ɵgs, TransactionLineQuantumDiscountComponent as ɵgt, TransactionLineSpecialDiscountModule as ɵgu, TransactionLineSpecialDiscountComponent as ɵgv, TransactionLineSupplierModule as ɵgw, TransactionLineSupplierComponent as ɵgx, TransactionLinePriceModule as ɵgy, TransactionLinePriceComponent as ɵgz, SelectMultipleCacheService as ɵh, TransactionLineSidePanelDefaultComponent as ɵha, TransactionReceivingGoodsHistoryModule as ɵhb, TransactionHistoryGridModule as ɵhc, TransactionHistoryGridStatusModule as ɵhd, TransactionHistoryGridStatusComponent as ɵhe, TransactionHistoryGridComponent as ɵhf, TransactionReceivingGoodsHistoryComponent as ɵhg, TransactionButtonBarModule as ɵhh, AnimatedCheckboxModule as ɵhi, AnimatedCheckboxComponent as ɵhj, TransactionButtonBarComponent as ɵhk, TransactionButtonBarButtonComponent as ɵhl, TransactionButtonBarButtonBaseComponent as ɵhm, TransactionSalesPurchaseButtonBarButtonComponent as ɵhn, TransactionLineSidePanelPurchaseModule as ɵho, DefaultOkCancelButtonsModule as ɵhp, DefaultOkCancelButtonsComponent as ɵhq, TransactionAvailableStockGridModule as ɵhr, TransactionAvailableStockGridComponent as ɵhs, TransactionSidePanelEditRequestDetailsModule as ɵht, TransactionLineWarehouseLocationButtonModule as ɵhu, TransactionLineWarehouseLocationButtonComponent as ɵhv, TransactionSidePanelEditRequestDetailsComponent as ɵhw, AllocationRequestComponent as ɵhx, ReceiveGoodsRequestComponent as ɵhy, ArticleService as ɵhz, BusinessObjectCacheManagerService as ɵi, TransactionLineSidePanelPurchaseComponent as ɵia, TransactionLineSidePanelSalesModule as ɵib, TransactionAllocateGoodsHistoryModule as ɵic, TransactionAllocateGoodsHistoryComponent as ɵid, TransactionLineSidePanelSalesComponent as ɵie, TransactionLineSidePanelComponent as ɵif, DynamicBaseComponent as ɵig, TransactionLineActionButtonsModule as ɵih, TransactionArticleTextOverviewModule as ɵii, TransactionArticleTextOverviewComponent as ɵij, TransactionLineActionButtonsComponent as ɵik, TransactionBaseGridComponent as ɵil, TransactionGridBaseComponent as ɵim, DialogTransactionLineCommissionCodeModule as ɵin, DialogTransactionLineCommissionCodeComponent as ɵio, DialogTransactionLineBaseComponent as ɵip, DialogTransactionLineWarehouseModule as ɵiq, DialogTransactionLineWarehouseComponent as ɵir, DialogTransactionLineWarehouseCcModule as ɵis, DialogTransactionLineWarehouseCcComponent as ɵit, DialogTransactionLineDeliveryMethodModule as ɵiu, DialogTransactionLineDeliveryMethodComponent as ɵiv, DialogTransactionLineVatModule as ɵiw, DialogTransactionLineVatComponent as ɵix, DialogTransactionLineDiscountModule as ɵiy, DialogTransactionLinePriceListModule as ɵiz, CacheField as ɵj, DialogTransactionLinePriceListComponent as ɵja, DialogTransactionLineDiscountComponent as ɵjb, TransactionLinesGridComponent as ɵjc, DiscountModule as ɵjd, DiscountComponent as ɵje, TransactionQuickAccessOverviewModule as ɵjf, DialogCatalogModule as ɵjg, DialogCatalogComponent as ɵjh, TransactionQuickAccessOverviewComponent as ɵji, TransactionQuickAccessOrderDeliveryModule as ɵjj, TransactionSendButtonDialogModule as ɵjk, TransactionSendButtonDialogComponent as ɵjl, TransactionQuickAccessOrderDeliveryComponent as ɵjm, TransactionOrderDeliveryService as ɵjn, TransactionQuickAccessOrderPurchaseModule as ɵjo, TransactionQuickAccessOrderPurchaseComponent as ɵjp, TransactionQuickAccessGoodsAllocationModule as ɵjq, TransactionQuickAccessGoodsAllocationComponent as ɵjr, TransactionAllocateGoodsService as ɵjs, TransactionOrderConfirmationGridModule as ɵjt, TransactionOrderConfirmationGridComponent as ɵju, TransactionReceivedGoodsGridModule as ɵjv, DialogTransactionLineWarehouseLocationModule as ɵjw, TransactionLineWarehouseLocationModule as ɵjx, TransactionLineWarehouseLocationComponent as ɵjy, DialogTransactionLineWarehouseLocationComponent as ɵjz, SelectMultipleParameterizedCacheService as ɵk, TransactionReceivedGoodsGridComponent as ɵka, ViewModeButtonsModule as ɵkb, ViewModeButtonsComponent as ɵkc, TransactionGridModule as ɵkd, TransactionGridComponent as ɵke, TransactionTileModule as ɵkf, TransactionTileComponent as ɵkg, TransactionOverviewLineModule as ɵkh, EditableLabelModule as ɵki, EditableLabelComponent as ɵkj, TransactionBaseLineModule as ɵkk, TransactionBaseLineComponent as ɵkl, TransactionLinesLineBaseComponent as ɵkm, TransactionLineCommissionButtonModule as ɵkn, TransactionLineCommissionButtonComponent as ɵko, TransactionLineWarehouseButtonModule as ɵkp, TransactionLineWarehouseButtonComponent as ɵkq, TransactionLineDeliveryButtonModule as ɵkr, TransactionLineDeliveryButtonComponent as ɵks, TransactionLineDeliveryDateButtonModule as ɵkt, TransactionLineDeliveryDateButtonComponent as ɵku, TransactionLineAmountModule as ɵkv, TransactionLineAmountComponent as ɵkw, TransactionOverviewLineComponent as ɵkx, TransactionOrderDeliveryLineModule as ɵky, TransactionOrderDeliveryLineComponent as ɵkz, ErrorService as ɵl, TransactionReceiveGoodsLineModule as ɵla, TransactionReceiveGoodsLineComponent as ɵlb, TransactionPurchaseLineModule as ɵlc, TransactionLineSupplierButtonModule as ɵld, DialogTransactionLineSupplierModule as ɵle, DialogTransactionLineSupplierComponent as ɵlf, TransactionLineSupplierButtonComponent as ɵlg, TransactionPurchaseLineComponent as ɵlh, QuickSendButtonModule as ɵli, QuickSendButtonComponent as ɵlj, TransactionGoodsAllocationLineModule as ɵlk, TransactionGoodsAllocationLineComponent as ɵll, TransactionSearchResultModule as ɵlm, TransactionSearchSalesOrderTileModule as ɵln, TransactionSearchSalesOrderTileComponent as ɵlo, TransactionSearchTileBaseComponent as ɵlp, TransactionSearchPurchaseOrderTileModule as ɵlq, TransactionSearchPurchaseOrderTileComponent as ɵlr, TransactionSearchSalesOrderGridModule as ɵls, TransactionSearchSalesOrderGridComponent as ɵlt, TransactionSearchGridBaseComponent as ɵlu, TransactionSearchPurchaseOrderGridModule as ɵlv, TransactionSearchPurchaseOrderGridComponent as ɵlw, TransactionSearchHeaderModule as ɵlx, TransactionSearchHeaderComponent as ɵly, TransactionSearchGridModule as ɵlz, SelectSingleCacheService as ɵm, TransactionSearchGridComponent as ɵma, TransactionSearchTileModule as ɵmb, TransactionSearchTileComponent as ɵmc, TransactionSearchResultComponent as ɵmd, TransactionSalesOrderFilterModule as ɵme, TransactionSalesOrderFilterContentOrderModule as ɵmf, TransactionFilterItemModule as ɵmg, TransactionFilterItemComponent as ɵmh, TransactionSalesOrderFilterContentOrderComponent as ɵmi, TransactionFilterContentBaseComponent as ɵmj, FilterRequestService as ɵmk, TransactionSalesOrderFilterContentLogisticsModule as ɵml, TransactionFilterHistoricStateModule as ɵmm, TransactionFilterHistoricStateComponent as ɵmn, TransactionSalesOrderFilterContentLogisticsComponent as ɵmo, TransactionSalesOrderFilterContentArticleModule as ɵmp, TransactionSalesOrderFilterContentArticleComponent as ɵmq, TransactionSalesOrderFilterComponent as ɵmr, TransactionFilterBaseComponent as ɵms, TransactionPurchaseOrderFilterModule as ɵmt, TransactionPurchaseOrderFilterContentOrderModule as ɵmu, TransactionPurchaseOrderFilterContentOrderComponent as ɵmv, TransactionPurchaseOrderFilterContentLogisticsModule as ɵmw, TransactionPurchaseOrderFilterContentLogisticsComponent as ɵmx, TransactionPurchaseOrderFilterContentArticleModule as ɵmy, TransactionPurchaseOrderFilterContentArticleComponent as ɵmz, ArticleConnectorService as ɵn, TransactionPurchaseOrderFilterComponent as ɵna, TransactionFilterModule as ɵnb, TransactionFilterComponent as ɵnc, TransactionEventService as ɵo, RelationConnectorService as ɵp, CoreModule as ɵq, ConfirmationDialogModule as ɵr, PipeModule as ɵs, AppendPipe as ɵt, DeliveryTimePipe as ɵu, DateDurationPipe as ɵv, LocalizePipe as ɵw, CoCurrencyPipe as ɵx, SafeStylePipe as ɵy, SafeHtmlPipe as ɵz };
+export { CheckoutComponent, CheckoutModule, LoaderComponent, LoaderModule, RelationService, SearchViewMode, SearchbarViewMode, ShoppingCartComponent, ShoppingCartModule, ShoppingCartPreviewComponent, ShoppingCartPreviewModule, TransactionComponent, TransactionConfirmationDetailsComponent, TransactionConfirmationDetailsModule, TransactionConfirmationHistoryComponent, TransactionConfirmationHistoryModule, TransactionHeaderComponent, TransactionHeaderDeliveryComponent, TransactionHeaderDeliveryModule, TransactionHeaderModule, TransactionHeaderOrderComponent, TransactionHeaderOrderModule, TransactionHeaderRelationComponent, TransactionHeaderRelationModule, TransactionLineGridComponent, TransactionLineGridModule, TransactionLineStatusbarComponent, TransactionLineStatusbarModule, TransactionLinesComponent, TransactionLinesModule, TransactionModule, TransactionQuickAccessComponent, TransactionQuickAccessModule, TransactionQuickAccessOrderConfirmationComponent, TransactionQuickAccessOrderConfirmationModule, TransactionQuickAccessReceivedGoodsComponent, TransactionQuickAccessReceivedGoodsModule, TransactionSearchComponent, TransactionSearchModule, TransactionSearchService, TransactionService, TransactionStatusbarComponent, TransactionStatusbarModule, TransactionTotalsComponent, TransactionTotalsModule, PendingReasonService as ɵa, DialogService as ɵb, ConfirmationDialogComponent as ɵba, DialogBaseComponent as ɵbb, IconCacheService as ɵbc, CharacteristicAnswerModule as ɵbd, CharacteristicAnswerComponent as ɵbe, WarehouseModule as ɵbf, WarehouseComponent as ɵbg, ImageDisplayComponent as ɵbh, IconComponent as ɵbi, CustomerGroupsComponent as ɵbj, StockStatusIndicatorComponent as ɵbk, LazyRenderMasterDirective as ɵbl, LazyRenderDirective as ɵbm, RelationAddressModule as ɵbn, RelationAddressComponent as ɵbo, RelationBaseComponent as ɵbp, RelationAddressSelectModule as ɵbq, RelationAddressTileModule as ɵbr, TileModule as ɵbs, TileComponent as ɵbt, RelationAddressTileComponent as ɵbu, RelationAddressSelectComponent as ɵbv, StepperModule as ɵbw, StepperComponent as ɵbx, StepperStepComponent as ɵby, TransactionLineModule as ɵbz, DynamicComponentService as ɵc, TransactionLineComponent as ɵca, TransactionMappingService as ɵcb, TransactionArticleTextModule as ɵcc, TransactionLineImageAndDescriptionModule as ɵcd, TransactionLineDescriptionModule as ɵce, TransactionLineDescriptionComponent as ɵcf, TransactionLineBaseComponent as ɵcg, TransactionLineImageAndDescriptionComponent as ɵch, TransactionImageService as ɵci, TransactionArticleTextComponent as ɵcj, TransactionReceiveGoodsService as ɵck, DialogTransactionHeaderDiscountModule as ɵcl, TransactionHeaderDiscountPercentageModule as ɵcm, TransactionHeaderDiscountPercentageComponent as ɵcn, TransactionHeaderBaseComponent as ɵco, TransactionHeaderFilterPopupBaseComponent as ɵcp, TransactionHeaderDiscountAmountModule as ɵcq, TransactionHeaderDiscountAmountComponent as ɵcr, TransactionHeaderDiscountTransactionTotalModule as ɵcs, TransactionHeaderDiscountTransactionTotalComponent as ɵct, DialogTransactionHeaderDiscountComponent as ɵcu, DialogTransactionHeaderBaseComponent as ɵcv, AvatarModule as ɵcw, AvatarComponent as ɵcx, SharedService as ɵcy, SharedConnectorService as ɵcz, OptionsService as ɵd, DeliveryTypeTileModule as ɵda, DeliveryTypeTileComponent as ɵdb, PaymentModule as ɵdc, PaymentTileModule as ɵdd, PaymentTileComponent as ɵde, PaymentQrCodeModule as ɵdf, PaymentQrCodeComponent as ɵdg, DownPaymentModule as ɵdh, DownPaymentComponent as ɵdi, PaymentService as ɵdj, PaymentComponent as ɵdk, RelationTypeModule as ɵdl, RelationTypeComponent as ɵdm, RelationGeneralModule as ɵdn, RelationSuggestionsListModule as ɵdo, RelationSuggestionsListItemModule as ɵdp, RelationSuggestionsListItemComponent as ɵdq, RelationSuggestionsListComponent as ɵdr, RelationGeneralComponent as ɵds, RelationAddressesModule as ɵdt, RelationAddressesComponent as ɵdu, RelationContactDetailsModule as ɵdv, RelationContactDetailsComponent as ɵdw, RelationPreferencesModule as ɵdx, RelationPreferencesComponent as ɵdy, TransactionHeaderBlockModule as ɵdz, DictionaryService as ɵe, TransactionHeaderBlockComponent as ɵea, TransactionHeaderDeliveryDateModule as ɵeb, TransactionHeaderDeliveryDateComponent as ɵec, TransactionHeaderDeliveryOptionsModule as ɵed, TransactionHeaderDeliveryOptionsComponent as ɵee, TransactionHeaderRemarksModule as ɵef, TransactionHeaderRemarksComponent as ɵeg, TransactionHeaderReferenceModule as ɵeh, TransactionHeaderReferenceComponent as ɵei, TransactionHeaderRelationReferenceModule as ɵej, TransactionHeaderRelationReferenceComponent as ɵek, TransactionHeaderDeliveryMethodModule as ɵel, TransactionLineCheckboxModule as ɵem, TransactionLineCheckboxListComponent as ɵen, TransactionHeaderDeliveryMethodComponent as ɵeo, TransactionHeaderPreferredDeliveryDateModule as ɵep, TransactionHeaderPreferredDeliveryDateComponent as ɵeq, DialogTransactionHeaderDeliveryMethodModule as ɵer, DialogHeaderSearchModule as ɵes, DialogHeaderSearchComponent as ɵet, DialogTransactionHeaderDeliveryMethodComponent as ɵeu, TransactionHeaderPartialDeliveryModule as ɵev, TransactionHeaderPartialDeliveryComponent as ɵew, TransactionBaseComponent as ɵex, TransactionHeaderDownpaymentPercentageModule as ɵey, TransactionHeaderDownpaymentPercentageComponent as ɵez, TransactionConnectorService as ɵf, TransactionHeaderDownpaymentAmountModule as ɵfa, TransactionHeaderDownpaymentAmountComponent as ɵfb, TransactionHeaderDefinitiveModule as ɵfc, TransactionHeaderDefinitiveComponent as ɵfd, TransactionHeaderBranchModule as ɵfe, TransactionHeaderBranchComponent as ɵff, TransactionHeaderAdministrativeRelationModule as ɵfg, TransactionHeaderAdministrativeRelationComponent as ɵfh, TransactionHeaderMarketingModule as ɵfi, TransactionHeaderMarketingComponent as ɵfj, CheckoutOverviewRelationEditComponent as ɵfk, CheckoutOverviewDeliveryEditComponent as ɵfl, CheckoutOverviewDeliveryAddressComponent as ɵfm, CheckoutOverviewPaymentComponent as ɵfn, CheckoutLoginComponent as ɵfo, TransactionFilterCategoriesModule as ɵfp, TransactionFilterCategoriesComponent as ɵfq, TransactionHeaderPaymentModule as ɵfr, TransactionHeaderPaymentComponent as ɵfs, TransactionLinesGridModule as ɵft, TransactionBaseGridModule as ɵfu, TransactionLineSidePanelModule as ɵfv, TransactionLineSidePanelDefaultModule as ɵfw, TransactionLinePriceListModule as ɵfx, TransactionLinePriceListComponent as ɵfy, TransactionFilterPopupBaseComponent as ɵfz, TransactionConnectorAdapterService as ɵg, TransactionLineVatModule as ɵga, TransactionLineVatComponent as ɵgb, TransactionLineQuantityModule as ɵgc, TransactionLineQuantityComponent as ɵgd, TransactionLineLineDiscountModule as ɵge, TransactionLineLineDiscountComponent as ɵgf, TransactionLineDeliveryMethodModule as ɵgg, TransactionLineDeliveryMethodComponent as ɵgh, TransactionLineDeliveryDateModule as ɵgi, TransactionLineDeliveryDateComponent as ɵgj, TransactionLineReferenceModule as ɵgk, TransactionLineReferenceComponent as ɵgl, TransactionLineCommissionCodeModule as ɵgm, TransactionLineCommissionCodeComponent as ɵgn, TransactionLineWarehouseModule as ɵgo, TransactionLineWarehouseComponent as ɵgp, TransactionLineDiscountAmountModule as ɵgq, TransactionLineDiscountAmountComponent as ɵgr, TransactionLineQuantumDiscountModule as ɵgs, TransactionLineQuantumDiscountComponent as ɵgt, TransactionLineSpecialDiscountModule as ɵgu, TransactionLineSpecialDiscountComponent as ɵgv, TransactionLineSupplierModule as ɵgw, TransactionLineSupplierComponent as ɵgx, TransactionLinePriceModule as ɵgy, TransactionLinePriceComponent as ɵgz, SelectMultipleCacheService as ɵh, TransactionLineSidePanelDefaultComponent as ɵha, TransactionReceivingGoodsHistoryModule as ɵhb, TransactionHistoryGridModule as ɵhc, TransactionHistoryGridStatusModule as ɵhd, TransactionHistoryGridStatusComponent as ɵhe, TransactionHistoryGridComponent as ɵhf, TransactionReceivingGoodsHistoryComponent as ɵhg, TransactionButtonBarModule as ɵhh, AnimatedCheckboxModule as ɵhi, AnimatedCheckboxComponent as ɵhj, TransactionButtonBarComponent as ɵhk, TransactionButtonBarButtonComponent as ɵhl, TransactionButtonBarButtonBaseComponent as ɵhm, TransactionSalesPurchaseButtonBarButtonComponent as ɵhn, TransactionLineSidePanelPurchaseModule as ɵho, DefaultOkCancelButtonsModule as ɵhp, DefaultOkCancelButtonsComponent as ɵhq, TransactionAvailableStockGridModule as ɵhr, TransactionAvailableStockGridComponent as ɵhs, TransactionSidePanelEditRequestDetailsModule as ɵht, TransactionLineWarehouseLocationButtonModule as ɵhu, TransactionLineWarehouseLocationButtonComponent as ɵhv, TransactionSidePanelEditRequestDetailsComponent as ɵhw, AllocationRequestComponent as ɵhx, ReceiveGoodsRequestComponent as ɵhy, ArticleService as ɵhz, BusinessObjectCacheManagerService as ɵi, TransactionLineSidePanelPurchaseComponent as ɵia, TransactionLineSidePanelSalesModule as ɵib, TransactionAllocateGoodsHistoryModule as ɵic, TransactionAllocateGoodsHistoryComponent as ɵid, TransactionLineSidePanelSalesComponent as ɵie, TransactionLineSidePanelComponent as ɵif, DynamicBaseComponent as ɵig, TransactionLineActionButtonsModule as ɵih, TransactionArticleTextOverviewModule as ɵii, TransactionArticleTextOverviewComponent as ɵij, TransactionLineActionButtonsComponent as ɵik, TransactionBaseGridComponent as ɵil, TransactionGridBaseComponent as ɵim, DialogTransactionLineCommissionCodeModule as ɵin, DialogTransactionLineCommissionCodeComponent as ɵio, DialogTransactionLineBaseComponent as ɵip, DialogTransactionLineWarehouseModule as ɵiq, DialogTransactionLineWarehouseComponent as ɵir, DialogTransactionLineWarehouseCcModule as ɵis, DialogTransactionLineWarehouseCcComponent as ɵit, DialogTransactionLineDeliveryMethodModule as ɵiu, DialogTransactionLineDeliveryMethodComponent as ɵiv, DialogTransactionLineVatModule as ɵiw, DialogTransactionLineVatComponent as ɵix, DialogTransactionLineDiscountModule as ɵiy, DialogTransactionLinePriceListModule as ɵiz, CacheField as ɵj, DialogTransactionLinePriceListComponent as ɵja, DialogTransactionLineDiscountComponent as ɵjb, TransactionLinesGridComponent as ɵjc, DiscountModule as ɵjd, DiscountComponent as ɵje, QuickSendButtonModule as ɵjf, QuickSendButtonComponent as ɵjg, TransactionQuickAccessOverviewModule as ɵjh, DialogCatalogModule as ɵji, DialogCatalogComponent as ɵjj, TransactionQuickAccessOverviewComponent as ɵjk, TransactionQuickAccessSendMethodBaseComponent as ɵjl, TransactionQuickAccessOrderDeliveryModule as ɵjm, TransactionQuickAccessOrderDeliveryComponent as ɵjn, TransactionOrderDeliveryService as ɵjo, TransactionQuickAccessOrderPurchaseModule as ɵjp, TransactionQuickAccessOrderPurchaseComponent as ɵjq, TransactionQuickAccessGoodsAllocationModule as ɵjr, TransactionQuickAccessGoodsAllocationComponent as ɵjs, TransactionAllocateGoodsService as ɵjt, TransactionQuickAccessPurchaseOrderOverviewModule as ɵju, TransactionQuickAccessPurchaseOrderOverviewComponent as ɵjv, TransactionOrderConfirmationGridModule as ɵjw, TransactionOrderConfirmationGridComponent as ɵjx, TransactionReceivedGoodsGridModule as ɵjy, DialogTransactionLineWarehouseLocationModule as ɵjz, SelectMultipleParameterizedCacheService as ɵk, TransactionLineWarehouseLocationModule as ɵka, TransactionLineWarehouseLocationComponent as ɵkb, DialogTransactionLineWarehouseLocationComponent as ɵkc, TransactionReceivedGoodsGridComponent as ɵkd, ViewModeButtonsModule as ɵke, ViewModeButtonsComponent as ɵkf, TransactionGridModule as ɵkg, TransactionGridComponent as ɵkh, TransactionTileModule as ɵki, TransactionTileComponent as ɵkj, TransactionOverviewLineModule as ɵkk, EditableLabelModule as ɵkl, EditableLabelComponent as ɵkm, TransactionBaseLineModule as ɵkn, TransactionBaseLineComponent as ɵko, TransactionLinesLineBaseComponent as ɵkp, TransactionLineCommissionButtonModule as ɵkq, TransactionLineCommissionButtonComponent as ɵkr, TransactionLineWarehouseButtonModule as ɵks, TransactionLineWarehouseButtonComponent as ɵkt, TransactionLineDeliveryButtonModule as ɵku, TransactionLineDeliveryButtonComponent as ɵkv, TransactionLineDeliveryDateButtonModule as ɵkw, TransactionLineDeliveryDateButtonComponent as ɵkx, TransactionLineAmountModule as ɵky, TransactionLineAmountComponent as ɵkz, ErrorService as ɵl, TransactionOverviewLineComponent as ɵla, TransactionOrderDeliveryLineModule as ɵlb, TransactionOrderDeliveryLineComponent as ɵlc, TransactionReceiveGoodsLineModule as ɵld, TransactionReceiveGoodsLineComponent as ɵle, TransactionPurchaseLineModule as ɵlf, TransactionLineSupplierButtonModule as ɵlg, DialogTransactionLineSupplierModule as ɵlh, DialogTransactionLineSupplierComponent as ɵli, TransactionLineSupplierButtonComponent as ɵlj, TransactionPurchaseLineComponent as ɵlk, TransactionGoodsAllocationLineModule as ɵll, TransactionGoodsAllocationLineComponent as ɵlm, TransactionSearchResultModule as ɵln, TransactionSearchSalesOrderTileModule as ɵlo, TransactionSearchSalesOrderTileComponent as ɵlp, TransactionSearchTileBaseComponent as ɵlq, TransactionSearchPurchaseOrderTileModule as ɵlr, TransactionSearchPurchaseOrderTileComponent as ɵls, TransactionSearchSalesOrderGridModule as ɵlt, TransactionSearchSalesOrderGridComponent as ɵlu, TransactionSearchGridBaseComponent as ɵlv, TransactionSearchPurchaseOrderGridModule as ɵlw, TransactionSearchPurchaseOrderGridComponent as ɵlx, TransactionSearchHeaderModule as ɵly, TransactionSearchHeaderComponent as ɵlz, SelectSingleCacheService as ɵm, TransactionSearchGridModule as ɵma, TransactionSearchGridComponent as ɵmb, TransactionSearchTileModule as ɵmc, TransactionSearchTileComponent as ɵmd, TransactionSearchResultComponent as ɵme, TransactionSalesOrderFilterModule as ɵmf, TransactionSalesOrderFilterContentOrderModule as ɵmg, TransactionFilterItemModule as ɵmh, TransactionFilterItemComponent as ɵmi, TransactionSalesOrderFilterContentOrderComponent as ɵmj, TransactionFilterContentBaseComponent as ɵmk, FilterRequestService as ɵml, TransactionSalesOrderFilterContentLogisticsModule as ɵmm, TransactionFilterHistoricStateModule as ɵmn, TransactionFilterHistoricStateComponent as ɵmo, TransactionSalesOrderFilterContentLogisticsComponent as ɵmp, TransactionSalesOrderFilterContentArticleModule as ɵmq, TransactionSalesOrderFilterContentArticleComponent as ɵmr, TransactionSalesOrderFilterComponent as ɵms, TransactionFilterBaseComponent as ɵmt, TransactionPurchaseOrderFilterModule as ɵmu, TransactionPurchaseOrderFilterContentOrderModule as ɵmv, TransactionPurchaseOrderFilterContentOrderComponent as ɵmw, TransactionPurchaseOrderFilterContentLogisticsModule as ɵmx, TransactionPurchaseOrderFilterContentLogisticsComponent as ɵmy, TransactionPurchaseOrderFilterContentArticleModule as ɵmz, ArticleConnectorService as ɵn, TransactionPurchaseOrderFilterContentArticleComponent as ɵna, TransactionPurchaseOrderFilterComponent as ɵnb, TransactionFilterModule as ɵnc, TransactionFilterComponent as ɵnd, TransactionEventService as ɵo, RelationConnectorService as ɵp, CoreModule as ɵq, ConfirmationDialogModule as ɵr, PipeModule as ɵs, AppendPipe as ɵt, DeliveryTimePipe as ɵu, DateDurationPipe as ɵv, LocalizePipe as ɵw, CoCurrencyPipe as ɵx, SafeStylePipe as ɵy, SafeHtmlPipe as ɵz };
 //# sourceMappingURL=colijnit-transaction.js.map