@colijnit/transaction 300.1.30 → 300.1.32

package/index.d.ts

@@ -301,6 +301,7 @@ import { UpsertTransactionStandardTextRequest } from '@colijnit/transactionapi/b
 import { ChangeHeaderExtraDocRequest } from '@colijnit/transactionapi/build/model/change-header-extra-doc-request';
 import { BatchDownloadInfo } from '@colijnit/transactionapi/build/model/batch-download-info.bo';
 import { FileDownloadToken } from '@colijnit/transactionapi/build/model/file-download-token.bo';
+import { AvailableWarehouseStockPerBatch } from '@colijnit/transactionapi/build/model/available-warehouse-stock-per-batch.bo';
 import { BusinessObjectIDType } from '@colijnit/ioneconnector/build/type/business-object-id-type';
 import { RelationKind as RelationKind$1 } from '@colijnit/articleapi/build/enum/relation-kind.enum';
 import { Relation } from '@colijnit/relationapi/build/model/relation.bo';
@@ -1537,6 +1538,7 @@ declare class TransactionConnectorAdapterService {
     createQRCode(width: number, height: number, data: string): Promise<string>;
     roundUp(amount: number, paymentMethodCode: string, showLoader?: boolean): Promise<number>;
     createPublicQuote(request: CreatePublicQuoteRequest): Promise<number>;
+    getAvailableWarehouseStockPerBatchNrByGoodIdAndBranch(goodId: number, branchNr: string): Promise<AvailableWarehouseStockPerBatch[]>;
     getCreatePublicQuoteResponse(request: CreatePublicQuoteRequest): Promise<DataServiceResponseData>;
     private _openPdfContent;
     private _handleLocalPrintFile;
@@ -2031,6 +2033,7 @@ declare class TransactionConnectorService {
     roundUp(amount: number, paymentMethodCode: string, showLoader?: boolean): Promise<number>;
     createPublicQuote(request: CreatePublicQuoteRequest): Promise<number>;
     getCreatePublicQuoteResponse(request: CreatePublicQuoteRequest): Promise<DataServiceResponseData>;
+    getAvailableWarehouseStockPerBatchNrByGoodIdAndBranch(goodId: number, branchNr: string): Promise<AvailableWarehouseStockPerBatch[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionConnectorService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TransactionConnectorService>;
 }
@@ -2917,6 +2920,7 @@ declare class TransactionService extends PendingReasonService {
     createQRCode(width: number, height: number, data: string): Promise<string>;
     roundUp(amount: number, paymentMethodCode: string, showLoader?: boolean): Promise<number>;
     getTitles(): Promise<Title[]>;
+    getAvailableWarehouseStockPerBatchNrByGoodIdAndBranch(goodId: number, branchNr: string): Promise<AvailableWarehouseStockPerBatch[]>;
     /**
      * Is getting called from rememberCurrentTransaction which is called twice, once from getTransactionHeaderByNrAndKind and once from getTransactionInfoByNrAndKind
      * Use fromHeader parameter to distinguish between the two calls
@@ -4197,6 +4201,7 @@ declare enum TransactionCfgName {
     TransactionType = "transactionType",
     TransTypeField = "transTypeField",
     SalesStage = "salesStage",
+    RelationOrderDate = "relationOrderDate",
     HeaderPaymentAvatarHeader = "headerPaymentAvatarHeader",
     HeaderPaymentPercentageHeader = "headerPaymentPercentageHeader",
     HeaderPaymentAmountHeader = "headerPaymentAmountHeader",
@@ -6626,7 +6631,7 @@ declare class DropShipmentComponent implements OnInit {
 
 declare class DropShipmentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DropShipmentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DropShipmentModule, [typeof DropShipmentComponent], [typeof i2.CommonModule, typeof i3.CoDialogModule, typeof i3.FormModule, typeof i3.ButtonModule, typeof CoreModule, typeof PipeModule, typeof i3.IconModule, typeof i3.InputTextModule, typeof i3.InputSearchModule], [typeof DropShipmentComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DropShipmentModule, [typeof DropShipmentComponent], [typeof i2.CommonModule, typeof i3.CoDialogModule, typeof i3.FormModule, typeof i3.ButtonModule, typeof CoreModule, typeof PipeModule, typeof i3.IconModule, typeof i3.InputTextModule, typeof i3.InputSearchModule, typeof i3.CarouselModule, typeof i3.FilterPipeModule, typeof RelationAddressTileModule], [typeof DropShipmentComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DropShipmentModule>;
 }
 
@@ -10798,6 +10803,7 @@ declare class TransactionLineSalesAllocationComponent extends TransactionLineBas
     constructor(transactionHeaderService: TransactionHeaderService, transactionLineService: TransactionLineService, transactionEventService: TransactionEventService, service: TransactionService, iconCacheService: IconCacheService, transactionScreenConfigurationService: TransactionScreenConfigurationService, dictionaryService: DictionaryService, imageService: TransactionImageService, changeDetector: ChangeDetectorRef, _formMaster: FormMasterService, _dialogService: TransactionDialogService);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    handleLineClicked(line: AvailableWarehouseStockPerBatch): void;
     submit(): boolean;
     getGoodsAllocationHistory(): Promise<void>;
     handleSaveDetailsEdit(): void;
@@ -10808,9 +10814,31 @@ declare class TransactionLineSalesAllocationComponent extends TransactionLineBas
     static ɵcmp: i0.ɵɵComponentDeclaration<TransactionLineSalesAllocationComponent, "co-transaction-line-sales-allocation", never, {}, {}, never, never, false, never>;
 }
 
+declare class TransactionWarehouseStockBatchAmountComponent extends TransactionLineBaseComponent {
+    readonly SimpleGridColumnTemplateType: typeof SimpleGridColumnTemplateType;
+    set stockComparisonAmount(amount: number);
+    get stockComparisonAmount(): number;
+    lineClicked: EventEmitter<AvailableWarehouseStockPerBatch>;
+    showClass(): boolean;
+    availableWarehouseStockPerBatchCollection: AvailableWarehouseStockPerBatch[];
+    private _stockComparisonAmount;
+    handleLineClicked(line: any): void;
+    checkWarehouseAndAmount: (row: AvailableWarehouseStockPerBatch) => string[];
+    protected transactionLineSet(): void;
+    private _forceGridRedraw;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TransactionWarehouseStockBatchAmountComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TransactionWarehouseStockBatchAmountComponent, "co-transaction-warehouse-batch-amount", never, { "stockComparisonAmount": { "alias": "stockComparisonAmount"; "required": false; }; }, { "lineClicked": "lineClicked"; }, never, never, false, never>;
+}
+
+declare class TransactionWarehouseStockBatchAmountModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TransactionWarehouseStockBatchAmountModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionWarehouseStockBatchAmountModule, [typeof TransactionWarehouseStockBatchAmountComponent], [typeof i3.SimpleGridModule, typeof i2.DatePipe, typeof PipeModule], [typeof TransactionWarehouseStockBatchAmountComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TransactionWarehouseStockBatchAmountModule>;
+}
+
 declare class TransactionLineSalesAllocationModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionLineSalesAllocationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionLineSalesAllocationModule, [typeof TransactionLineSalesAllocationComponent], [typeof i2.CommonModule, typeof i3.FormModule, typeof PipeModule, typeof i3.InputTextModule, typeof i3.IconModule, typeof TransactionAllocateGoodsHistoryModule, typeof i3.InputNumberPickerModule, typeof TransactionButtonModule, typeof i3.TooltipDirectiveModule, typeof i3.ButtonModule, typeof TransactionLineWarehouseLocationButtonModule, typeof TransactionLineLabelModule], [typeof TransactionLineSalesAllocationComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionLineSalesAllocationModule, [typeof TransactionLineSalesAllocationComponent], [typeof i2.CommonModule, typeof i3.FormModule, typeof PipeModule, typeof i3.InputTextModule, typeof i3.IconModule, typeof TransactionAllocateGoodsHistoryModule, typeof i3.InputNumberPickerModule, typeof TransactionButtonModule, typeof i3.TooltipDirectiveModule, typeof i3.ButtonModule, typeof TransactionLineWarehouseLocationButtonModule, typeof TransactionLineLabelModule, typeof TransactionWarehouseStockBatchAmountModule], [typeof TransactionLineSalesAllocationComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionLineSalesAllocationModule>;
 }
 
@@ -11495,19 +11523,23 @@ declare class TransactionSearchComponent implements OnDestroy {
     showFilterButton: boolean;
     showAddTransactionButton: boolean;
     showCollapseButton: boolean;
+    showPresets: boolean;
+    transactionPresetElement: PresetElement;
     set overrideSearchType(kind: TransactionKind);
     set returnSearch(rs: boolean);
     transactionClick: EventEmitter<TransactionSearchView>;
     addTransactionClick: EventEmitter<void>;
     showClass(): boolean;
+    transactionPresetModule: PresetModule;
     private _subs;
     constructor(transactionSearchService: TransactionSearchService, searchViewModeService: SearchViewModeService, _transactionEventService: TransactionEventService, _dictionary: DictionaryService);
     ngOnDestroy(): void;
     onTransactionClick(transaction: TransactionSearchView): void;
     private _scrollToTop;
     onAddClick(): void;
+    searchRequestChange(searchRequest: Object): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionSearchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TransactionSearchComponent, "co-transaction-search", never, { "draggableTransactions": { "alias": "draggableTransactions"; "required": false; }; "extendedTransactionSearch": { "alias": "extendedTransactionSearch"; "required": false; }; "returnWizardLayout": { "alias": "returnWizardLayout"; "required": false; }; "showSearchInput": { "alias": "showSearchInput"; "required": false; }; "showFilterButton": { "alias": "showFilterButton"; "required": false; }; "showAddTransactionButton": { "alias": "showAddTransactionButton"; "required": false; }; "showCollapseButton": { "alias": "showCollapseButton"; "required": false; }; "overrideSearchType": { "alias": "overrideSearchType"; "required": false; }; "returnSearch": { "alias": "returnSearch"; "required": false; }; }, { "transactionClick": "transactionClick"; "addTransactionClick": "addTransactionClick"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TransactionSearchComponent, "co-transaction-search", never, { "draggableTransactions": { "alias": "draggableTransactions"; "required": false; }; "extendedTransactionSearch": { "alias": "extendedTransactionSearch"; "required": false; }; "returnWizardLayout": { "alias": "returnWizardLayout"; "required": false; }; "showSearchInput": { "alias": "showSearchInput"; "required": false; }; "showFilterButton": { "alias": "showFilterButton"; "required": false; }; "showAddTransactionButton": { "alias": "showAddTransactionButton"; "required": false; }; "showCollapseButton": { "alias": "showCollapseButton"; "required": false; }; "showPresets": { "alias": "showPresets"; "required": false; }; "transactionPresetElement": { "alias": "transactionPresetElement"; "required": false; }; "overrideSearchType": { "alias": "overrideSearchType"; "required": false; }; "returnSearch": { "alias": "returnSearch"; "required": false; }; }, { "transactionClick": "transactionClick"; "addTransactionClick": "addTransactionClick"; }, never, ["*"], false, never>;
 }
 
 declare enum BatchDeliveryCategory {
@@ -13598,7 +13630,7 @@ declare class SearchComponent {
     onAddClick(): void;
     onResetFilterClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SearchComponent, "co-search", never, { "headerLabel": { "alias": "headerLabel"; "required": false; }; "showFilterButton": { "alias": "showFilterButton"; "required": false; }; "showAddTransactionButton": { "alias": "showAddTransactionButton"; "required": false; }; "showCollapseButton": { "alias": "showCollapseButton"; "required": false; }; }, { "addClick": "addClick"; "resetFilterClick": "resetFilterClick"; }, never, ["[search-filter-panel]", "[search-header]", "[search-result]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchComponent, "co-search", never, { "headerLabel": { "alias": "headerLabel"; "required": false; }; "showFilterButton": { "alias": "showFilterButton"; "required": false; }; "showAddTransactionButton": { "alias": "showAddTransactionButton"; "required": false; }; "showCollapseButton": { "alias": "showCollapseButton"; "required": false; }; }, { "addClick": "addClick"; "resetFilterClick": "resetFilterClick"; }, never, ["[search-filter-panel]", "[search-header]", "[search-presets]", "[search-result]", "*"], false, never>;
 }
 
 declare class SearchHeaderButtonsComponent {
@@ -13624,7 +13656,7 @@ declare class SearchHeaderButtonsComponent {
     onFilterButtonClick(): void;
     onViewModeChange(viewMode: ContentViewMode): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchHeaderButtonsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SearchHeaderButtonsComponent, "co-search-header-buttons", never, { "headerLabel": { "alias": "headerLabel"; "required": false; }; "showFilterButton": { "alias": "showFilterButton"; "required": false; }; "showAddTransactionButton": { "alias": "showAddTransactionButton"; "required": false; }; "showCollapseButton": { "alias": "showCollapseButton"; "required": false; }; }, { "addClick": "addClick"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchHeaderButtonsComponent, "co-search-header-buttons", never, { "headerLabel": { "alias": "headerLabel"; "required": false; }; "showFilterButton": { "alias": "showFilterButton"; "required": false; }; "showAddTransactionButton": { "alias": "showAddTransactionButton"; "required": false; }; "showCollapseButton": { "alias": "showCollapseButton"; "required": false; }; }, { "addClick": "addClick"; }, never, ["[search-header-template]", "[search-presets-template]"], false, never>;
 }
 
 declare class SearchHeaderButtonsModule {
@@ -13641,7 +13673,7 @@ declare class SearchFeatureModule {
 
 declare class TransactionSearchModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionSearchModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionSearchModule, [typeof TransactionSearchComponent], [typeof i2.CommonModule, typeof i3.InputSearchModule, typeof TransactionSearchResultModule, typeof TransactionSalesOrderFilterModule, typeof TransactionInterBranchOrderFilterModule, typeof TransactionPurchaseOrderFilterModule, typeof TransactionSalesQuotationFilterModule, typeof TransactionCashDeskFilterModule, typeof TransactionServiceOrderFilterModule, typeof TransactionFilterModule, typeof i3.IconCollapseHandleModule, typeof TransactionStatusbarModule, typeof ShippingMethodDialogModule, typeof BatchProcessDialogModule, typeof TransactionDatePickDialogModule, typeof SearchFeatureModule, typeof PipeModule, typeof i18.RouterModule], [typeof TransactionSearchComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionSearchModule, [typeof TransactionSearchComponent], [typeof i2.CommonModule, typeof i3.InputSearchModule, typeof TransactionSearchResultModule, typeof TransactionSalesOrderFilterModule, typeof TransactionInterBranchOrderFilterModule, typeof TransactionPurchaseOrderFilterModule, typeof TransactionSalesQuotationFilterModule, typeof TransactionCashDeskFilterModule, typeof TransactionServiceOrderFilterModule, typeof TransactionFilterModule, typeof i3.IconCollapseHandleModule, typeof TransactionStatusbarModule, typeof ShippingMethodDialogModule, typeof BatchProcessDialogModule, typeof TransactionDatePickDialogModule, typeof SearchFeatureModule, typeof PipeModule, typeof i18.RouterModule, typeof i6.SearchPresetOverviewModule], [typeof TransactionSearchComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionSearchModule>;
 }
 
@@ -13797,9 +13829,23 @@ declare class TransactionLineSidePanelInternalDeliveryModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionLineSidePanelInternalDeliveryModule>;
 }
 
+declare class TransactionLineSidePanelServiceComponent extends TransactionLineBaseComponent {
+    readonly categories: typeof TransactionTypeCategory;
+    categoryType: TransactionTypeCategory;
+    showClass(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TransactionLineSidePanelServiceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TransactionLineSidePanelServiceComponent, "co-transaction-line-side-panel-service", never, { "categoryType": { "alias": "categoryType"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class TransactionLineSidePanelServiceModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TransactionLineSidePanelServiceModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionLineSidePanelServiceModule, [typeof TransactionLineSidePanelServiceComponent], [typeof i2.CommonModule, typeof i3.ButtonModule, typeof PipeModule, typeof i3.IconModule, typeof TransactionLineSidePanelSalesPurchaseModule, typeof TransactionLineSalesAllocationModule, typeof TransactionLineSalesInvoiceModule, typeof TransactionLineSalesDeliveryModule, typeof TransactionLineSidePanelToBePickedModule, typeof TransactionLineSidePanelPickedModule, typeof TransactionLineSidePanelDefaultModule], [typeof TransactionLineSidePanelServiceComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TransactionLineSidePanelServiceModule>;
+}
+
 declare class TransactionLineSidePanelModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionLineSidePanelModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionLineSidePanelModule, [typeof TransactionLineSidePanelComponent], [typeof i2.CommonModule, typeof CoreModule, typeof TransactionLineSidePanelDefaultModule, typeof TransactionReceivingGoodsHistoryModule, typeof PipeModule, typeof i3.ButtonModule, typeof TransactionButtonBarModule, typeof i3.PriceDisplayPipeModule, typeof TransactionConfirmationHistoryModule, typeof TransactionLineSidePanelPurchaseModule, typeof TransactionConfirmationHistoryModule, typeof TransactionLineSidePanelSalesModule, typeof TransactionLineSidePanelArticleDetailsModule, typeof TransactionLineSidePanelInternalDeliveryModule], [typeof TransactionLineSidePanelComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionLineSidePanelModule, [typeof TransactionLineSidePanelComponent], [typeof i2.CommonModule, typeof CoreModule, typeof TransactionLineSidePanelDefaultModule, typeof TransactionReceivingGoodsHistoryModule, typeof PipeModule, typeof i3.ButtonModule, typeof TransactionButtonBarModule, typeof i3.PriceDisplayPipeModule, typeof TransactionConfirmationHistoryModule, typeof TransactionLineSidePanelPurchaseModule, typeof TransactionConfirmationHistoryModule, typeof TransactionLineSidePanelSalesModule, typeof TransactionLineSidePanelArticleDetailsModule, typeof TransactionLineSidePanelInternalDeliveryModule, typeof TransactionLineSidePanelServiceModule], [typeof TransactionLineSidePanelComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionLineSidePanelModule>;
 }
 

package/lib/component/add-product/style/_layout.scss

@@ -13,7 +13,7 @@
               .checkbox {
                 border-color: #EAEAF5;
                 background-color: #EAEAF5;
-                .checked {
+                &.checked {
                   border-color: #1a73e8;
                   background-color: #1a73e8;
                 }

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

@@ -94,7 +94,7 @@
       .co-dialog-header-title-icon {
         display: flex;
         align-items: center;
-        gap: 10px;
+        gap: $tp-transaction-header-popup-categories-column-gap;
 
         .co-icon {
           width: 22px;
@@ -189,7 +189,7 @@
     .transaction-header-popup-dialog-header-wrapper {
       display: flex;
       align-items: center;
-      column-gap: 10px;
+      column-gap: $tp-transaction-header-popup-categories-column-gap;
 
       .co-icon {
         height: $tp-transaction-header-popup-dialog-header-icon-size;
@@ -215,13 +215,13 @@
       .service-data-column {
         display: flex;
         flex-direction: column;
-        gap: 10px;
+        gap: $tp-transaction-header-popup-categories-column-gap;
       }
 
       .service-data-row {
         display: flex;
         flex-direction: row;
-        gap: 10px;
+        gap: $tp-transaction-header-popup-categories-column-gap;
         align-items: center;
 
         &.apart {
@@ -231,8 +231,8 @@
 
       .co-input-checkbox {
         .checkbox {
-          border-color: #FFFFFF;
-          background-color: #FFFFFF;
+          border-color: $tp-transaction-header-popup-filter-category-border-color;
+          background-color: $tp-transaction-header-popup-filter-category-border-color;
 
           &.checked {
             border-color: $cc-popup-checkbox-checked-background-color;
@@ -241,7 +241,7 @@
 
           .checkmark {
             &.show {
-              border-color: #FFFFFF;
+              border-color: $tp-transaction-header-popup-filter-category-border-color;
             }
           }
         }
@@ -314,8 +314,8 @@
         }
 
         .checkbox {
-          border-color: #F5F5FC;
-          background-color: #F5F5FC;
+          border-color: $tp-transaction-header-checkbox;
+          background-color: $tp-transaction-header-checkbox;
         }
       }
     }
@@ -326,7 +326,7 @@
           flex: 2;
         }
         .checkout-prefix-name, relation-customer-titles {
-          flex: 1
+          flex: 1;
         }
       }
     }
@@ -455,7 +455,7 @@
     .still-top-pay-stats {
       display: grid;
       grid-template-columns: 1fr 1fr 1fr;
-      grid-gap: 10px;
+      grid-gap: $tp-transaction-header-popup-categories-column-gap;
 
       .payment-item {
         .amount {
@@ -491,7 +491,6 @@
 
       th {
         font-weight: 600;
-
         text-align: right;
 
         &.left {
@@ -631,13 +630,13 @@
     .remove-entry {
       width: fit-content !important;
       margin-right: 15px;
-      color: #FFFFFF;
+      color: $tp-transaction-header-popup-dialog-footer-border-color;
     }
 
     .add-entry {
       width: fit-content !important;
       margin: 15px 0 30px;
-      color: #FFFFFF;
+      color: $tp-transaction-header-popup-dialog-footer-border-color;
     }
 
     .search-input {
@@ -650,26 +649,27 @@
       overflow-y: auto;
     }
 
-    .existing-address {
-      padding: 10px 20px;
-      border: 1px solid rgba(160, 160, 160, 0.3);
-      box-shadow: 0 0 4px 2px rgba(160, 160, 160, 0.2);
-      border-radius: 4px;
-      margin-bottom: 8px;
-      background-color: #FFFFFF;
-      cursor: pointer;
+  }
+  .existing-address {
+    min-width: 150px;
+    padding: 10px 20px;
+    border: 1px solid rgba(160, 160, 160, 0.3);
+    box-shadow: 0 0 4px 2px rgba(160, 160, 160, 0.2);
+    border-radius: 4px;
+    margin-bottom: 8px;
+    background-color: $tp-transaction-header-popup-dialog-footer-border-color;
+    cursor: pointer;
 
-      &:hover {
-        background-color: #F5F5FC;
-      }
+    &:hover {
+      background-color: $tp-transaction-header-checkbox;
+    }
 
-      &.active {
-        color: #FFFFFF;
-        background-color: #1A73E8;
+    &.active {
+      color: $tp-transaction-header-popup-dialog-footer-border-color;
+      background-color: $tp-co-transaction-header-relation-content-empty-color;
 
-        &:hover {
-          background-color: #1A73E8;
-        }
+      &:hover {
+        background-color: $tp-co-transaction-header-relation-content-empty-color;
       }
     }
   }
@@ -763,7 +763,7 @@
         gap: 30px;
         width: 100%;
         padding: 15px 30px;
-        border: 2px solid #ececec;
+        border: 2px solid $tp-transaction-border-color;
         border-radius: 5px;
         align-items: center;
       }
@@ -781,7 +781,7 @@
         gap: 30px;
         width: 100%;
         padding: 15px 30px;
-        border: 2px solid #ececec;
+        border: 2px solid $tp-transaction-border-color;
         border-radius: 5px;
         align-items: center;
       }
@@ -829,7 +829,7 @@
     }
 
     .label {
-      color: #8083A3;
+      color: $tp-transaction-label-color;
       font-size: 10px;
     }
 
@@ -850,7 +850,7 @@
     .toggle-change {
       font-weight: 600;
       font-style: italic;
-      color: #1a73e8;
+      color: $tp-co-transaction-header-relation-content-empty-color;
       cursor: pointer;
 
       &:hover {

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

@@ -104,3 +104,7 @@ $tp-transaction-header-popup-customer-link-size: 18px !default;
 $tp-transaction-header-popup-customer-link-top: -10px !default;
 $tp-transaction-header-popup-customer-link-right: 0 !default;
 
+$tp-transaction-header-checkbox: #f5f5fc !default;
+$tp-transaction-border-color: #ececec !default;
+$tp-transaction-label-color: #8083A3 !default;
+

package/lib/component/transaction-line-interbranch-receive-goods/style/_layout.scss

@@ -1,78 +1,78 @@
-@include export-module('co-transaction-line-interbranch-receive-goods-layout') {
-  .co-transaction-line-interbranch-receive-goods {
-    .columns-wrapper {
-      display: flex;
-    }
-
-    .co-input-number-picker {
-      width: 140px;
-    }
-
-    .details-column {
-      width: 45%;
-      display: flex;
-      flex-direction: column;
-
-      .transaction-line-totals-amount {
-        margin: 5px;
-      }
-
-      //.amount-number-picker {
-      //  height: 40px;
-      //  margin: 5px;
-      //}
-    }
-
-    .header-wrapper {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      margin: $tp-co-transaction-line-receive-goods-title-margin;
-
-      .details-header {
-        font-size: $tp-co-transaction-line-receive-goods-title-font-size;
-        font-weight: bold;
-      }
-    }
-
-    .divider-wrapper {
-      display: flex;
-      width: 10%;
-      justify-content: center;
-      visibility: hidden;
-
-      .divider {
-        border-left: 1px solid;
-        border-color: $tp-color-border;
-        margin: 5px; // $tp-co-transaction-request-details-input-margin;
-      }
-    }
-
-    .details-input {
-      margin: 5px; // $tp-co-transaction-request-details-input-margin;
-    }
-
-    .location-wrapper {
-      position: relative;
-
-      .co-transaction-button {
-        width: auto;
-        margin: 5px;
-      }
-    }
-    .disabled {
-      cursor: default;
-      opacity: 0.6;
-    }
-    .clickable {
-      cursor: pointer;
-    }
-
-    .warehouse-buttons {
-      width: 100%;
-      .co-transaction-button {
-        width: 100%;
-      }
-    }
-  }
-}
+@include export-module('co-transaction-line-interbranch-receive-goods-layout') {
+  .co-transaction-line-interbranch-receive-goods {
+    .columns-wrapper {
+      display: flex;
+    }
+
+    .co-input-number-picker {
+      width: 140px;
+    }
+
+    .details-column {
+      width: 45%;
+      display: flex;
+      flex-direction: column;
+
+      .transaction-line-totals-amount {
+        margin: 5px;
+      }
+
+      //.amount-number-picker {
+      //  height: 40px;
+      //  margin: 5px;
+      //}
+    }
+
+    .header-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin: $tp-co-transaction-line-receive-goods-title-margin;
+
+      .details-header {
+        font-size: $tp-co-transaction-line-receive-goods-title-font-size;
+        font-weight: bold;
+      }
+    }
+
+    .divider-wrapper {
+      display: flex;
+      width: 10%;
+      justify-content: center;
+      visibility: hidden;
+
+      .divider {
+        border-left: 1px solid;
+        border-color: $tp-color-border;
+        margin: 5px; // $tp-co-transaction-request-details-input-margin;
+      }
+    }
+
+    .details-input {
+      margin: 5px; // $tp-co-transaction-request-details-input-margin;
+    }
+
+    .location-wrapper {
+      position: relative;
+
+      .co-transaction-button {
+        width: auto;
+        margin: 5px;
+      }
+    }
+    .disabled {
+      cursor: default;
+      opacity: 0.6;
+    }
+    .clickable {
+      cursor: pointer;
+    }
+
+    .warehouse-buttons {
+      width: 100%;
+      .co-transaction-button {
+        width: 100%;
+      }
+    }
+  }
+}

package/lib/component/transaction-line-interbranch-receive-goods/style/_material-definition.scss

@@ -1,2 +1,2 @@
-$tp-co-transaction-line-receive-goods-title-font-size: 12px !default;
-$tp-co-transaction-line-receive-goods-title-margin: 0 0 10px 5px !default;
+$tp-co-transaction-line-receive-goods-title-font-size: 12px !default;
+$tp-co-transaction-line-receive-goods-title-margin: 0 0 10px 5px !default;

package/lib/component/transaction-line-interbranch-receive-goods/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('co-transaction-line-interbranch-receive-goods-theme') {
-  .co-transaction-line-interbranch-receive-goods {
-  }
-}
+@include export-module('co-transaction-line-interbranch-receive-goods-theme') {
+  .co-transaction-line-interbranch-receive-goods {
+  }
+}

package/lib/component/transaction-line-interbranch-receive-goods/style/material.scss

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

package/lib/component/transaction-line-side-panel/style/_layout.scss

@@ -153,7 +153,7 @@
         .co-collapsible {
           padding: $tp-transaction-line-side-forms-collapsible-padding;
         }
-        .co-form {
+        .form-and-buttons-form {
           display: flex;
           flex-direction: column;
           gap: $tp-transaction-line-side-forms-co-form-gap;

package/lib/component/transaction-line-side-panel-service/style/_layout.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-line-side-panel-service-layout') {
+  .co-transaction-line-side-panel-service {
+  }
+}

package/lib/component/transaction-line-side-panel-service/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-line-side-panel-service-theme') {
+  .co-transaction-line-side-panel-service {
+  }
+}

package/lib/component/transaction-line-side-panel-service/style/material.scss

@@ -0,0 +1,5 @@
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";
+@import "../../transaction-line-sales-allocation/style/material";

package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_layout.scss

@@ -1,27 +1,27 @@
-@use "sass:math";
-@import "../../../../style/mixin";
-
-@include export-module('co-transaction-quick-access-interbranch-order-purchase-layout') {
-  .co-transaction-quick-access-interbranch-order-purchase {
-    .select-all-wrapper {
-      display: flex;
-      align-items: center;
-    }
-    .button {
-      padding: 0.25em;
-      background-color: white;
-      border: 1px solid $tp-transaction-quick-access-planning-lsp-mode-button;
-      cursor: pointer;
-      co-icon {
-        fill: $tp-transaction-quick-access-planning-lsp-mode-button;
-      }
-      &.selected {
-        background-color: $tp-transaction-quick-access-planning-lsp-mode-button;
-        co-icon {
-          fill: white;
-        }
-      }
-    }
-
-  }
-}
+@use "sass:math";
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-quick-access-interbranch-order-purchase-layout') {
+  .co-transaction-quick-access-interbranch-order-purchase {
+    .select-all-wrapper {
+      display: flex;
+      align-items: center;
+    }
+    .button {
+      padding: 0.25em;
+      background-color: white;
+      border: 1px solid $tp-transaction-quick-access-planning-lsp-mode-button;
+      cursor: pointer;
+      co-icon {
+        fill: $tp-transaction-quick-access-planning-lsp-mode-button;
+      }
+      &.selected {
+        background-color: $tp-transaction-quick-access-planning-lsp-mode-button;
+        co-icon {
+          fill: white;
+        }
+      }
+    }
+
+  }
+}

package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_material-definition.scss

@@ -1 +1 @@
-$tp-transaction-quick-access-planning-lsp-mode-button: #1A73E8;
+$tp-transaction-quick-access-planning-lsp-mode-button: #1A73E8;