@colijnit/transaction 255.1.45 → 255.1.47

package/lib/component/delivery-planning/service/delivery-planning.service.d.ts

@@ -1,4 +1,3 @@
-import { QueryList } from '@angular/core';
 import { TransactionConnectorService } from "../../../service/transaction-connector.service";
 import { DeliveryPlanningCalendarModes } from "../../../enum/delivery-planning-calendar-modes.enum";
 import { CalendarView } from '@colijnit/sharedcomponents';
@@ -14,19 +13,18 @@ import { District } from "@colijnit/transactionapi/build/model/district.bo";
 import { Skill } from "@colijnit/transactionapi/build/model/skill.bo";
 import { RelationListObject } from "@colijnit/transactionapi/build/model/relation-list-object.bo";
 import { UserGroup } from "@colijnit/transactionapi/build/model/user-group.bo";
-import { DeliveryPlanningOverviewTileComponent } from "../../delivery-planning-main/component/delivery-planning-overview/component/delivery-planning-overview-tile/delivery-planning-overview-tile.component";
 import { DeliveryPlanningTileModes } from "../../../enum/delivery-planning-tile-modes.enum";
 import { Subject } from "rxjs";
 export declare class DeliveryPlanningService {
     private _transaction;
     private _dragging;
     private _planTransportWeek;
+    private _planTransportWeekArr;
     private _deliveryMethods;
     private _districts;
     private _skills;
     private _employees;
     private _userGroups;
-    private _tilesQueryList;
     currentCalendarMode: DeliveryPlanningCalendarModes;
     currentTileMode: DeliveryPlanningTileModes;
     datePlanningMode: CalendarView;
@@ -34,19 +32,23 @@ export declare class DeliveryPlanningService {
     currentPlanningMode: DeliveryPlanningModes;
     currentPlanning: Planning;
     currentStartDate: Date;
+    planOrderDate: Date;
     currentTransId: number;
+    deletingOrder: PlanOrder;
     linesPlanOrder: PlanOrder;
     availabilityCheckEvent: Subject<number>;
+    reRenderHourScheduling: Subject<void>;
     get dragging(): boolean;
     get planTransportWeek(): PlanningTransportWeek[];
+    get planTransportWeekArr(): PlanningTransportWeekDay[][];
     get deliveryMethods(): DeliveryMethod[];
     get districts(): District[];
     get employees(): RelationListObject[];
     get skills(): Skill[];
     get userGroups(): UserGroup[];
-    get queryList(): QueryList<DeliveryPlanningOverviewTileComponent>;
     set dragging(value: boolean);
     set planTransportWeek(value: PlanningTransportWeek[]);
+    set planTransportWeekArr(value: PlanningTransportWeekDay[][]);
     set deliveryMethods(methods: DeliveryMethod[]);
     set districts(districts: District[]);
     set employees(employees: RelationListObject[]);
@@ -56,8 +58,10 @@ export declare class DeliveryPlanningService {
     getOrderSequenceValue(): Promise<number>;
     getTransportOrders(planningTransportWeekDay: PlanningTransportWeekDay): Promise<PlanningTransportWeekDay>;
     makeOrderLinesPlannedRequest(order: PlanOrder): OrderLinesPlannedRequest;
-    addHours(date: Date, hours: number): Date;
-    queryListTile(transportId: number): DeliveryPlanningOverviewTileComponent;
-    getPlanningTransportWeek(): Promise<any[]>;
+    getPlanningTransportWeek(): Promise<void>;
+    updatePlanningTransportValues(): Promise<void>;
+    private _updateChangedProperties;
+    convertPlanningTransportWeekToArray(planningTransportWeek: PlanningTransportWeek[]): PlanningTransportWeekDay[][];
+    convertToPlanTransportWeek(nestedArray: PlanningTransportWeekDay[][]): PlanningTransportWeek[];
     totalAssemblyTime(planOrder: PlanOrder): number;
 }

package/lib/component/delivery-planning-main/component/delivery-planning-overview/component/delivery-planning-overview-popup/delivery-planning-overview-popup.component.d.ts

@@ -3,10 +3,10 @@ import { IconCacheService } from "../../../../../../service/icon-cache.service";
 import { Icon } from "../../../../../../enum/icon.enum";
 import { PlanOrder } from "@colijnit/transactionapi/build/model/plan-order.bo";
 import { PlanningTransportWeekDay } from "@colijnit/transactionapi/build/model/planning-transport-week-day.bo";
-import { PlanningTransportWeek } from "@colijnit/transactionapi/build/model/planning-transport-week.bo";
 import { TransactionInfoResponse } from "@colijnit/transactionapi/build/model/transaction-info-response.bo";
 import { TransactionService } from "../../../../../../service/transaction.service";
 import { DeliveryPlanningService } from "../../../../../delivery-planning/service/delivery-planning.service";
+import { InputTextComponent } from "@colijnit/corecomponents_v12";
 export declare class DeliveryPlanningOverviewPopupComponent implements OnDestroy {
     iconCacheService: IconCacheService;
     private _transaction;
@@ -17,18 +17,21 @@ export declare class DeliveryPlanningOverviewPopupComponent implements OnDestroy
     transaction: TransactionInfoResponse;
     set transportDay(transportWeekDay: PlanningTransportWeekDay);
     get transportDay(): PlanningTransportWeekDay;
-    week: PlanningTransportWeek;
+    week: PlanningTransportWeekDay[];
     closeEvent: EventEmitter<void>;
-    onSucceededPlanAction: EventEmitter<[PlanOrder, PlanningTransportWeekDay, PlanningTransportWeek]>;
+    onSucceededPlanAction: EventEmitter<[PlanOrder, PlanningTransportWeekDay, PlanningTransportWeekDay[]]>;
+    startTimeCompRef: InputTextComponent;
+    endTimeCompRef: InputTextComponent;
     showClass(): boolean;
     constructor(iconCacheService: IconCacheService, _transaction: TransactionService, deliveryPlanningService: DeliveryPlanningService);
     ngOnDestroy(): void;
     impactTime(): number;
     closePopup(): void;
     handleCommitClick(): void;
-    startTimeForOrder(): Date;
-    endTimeForOrder(): Date;
-    handleStartTimeChange(timeString: string): void;
-    handleEndTimeChange(timeString: string): void;
+    startTimeForOrder(): string;
+    endTimeForOrder(): string;
+    handleStartTimeChange(): void;
+    handleEndTimeChange(): void;
     handleInitialTimePlanning(transportWeekDay: PlanningTransportWeekDay): void;
+    handleDateChange(text: string): Date;
 }

package/lib/component/delivery-planning-main/component/delivery-planning-overview/component/delivery-planning-overview-tile/component/delivery-planning-overview-short-line/delivery-planning-overview-short-line.component.d.ts

@@ -8,7 +8,7 @@ export declare class DeliveryPlanningOverviewShortLineComponent {
     showNoteDialog: boolean;
     expanded: boolean;
     order: PlanOrder;
-    deleteLineEvent: EventEmitter<PlanOrder>;
+    deleteOrderEvent: EventEmitter<PlanOrder>;
     showClass(): boolean;
     constructor(iconCacheService: IconCacheService);
     handleDeleteLineClick(order: PlanOrder): void;

package/lib/component/delivery-planning-main/component/delivery-planning-overview/component/delivery-planning-overview-tile/component/delivery-planning-overview-tile-line/delivery-planning-overview-tile-line.component.d.ts

@@ -11,11 +11,18 @@ export declare class DeliveryPlanningOverviewTileLineComponent {
     orderLines: boolean;
     order: PlanOrder;
     isActive: boolean;
-    deleteLineEvent: EventEmitter<PlanOrder>;
+    deleteOrderEvent: EventEmitter<PlanOrder>;
+    deleteOrderLineEvent: EventEmitter<{
+        order: PlanOrder;
+        line: PlanOrderLine;
+    }>;
+    editOrderEvent: EventEmitter<PlanOrder>;
     showClass(): boolean;
     constructor(iconCacheService: IconCacheService);
-    handleDeleteLineClick(order: PlanOrder): void;
+    handleDeleteOrderClick(order: PlanOrder): void;
+    handleDeleteOrderLineClick(order: PlanOrder, line: PlanOrderLine): void;
     setLinesActive(): void;
     showOrderLines(event: Event): void;
     getPlannedLines(lines: PlanOrderLine[]): PlanOrderLine[];
+    handleEditOrderEvent(planOrder: PlanOrder): void;
 }

package/lib/component/delivery-planning-main/component/delivery-planning-overview/component/delivery-planning-overview-tile/component/delivery-planning-overview-tile-line/style/_layout.scss

@@ -73,6 +73,12 @@
       .order-lines {
         display: flex;
         gap: 10px;
+        justify-content: space-between;
+        width: 100%;
+        .co-icon {
+          width: 12px;
+          height: 12px;
+        }
       }
     }
 

package/lib/component/delivery-planning-main/component/delivery-planning-overview/component/delivery-planning-overview-tile/component/delivery-planning-tile-status/delivery-planning-tile-status.component.d.ts

@@ -1,13 +1,24 @@
-import { OnInit } from "@angular/core";
+import { ChangeDetectorRef, OnInit } from "@angular/core";
 export declare class DeliveryPlanningTileStatusComponent implements OnInit {
-    maxVolume: number;
-    timeTotal: number;
-    currentVolume: number;
-    currentTimeTotal: number;
+    private _changeDetector;
     volumePercent: number;
     timePercent: number;
+    private _maxVolume;
+    private _timeTotal;
+    private _currentVolume;
+    private _currentTimeTotal;
+    get maxVolume(): number;
+    set maxVolume(value: number);
+    get timeTotal(): number;
+    set timeTotal(value: number);
+    get currentVolume(): number;
+    set currentVolume(value: number);
+    get currentTimeTotal(): number;
+    set currentTimeTotal(value: number);
     showClass(): boolean;
-    constructor();
+    constructor(_changeDetector: ChangeDetectorRef);
     ngOnInit(): void;
-    percent(first: number, second: number): number;
+    calculateVolumePercent(): void;
+    calculateTimePercent(): void;
+    calculatePercentages(): void;
 }

package/lib/component/delivery-planning-main/component/delivery-planning-overview/component/delivery-planning-overview-tile/component/delivery-planning-tile-status/style/_layout.scss

@@ -45,6 +45,11 @@
         position: absolute;
         top: 4px;
       }
+      &.overload {
+        &::before {
+          background: $status-overload-colour;
+        }
+      }
     }
     .volume-wrapper::before {
       content: '';
@@ -54,6 +59,7 @@
       height: 100%;
       background: $status-first-colour;
       white-space: nowrap;
+      max-width:100%;
     }
 
     .time-wrapper {
@@ -63,6 +69,11 @@
         position: absolute;
         top: 4px;
       }
+      &.overload {
+        &::before {
+          background: $status-overload-colour;
+        }
+      }
     }
     .time-wrapper::before {
       content: '';
@@ -72,6 +83,7 @@
       height: 100%;
       background: $status-second-colour;
       white-space: nowrap;
+      max-width: 100%;
     }
   }
 }

package/lib/component/delivery-planning-main/component/delivery-planning-overview/component/delivery-planning-overview-tile/delivery-planning-overview-tile.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnInit } from "@angular/core";
+import { EventEmitter, OnDestroy, OnInit } from "@angular/core";
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { PlanOrder } from "@colijnit/transactionapi/build/model/plan-order.bo";
 import { PlanningTransportWeekDay } from "@colijnit/transactionapi/build/model/planning-transport-week-day.bo";
@@ -7,34 +7,48 @@ import { DeliveryPlanningService } from "../../../../../delivery-planning/servic
 import { Icon } from "../../../../../../enum/icon.enum";
 import { IconCacheService } from "../../../../../../service/icon-cache.service";
 import { DeliveryPlanningTileModes } from "../../../../../../enum/delivery-planning-tile-modes.enum";
-export declare class DeliveryPlanningOverviewTileComponent implements OnInit {
+import { HourSchedulingComponent } from "@colijnit/corecomponents_v12";
+import { PlanOrderLine } from "@colijnit/transactionapi/build/model/plan-order-line.bo";
+export declare class DeliveryPlanningOverviewTileComponent implements OnInit, OnDestroy {
     private _datePipe;
     private _deliveryPlanningService;
     iconCacheService: IconCacheService;
     readonly icons: typeof Icon;
     readonly tileModes: typeof DeliveryPlanningTileModes;
     ordersLoaded: boolean;
+    private _subs;
     disabled: boolean;
     transportDay: PlanningTransportWeekDay;
     expandedEvent: EventEmitter<PlanningTransportWeekDay>;
-    deleteLineEvent: EventEmitter<[PlanOrder, PlanningTransportWeekDay]>;
+    deleteOrderEvent: EventEmitter<[PlanOrder, PlanningTransportWeekDay]>;
+    deleteOrderLineEvent: EventEmitter<{
+        order: PlanOrder;
+        line: PlanOrderLine;
+    }>;
+    editOrderEvent: EventEmitter<PlanOrder>;
     getTransportOrdersEvent: EventEmitter<PlanningTransportWeekDay>;
-    updatePlanningTransportWeek: EventEmitter<void>;
+    timeChangeEvent: EventEmitter<Object>;
     openSettingsDialogEvent: EventEmitter<PlanningTransportWeekDay>;
     calendarPlanEvent: EventEmitter<{
         currentHour: string;
         data: string;
     }>;
+    hourSchedulingComp: HourSchedulingComponent;
     get tileMode(): DeliveryPlanningTileModes;
     expanded: boolean;
     showClass(): boolean;
     constructor(_datePipe: DatePipe, _deliveryPlanningService: DeliveryPlanningService, iconCacheService: IconCacheService);
     ngOnInit(): Promise<void>;
+    ngOnDestroy(): Promise<void>;
     drop(event: CdkDragDrop<string[]>): void;
     handleDrop(event: DragEvent): void;
     formattedDate(date: Date): string;
     expandedChange(): void;
-    handleDeleteLineClick(order: PlanOrder): void;
+    handleDeleteOrderClick(order: PlanOrder): void;
+    handleDeleteOrderLineClick(data: {
+        order: PlanOrder;
+        line: PlanOrderLine;
+    }): void;
     handleSettingsSave(): void;
     onCustomDragStart(event: DragEvent, obj: PlanOrder): void;
     openSettingsDialog(): void;
@@ -43,4 +57,5 @@ export declare class DeliveryPlanningOverviewTileComponent implements OnInit {
         currentHour: string;
         data: string;
     }): void;
+    handleEditOrderEvent(planOrder: PlanOrder): void;
 }

package/lib/component/delivery-planning-main/component/delivery-planning-overview/component/delivery-planning-overview-tile/style/_layout.scss

@@ -52,8 +52,8 @@
           right: 5px;
           top: 0;
           .co-icon {
-            width: 40px;
-            height: 40px;
+            width: 30px;
+            height: 30px;
             &.small{
               width: 20px;
               height: 20px;

package/lib/component/delivery-planning-main/component/delivery-planning-overview/component/delivery-planning-overview-tile/style/_material-definition.scss

@@ -1,4 +1,4 @@
 $status-first-colour: #1A73E8;
 $status-second-colour: #1A73E8;
-
+$status-overload-colour: #C1002A;
 $color-action-accent: #8083A3;

package/lib/component/delivery-planning-main/component/delivery-planning-overview/delivery-planning-overview.component.d.ts

@@ -14,6 +14,8 @@ import { DeliveryPlanningOverviewTileComponent } from "./component/delivery-plan
 import { IconCacheService } from "../../../../service/icon-cache.service";
 import { Icon } from "../../../../enum/icon.enum";
 import { DeliveryPlanningTileModes } from "../../../../enum/delivery-planning-tile-modes.enum";
+import { DeliveryPlanningUpdateActions } from "../../../../enum/delivery-planning-update-actions.enum";
+import { PlanOrderLine } from "@colijnit/transactionapi/build/model/plan-order-line.bo";
 export declare class DeliveryPlanningOverviewComponent implements AfterViewChecked {
     private _deliveryPlanningService;
     private _transaction;
@@ -22,6 +24,7 @@ export declare class DeliveryPlanningOverviewComponent implements AfterViewCheck
     private _changeDetector;
     iconCacheService: IconCacheService;
     readonly icons: typeof Icon;
+    readonly planningActions: typeof DeliveryPlanningUpdateActions;
     readonly tileModes: typeof DeliveryPlanningTileModes;
     deliveryPlanningViewModes: typeof DeliveryPlanningViewModes;
     availability: {
@@ -37,24 +40,28 @@ export declare class DeliveryPlanningOverviewComponent implements AfterViewCheck
     currentMode: DeliveryPlanningCalendarModes;
     currentViewMode: CalendarView;
     currentPlanningViewMode: DeliveryPlanningViewModes;
-    updatePlanningTransportEvent: EventEmitter<PlanningTransportWeek>;
+    updatePlanningTransportEvent: EventEmitter<{
+        oldWeek: PlanningTransportWeekDay[];
+        week: PlanningTransportWeekDay[];
+        action: DeliveryPlanningUpdateActions;
+    }>;
     resetPlanningTransportEvent: EventEmitter<void>;
     tileSize: number;
     planningPopupRef: DeliveryPlanningOverviewPopupComponent;
-    date: Date;
     available: boolean;
     showNoteDialog: boolean;
     showSettingsDialog: boolean;
     tilesQueryList: QueryList<DeliveryPlanningOverviewTileComponent>;
     selectedTransportDay: PlanningTransportWeekDay;
-    get planTransportWeek(): PlanningTransportWeek[];
+    get planTransportWeekArr(): PlanningTransportWeekDay[][];
     get currentTileMode(): DeliveryPlanningTileModes;
     set currentTileMode(tileMode: DeliveryPlanningTileModes);
+    currentDate(): Date;
     constructor(_deliveryPlanningService: DeliveryPlanningService, _transaction: TransactionService, _transactionCon: TransactionConnectorService, _dialog: DialogService, _changeDetector: ChangeDetectorRef, iconCacheService: IconCacheService);
     ngAfterViewChecked(): void;
     showClass(): boolean;
     onResize(event: any): void;
-    dropped(ev: DragEvent, week: PlanningTransportWeek, transportDay: PlanningTransportWeekDay, transportDays: PlanningTransportWeekDay[]): Promise<void>;
+    dropped(ev: DragEvent, week: PlanningTransportWeekDay[], transportDay: PlanningTransportWeekDay, transportDays: PlanningTransportWeekDay[]): Promise<void>;
     allowDrop(ev: any, transportDay: PlanningTransportWeekDay): boolean;
     setColNum(): void;
     dragEnd(ev: any): void;
@@ -62,25 +69,31 @@ export declare class DeliveryPlanningOverviewComponent implements AfterViewCheck
     filterWeekArray(weekArray: PlanningTransportWeekDay[]): PlanningTransportWeekDay[];
     addHours(date: any, hours: any): any;
     handleDateRangeChange(newDate: Date): void;
-    handleDeleteOrder(deleteResult: [PlanOrder, PlanningTransportWeekDay], planningTransportWeek: PlanningTransportWeek): Promise<void>;
+    handleDeleteOrder(deleteResult: [PlanOrder, PlanningTransportWeekDay], planningTransportWeek: PlanningTransportWeekDay[]): Promise<void>;
+    handleDeleteLine(deleteResult: {
+        order: PlanOrder;
+        line: PlanOrderLine;
+    }, weekDay: PlanningTransportWeekDay, transportWeekRow: PlanningTransportWeekDay[]): void;
     getOrderLinesPlanned(order: PlanOrder): Promise<void>;
     getTransportOrders(order: PlanOrder, transportDay: PlanningTransportWeekDay): Promise<void>;
-    planOrderLines(order: PlanOrder, transportDay: PlanningTransportWeekDay, week: PlanningTransportWeek): Promise<void>;
-    planSelectedLines(transportDay: PlanningTransportWeekDay, week: PlanningTransportWeek): Promise<void>;
+    planOrderLines(order: PlanOrder, transportDay: PlanningTransportWeekDay, week: PlanningTransportWeekDay[]): Promise<void>;
+    planSelectedLines(transportDay: PlanningTransportWeekDay, week: PlanningTransportWeekDay[]): Promise<void>;
     getSequenceOrderValue(order: PlanOrder): Promise<void>;
-    handlePopupPlanEvent(event: [PlanOrder, PlanningTransportWeekDay, PlanningTransportWeek]): Promise<void>;
+    handlePopupPlanEvent(event: [PlanOrder, PlanningTransportWeekDay, PlanningTransportWeekDay[]]): Promise<void>;
     handleSettingsSave(changed: boolean): void;
     openSettingsDialog(transportDay: PlanningTransportWeekDay): void;
     handleCalendarPlanEvent(data: {
         currentHour: string;
         data: string;
-    }, transportWeekDay: PlanningTransportWeekDay, week: PlanningTransportWeek): Promise<void>;
+    }, transportWeekDay: PlanningTransportWeekDay, week: PlanningTransportWeekDay[]): Promise<void>;
     calculateStartTime(transportWeekDay: PlanningTransportWeekDay, currentHour: string): Date;
     calculateEndTime(startDate: Date, currentHour: string, planOrder: PlanOrder): Date;
-    openPlanningPopup(planOrder: PlanOrder, transportDay: PlanningTransportWeekDay, week: PlanningTransportWeek): void;
+    openPlanningPopup(planOrder: PlanOrder, transportDay: PlanningTransportWeekDay, week: PlanningTransportWeekDay[]): void;
     handleAvailabilityChecked(value: {
         transportDay: PlanningTransportWeekDay;
         available: boolean;
     }): void;
     checkAvailable(transportDay: PlanningTransportWeekDay): boolean;
+    handleTimeChangeEvent(transportDay: PlanningTransportWeekDay, week: PlanningTransportWeekDay[], obj: Object): void;
+    handleEditPlannedOrder(planOrder: PlanOrder, transportDay: PlanningTransportWeekDay, week: PlanningTransportWeekDay[]): void;
 }

package/lib/component/delivery-planning-main/delivery-planning-main.component.d.ts

@@ -4,26 +4,33 @@ import { DeliveryPlanningService } from "../delivery-planning/service/delivery-p
 import { SearchViewModeService } from "../search/search-view-mode.service";
 import { CalendarView } from '@colijnit/sharedcomponents';
 import { Planning } from "@colijnit/transactionapi/build/model/planning.bo";
-import { PlanningTransportWeek } from "@colijnit/transactionapi/build/model/planning-transport-week.bo";
 import { TransactionConnectorService } from "../../service/transaction-connector.service";
+import { TransactionEventService } from "../../service/transaction-event.service";
+import { DeliveryPlanningUpdateActions } from "../../enum/delivery-planning-update-actions.enum";
+import { PlanningTransportWeekDay } from "@colijnit/transactionapi/build/model/planning-transport-week-day.bo";
 export declare class DeliveryPlanningMainComponent implements OnInit, AfterViewInit {
     private _deliveryPlanningService;
     private _viewModeService;
     private _transaction;
     private _changeDetector;
+    private _transactionEventService;
     planning: Planning;
-    fullPlanningTransportWeek: PlanningTransportWeek[];
     get currentMode(): DeliveryPlanningCalendarModes;
     get currentViewMode(): CalendarView;
     get currentStartDate(): Date;
+    set currentStartDate(date: Date);
     showClass(): boolean;
-    constructor(_deliveryPlanningService: DeliveryPlanningService, _viewModeService: SearchViewModeService, _transaction: TransactionConnectorService, _changeDetector: ChangeDetectorRef);
+    constructor(_deliveryPlanningService: DeliveryPlanningService, _viewModeService: SearchViewModeService, _transaction: TransactionConnectorService, _changeDetector: ChangeDetectorRef, _transactionEventService: TransactionEventService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     planningChanged(planning: Planning): void;
-    weekFilter(planTransportWeek: PlanningTransportWeek[]): void;
-    weekFilterWithReturn(planTransportWeek: PlanningTransportWeek[]): any;
-    updatePlanTransportWeek(planningTransportWeek: PlanningTransportWeek): Promise<void>;
-    resetTransportWeek(): Promise<void>;
+    updatePlanTransportWeek(updateData: {
+        oldWeek: PlanningTransportWeekDay[];
+        week: PlanningTransportWeekDay[];
+        action: DeliveryPlanningUpdateActions;
+    }): Promise<void>;
+    updateNewValues(): Promise<void>;
+    resetPlanningTransportWeek(): Promise<void>;
+    getPlanningTransportWeek(): Promise<void>;
     getListData(): void;
 }

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

@@ -16,7 +16,9 @@
       padding: 12px;
       width: 100%;
 
-      co-input-number-picker, .transaction-card-price, co-input-text {
+      co-input-number-picker,
+      .transaction-card-price,
+      co-input-text {
         display: flex;
         align-items: center;
         justify-content: center;
@@ -25,16 +27,27 @@
         width: auto;
         min-width: 100px;
         height: 26px;
+
         .co-input-text {
           border: none;
+
           input {
             margin: 4px 0 0;
           }
         }
+
         &.price {
           width: auto;
           font-weight: bold;
         }
+
+        &.warning {
+          border-color: $tp-color-error;
+
+          &:before {
+            box-shadow: inset 0 0 0 1px $tp-color-error;
+          }
+        }
       }
 
       .transaction-card-content-wrapper {

package/lib/component/transaction-card/transaction-card-planning/transaction-card-planning.component.d.ts

@@ -30,4 +30,6 @@ export declare class TransactionCardPlanningComponent extends TransactionBaseCom
     statusBarConfigNames: StatusBarCfgNames;
     discountConfigNames: LineDiscountCfgNames;
     dragStarted(ev: any): void;
+    lineNotPlanned(line: TransactionLineInfo): boolean;
+    allowPartialDelivery(): boolean;
 }

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

@@ -51,6 +51,10 @@
           }
         }
       }
+      .header-order-payment-wrapper {
+        display: flex;
+        justify-content: center;
+      }
       .transaction-header-divider {
         height: auto;
         width: $tp-co-transaction-header-divider-width;

package/lib/component/transaction-line/transaction-planning-line/transaction-planning-line.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { StockStatus } from '@colijnit/transactionapi/build/enum/refcode/stock-status.enum';
 import { TransactionLineActionButtonsComponent } from '../../transaction-line-action-buttons/transaction-line-action-buttons.component';
 import { TransactionBaseComponent } from '../../core/base/transaction-base.component';
@@ -14,7 +14,7 @@ import { DictionaryService } from '../../../service/dictionary.service';
 import { TransactionService } from '../../../service/transaction.service';
 import { TransactionLineInfo } from "@colijnit/transactionapi/build/model/transaction-line-info.bo";
 import { DeliveryPlanningService } from "../../delivery-planning/service/delivery-planning.service";
-export declare class TransactionPlanningLineComponent extends TransactionBaseComponent implements OnInit {
+export declare class TransactionPlanningLineComponent extends TransactionBaseComponent implements OnInit, OnDestroy {
     private _deliveryPlanningService;
     transactionEventService: TransactionEventService;
     iconCacheService: IconCacheService;
@@ -39,6 +39,7 @@ export declare class TransactionPlanningLineComponent extends TransactionBaseCom
     private _subscriptions;
     constructor(_deliveryPlanningService: DeliveryPlanningService, transactionEventService: TransactionEventService, iconCacheService: IconCacheService, screenConfigService: TransactionScreenConfigurationService, orderLineSetService: OrderLineSetService, imageService: TransactionImageService, dictionaryService: DictionaryService, transactionService: TransactionService, changeDetector: ChangeDetectorRef);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     handleCheckBoxValueChanged(value: boolean, line: TransactionLineInfo): void;
     handleLineClicked(mouseClick: PointerEvent): void;
     dragStarted(ev: any): void;

package/lib/component/transaction-lines-side-panel/transaction-lines-side-panel-service-order/transaction-lines-side-panel-service-order.component.d.ts

@@ -7,6 +7,7 @@ import { TransactionImageService } from '../../../service/transaction-image.serv
 import { DictionaryService } from '../../../service/dictionary.service';
 import { TransactionService } from '../../../service/transaction.service';
 import { Icon } from '../../../enum/icon.enum';
+import { TransactionCfgName } from "../../../enum/transaction-cfg-name.enum";
 export declare class TransactionLinesSidePanelServiceOrderComponent extends TransactionBaseComponent implements OnInit {
     transactionEventService: TransactionEventService;
     iconCacheService: IconCacheService;
@@ -16,6 +17,7 @@ export declare class TransactionLinesSidePanelServiceOrderComponent extends Tran
     protected transactionService: TransactionService;
     protected changeDetector: ChangeDetectorRef;
     readonly Icon: typeof Icon;
+    readonly cfgNames: typeof TransactionCfgName;
     showClass(): boolean;
     showDetails: boolean;
     image: string;

package/lib/component/transaction-quick-access/transaction-quick-access-planning/transaction-quick-access-planning.component.d.ts

@@ -39,4 +39,5 @@ export declare class TransactionQuickAccessPlanningComponent extends Transaction
     get selectedLines(): import("@colijnit/transactionapi/build/model/transaction-line-info.bo").TransactionLineInfo[];
     togglePopup(): void;
     allowPartialDelivery(): boolean;
+    isOrderFullyPlanned(): boolean;
 }

package/lib/component/transaction-quick-access/transaction-quick-access-send-method-base.component.d.ts

@@ -38,7 +38,7 @@ export declare abstract class TransactionQuickAccessSendMethodBaseComponent exte
     defaultSendMethodIcon: string;
     emailAddresses: string[];
     showSendMethodDialog: boolean;
-    sendMethods: import("@colijnit/sharedcomponents").ɵbu[];
+    sendMethods: import("@colijnit/sharedcomponents").ɵbs[];
     showLoader: boolean;
     signatureDocumentId: number;
     historicReports: HistoricReport[];

package/lib/component/transaction-service-overview/style/_layout.scss

@@ -4,7 +4,9 @@
     height: 100%;
     display: flex;
     .service-order-lines-wrapper {
-      width: 40%;
+      flex: 1;
+      padding-left: 60px;
+      max-width: 800px;
       display: flex;
       flex-direction: column;
       gap: 15px;
@@ -106,16 +108,23 @@
         .service-message-and-image-wrapper {
           display: flex;
           flex-direction: row;
-          gap: 30px;
+          gap: 60px;
           padding: 0 0 15px 0;
           margin-bottom: 15px;
           border-bottom: 5px solid #F4F4F9;
+
           .service-message-wrapper {
-            width: 65%;
-            height: 100%;
             display: flex;
-            flex-direction: column;
             gap: 10px;
+            flex: 1;
+            justify-content: space-between;
+            .service-message {
+              display: flex;
+              flex-direction: column;
+              gap: 10px;
+              width: 65%;
+              height: 100%;
+            }
             .transaction-service-message {
               min-height: 80px;
               .co-input-text {
@@ -157,7 +166,6 @@
           }
 
           .co-files-upload {
-            width: 35%;
             min-height: auto;
             overflow-x: auto;
             .co-drag-drop-container {

package/lib/enum/checkout-cfg-name.enum.d.ts

@@ -38,6 +38,8 @@ export declare enum CheckoutCfgName {
     DepositAmount = "depositAmount",
     Branch = "branch",
     AdministrativeManager = "administrativeManager",
+    SalesPerson = "salesPerson",
+    PaymentCondition = "paymentCondition",
     MarketingCode = "marketingCode",
     Definitive = "definitive",
     OnHoldCodes = "onHoldCodes"

package/lib/enum/delivery-planning-update-actions.enum.d.ts

@@ -0,0 +1,6 @@
+export declare enum DeliveryPlanningUpdateActions {
+    PlanOrder = "planOrder",
+    PlanLines = "planLines",
+    DeletePlannedOrder = "deletePlannedOrder",
+    DeletePlannedLines = "deletePlannedLines"
+}

package/lib/enum/transaction-cfg-name.enum.d.ts

@@ -154,5 +154,16 @@ export declare enum TransactionCfgName {
     LineQuantityToReceive = "lineQuantityToReceive",
     StickerAmount = "stickerAmount",
     LineWarehouseLocationReceived = "lineWarehouseLocationReceived",
-    ServiceMessage = "serviceMessage"
+    ServiceMessage = "serviceMessage",
+    ServiceWizardMessage = "serviceWizardMessage",
+    ServiceOverviewImage = "serviceOverviewImage",
+    ServicePriority = "servicePriority",
+    ServiceCauseCode = "serviceCauseCode",
+    ServiceEntryType = "serviceEntryType",
+    HeaderTaskCreator = "headerTaskCreator",
+    HeaderActivityList = "headerActivityList",
+    HeaderHistActivities = "headerHistActivities",
+    HeaderProductDetails = "headerProductDetails",
+    HeaderOrderDetails = "headerOrderDetails",
+    HeaderPurchaseDetails = "headerPurchaseDetails"
 }

package/lib/service/transaction-connector-adapter.service.d.ts

@@ -504,6 +504,7 @@ export declare class TransactionConnectorAdapterService {
     getEmployees(): Promise<RelationListObject[]>;
     getSkills(): Promise<Skill[]>;
     getUserGroups(): Promise<UserGroup[]>;
+    restoreDeliverySettings(ordersToBeRestored: PlanOrder[]): Promise<boolean>;
     private _openPdfContent;
     private _handleExceptionFromResponse;
     private _handleMessageFromSuccessResponse;