@colijnit/transaction 12.1.26 → 12.1.28

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

@@ -29,6 +29,7 @@ export declare class CheckoutOverviewDeliveryEditComponent implements OnInit {
     deliveryMethods: DeliveryMethod[];
     deliveryMethodFields: TextValueContainer;
     deliveryTypeIdx: number;
+    currentDeliveryMethod: DeliveryMethod;
     changeLocationPopup: boolean;
     transactionDefinitive: boolean;
     newAddress: Address;

package/lib/component/checkout/checkout-overview-delivery-edit/style/material.scss

@@ -1,6 +1,6 @@
 @import "./material-definition";
 @import "./layout";
 @import "./theme";
-@import "../../../relation-address-select/style/material";
-@import "../../../relation-address-tile/style/material";
+@import "../../../relation/relation-address-select/style/material";
+@import "../../../relation/relation-address-tile/style/material";
 @import "../../../delivery-type-tile/style/material";

package/lib/component/checkout/checkout-overview-payment/checkout-overview-payment.component.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter, OnInit } from "@angular/core";
+import { TransactionInfoResponse } from "@colijnit/transactionapi/build/model/transaction-info-response.bo";
+import { Icon } from "../../../enum/icon.enum";
+import { RelationAnyType } from "@colijnit/transactionapi/build/model/relation-any-type";
+import { Address } from "@colijnit/transactionapi/build/model/address.bo";
+export declare class CheckoutOverviewPaymentComponent implements OnInit {
+    readonly icons: typeof Icon;
+    transaction: TransactionInfoResponse;
+    relation: RelationAnyType;
+    changeYourDataClick: EventEmitter<void>;
+    changeDeliveryClick: EventEmitter<void>;
+    payed: EventEmitter<void>;
+    showClass(): boolean;
+    deliveryAddress: Address;
+    invoiceAddress: Address;
+    ngOnInit(): void;
+}

package/lib/component/checkout/checkout-overview-payment/style/_layout.scss

@@ -0,0 +1,47 @@
+@include export-module('cc-checkout-overview-payment-layout') {
+  .co-checkout-overview-payment {
+    font-family: $tp-checkout-overview-payment-font-family;
+    font-size: $tp-checkout-overview-payment-font-size;
+    .checkout-overview-section {
+      display: flex;
+      flex-direction: column;
+      border-style: $tp-checkout-overview-payment-section-border-style;
+      border-width: $tp-checkout-overview-payment-section-border-width;
+      margin: $tp-checkout-overview-payment-section-margin;
+      padding: $tp-checkout-overview-payment-section-padding;
+    }
+    .two-column-grid {
+      display: grid;
+      grid-template-columns: 50% 50%;
+    }
+    .overview-address {
+      display: flex;
+      flex-direction: column;
+      margin: $tp-checkout-overview-payment-address-margin;
+      .overview-address-title {
+        font-family: $tp-checkout-overview-payment-address-title-font-family;
+        font-size: $tp-checkout-overview-payment-address-title-font-size;
+        font-weight: $tp-checkout-overview-payment-address-title-font-weight;
+        margin: $tp-checkout-overview-payment-address-title-margin;
+      }
+    }
+    .overview-section-change-link {
+      font-family: $tp-checkout-overview-payment-change-link-font-family;
+      font-size: $tp-checkout-overview-payment-change-link-font-size;
+      font-weight: $tp-checkout-overview-payment-change-link-font-weight;
+      cursor: pointer;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      .overview-section-change-icon {
+        height: 20px;
+        width: 20px;
+      }
+    }
+    .overview-row {
+      display: flex;
+      flex-direction: row;
+      column-gap: 5px;
+    }
+  }
+}

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

@@ -0,0 +1,18 @@
+$tp-checkout-overview-payment-font-family: $tp-font-family !default;
+$tp-checkout-overview-payment-font-size: $tp-font-size !default;
+$tp-checkout-overview-payment-font-color: $tp-color-font !default;
+$tp-checkout-overview-payment-section-border-style: solid !default;
+$tp-checkout-overview-payment-section-border-color: $tp-color-border !default;
+$tp-checkout-overview-payment-section-border-width: 0 0 1px 0 !default;
+$tp-checkout-overview-payment-section-margin: 0 0 20px 0 !default;
+$tp-checkout-overview-payment-section-padding: 0 0 10px 0 !default;
+$tp-checkout-overview-payment-address-margin: 10px 0 !default;
+$tp-checkout-overview-payment-address-title-font-family: $tp-font-family !default;
+$tp-checkout-overview-payment-address-title-font-size: $tp-font-size !default;
+$tp-checkout-overview-payment-address-title-font-weight: bold !default;
+$tp-checkout-overview-payment-address-title-font-color: $tp-color-font !default;
+$tp-checkout-overview-payment-address-title-margin: 5px 0 !default;
+$tp-checkout-overview-payment-change-link-font-family: $tp-font-family !default;
+$tp-checkout-overview-payment-change-link-font-size: $tp-font-size !default;
+$tp-checkout-overview-payment-change-link-font-weight: bold !default;
+$tp-checkout-overview-payment-change-link-font-color: $tp-color-action !default;

package/lib/component/checkout/checkout-overview-payment/style/_theme.scss

@@ -0,0 +1,21 @@
+@include export-module('cc-checkout-overview-payment-theme') {
+  .co-checkout-overview-payment {
+    color: $tp-checkout-overview-payment-address-title-font-color;
+    .checkout-overview-section {
+      border-color: $tp-checkout-overview-payment-section-border-color;
+    }
+    .overview-address {
+      .overview-address-title {
+        color: $tp-checkout-overview-payment-address-title-font-color;
+      }
+    }
+    .overview-section-change-link {
+      color: $tp-checkout-overview-payment-change-link-font-color;
+      .overview-section-change-icon {
+        [fill] {
+          fill: $tp-checkout-overview-payment-change-link-font-color;
+        }
+      }
+    }
+  }
+}

package/lib/component/checkout/checkout-overview-payment/style/material.scss

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

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

@@ -1,86 +1,42 @@
 import { EventEmitter, OnInit } from "@angular/core";
 import { RelationAnyType } from "@colijnit/transactionapi/build/model/relation-any-type";
-import { CustomerFullObject } from "@colijnit/transactionapi/build/model/customer-full-object.bo";
-import { ContactOption } from "@colijnit/transactionapi/build/model/contact-option.bo";
-import { RelationNameKind } from "@colijnit/transactionapi/build/enum/relation-name-kind.enum";
 import { AddressType } from "@colijnit/transactionapi/build/enum/address-type.enum";
-import { RelationPrivacySetting } from "@colijnit/transactionapi/build/model/relation-privacy-setting.bo";
-import { GenderType } from "@colijnit/transactionapi/build/enum/gender-type.enum";
 import { TransactionService } from "../../../service/transaction.service";
-import { FormComponent, FormMasterService } from "@colijnit/corecomponents_v12";
-import { RelationListObject } from "@colijnit/transactionapi/build/model/relation-list-object.bo";
+import { FormMasterService } from "@colijnit/corecomponents_v12";
 import { Address } from "@colijnit/transactionapi/build/model/address.bo";
-import { FormGroup } from "@angular/forms";
 import { BusinessObjectFactory } from "../../../factory/business-object-factory";
 import { Icon } from "../../../enum/icon.enum";
 export declare class CheckoutOverviewRelationEditComponent implements OnInit {
-    private _service;
     private _formMaster;
     private _boFactory;
+    service: TransactionService;
     readonly icons: typeof Icon;
-    relationForm: FormComponent;
+    readonly addressType: typeof AddressType;
     set relation(value: RelationAnyType);
+    get relation(): RelationAnyType;
+    set deliveryAddressNawNr(value: number);
+    set invoiceAddressNawNr(value: number);
     validSubmit: EventEmitter<void>;
     invalidSubmit: EventEmitter<void>;
+    deliveryAddressChange: EventEmitter<number>;
+    invoiceAddressChange: EventEmitter<number>;
     relationChange: EventEmitter<RelationAnyType>;
     showClass(): boolean;
-    formRelation: FormGroup;
-    dateOfBirth: Date;
-    accountPassword: string;
-    hide: boolean;
-    gender: GenderType;
-    emailAddress: ContactOption;
-    phoneNumber: ContactOption;
-    privacySettings: RelationPrivacySetting[];
-    relationSuggestions: RelationListObject[];
-    showRelationSidebar: boolean;
-    inviteToAccount: boolean;
-    addresses: Address[];
+    private _relation;
+    address: Address;
     selectedAddress: Address;
     deliveryAddress: Address;
     invoiceAddress: Address;
     deliveryAddressIdx: number;
     invoiceAddressIdx: number;
-    invoiceAddressSameAsDeliveryAddress: boolean;
     editAddressType: AddressType;
-    addressToEdit: Address;
-    showSelectAddressDialog: boolean;
-    showCreateAddressDialog: boolean;
-    readonly relType: typeof RelationNameKind;
-    readonly genderType: typeof GenderType;
-    get relation(): RelationAnyType;
-    get relationAsCustomer(): CustomerFullObject;
-    get editFirstAddress(): Address;
     get applicationUser(): boolean;
-    private _relation;
-    constructor(_service: TransactionService, _formMaster: FormMasterService, _boFactory: BusinessObjectFactory);
+    constructor(_formMaster: FormMasterService, _boFactory: BusinessObjectFactory, service: TransactionService);
     ngOnInit(): Promise<void>;
+    updateRelation(rel: RelationAnyType): void;
     submit(): boolean;
-    showNewAddressDialog(deliveryAddress?: boolean): void;
-    showEditAddressDialog(deliveryAddress?: boolean): void;
     setIndexDeliveryAddress(idx: number): void;
     setIndexInvoiceAddress(idx: number): void;
-    editAddress(addr: Address): void;
     checkSameAddress(checked: boolean): void;
-    saveNewAddress(address: Address): void;
-    saveAddress(address: Address): void;
-    selectAddress(address?: Address): void;
-    preparePrimaryEmail(): void;
-    preparePrimaryPhone(): void;
-    loadPrivacySettings(): Promise<void>;
-    loadMarketing(): Promise<void>;
-    isShared(relationPrivacySetting: RelationPrivacySetting): boolean;
-    changeRelationType(value: RelationNameKind): void;
-    changeGenderType(value: GenderType): void;
-    firstNameChange(firstName: string): void;
-    familyNameChange(familyName: string): void;
-    checkVisibilitySuggestions(): void;
-    onRelationSuggestionClick(relationSuggested: RelationListObject): Promise<void>;
-    changePrivacySetting(relationPrivacySetting: RelationPrivacySetting, value: boolean): void;
-    showSidebar(): void;
-    hideSidebar(): void;
-    private _initForm;
-    private _relationNameChangeHandler;
-    private _relationNameChangedHandlerFn;
     private _setCountryNameToAddress;
 }

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

@@ -10,10 +10,6 @@
     co-form {
       flex: 1;
     }
-    .co-carousel-3d {
-      max-width: $tp-checkout-relation-address-carousel-max-width;
-      height: 175px;
-    }
     .co-shopping-cart-preview {
       min-width: 35%;
     }
@@ -72,50 +68,21 @@
         flex: 1;
       }
     }
-    .collapseable {
-      overflow: hidden;
-    }
-    .two-column-grid {
-      display: grid;
-      grid-template-areas: "firstcolumn secondcolumn";
-      row-gap: $tp-checkout-relation-row-gap;
-      .first-column {
-        grid-area: firstcolumn;
-        grid-row: auto;
-      }
-      .second-column {
-        grid-area: secondcolumn;
-        grid-row: auto;
-      }
-    }
-    .relation-address-new {
-      cursor: pointer;
+    .default-data-row {
       display: flex;
       flex-direction: row;
-      align-items: center;
-      font-weight: bold;
-      .relation-address-icon {
-        height: 20px;
-        width: 20px;
+      flex-wrap: wrap;
+      column-gap: $tp-checkout-default-padding;
+      margin-bottom: $tp-checkout-relation-row-gap;
+      > :not(.default-width) {
+        flex: 1;
       }
     }
-    .overview-delivery-invoice-address {
+    .collapseable {
       overflow: hidden;
     }
-    .suggestions-sidebar {
-      position: fixed;
-      top: 0;
-      right: 0;
-      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;
-    }
-    .relation-sidebar-header {
-      padding: $tp-checkout-relation-suggestion-list-label-padding;
-      margin: $tp-checkout-relation-suggestion-list-label-margin;
+    .overview-delivery-invoice-address {
+      overflow: hidden;
     }
     .checkout-label-h3 {
       font-size: $tp-checkout-relation-suggestion-list-label-fontsize;

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

@@ -2,8 +2,7 @@
 @import "./layout";
 @import "./theme";
 $cc-co-carousel-3d-navigate-button-width: 40px;
-@import "../../../relation-address/style/material";
-@import "../../checkout-relation-suggestions-list/style/material";
+@import "../../../relation/relation-address/style/material";
 @import "~@colijnit/corecomponents_v12/lib/components/carousel-3d/style/material";
 @import "~@colijnit/corecomponents_v12/lib/components/drop-down-list/style/material";
 @import "~@colijnit/corecomponents_v12/lib/components/input-checkbox/style/material";

package/lib/component/checkout/checkout.component.d.ts

@@ -14,7 +14,6 @@ export declare class CheckoutComponent {
     private _dialogService;
     stepRelation: StepperStepComponent;
     stepDelivery: StepperStepComponent;
-    stepPayment: StepperStepComponent;
     stepOverview: StepperStepComponent;
     stepPay: StepperStepComponent;
     checkoutRelation: CheckoutOverviewRelationEditComponent;
@@ -25,12 +24,15 @@ export declare class CheckoutComponent {
     showClass(): boolean;
     get userIsApplicationUser(): boolean;
     transaction: TransactionInfoResponse;
+    deliveryAddressNawNr: number;
+    invoiceAddressNawNr: number;
     constructor(service: TransactionService, _dictionary: DictionaryService, _dialogService: DialogService);
     handleRelationValidation(): Promise<void>;
     handleDeliveryValidation(): Promise<void>;
-    handlePaymentValidation(): void;
     handleOverviewValidation(): Promise<void>;
     handleFinishStep(): Promise<void>;
     saveRelation(): Promise<boolean>;
     handleSaveDelivery(): Promise<boolean>;
+    handleDeliveryAddressChange(nawNr: number): void;
+    handleInvoiceAddressChange(nawNr: number): void;
 }

package/lib/component/checkout/style/_layout.scss

@@ -26,5 +26,8 @@
       display: flex;
       justify-content: flex-end;
     }
+    .co-checkout-overview-payment {
+      width: 100%;
+    }
   }
 }

package/lib/component/checkout/style/material.scss

@@ -3,7 +3,7 @@
 @import "./theme";
 @import "../checkout-overview-relation-edit/style/material";
 @import "../checkout-overview-delivery-edit/style/material";
-@import "../../relation-address/style/material";
+@import "../checkout-overview-payment/style/material";
 @import "../../stepper/style/material";
 @import "../../avatar/style/material";
 @import "../../payment/style/material";

package/lib/component/confirmation-dialog/style/_layout.scss

@@ -10,7 +10,6 @@
       row-gap: 20px;
     }
     .title {
-      font-weight: bold;
     }
     .button-wrapper {
       display: flex;

package/lib/component/core/base/components/transaction-header-block/style/_layout.scss

@@ -14,6 +14,11 @@
     border-width: $tp-transaction-header-block-border-width;
     line-height: $tp-transaction-header-block-line-height;
     border-radius: $tp-transaction-header-block-border-radius;
+    &.extended-showing {
+      border-width: $tp-transaction-header-block-border-width $tp-transaction-header-block-border-width 0 $tp-transaction-header-block-border-width;
+      border-radius: $tp-transaction-header-block-border-radius $tp-transaction-header-block-border-radius 0 0;
+      z-index: 100;
+    }
     .transaction-header-block-header {
       font-family: $tp-transaction-header-block-label-font-family;
       font-size: $tp-transaction-header-block-label-font-size;
@@ -21,6 +26,7 @@
       display: flex;
       flex-direction: row;
       align-items: center;
+      column-gap: 10px;
       margin: $tp-transaction-header-block-header-margin;
       justify-content: space-between;
       min-height: $tp-transaction-header-block-header-min-height;
@@ -49,5 +55,24 @@
       width: 1px;
       align-self: center;
     }
+    .transaction-header-extended-dots {
+      cursor: pointer;
+      display: flex;
+      align-items: flex-end;
+      justify-content: center;
+      height: 15px;
+      font-size: 20px;
+      font-weight: bold;
+      user-selection: none;
+    }
+    .transaction-header-extended-wrapper {
+      position: absolute;
+      overflow: hidden;
+      transform-origin: top left;
+      padding: $tp-transaction-header-block-padding;
+      border: $tp-transaction-header-block-border;
+      border-width: $tp-transaction-header-block-border-width;
+      border-radius: 0 $tp-transaction-header-block-border-radius $tp-transaction-header-block-border-radius;
+    }
   }
 }

package/lib/component/core/base/components/transaction-header-block/style/_material-definition.scss

@@ -5,7 +5,7 @@ $tp-transaction-header-block-label-font-size: $tp-transaction-header-font-size !
 $tp-transaction-header-block-label-font-color: $tp-transaction-header-font-color !default;
 $tp-transaction-header-block-label-font-weight: bold !default;
 $tp-transaction-header-block-header-margin: 0 !default;
-$tp-transaction-header-block-header-min-height: 40px !default;
+$tp-transaction-header-block-header-min-height: 45px !default;
 
 $tp-transaction-header-block-content-divider-background: $tp-color-border !default;
 $tp-transaction-header-block-content-column-gap: 20px !default;
@@ -17,4 +17,5 @@ $tp-transaction-header-block-border: 1px solid !default;
 $tp-transaction-header-block-border-radius: 10px !default;
 $tp-transaction-header-block-border-color: $tp-color-border !default;
 $tp-transaction-header-block-border-width: 1px !default;
+$tp-transaction-header-block-background: white !default;
 $tp-transaction-header-block-line-height: 20px !default;

package/lib/component/core/base/components/transaction-header-block/style/_theme.scss

@@ -2,10 +2,16 @@
 
 @include export-module('cc-transaction-header-block-theme') {
   .co-transaction-header-block {
+    background: $tp-transaction-header-block-background;
     border-color: $tp-transaction-header-block-border-color;
 
     .transaction-header-block-divider {
       background: $tp-transaction-header-block-content-divider-background;
     }
+
+    .transaction-header-extended-wrapper {
+      border-color: $tp-transaction-header-block-border-color;
+      background: $tp-transaction-header-block-background;
+    }
   }
 }

package/lib/component/core/base/components/transaction-header-block/transaction-header-block.component.d.ts

@@ -1,8 +1,10 @@
-import { TemplateRef } from "@angular/core";
+import { EventEmitter, TemplateRef } from "@angular/core";
 export declare class TransactionHeaderBlockComponent {
     headerBlockTemplate: TemplateRef<any>;
     firstBlockTemplate: TemplateRef<any>;
     secondBlockTemplate: TemplateRef<any>;
     thirdBlockTemplate: TemplateRef<any>;
+    hasDetails: boolean;
+    headerClick: EventEmitter<MouseEvent>;
     showClass(): boolean;
 }

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

@@ -3,18 +3,14 @@ import { TransactionInfoResponse } from "@colijnit/transactionapi/build/model/tr
 import { TransactionInfo } from "@colijnit/transactionapi/build/model/transaction-info.bo";
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
 import { TransactionTotal } from "@colijnit/transactionapi/build/model/transaction-total.bo";
-import { RelationListObject } from "@colijnit/transactionapi/build/model/relation-list-object.bo";
 import { LineOperationStatus } from "@colijnit/transactionapi/build/model/line-operation-status.bo";
 import { CustomerFullObject } from "@colijnit/transactionapi/build/model/customer-full-object.bo";
 export declare abstract class TransactionBaseComponent {
     protected readonly service: TransactionService;
     set transaction(value: TransactionInfoResponse);
     get transaction(): TransactionInfoResponse;
-    set relationId(value: number);
-    get relationId(): number;
     set customerId(value: number);
     get customerId(): number;
-    relation: RelationListObject;
     customer: CustomerFullObject;
     expanded: boolean;
     isService: boolean;
@@ -22,11 +18,9 @@ export declare abstract class TransactionBaseComponent {
     lineOperationStatuses: LineOperationStatus[];
     transactionLines: TransactionLineInfo[];
     transactionTotal: TransactionTotal;
-    private _relationId;
     private _customerId;
     private _transaction;
     constructor(service: TransactionService);
     transactionSet(): void;
     private _retrieveCustomer;
-    private _retrieveRelation;
 }

package/lib/component/core/base/transaction-filter-content-base.component.d.ts

@@ -19,4 +19,5 @@ export declare abstract class TransactionFilterContentBaseComponent implements O
     onClearedDateRangeChange(modelName: string): void;
     onFilterButtonClick(): void;
     filterTransactions(): void;
+    private _scrollToTop;
 }

package/lib/component/delivery-type-tile/delivery-type-tile.component.d.ts

@@ -1,8 +1,10 @@
 import { EventEmitter } from "@angular/core";
 import { DeliveryMethod } from "@colijnit/transactionapi/build/model/delivery-method.bo";
 export declare class DeliveryTypeTileComponent {
+    set selected(value: boolean);
+    get selected(): boolean;
     method: DeliveryMethod;
-    selected: boolean;
     selectedChange: EventEmitter<DeliveryMethod>;
     showClass(): boolean;
+    private _selected;
 }

package/lib/component/dialog/transaction-line/dialog-transaction-line-base.component.d.ts

@@ -0,0 +1,9 @@
+import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
+import { DialogBaseComponent } from "../../core/base/dialog-base.component";
+export declare abstract class DialogTransactionLineBaseComponent extends DialogBaseComponent {
+    set transactionLine(value: TransactionLineInfo);
+    get transactionLine(): TransactionLineInfo;
+    readonly: boolean;
+    private _transactionLine;
+    protected transactionLineSet(): void;
+}

package/lib/component/dialog/transaction-line/dialog-transaction-line-commission-code/dialog-transaction-line-commission-code.component.d.ts

@@ -0,0 +1,6 @@
+import { DialogTransactionLineBaseComponent } from "../dialog-transaction-line-base.component";
+import { AppPopupButtonType } from "../../../core/enum/app-popup-button-type.enum";
+export declare class DialogTransactionLineCommissionCodeComponent extends DialogTransactionLineBaseComponent {
+    readonly buttonType: typeof AppPopupButtonType;
+    showClass(): boolean;
+}

package/lib/component/dialog/transaction-line/dialog-transaction-line-commission-code/dialog-transaction-line-commission-code.module.d.ts

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

package/lib/component/dialog/transaction-line/dialog-transaction-line-commission-code/style/_layout.scss

@@ -0,0 +1,15 @@
+@include export-module('cc-dialog-transaction-line-commission-code-layout') {
+  .co-dialog-transaction-line-commission-code {
+    .extended-row-wrapper {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      column-gap: 10px;
+      padding: 8px 10px;
+      overflow: hidden;
+      margin: 0 0 5px 0;
+      border-radius: 5px;
+      background-color: #f5f5fa;
+    }
+  }
+}

package/lib/component/dialog/transaction-line/dialog-transaction-line-commission-code/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-dialog-transaction-line-commission-code-theme') {
+  .co-dialog-transaction-line-commission-code {
+  }
+}

package/lib/component/dialog/transaction-line/dialog-transaction-line-commission-code/style/material.scss

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

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

@@ -1,4 +1,4 @@
-import { OnInit } from "@angular/core";
+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";
@@ -6,7 +6,7 @@ import { PaymentService } from "../../service/payment.service";
 import { SharedService } from "../../service/shared.service";
 import { PaymentMethod } from "@colijnit/transactionapi/build/model/payment-method.bo";
 import { PaymentViewmodel } from "../../model/payment.viewmodel";
-export declare class PaymentComponent implements OnInit {
+export declare class PaymentComponent implements OnInit, OnDestroy {
     private _transactionService;
     private _sharedService;
     private _paymentService;
@@ -14,6 +14,7 @@ export declare class PaymentComponent implements OnInit {
     transactionUuid: string;
     amount: number;
     currencyId: number;
+    payed: EventEmitter<void>;
     showClass(): boolean;
     paymentMethodIdx: number;
     cashRegisterIdx: number;
@@ -23,12 +24,23 @@ export declare class PaymentComponent implements OnInit {
     showKeyPad: boolean;
     showPspQrCode: boolean;
     currentPaymentMethod: PaymentMethod;
+    qrCodeImage: string;
+    showLoader: boolean;
+    private _paymentStatusInterval;
+    private _paymentStatusPollIntervalMs;
+    private _paymentStatusMaxPollInterval;
+    private _paymentStatusPollIntervalCount;
+    private _paymentResult;
     constructor(_transactionService: TransactionService, _sharedService: SharedService, _paymentService: PaymentService);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     paymentMethodSelected(method: PaymentMethod, index: number): void;
     cashRegisterSelected(cashRegister: CashRegister, index: number): void;
     handlePayment(): void;
     handleKeyPadModelChange(model: number): void;
+    private _dataUriToBase64;
+    private _waitForPaymentStatus;
+    private _clearInterval;
     /**
      *
      * @private

package/lib/component/payment/style/_layout.scss

@@ -35,7 +35,7 @@
     }
     .payment-to-pay-wrapper {
       display: grid;
-      grid-template-columns: 50% 50%;
+      grid-template-columns: auto auto;
       grid-template-rows: auto auto;
       row-gap: 10px;
       column-gap: 10px;

package/lib/component/payment-qr-code/payment-qr-code.component.d.ts

@@ -1,13 +1,4 @@
-import { AfterViewInit } from "@angular/core";
-import { PaymentService } from "../../service/payment.service";
-export declare class PaymentQrCodeComponent implements AfterViewInit {
-    private _paymentService;
-    transactionUuid: string;
-    amount: number;
-    paymentMethod: string;
-    showClass(): boolean;
+export declare class PaymentQrCodeComponent {
     qrCodeImage: string;
-    constructor(_paymentService: PaymentService);
-    ngAfterViewInit(): void;
-    private _dataUriToBase64;
+    showClass(): boolean;
 }