@colijnit/transaction 12.1.174 → 12.1.176

package/lib/cache/service/{business-object-cache-manager.service.d.ts → transaction-business-object-cache-manager.service.d.ts}

@@ -14,14 +14,13 @@ import { BusinessObjectIDType } from '@colijnit/ioneconnector/build/type/busines
  *
  * All caches are reset when the user logs out.
  */
-export declare class BusinessObjectCacheManagerService implements OnDestroy {
+export declare class TransactionBusinessObjectCacheManagerService implements OnDestroy {
     readonly reset: Subject<void>;
     private static _NullBoId;
     private _selectMultipleCache;
     private _selectMultipleParameterizedCache;
     private _selectSingleCache;
     private _selectSingleParameterizedCache;
-    private _logoutSub;
     ngOnDestroy(): void;
     /**
      * Creates and adds a new simple cache item for the given key with the given load function.

package/lib/cache/service/{select-multiple-cache.service.d.ts → transaction-select-multiple-cache.service.d.ts}

@@ -1,10 +1,10 @@
-import { BusinessObjectCacheManagerService } from "./business-object-cache-manager.service";
+import { TransactionBusinessObjectCacheManagerService } from "./transaction-business-object-cache-manager.service";
 import { CacheField } from "../cache-field";
 import { BusinessObject } from "@colijnit/ioneconnector/build/model/business-object";
-export declare class SelectMultipleCacheService {
+export declare class TransactionSelectMultipleCacheService {
     private _boCacheManager;
     private static _NullCache;
-    constructor(_boCacheManager: BusinessObjectCacheManagerService);
+    constructor(_boCacheManager: TransactionBusinessObjectCacheManagerService);
     /**
      * Returns the global cache item for the select multiple of the given business object class. Creates a new cache item if not yet exists.
      * @param clazz The BO class, e.g. CustomerFullObject

package/lib/cache/service/{select-multiple-parameterized-cache.service.d.ts → transaction-select-multiple-parameterized-cache.service.d.ts}

@@ -1,13 +1,13 @@
 import { OnDestroy } from "@angular/core";
 import { Subject } from "rxjs";
-import { BusinessObjectCacheManagerService } from "./business-object-cache-manager.service";
+import { TransactionBusinessObjectCacheManagerService } from "./transaction-business-object-cache-manager.service";
 import { BusinessObject } from "@colijnit/ioneconnector/build/model/business-object";
 import { ParameterCacheField } from "../parameter-cache-field";
-export declare class SelectMultipleParameterizedCacheService implements OnDestroy {
+export declare class TransactionSelectMultipleParameterizedCacheService implements OnDestroy {
     private _boCacheManager;
     readonly reset: Subject<void>;
     private _subs;
-    constructor(_boCacheManager: BusinessObjectCacheManagerService);
+    constructor(_boCacheManager: TransactionBusinessObjectCacheManagerService);
     ngOnDestroy(): void;
     /**
      * Returns the global cache item for the parameterized select multiple of the given business object class. Creates a new cache item if not yet exists.

package/lib/cache/service/{select-single-cache.service.d.ts → transaction-select-single-cache.service.d.ts}

@@ -1,10 +1,10 @@
-import { BusinessObjectCacheManagerService } from './business-object-cache-manager.service';
+import { TransactionBusinessObjectCacheManagerService } from './transaction-business-object-cache-manager.service';
 import { BusinessObject } from '@colijnit/ioneconnector/build/model/business-object';
 import { CacheField } from '../cache-field';
 import { BusinessObjectIDType } from '@colijnit/ioneconnector/build/type/business-object-id-type';
-export declare class SelectSingleCacheService {
+export declare class TransactionSelectSingleCacheService {
     private _boCacheManager;
-    constructor(_boCacheManager: BusinessObjectCacheManagerService);
+    constructor(_boCacheManager: TransactionBusinessObjectCacheManagerService);
     requestCache<T extends BusinessObject>(clazz: {
         new (): T;
     }, sourceId: BusinessObjectIDType, loadFunction: () => Promise<T>, reload?: boolean): CacheField<T>;

package/lib/cache/service/{select-single-parameterized-cache.service.d.ts → transaction-select-single-parameterized-cache.service.d.ts}

@@ -1,13 +1,13 @@
 import { OnDestroy } from '@angular/core';
 import { Subject } from 'rxjs';
-import { BusinessObjectCacheManagerService } from './business-object-cache-manager.service';
+import { TransactionBusinessObjectCacheManagerService } from './transaction-business-object-cache-manager.service';
 import { ParameterCacheField } from '../parameter-cache-field';
 import { InternalParam } from '@colijnit/mainapi/build/enum/internal-param.enum';
-export declare class SelectSingleParameterizedCacheService implements OnDestroy {
+export declare class TransactionSelectSingleParameterizedCacheService implements OnDestroy {
     private _boCacheManager;
     readonly reset: Subject<void>;
     private _subs;
-    constructor(_boCacheManager: BusinessObjectCacheManagerService);
+    constructor(_boCacheManager: TransactionBusinessObjectCacheManagerService);
     ngOnDestroy(): void;
     /**
      * Returns the global cache item for the parameterized select single of the given business object class. Creates a new cache item if not yet exists.

package/lib/component/checkout/checkout-overview-relation-edit/checkout-overview-relation-edit.component.d.ts

@@ -17,12 +17,14 @@ import { RelationGeneralCfgNames } from '../../../interface/relation-general-cfg
 import { RelationAddressCfgNames } from '../../../interface/relation-address-cfg-names.interface';
 import { RelationContactDetailsCfgNames } from '../../../interface/relation-contact-details-cfg-names.interface';
 import { CheckoutScreenConfigurationService } from '../service/checkout-screen-configuration.service';
+import { RelationSuggestionsService } from '../../../service/relation-suggestions.service';
 export declare class CheckoutOverviewRelationEditComponent implements OnInit, AfterViewInit, OnDestroy {
     private _formMaster;
     service: TransactionService;
     private _relationService;
     private _dialogService;
     private _screenConfigService;
+    private _suggestionsService;
     readonly cfgNames: typeof CheckoutCfgName;
     readonly relKind: typeof RelationKind;
     readonly icons: typeof Icon;
@@ -43,8 +45,6 @@ export declare class CheckoutOverviewRelationEditComponent implements OnInit, Af
     address: Address;
     customerGroup: string;
     relationType: RelationNameKind;
-    relationSuggestions: RelationListObject[];
-    showSuggestionsSidebar: boolean;
     contactDetailsConfigNames: RelationContactDetailsCfgNames;
     relationGeneralConfigNames: RelationGeneralCfgNames;
     relationAddressConfigNames: RelationAddressCfgNames;
@@ -55,15 +55,12 @@ export declare class CheckoutOverviewRelationEditComponent implements OnInit, Af
     private _relation;
     private _relationKind;
     private _requestForSuggestions;
-    private _suggestionListTimeout;
     private _subs;
-    constructor(_formMaster: FormMasterService, service: TransactionService, _relationService: RelationService, _dialogService: DialogService, _screenConfigService: CheckoutScreenConfigurationService);
+    constructor(_formMaster: FormMasterService, service: TransactionService, _relationService: RelationService, _dialogService: DialogService, _screenConfigService: CheckoutScreenConfigurationService, _suggestionsService: RelationSuggestionsService);
     ngOnInit(): Promise<void>;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     handleInputChange(request: RelationSuggestionsRequest): void;
-    showSidebar(): void;
-    hideSidebar(): void;
     onRelationSuggestionClick(relationSuggested: RelationListObject): Promise<void>;
     handleRelationTypeChange(relation: Relation): void;
     emptyRelation(event: MouseEvent): void;
@@ -73,8 +70,4 @@ export declare class CheckoutOverviewRelationEditComponent implements OnInit, Af
     handleDeliveryAddressChange(nawNr: number): void;
     checkSameAddress(checked: boolean): void;
     private _setCountryNameToAddress;
-    private _suggestionListRefresh;
-    private _suggestionListRefreshHandlerFn;
-    private _isEmptySuggestionsRequest;
-    private _resetSuggestionRequestWithRelation;
 }

package/lib/component/checkout/checkout-overview-relation-edit/style/_layout.scss

@@ -21,35 +21,4 @@
       }
     }
   }
-  .suggestions-sidebar {
-    position: fixed;
-    top: 0;
-    right: 0;
-    z-index: 999;
-    display: flex;
-    flex-direction: column;
-    width: $tp-checkout-relation-suggestion-list-sidebar-width;
-    height: 100%;
-    background: $tp-checkout-relation-suggestion-list-sidebar-background-color;
-    box-shadow: $tp-checkout-relation-suggestion-list-sidebar-boxshadow;
-    padding: $tp-checkout-relation-suggestion-list-sidebar-padding;
-    .close-button {
-      position: absolute;
-      cursor: pointer;
-      right:$tp-checkout-relation-suggestion-list-sidebar-close-btn-right;
-      top: $tp-checkout-relation-suggestion-list-sidebar-close-btn-top;
-      width: $tp-checkout-relation-suggestion-list-sidebar-close-btn-size;
-      height: $tp-checkout-relation-suggestion-list-sidebar-close-btn-size;
-      svg [fill] {
-        fill: $tp-checkout-relation-suggestion-list-sidebar-close-btn-color;
-      }
-    }
-  }
-  .relation-sidebar-header {
-    padding: $tp-checkout-relation-suggestion-list-label-padding;
-    margin: $tp-checkout-relation-suggestion-list-label-margin;
-    .checkout-label-h3 {
-      color: $tp-checkout-relation-suggestion-list-label-color;
-    }
-  }
 }

package/lib/component/checkout/checkout-overview-relation-edit/style/_material-definition.scss

@@ -8,18 +8,3 @@ $tp-checkout-relation-empty-button-border-radius: $tp-default-border-radius !def
 $tp-checkout-relation-empty-button-border-color: $tp-color-action !default;
 $tp-checkout-simple-relation-empty-text-color: $tp-color-action !default;
 $tp-checkout-simple-relation-empty-hover-text-color: #FFFFFF !default;
-
-$tp-checkout-relation-suggestion-list-sidebar-width: 300px !default;
-$tp-checkout-relation-suggestion-list-sidebar-background-color: #212437 !default;
-$tp-checkout-relation-suggestion-list-sidebar-boxshadow: -3px 1px 10px rgba(1, 1, 1, 0.1) !default;
-$tp-checkout-relation-suggestion-list-sidebar-padding: 10px !default;
-$tp-checkout-relation-suggestion-list-label-fontsize: $tp-font-size !default;
-$tp-checkout-relation-suggestion-list-label-fontweight: bold !default;
-$tp-checkout-relation-suggestion-list-label-padding: 5px !default;
-$tp-checkout-relation-suggestion-list-label-margin: 5px !default;
-$tp-checkout-relation-suggestion-list-label-color: #ffffff !default;
-
-$tp-checkout-relation-suggestion-list-sidebar-close-btn-size: 20px !default;
-$tp-checkout-relation-suggestion-list-sidebar-close-btn-top: 20px !default;
-$tp-checkout-relation-suggestion-list-sidebar-close-btn-right: 20px !default;
-$tp-checkout-relation-suggestion-list-sidebar-close-btn-color: #ffffff !default;

package/lib/component/core/base/transaction-payment-base.component.d.ts

@@ -0,0 +1,68 @@
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { CashRegister } from '@colijnit/transactionapi/build/model/cash-register';
+import { PaymentMethod } from '@colijnit/transactionapi/build/model/payment-method.bo';
+import { Icon } from '../../../enum/icon.enum';
+import { PaymentViewmodel } from '../../../model/payment.viewmodel';
+import { TransactionService } from '../../../service/transaction.service';
+import { PaymentService } from '../../../service/payment.service';
+import { TransactionEventService } from '../../../service/transaction-event.service';
+import { IconCacheService } from '../../../service/icon-cache.service';
+export declare abstract class TransactionPaymentBaseComponent implements OnInit, OnDestroy {
+    protected transactionService: TransactionService;
+    protected paymentService: PaymentService;
+    protected transactionEventService: TransactionEventService;
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
+    transId: number;
+    transactionUuid: string;
+    branch: string;
+    set amount(value: number);
+    get amount(): number;
+    currencyId: number;
+    cashRegisterNr: number;
+    cashRegisterGroupId: number;
+    showKeyPad: boolean;
+    updateDepositAmount: boolean;
+    payed: EventEmitter<void>;
+    showClass(): boolean;
+    paymentMethodIdx: number;
+    cashRegisterIdx: number;
+    paymentMethods: PaymentViewmodel[];
+    cashRegisters: any[];
+    showCashRegisters: boolean;
+    showPspQrCode: boolean;
+    currentPaymentMethod: PaymentMethod;
+    qrCodeImage: string;
+    showLoader: boolean;
+    amountToPay: number;
+    depositAmount: number;
+    statusMessage: string;
+    private _amount;
+    private _paymentStatusInterval;
+    private _paymentStatusPollIntervalMs;
+    private _paymentStatusMaxPollInterval;
+    private _paymentStatusPollIntervalCount;
+    private _paymentResult;
+    private _subs;
+    constructor(transactionService: TransactionService, paymentService: PaymentService, transactionEventService: TransactionEventService, iconCacheService: IconCacheService);
+    ngOnInit(): Promise<void>;
+    ngOnDestroy(): void;
+    paymentMethodSelected(method: PaymentMethod, index: number): void;
+    cashRegisterSelected(cashRegister: CashRegister, index: number): void;
+    handlePayment(): void;
+    handleKeyPadModelChange(model: number): void;
+    protected paymentInfoReady(): void;
+    private _getDepositPaymentInfo;
+    private _dataUriToBase64;
+    private _waitForPaymentStatus;
+    private _waitForPinPaymentStatus;
+    private _clearInterval;
+    /**
+     *
+     * @private
+     */
+    private _prepareCashRegisters;
+    private _getCashRegisters;
+    private _getPaymentMethods;
+    private _handlePayment;
+}

package/lib/component/payment/payment.component.d.ts

@@ -1,65 +1,4 @@
-import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { Icon } from '../../enum/icon.enum';
-import { TransactionService } from '../../service/transaction.service';
-import { CashRegister } from '@colijnit/transactionapi/build/model/cash-register';
-import { PaymentService } from '../../service/payment.service';
-import { PaymentMethod } from '@colijnit/transactionapi/build/model/payment-method.bo';
-import { PaymentViewmodel } from '../../model/payment.viewmodel';
-import { TransactionEventService } from '../../service/transaction-event.service';
-import { IconCacheService } from '../../service/icon-cache.service';
-export declare class PaymentComponent implements OnInit, OnDestroy {
-    private _transactionService;
-    private _paymentService;
-    private _transactionEventService;
-    iconCacheService: IconCacheService;
-    readonly icons: typeof Icon;
-    transId: number;
-    transactionUuid: string;
-    branch: string;
-    set amount(value: number);
-    get amount(): number;
-    currencyId: number;
-    updateDepositAmount: boolean;
-    payed: EventEmitter<void>;
+import { TransactionPaymentBaseComponent } from '../core/base/transaction-payment-base.component';
+export declare class PaymentComponent extends TransactionPaymentBaseComponent {
     showClass(): boolean;
-    paymentMethodIdx: number;
-    cashRegisterIdx: number;
-    paymentMethods: PaymentViewmodel[];
-    cashRegisters: any[];
-    showCashRegisters: boolean;
-    showKeyPad: boolean;
-    showPspQrCode: boolean;
-    currentPaymentMethod: PaymentMethod;
-    qrCodeImage: string;
-    showLoader: boolean;
-    amountToPay: number;
-    depositAmount: number;
-    statusMessage: string;
-    private _amount;
-    private _paymentStatusInterval;
-    private _paymentStatusPollIntervalMs;
-    private _paymentStatusMaxPollInterval;
-    private _paymentStatusPollIntervalCount;
-    private _paymentResult;
-    private _subs;
-    constructor(_transactionService: TransactionService, _paymentService: PaymentService, _transactionEventService: TransactionEventService, iconCacheService: IconCacheService);
-    ngOnInit(): Promise<void>;
-    ngOnDestroy(): void;
-    paymentMethodSelected(method: PaymentMethod, index: number): void;
-    cashRegisterSelected(cashRegister: CashRegister, index: number): void;
-    handlePayment(): void;
-    handleKeyPadModelChange(model: number): void;
-    private _getDepositPaymentInfo;
-    private _dataUriToBase64;
-    private _waitForPaymentStatus;
-    private _waitForPinPaymentStatus;
-    private _clearInterval;
-    /**
-     *
-     * @private
-     */
-    private _prepareCashRegisters;
-    private _getCashRegisters;
-    private _getPaymentMethods;
-    private _handlePayment;
 }

package/lib/component/relation/suggestions-sidebar/style/_layout.scss

@@ -0,0 +1,37 @@
+@include export-module('co-suggestions-sidebar-layout') {
+  .co-suggestions-sidebar {
+    font-family: $tp-suggestions-sidebar-font-familiy;
+    font-size: $tp-suggestions-sidebar-font-size;
+    .suggestions-sidebar {
+      position: fixed;
+      top: 0;
+      right: 0;
+      z-index: 999;
+      display: flex;
+      flex-direction: column;
+      width: $tp-suggestions-sidebar-width;
+      height: 100%;
+      background: $tp-suggestions-sidebar-background-color;
+      box-shadow: $tp-suggestions-sidebar-boxshadow;
+      padding: $tp-suggestions-sidebar-padding;
+      .close-button {
+        position: absolute;
+        cursor: pointer;
+        right:$tp-suggestions-sidebar-close-btn-right;
+        top: $tp-suggestions-sidebar-close-btn-top;
+        width: $tp-suggestions-sidebar-close-btn-size;
+        height: $tp-suggestions-sidebar-close-btn-size;
+        svg [fill] {
+          fill: $tp-suggestions-sidebar-close-btn-color;
+        }
+      }
+    }
+    .relation-sidebar-header {
+      padding: $tp-suggestions-sidebar-label-padding;
+      margin: $tp-suggestions-sidebar-label-margin;
+      .checkout-label-h3 {
+        color: $tp-suggestions-sidebar-label-color;
+      }
+    }
+  }
+}

package/lib/component/relation/suggestions-sidebar/style/_material-definition.scss

@@ -0,0 +1,15 @@
+$tp-suggestions-sidebar-font-familiy: $tp-font-family !default;
+$tp-suggestions-sidebar-font-size: $tp-font-size !default;
+$tp-suggestions-sidebar-width: 300px !default;
+$tp-suggestions-sidebar-background-color: #212437 !default;
+$tp-suggestions-sidebar-boxshadow: -3px 1px 10px rgba(1, 1, 1, 0.1) !default;
+$tp-suggestions-sidebar-padding: 10px !default;
+$tp-suggestions-sidebar-label-fontsize: $tp-font-size !default;
+$tp-suggestions-sidebar-label-fontweight: bold !default;
+$tp-suggestions-sidebar-label-padding: 5px !default;
+$tp-suggestions-sidebar-label-margin: 5px !default;
+$tp-suggestions-sidebar-label-color: #ffffff !default;
+$tp-suggestions-sidebar-close-btn-size: 20px !default;
+$tp-suggestions-sidebar-close-btn-top: 20px !default;
+$tp-suggestions-sidebar-close-btn-right: 20px !default;
+$tp-suggestions-sidebar-close-btn-color: #ffffff !default;

package/lib/component/relation/suggestions-sidebar/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-suggestions-sidebar-theme') {
+  .co-suggestions-sidebar {
+  }
+}

package/lib/component/relation/suggestions-sidebar/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/component/relation/suggestions-sidebar/suggestions-sidebar.component.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter } from '@angular/core';
+import { IconCacheService } from '../../../service/icon-cache.service';
+import { Icon } from '../../../enum/icon.enum';
+import { RelationService } from '../../../service/relation.service';
+import { RelationKind } from '@colijnit/transactionapi/build/enum/relation-kind.enum';
+import { RelationSuggestionsRequest } from '../../../interface/relation-suggestions-request.interface';
+import { RelationAnyType } from '../../../model/relation-any-type';
+export declare class SuggestionsSidebarComponent {
+    iconCacheService: IconCacheService;
+    private _relationService;
+    readonly icons: typeof Icon;
+    relationKind: RelationKind;
+    set requestForSuggestions(value: RelationSuggestionsRequest);
+    get requestForSuggestions(): RelationSuggestionsRequest;
+    suggestedRelationClick: EventEmitter<RelationAnyType>;
+    showClass(): boolean;
+    relationSuggestions: RelationAnyType[];
+    showSuggestionsSidebar: boolean;
+    private _requestForSuggestions;
+    private _suggestionListTimeout;
+    constructor(iconCacheService: IconCacheService, _relationService: RelationService);
+    handleSuggestedRelationClick(relation: RelationAnyType): void;
+    private _resetSuggestionRequestWithRelation;
+    private _suggestionListRefresh;
+    private _suggestionListRefreshHandlerFn;
+    private _isEmptySuggestionsRequest;
+    showSidebar(): void;
+    hideSidebar(): void;
+}

package/lib/component/relation/suggestions-sidebar/suggestions-sidebar.module.d.ts

@@ -0,0 +1,2 @@
+export declare class SuggestionsSidebarModule {
+}

package/lib/component/transaction-cash-register-order/style/_layout.scss

@@ -85,7 +85,7 @@
 
       .cash-register-side-content {
         display: flex;
-        width: 25%;
+        width: 15%;
         height: inherit;
         flex-direction: column;
         row-gap: 50px;

package/lib/component/transaction-cash-register-order/transaction-cash-register-link-relation/transaction-cash-register-link-relation.component.d.ts

@@ -8,7 +8,6 @@ export declare class TransactionCashRegisterLinkRelationComponent extends Transa
     deliveryAddressNawNr: number;
     invoiceAddressNawNr: number;
     showClass(): boolean;
-    transactionServiceRelation(): Relation;
     handleDeliveryAddressChange(nawNr: number): void;
     handleInvoiceAddressChange(nawNr: number): void;
     handleRelationChange(relation: Relation): void;

package/lib/component/transaction-cash-register-order/transaction-cash-register-order.component.d.ts

@@ -11,8 +11,7 @@ import { PaymentMethod } from '@colijnit/transactionapi/build/model/payment-meth
 import { CreateCashRegisterOrderRequest } from '@colijnit/transactionapi/build/model/create-cash-register-order-request';
 import { TransactionScreenConfigurationService } from '../../service/transaction-screen-configuration.service';
 import { PaymentTransactionViewModel } from '../../model/payment-transaction-view-model';
-import { AddProductComponent } from '../add-product/add-product.component';
-import { Relation } from '@colijnit/relationapi/build/model/relation.bo';
+import { AddArticleInterface, AddProductComponent } from '../add-product/add-product.component';
 export declare class TransactionCashRegisterOrderComponent extends TransactionBaseComponent implements OnInit {
     transactionEventService: TransactionEventService;
     iconCacheService: IconCacheService;
@@ -38,7 +37,7 @@ export declare class TransactionCashRegisterOrderComponent extends TransactionBa
     showClass(): boolean;
     constructor(transactionEventService: TransactionEventService, iconCacheService: IconCacheService, transactionScreenConfigurationService: TransactionScreenConfigurationService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _transactionService: TransactionService, _paymentService: PaymentService);
     ngOnInit(): void;
-    handleAddArticle(articleNr: string, quantity?: number): Promise<void>;
+    handleAddArticle(data: AddArticleInterface): Promise<void>;
     paymentMethodSelected(method: PaymentMethod, index: number): void;
     openDiscountDialog(event: MouseEvent): void;
     private _getPaymentMethods;
@@ -46,5 +45,4 @@ export declare class TransactionCashRegisterOrderComponent extends TransactionBa
     handleCreatedCashRegisterOrderRequest(request: CreateCashRegisterOrderRequest): void;
     openLinkRelationDialog(): void;
     handlePaymentDone(): Promise<void>;
-    transactionRelation(): Relation;
 }

package/lib/component/transaction-cash-register-order/transaction-cash-register-payment-dialog/style/_layout.scss

@@ -1,14 +1,27 @@
 @include export-module('cc-transaction-cash-register-payment-dialog-layout') {
   .co-transaction-cash-register-payment-dialog {
+    font-family: $tp-transaction-cash-register-payment-dialog-font-family;
+    font-size: $tp-transaction-cash-register-payment-dialog-font-size;
+
+    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
+      min-width: 70vw;
+      width: auto;
+      min-height: 100vh;
+    }
 
     .title-wrapper {
       display: flex;
+      gap: 30px;
+      font-size: $tp-transaction-cash-register-payment-dialog-font-size;
+      .title-date {
+        color: $tp-transaction-cash-register-payment-dialog-title-time-color;
+      }
     }
 
-    .dialog-content {
-      width: 90vw;
-      height: 90vh;
-    }
+    //.dialog-content {
+    //  width: 90vw;
+    //  height: 90vh;
+    //}
 
     .receipt-content-wrapper {
       display: flex;
@@ -53,12 +66,21 @@
 
     .dialog-content-wrapper {
       display: flex;
+      flex-direction: column;
       justify-content: center;
       height: 100%;
       align-items: center;
-
       .image-wrapper {
-
+        height: 250px;
+        width: 100%;
+        .payment-image {
+          background-image: url("../ione_payment_image.png");
+          height: 100%;
+          width: 100%;
+          background-repeat: no-repeat;
+          background-size: cover;
+          background-position: center center;
+        }
       }
 
       .payment-wrapper {

package/lib/component/transaction-cash-register-order/transaction-cash-register-payment-dialog/style/_material-definition.scss

@@ -0,0 +1,3 @@
+$tp-transaction-cash-register-payment-dialog-font-family: $tp-font-family !default;
+$tp-transaction-cash-register-payment-dialog-font-size: 12px !default;
+$tp-transaction-cash-register-payment-dialog-title-time-color: $tp-color-action !default;

package/lib/component/transaction-cash-register-order/transaction-cash-register-payment-dialog/transaction-cash-register-payment-dialog.component.d.ts

@@ -4,28 +4,31 @@ import { TransactionCashRegisterPaymentState } from './transaction-cash-register
 import { PaymentService } from '../../../service/payment.service';
 import { TransactionService } from '../../../service/transaction.service';
 import { TransactionEventService } from '../../../service/transaction-event.service';
-export declare class TransactionCashRegisterPaymentDialogComponent implements OnInit {
-    paymentService: PaymentService;
-    private _transactionService;
-    private _transactionEventService;
+import { TransactionPaymentBaseComponent } from '../../core/base/transaction-payment-base.component';
+import { IconCacheService } from '../../../service/icon-cache.service';
+export declare class TransactionCashRegisterPaymentDialogComponent extends TransactionPaymentBaseComponent implements OnInit {
+    protected transactionService: TransactionService;
+    protected paymentService: PaymentService;
+    protected transactionEventService: TransactionEventService;
+    iconCacheService: IconCacheService;
     readonly paymentStates: typeof TransactionCashRegisterPaymentState;
-    transId: number;
-    transactionUuid: string;
-    currencyId: number;
+    transactionNr: number;
     set paymentViewModel(paymentViewModel: PaymentViewmodel);
     closeDialog: EventEmitter<void>;
     paymentState: TransactionCashRegisterPaymentState;
     orderTotal: number;
+    currentDate: Date;
+    paymentDone: boolean;
     private _paymentViewModel;
-    private _subs;
     showClass(): boolean;
-    constructor(paymentService: PaymentService, _transactionService: TransactionService, _transactionEventService: TransactionEventService);
-    ngOnInit(): void;
-    currentDate(): Date;
+    constructor(transactionService: TransactionService, paymentService: PaymentService, transactionEventService: TransactionEventService, iconCacheService: IconCacheService);
+    ngOnInit(): Promise<void>;
+    handlePayed(): void;
     handleChangePaymentMethod(paymentViewModel: PaymentViewmodel): void;
     handleCloseDialog(): void;
     changePaymentMethodClicked(): void;
+    protected paymentInfoReady(): void;
+    private _checkPayment;
     private _setState;
-    handlePayment(): void;
     handleReceiptOptionSelected(): void;
 }

package/lib/component/transaction-header/transaction-header/transaction-header.component.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '@angular/core';
 import { Icon } from '../../../enum/icon.enum';
 import { TransactionInfoResponse } from '@colijnit/transactionapi/build/model/transaction-info-response.bo';
 import { RelationAnyType } from '../../../model/relation-any-type';
@@ -11,6 +12,7 @@ export declare class TransactionHeaderComponent {
     relation: RelationAnyType;
     set transaction(value: TransactionInfoResponse);
     get transaction(): TransactionInfoResponse;
+    relationChange: EventEmitter<RelationAnyType>;
     showClass(): boolean;
     isPurchaseOrder: boolean;
     private _transaction;

package/lib/component/transaction-header/transaction-header-popup/transaction-header-popup-base.component.d.ts

@@ -31,8 +31,8 @@ export declare abstract class TransactionHeaderPopupBaseComponent extends Transa
     ngOnDestroy(): Promise<void>;
     protected transactionInfoSet(): Promise<void>;
     saveObjects(): Promise<void>;
-    saveRelation(): Promise<void>;
-    saveTransaction(): Promise<void>;
+    saveRelation(): Promise<boolean>;
+    saveTransaction(): Promise<boolean>;
     protected setFormPristine(): void;
     protected setFormDirty(): void;
     private _askForSave;