@colijnit/transaction 12.1.82 → 12.1.85

package/lib/component/{down-payment/down-payment.component.d.ts → deposit-payment/deposit-payment.component.d.ts}

@@ -1,16 +1,16 @@
 import { OnInit } from "@angular/core";
-import { DownPaymentViewModel } from "../../model/down-payment-view-model";
+import { DepositPaymentViewModel } from "../../model/deposit-payment-view-model";
 import { PaymentViewmodel } from "../../model/payment.viewmodel";
 import { PaymentService } from "../../service/payment.service";
-export declare class DownPaymentComponent implements OnInit {
+export declare class DepositPaymentComponent implements OnInit {
     private _paymentService;
     transactionUuid: string;
-    downPayments: DownPaymentViewModel[];
+    depositPayments: DepositPaymentViewModel[];
     showLoader: boolean;
     showClass(): boolean;
     paymentMethods: PaymentViewmodel[];
     constructor(_paymentService: PaymentService);
     ngOnInit(): void;
-    private _getDownpaymentInfo;
+    private _getDepositPaymentInfo;
     private _prepareData;
 }

package/lib/component/deposit-payment/deposit-payment.module.d.ts

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

package/lib/component/{down-payment → deposit-payment}/style/_layout.scss

@@ -1,5 +1,5 @@
-@include export-module('cc-down-payment-layout') {
-  .co-down-payment {
+@include export-module('co-deposit-payment-layout') {
+  .co-deposit-payment {
     position: relative;
     font-family: $tp-down-payment-font-family;
     font-size: $tp-down-payment-font-size;

package/lib/component/deposit-payment/style/_theme.scss

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

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

@@ -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";
-import { DownPaymentViewModel } from "../../model/down-payment-view-model";
+import { DepositPaymentViewModel } from "../../model/deposit-payment-view-model";
 export declare class PaymentComponent implements OnInit, OnDestroy {
     private _transactionService;
     private _sharedService;
@@ -21,7 +21,7 @@ export declare class PaymentComponent implements OnInit, OnDestroy {
     paymentMethodIdx: number;
     cashRegisterIdx: number;
     paymentMethods: PaymentViewmodel[];
-    downPayments: DownPaymentViewModel[];
+    depositPayments: DepositPaymentViewModel[];
     cashRegisters: any[];
     showCashRegisters: boolean;
     showKeyPad: boolean;
@@ -29,7 +29,7 @@ export declare class PaymentComponent implements OnInit, OnDestroy {
     currentPaymentMethod: PaymentMethod;
     qrCodeImage: string;
     showLoader: boolean;
-    showLoaderDownPayments: boolean;
+    showLoaderDepositPayments: boolean;
     amountToPay: number;
     private _amount;
     private _paymentStatusInterval;
@@ -44,7 +44,7 @@ export declare class PaymentComponent implements OnInit, OnDestroy {
     cashRegisterSelected(cashRegister: CashRegister, index: number): void;
     handlePayment(): void;
     handleKeyPadModelChange(model: number): void;
-    private _getDownpaymentInfo;
+    private _getDepositPaymentInfo;
     private _dataUriToBase64;
     private _waitForPaymentStatus;
     private _clearInterval;

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

@@ -73,7 +73,7 @@
       width: 100%;
     }
 
-    .payment-downpayment {
+    .payment-deposit {
       grid-column: 1 / 1;
       grid-row: 2 / 2;
       &.no-display {
@@ -88,7 +88,7 @@
         justify-content: center;
         border-radius: 5px;
       }
-      &.no-downpayments {
+      &.no-deposit {
         grid-row: 2 / 2;
       }
     }

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

@@ -3,4 +3,4 @@
 @import "./theme";
 @import "../../payment-tile/style/material";
 @import "../../payment-qr-code/style/material";
-@import "../../down-payment/style/material";
+@import "../../deposit-payment/style/material";

package/lib/component/transaction-header/transaction-header-payment/style/_layout.scss

@@ -46,7 +46,7 @@
         }
       }
     }
-    .transaction-header-downpayment {
+    .transaction-header-deposit {
       .co-input-text {
         height: auto;
         padding: 0;

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

@@ -16,5 +16,5 @@ export declare class TransactionHeaderPaymentComponent extends TransactionBaseCo
     constructor(iconService: IconCacheService, transactionService: TransactionService, _paymentService: PaymentService);
     openPayment(event: MouseEvent): Promise<void>;
     transactionSet(): void;
-    private _getDownpaymentInfo;
+    private _getDepositPaymentInfo;
 }

package/lib/component/transaction-header-fields/{transaction-header-downpayment-percentage.component.d.ts → transaction-header-deposit-amount.component.d.ts}

@@ -1,7 +1,7 @@
 import { InputTextComponent } from "@colijnit/corecomponents_v12";
 import { TransactionService } from "../../service/transaction.service";
 import { TransactionInputFieldBaseComponent } from "../core/base/transaction-input-field-base.component";
-export declare class TransactionHeaderDownpaymentPercentageComponent extends TransactionInputFieldBaseComponent {
+export declare class TransactionHeaderDepositAmountComponent extends TransactionInputFieldBaseComponent {
     protected transactionService: TransactionService;
     set child(content: any);
     input: InputTextComponent;

package/lib/component/transaction-header-fields/transaction-header-deposit-amount.module.d.ts

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

package/lib/component/transaction-header-fields/{transaction-header-downpayment-amount.component.d.ts → transaction-header-deposit-percentage.component.d.ts}

@@ -1,7 +1,7 @@
 import { InputTextComponent } from "@colijnit/corecomponents_v12";
 import { TransactionService } from "../../service/transaction.service";
 import { TransactionInputFieldBaseComponent } from "../core/base/transaction-input-field-base.component";
-export declare class TransactionHeaderDownpaymentAmountComponent extends TransactionInputFieldBaseComponent {
+export declare class TransactionHeaderDepositPercentageComponent extends TransactionInputFieldBaseComponent {
     protected transactionService: TransactionService;
     set child(content: any);
     input: InputTextComponent;

package/lib/component/transaction-header-fields/transaction-header-deposit-percentage.module.d.ts

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

package/lib/component/transaction-line/transaction-purchase-order-line/style/_layout.scss

@@ -0,0 +1,57 @@
+@include export-module('cc-transaction-purchase-order-line-layout') {
+  .co-transaction-purchase-order-line {
+    .transaction-line-wrapper {
+      align-self: center;
+    }
+
+    .transaction-line-totals-grid {
+      display: flex;
+      align-self: center;
+
+      .price {
+        width: 100px;
+        height: 25px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: 1px solid #DCE4EA;
+        border-radius: 10px;
+        margin-right: 3px;
+      }
+
+      .discount {
+        width: 100px;
+        height: 25px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: 1px solid #DCE4EA;
+        border-radius: 10px;
+        margin-right: 3px;
+        color: red;
+        background-color: #f5f5fc;
+      }
+    }
+    .vertical-border {
+      border-left: 1px solid #DCE4EA;
+      height: 100%;
+    }
+    .transaction-line-supplier-id {
+      font-size: 11px;
+      font-weight: 600;
+      display: flex;
+      align-items: center;
+      height: 26px;
+      padding: 0 10px;
+    }
+    .transaction-line-supplier-icon {
+      height: 20px;
+      margin: 2px;
+    }
+    .amount-number-picker {
+      height: 25px;
+      border: 1px solid black;
+      border-radius: 10px;
+    }
+  }
+}

package/lib/component/transaction-line/transaction-purchase-order-line/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-transaction-purchase-order-line-theme') {
+  .co-transaction-purchase-order-line {
+  }
+}

package/lib/component/transaction-line/transaction-purchase-order-line/style/material.scss

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

package/lib/component/transaction-line/transaction-purchase-order-line/transaction-purchase-order-line.component.d.ts

@@ -0,0 +1,25 @@
+import { OnDestroy, OnInit } from "@angular/core";
+import { TransactionService } from "../../../service/transaction.service";
+import { IconCacheService } from "../../../service/icon-cache.service";
+import { TransactionEventService } from "../../../service/transaction-event.service";
+import { TransactionKind } from "@colijnit/transactionapi/build/enum/transaction-kind.enum";
+import { TransactionTypeCategory } from "../../../enum/transaction-type-category.enum";
+import { TransactionBaseComponent } from "../../core/base/transaction-base.component";
+import { ExtendedTransactionLineViewModel } from "../../../model/extended-transaction-line-view-model";
+export declare class TransactionPurchaseOrderLineComponent extends TransactionBaseComponent implements OnInit, OnDestroy {
+    iconCacheService: IconCacheService;
+    protected transactionService: TransactionService;
+    private _transactionEventService;
+    showClass(): boolean;
+    selected: boolean;
+    showDialogDiscount: boolean;
+    showCheckboxForLine: boolean;
+    transactionKind: TransactionKind;
+    viewModel: ExtendedTransactionLineViewModel;
+    readonly transactionTypeCategory: typeof TransactionTypeCategory;
+    private _subs;
+    constructor(iconCacheService: IconCacheService, transactionService: TransactionService, _transactionEventService: TransactionEventService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    protected transactionLineSet(): void;
+}

package/lib/component/transaction-line/transaction-purchase-order-line/transaction-purchase-order-line.module.d.ts

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

package/lib/component/transaction-lines/style/material.scss

@@ -10,6 +10,7 @@
 @import "../../../component/transaction-line/transaction-receive-goods-line/style/material";
 @import "../../../component/transaction-line/transaction-purchase-line/style/material";
 @import "../../../component/transaction-line/transaction-goods-allocation-line/style/material";
+@import "../../../component/transaction-line/transaction-purchase-order-line/style/material";
 @import "../../../component/transaction-line-fields/transaction-line-price/style/material";
 @import "../../shared/transaction-article-text/style/material";
 @import "../../shared/transaction-article-text-overview/style/material";

package/lib/component/transaction-search/style/_layout.scss

@@ -31,14 +31,14 @@
     }
     .transaction-filter-wrapper {
       display: flex;
-      min-width: $tp-co-transaction-filter-wrapper-min-width;
+      min-width: $search-filter-wrapper-min-width;
       &.sidebar {
         position: absolute;
         left: 0;
         transition: left 0.2s ease-in-out;
         z-index: 2;
         background: #FFF;
-        min-width: $tp-co-transaction-filter-wrapper-sidebar-min-width;
+        min-width: $search-filter-wrapper-sidebar-min-width;
       }
       &.fullscreen {
         position: relative;

package/lib/component/transaction-search/style/_material-definition.scss

@@ -7,49 +7,8 @@ $cc-co-transaction-search-max-height: 100vh !default;
 
 $cc-co-transaction-searchbar-width: 370px !default;
 
-$tp-co-transaction-filter-wrapper-min-width: 360px !default;
-$tp-co-transaction-filter-wrapper-sidebar-min-width: 370px !default;
-$tp-co-transaction-filter-button-color: $cc-color-light !default;
-$tp-co-transaction-filter-input-border: none !default;
-
-$tp-co-transaction-filter-font-family: $tp-font-family !default;
-$tp-co-transaction-filter-font-size: $tp-font-size !default;
-$cc-co-transaction-filter-background-color: $cc-color-light !default;
-$cc-co-transaction-filter-width: 350px !default;
-$cc-co-transaction-filter-padding: 10px !default;
-$cc-co-transaction-filter-border: none !default;
-$cc-co-transaction-filter-top: 0 !default;
-
-$cc-co-transaction-filter-icon-margin-left: 10px !default;
-$cc-co-transaction-filter-icon-height: 13px !default;
-$cc-co-transaction-filter-icon-width: 13px !default;
-
-$cc-co-transaction-filter-header-wrapper-padding: 0 10px !default;
-$cc-co-transaction-filter-header-font-weight: bold !default;
-$cc-co-transaction-filter-header-font-size: 14px !default;
-$cc-co-transaction-filter-header-color: $tp-color-font !default;
-
-$cc-co-transaction-category-filter-wrapper-padding-top: 10px !default;
-$cc-co-transaction-category-filter-content-width: 350px !default;
-
-$tp-co-transaction-filter-categories-font-family: $tp-font-family !default;
-$tp-co-transaction-filter-categories-font-size: $tp-font-size !default;
-$tp-co-transaction-filter-categories-font-weight: bold !default;
-$tp-co-transaction-filter-categories-active-color: $tp-color-action !default;
-$tp-co-transaction-filter-categories-inactive-color: #8083A3 !default;
-$tp-co-transaction-filter-categories-inactive-border-color: $tp-color-grey !default;
-$tp-co-transaction-filter-categories-padding: 20px 30px !default;
-$tp-co-transaction-filter-categories-border-width: 0 0 1px 0 !default;
-$tp-co-transaction-filter-categories-border-style: solid !default;
-$tp-co-transaction-filter-categories-active-border-width: 0 0 1px 0 !default;
-$tp-co-transaction-filter-categories-active-border-style: solid !default;
-
-$tp-co-transaction-search-filter-width: 100% !default;
-$tp-co-transaction-search-filter-button-padding: 20px 0 !default;
-$tp-co-transaction-search-filter-button-width: 90% !default;
-$tp-co-transaction-search-filter-button-size: 32px !default;
-$tp-co-transaction-search-filter-button-border-radius: 5px !default;
-$tp-co-transaction-search-filter-content-wrapper-row-gap: 30px !default;
+$search-filter-wrapper-min-width: 360px !default;
+$search-filter-wrapper-sidebar-min-width: 370px !default;
 
 $tp-co-transaction-search-result-header-search-button-wrapper-column-gap: 10px !default;
 
@@ -60,72 +19,12 @@ $tp-co-transaction-search-result-upper-header-height: 20px !default;
 $tp-co-transaction-search-result-header-buttons-wrapper-padding: 0 !default;
 $tp-co-transaction-search-result-header-sidebar-button-size: 15px !default;
 $tp-co-transaction-search-filter-button-icon-size: 20px !default;
+
 $tp-co-transaction-search-result-header-sidebar-icon-size: 15px !default;
 $tp-co-transaction-search-result-header-sidebar-button-color: $tp-color-label !default;
-
 $tp-co-transaction-search-result-header-sidebar-close-button-size: 15px !default;
 $tp-co-transaction-search-result-header-sidebar-close-button-color: $tp-color-label !default;
 
-$tp-co-transaction-search-header-label-color: $tp-color-font !default;
-$tp-co-transaction-search-header-label-font-size: 18px !default;
-$tp-co-transaction-search-header-label-font-weight: bold !default;
-$tp-co-transaction-search-header-column-gap: 20px !default;
-$tp-co-transaction-search-header-button-wrapper-column-gap: 0 !default;
-$tp-co-transaction-search-header-plus-button-size: 26px !default;
-$tp-co-transaction-search-header-plus-button-icon-size: 20px !default;
-$tp-co-transaction-search-header-plus-button-color: $tp-color-label !default;
-$tp-co-transaction-search-header-plus-button-border-style: solid !default;
-$tp-co-transaction-search-header-plus-button-border-width: 0 !default;
-$tp-co-transaction-search-header-plus-button-border-color: $tp-color-font !default;
-$tp-co-transaction-search-header-plus-button-border-radius: 5px !default;
-$tp-co-transaction-search-header-plus-button-background-color: $tp-default-background-accent !default;
-
-$tp-co-transaction-search-input-text-fullscreen-width: 440px !default;
-$tp-co-transaction-search-input-text-sidebar-width: 250px !default;
-$tp-co-transaction-search-input-text-sidebar-height: 40px !default;
-$tp-co-transaction-search-input-text-label-margin-left: 5% !default;
 $tp-co-transaction-search-view-modes-wrapper-padding: 0 35px !default;
 
-$tp-transaction-tile-background-color: $tp-color-light  !default;
-$tp-transaction-tile-background-color-hover: $tp-color-less-light !default;
-$tp-transaction-tile-background-color-selected: #F0F5FF !default;
-$tp-transaction-tiles-wrapper-padding: 20px !default;
-$tp-transaction-tiles-wrapper-row-gap: 5px !default;
-$tp-transaction-tiles-wrapper-width: 100% !default;
-$tp-transaction-tiles-wrapper-height: 100% !default;
-$tp-transaction-tiles-wrapper-column-gap: 5px !default;
-$tp-transaction-tile-font-family: $tp-font-family !default;
-$tp-transaction-tile-font-size: $tp-font-size !default;
-$tp-transaction-tile-height: 150px !default;
-$tp-transaction-tile-content-height: 130px !default;
-$tp-transaction-tile-body-height: 100px !default;
-$tp-transaction-tile-width: 300px !default;
-$tp-transaction-tile-width-mobile: 85 vw !default;
-$tp-transaction-tile-padding: 10px 15px !default;
-$tp-transaction-tile-row-gap: 10px !default;
-$tp-transaction-tile-column-gap: 10px !default;
-$tp-transaction-tile-font-size-small: $tp-font-size-small !default;
-$tp-transaction-tile-font-color: #6E7694 !default;
-$tp-transaction-tile-font-color-dark: $tp-color-font !default;
-$tp-transaction-tile-header-font-size: $tp-font-size !default;
-$tp-transaction-tile-header-font-weight: bold !default;
-$tp-transaction-tile-header-font-color: $tp-color-font !default;
-$tp-transaction-tile-footer-border-color: $tp-transaction-tile-font-color !default;
-$tp-transaction-tile-footer-padding: 10px 0 !default;
-$tp-transaction-tile-footer-middle-section-padding: 0 15px !default;
-$tp-transaction-tile-value-height: 20px !default;
-$tp-transaction-tile-border-color: $tp-color-border !default;
-$tp-transaction-tile-button-color: $tp-color-active-light !default;
-$tp-transaction-tile-button-border-radius: 8px !default;
-$tp-transaction-tile-button-height: 25px !default;
-$tp-transaction-tile-button-margin-top: 10px !default;
-$tp-transaction-tile-button-font-weight: bold !default;
-$tp-transaction-tile-avatar-height: 30px !default;
-$tp-transaction-tile-avatar-width: 30px !default;
-$tp-transaction-tile-icon-width: 1.2rem !default;
-$tp-transaction-tile-icon-height: 1.2rem !default;
-$tp-transaction-tile-icon-active-color: $tp-color-active !default;
-$tp-transaction-tile-icon-inactive-color: $tp-color-font !default;
-$tp-transaction-tile-line-height: 15px !default;
-
 

package/lib/component/transaction-search/transaction-filter/transaction-filter/style/_material-definition.scss

@@ -0,0 +1,39 @@
+$tp-co-transaction-filter-wrapper-min-width: 360px !default;
+$tp-co-transaction-filter-wrapper-sidebar-min-width: 370px !default;
+
+$tp-co-transaction-filter-input-border: none !default;
+
+$tp-co-transaction-filter-font-family: $tp-font-family !default;
+$tp-co-transaction-filter-font-size: $tp-font-size !default;
+$cc-co-transaction-filter-background-color: $cc-color-light !default;
+$cc-co-transaction-filter-width: 350px !default;
+$cc-co-transaction-filter-padding: 10px !default;
+$cc-co-transaction-filter-border: none !default;
+$cc-co-transaction-filter-top: 0 !default;
+
+$cc-co-transaction-filter-icon-margin-left: 10px !default;
+$cc-co-transaction-filter-icon-height: 13px !default;
+$cc-co-transaction-filter-icon-width: 13px !default;
+
+$cc-co-transaction-filter-header-wrapper-padding: 0 10px !default;
+$cc-co-transaction-filter-header-font-weight: bold !default;
+$cc-co-transaction-filter-header-font-size: 14px !default;
+$cc-co-transaction-filter-header-color: $tp-color-font !default;
+
+$cc-co-transaction-category-filter-wrapper-padding-top: 10px !default;
+$cc-co-transaction-category-filter-content-width: 350px !default;
+
+$tp-co-transaction-filter-categories-font-family: $tp-font-family !default;
+$tp-co-transaction-filter-categories-font-size: $tp-font-size !default;
+$tp-co-transaction-filter-categories-font-weight: bold !default;
+$tp-co-transaction-filter-categories-active-color: $tp-color-action !default;
+$tp-co-transaction-filter-categories-inactive-color: #8083A3 !default;
+$tp-co-transaction-filter-categories-inactive-border-color: $tp-color-grey !default;
+$tp-co-transaction-filter-categories-padding: 20px 30px !default;
+$tp-co-transaction-filter-categories-border-width: 0 0 1px 0 !default;
+$tp-co-transaction-filter-categories-border-style: solid !default;
+$tp-co-transaction-filter-categories-active-border-width: 0 0 1px 0 !default;
+$tp-co-transaction-filter-categories-active-border-style: solid !default;
+
+$tp-co-transaction-search-filter-width: 100% !default;
+$tp-co-transaction-search-filter-content-wrapper-row-gap: 30px !default;

package/lib/component/transaction-search/transaction-search-header/style/_material-definition.scss

@@ -1 +1,26 @@
 $tp-co-transaction-search-header-input-text-width: 300px !default;
+$tp-co-transaction-search-header-label-color: $tp-color-font !default;
+$tp-co-transaction-search-header-label-font-size: 18px !default;
+$tp-co-transaction-search-header-label-font-weight: bold !default;
+$tp-co-transaction-search-header-column-gap: 20px !default;
+$tp-co-transaction-search-header-button-wrapper-column-gap: 0 !default;
+$tp-co-transaction-search-header-plus-button-size: 26px !default;
+$tp-co-transaction-search-header-plus-button-icon-size: 20px !default;
+$tp-co-transaction-search-header-plus-button-color: $tp-color-label !default;
+$tp-co-transaction-search-header-plus-button-border-style: solid !default;
+$tp-co-transaction-search-header-plus-button-border-width: 0 !default;
+$tp-co-transaction-search-header-plus-button-border-color: $tp-color-font !default;
+$tp-co-transaction-search-header-plus-button-border-radius: 5px !default;
+$tp-co-transaction-search-header-plus-button-background-color: $tp-default-background-accent !default;
+
+$tp-co-transaction-search-input-text-fullscreen-width: 440px !default;
+$tp-co-transaction-search-input-text-sidebar-width: 250px !default;
+$tp-co-transaction-search-input-text-sidebar-height: 40px !default;
+$tp-co-transaction-search-input-text-label-margin-left: 5% !default;
+
+$cc-co-transaction-searchbar-width: 370px !default;
+$tp-co-transaction-filter-button-color: $cc-color-light !default;
+$tp-co-transaction-search-filter-button-padding: 20px 0 !default;
+$tp-co-transaction-search-filter-button-width: 90% !default;
+$tp-co-transaction-search-filter-button-size: 32px !default;
+$tp-co-transaction-search-filter-button-border-radius: 5px !default;

package/lib/component/transaction-search/transaction-search-result/style/_material-definition.scss

@@ -1 +1,5 @@
-
+$tp-transaction-tiles-wrapper-padding: 20px !default;
+$tp-transaction-tiles-wrapper-row-gap: 5px !default;
+$tp-transaction-tiles-wrapper-width: 100% !default;
+$tp-transaction-tiles-wrapper-height: 100% !default;
+$tp-transaction-tiles-wrapper-column-gap: 5px !default;

package/lib/component/transaction-search/transaction-search-tile/transaction-search-tile/style/_material-definition.scss

@@ -0,0 +1,37 @@
+$tp-transaction-tile-background-color: $tp-color-light  !default;
+$tp-transaction-tile-background-color-hover: $tp-color-less-light !default;
+$tp-transaction-tile-background-color-selected: #F0F5FF !default;
+
+$tp-transaction-tile-font-family: $tp-font-family !default;
+$tp-transaction-tile-font-size: $tp-font-size !default;
+$tp-transaction-tile-height: 150px !default;
+$tp-transaction-tile-content-height: 130px !default;
+$tp-transaction-tile-body-height: 100px !default;
+$tp-transaction-tile-width: 300px !default;
+$tp-transaction-tile-width-mobile: 85 vw !default;
+$tp-transaction-tile-padding: 10px 15px !default;
+$tp-transaction-tile-row-gap: 10px !default;
+$tp-transaction-tile-column-gap: 10px !default;
+$tp-transaction-tile-font-size-small: $tp-font-size-small !default;
+$tp-transaction-tile-font-color: #6E7694 !default;
+$tp-transaction-tile-font-color-dark: $tp-color-font !default;
+$tp-transaction-tile-header-font-size: $tp-font-size !default;
+$tp-transaction-tile-header-font-weight: bold !default;
+$tp-transaction-tile-header-font-color: $tp-color-font !default;
+$tp-transaction-tile-footer-border-color: $tp-transaction-tile-font-color !default;
+$tp-transaction-tile-footer-padding: 10px 0 !default;
+$tp-transaction-tile-footer-middle-section-padding: 0 15px !default;
+$tp-transaction-tile-value-height: 20px !default;
+$tp-transaction-tile-border-color: $tp-color-border !default;
+$tp-transaction-tile-button-color: $tp-color-active-light !default;
+$tp-transaction-tile-button-border-radius: 8px !default;
+$tp-transaction-tile-button-height: 25px !default;
+$tp-transaction-tile-button-margin-top: 10px !default;
+$tp-transaction-tile-button-font-weight: bold !default;
+$tp-transaction-tile-avatar-height: 30px !default;
+$tp-transaction-tile-avatar-width: 30px !default;
+$tp-transaction-tile-icon-width: 1.2rem !default;
+$tp-transaction-tile-icon-height: 1.2rem !default;
+$tp-transaction-tile-icon-active-color: $tp-color-active !default;
+$tp-transaction-tile-icon-inactive-color: $tp-color-font !default;
+$tp-transaction-tile-line-height: 15px !default;

package/lib/enum/icon.enum.d.ts

@@ -30,6 +30,7 @@ export declare enum Icon {
     GripDotsVerticalSolid = "grip_dots_vertical_solid",
     IdealLogo = "ideal_logo",
     InboxInSolid = "inbox_in_solid",
+    IndustrySolid = "industry_solid",
     ListRegular = "list_regular",
     ListView = "list_view",
     LocationDotSolid = "location_dot_solid",

package/lib/model/deposit-payment-view-model.d.ts

@@ -0,0 +1,7 @@
+import { PaymentViewmodel } from "./payment.viewmodel";
+import { DepositPayment } from "@colijnit/transactionapi/build/model/deposit-payment.bo";
+export declare class DepositPaymentViewModel {
+    depositPayment: DepositPayment;
+    paymentMethod: PaymentViewmodel;
+    constructor(depositPayment: DepositPayment, paymentMethodViewmodel: PaymentViewmodel);
+}

package/lib/res/dictionary/dictionaries.d.ts

@@ -11576,6 +11576,8 @@ export declare class Dictionaries {
         DELIVERY_TIME_PERIOD_IN_DAYS: string;
         DELIVERY_TIME_SALE: string;
         DELIVERY_TIME_SPECIFICATION: string;
+        DELIVERY_TIME_WHEN_NO_STOCK: string;
+        DELIVERY_TIME_WHEN_NO_STOCK_UNIT: string;
         DEPARTMENT: string;
         DEPARTMENTS: string;
         DEPARTMENT_CODE: string;

package/lib/service/payment.service.d.ts

@@ -4,20 +4,20 @@ import { TransactionService } from "./transaction.service";
 import { PaymentLinkStatus } from "@colijnit/transactionapi/build/model/payment-link-status.bo";
 import { TransactionConnectorAdapterService } from "./transaction-connector-adapter.service";
 import { SelectMultipleCacheService } from "../cache/service/select-multiple-cache.service";
-import { TransactionDownPaymentInfo } from "@colijnit/transactionapi/build/model/transaction-down-payment-info.bo";
 import { PaymentViewmodel } from "../model/payment.viewmodel";
 import { SharedService } from "./shared.service";
+import { TransactionDepositPaymentInfo } from "@colijnit/transactionapi/build/model/transaction-deposit-payment-info.bo";
 export declare class PaymentService {
     private _adapterService;
     private _selectMultipleCacheService;
     private _transactionService;
     private _sharedService;
     constructor(_adapterService: TransactionConnectorAdapterService, _selectMultipleCacheService: SelectMultipleCacheService, _transactionService: TransactionService, _sharedService: SharedService);
-    updateHeaderTransactionToDownPay(uuid: string, downPayment: number): Promise<boolean>;
+    updateHeaderTransactionDepositAmount(uuid: string, amount: number): Promise<boolean>;
     registerSalesOrderPayment(uuid: string, amount: number, currencyId: number, paymentMethod: string, cashRegisterGroupId: number): Promise<boolean>;
     createIonePaymentLinkAndQRCode(uuid: string, amount: number, paymentMethodCode: string): Promise<CreatePaymentLinkResult>;
     getPaymentLinkStatus(paymentLinkUUID: string): Promise<PaymentLinkStatus>;
-    getDownPaymentInfo(uuid: string): Promise<TransactionDownPaymentInfo>;
+    getDepositPaymentInfo(uuid: string): Promise<TransactionDepositPaymentInfo>;
     getPaymentMethods(): Promise<PaymentMethod[]>;
     getPaymentMethodsViewModels(): Promise<PaymentViewmodel[]>;
 }