@colijnit/transaction 261.20.0 → 261.20.1

package/fesm2022/colijnit-transaction.mjs

@@ -241,6 +241,7 @@ import { BatchTransactionSendingRequest } from '@colijnit/transactionapi/build/m
 import { ChangeHeadersTransactionsDefinitiveRequest } from '@colijnit/transactionapi/build/model/change-headers-transactions-definitive-request';
 import { LayoutCode as LayoutCode$1 } from '@colijnit/mainapi/build/enum/layout-code.enum';
 import { PriorityType } from '@colijnit/mainapi/build/enum/priority-type.enum';
+import { ChangeHeaderDropshipmentInfoRequest } from '@colijnit/transactionapi/build/model/change-header-dropshipment-info-request';
 import { ChangeHeaderScoringChanceRequest } from '@colijnit/transactionapi/build/model/change-header-scoring-chance-request';
 import { ChangeHeaderRetailStadiumRequest } from '@colijnit/transactionapi/build/model/change-header-retail-stadium-request';
 import { ChangeHeaderExpectedScoringDateRequest } from '@colijnit/transactionapi/build/model/change-header-expected-scoring-date-request';
@@ -329,8 +330,8 @@ import { DateField } from '@colijnit/ioneconnector/build/factory/decorators/date
 class Version {
     name = "@colijnit/transaction";
     description = "Colijn IT transaction package";
-    symVer = "261.20.0";
-    publishDate = "23-1-2026, 16:04:30";
+    symVer = "261.20.1";
+    publishDate = "26/01/2026, 15:50:15";
 }
 
 class CheckoutModuleService extends BaseModuleService {
@@ -5671,6 +5672,16 @@ class TransactionConnectorAdapterService {
             return null;
         }
     }
+    async changeHeaderDropshipmentInfo(request) {
+        const response = await this.connector.changeHeaderDropshipmentInfo(request);
+        if (response && response.validationResult && response.validationResult.success) {
+            return response.resultObject;
+        }
+        else {
+            this._handleExceptionFromResponse(response);
+            return null;
+        }
+    }
     async pdfPosReceipt(pdfPosReceiptRequest) {
         const response = await this.connector.pdfPosReceipt(pdfPosReceiptRequest);
         if (response && response.validationResult && response.validationResult.success) {
@@ -8380,6 +8391,9 @@ class TransactionConnectorService {
     async insertNewDropshipmentInfo(request) {
         return this._adapterService.functionCall(this._adapterService.insertNewDropshipmentInfo, [request]);
     }
+    async changeHeaderDropshipmentInfo(request) {
+        return this._adapterService.functionCall(this._adapterService.changeHeaderDropshipmentInfo, [request]);
+    }
     async pdfPosReceipt(pdfPosReceiptRequest) {
         return this._adapterService.functionCall(this._adapterService.pdfPosReceipt, [pdfPosReceiptRequest]);
     }
@@ -11690,6 +11704,9 @@ class TransactionService extends PendingReasonService {
     async insertNewDropshipmentInfo(request) {
         return await this.connector.insertNewDropshipmentInfo(request);
     }
+    async changeHeaderDropshipmentInfo(request) {
+        return await this.connector.changeHeaderDropshipmentInfo(request);
+    }
     async pdfPosReceipt(pdfPosReceiptRequest) {
         return await this.connector.pdfPosReceipt(pdfPosReceiptRequest);
     }
@@ -56996,6 +57013,7 @@ class AvatarComponent {
     get relation() {
         return this._relation;
     }
+    showBranchNr = false;
     showClass() {
         return true;
     }
@@ -57077,7 +57095,7 @@ class AvatarComponent {
     }
     _setRelationInitials() {
         if (this.relation) {
-            this.initials = this.relation.displayInitials;
+            this.initials = this.showBranchNr ? this.relation.relationNr.slice(0, 3) : this.relation.displayInitials;
         }
     }
     async _getImageContent(docId) {
@@ -57104,32 +57122,32 @@ class AvatarComponent {
         this._changeDetector.detectChanges();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AvatarComponent, deps: [{ token: TransactionService }, { token: TransactionConnectorService }, { token: i1$1.ColorSequenceService }, { token: TransactionRelationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AvatarComponent, isStandalone: false, selector: "co-avatar", inputs: { image: "image", relationId: "relationId", relation: "relation" }, host: { properties: { "class.co-avatar": "this.showClass", "style.background-color": "this.backgroundColor" } }, providers: [{
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AvatarComponent, isStandalone: false, selector: "co-avatar", inputs: { image: "image", relationId: "relationId", relation: "relation", showBranchNr: "showBranchNr" }, host: { properties: { "class.co-avatar": "this.showClass", "style.background-color": "this.backgroundColor" } }, providers: [{
                 provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
                 useExisting: forwardRef(() => AvatarComponent)
             }
-        ], ngImport: i0, template: `
-    @if (imageSrc) {
-      <co-image-display [model]="imageSrc"></co-image-display>
-    } @else {
-      <svg viewBox="0 0 30 30">
-        <text x="50%" y="50%" dominant-baseline="central" text-anchor="middle">{{ initials }}</text>
-      </svg>
-    }
+        ], ngImport: i0, template: `
+    @if (imageSrc) {
+      <co-image-display [model]="imageSrc"></co-image-display>
+    } @else {
+      <svg viewBox="0 0 30 30">
+        <text x="50%" y="50%" dominant-baseline="central" text-anchor="middle">{{ initials }}</text>
+      </svg>
+    }
     `, isInline: true, dependencies: [{ kind: "component", type: ImageDisplayComponent, selector: "co-image-display", inputs: ["model", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AvatarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "co-avatar",
-                    template: `
-    @if (imageSrc) {
-      <co-image-display [model]="imageSrc"></co-image-display>
-    } @else {
-      <svg viewBox="0 0 30 30">
-        <text x="50%" y="50%" dominant-baseline="central" text-anchor="middle">{{ initials }}</text>
-      </svg>
-    }
+                    template: `
+    @if (imageSrc) {
+      <co-image-display [model]="imageSrc"></co-image-display>
+    } @else {
+      <svg viewBox="0 0 30 30">
+        <text x="50%" y="50%" dominant-baseline="central" text-anchor="middle">{{ initials }}</text>
+      </svg>
+    }
     `,
                     providers: [{
                             provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
@@ -57146,6 +57164,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Input
             }], relation: [{
                 type: Input
+            }], showBranchNr: [{
+                type: Input
             }], showClass: [{
                 type: HostBinding,
                 args: ["class.co-avatar"]
@@ -58057,7 +58077,7 @@ class TransactionSearchPurchaseOrderTileComponent extends TransactionSearchTileB
         </div>
       </div>
     </div>
-    `, isInline: true, dependencies: [{ kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "relation"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: TransactionStatusbarComponent, selector: "co-transaction-statusbar", inputs: ["configNames", "transaction"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
+    `, isInline: true, dependencies: [{ kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "relation", "showBranchNr"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: TransactionStatusbarComponent, selector: "co-transaction-statusbar", inputs: ["configNames", "transaction"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchPurchaseOrderTileComponent, decorators: [{
             type: Component,
@@ -58292,7 +58312,7 @@ class TransactionSearchSalesOrderTileComponent extends TransactionSearchTileBase
           </div>
         </div>
       </div>
-      `, isInline: true, dependencies: [{ kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "relation"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: TransactionStatusbarComponent, selector: "co-transaction-statusbar", inputs: ["configNames", "transaction"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+      `, isInline: true, dependencies: [{ kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "relation", "showBranchNr"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: TransactionStatusbarComponent, selector: "co-transaction-statusbar", inputs: ["configNames", "transaction"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchSalesOrderTileComponent, decorators: [{
             type: Component,
@@ -60457,7 +60477,7 @@ class TransactionSearchSalesQuotationTileComponent extends TransactionSearchTile
           </div>
         </div>
       </div>
-      `, isInline: true, dependencies: [{ kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "relation"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2.DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None });
+      `, isInline: true, dependencies: [{ kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "relation", "showBranchNr"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2.DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchSalesQuotationTileComponent, decorators: [{
             type: Component,
@@ -60654,7 +60674,7 @@ class TransactionSearchPosOrderTileComponent extends TransactionSearchTileBaseCo
         </div>
       </div>
     </div>
-    `, isInline: true, dependencies: [{ kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "relation"] }, { kind: "component", type: TransactionStatusbarComponent, selector: "co-transaction-statusbar", inputs: ["configNames", "transaction"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2.DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None });
+    `, isInline: true, dependencies: [{ kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "relation", "showBranchNr"] }, { kind: "component", type: TransactionStatusbarComponent, selector: "co-transaction-statusbar", inputs: ["configNames", "transaction"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2.DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchPosOrderTileComponent, decorators: [{
             type: Component,
@@ -61414,7 +61434,7 @@ class TransactionSearchInterBranchOrderTileComponent extends TransactionSearchTi
           </div>
         </div>
       </div>
-      `, isInline: true, dependencies: [{ kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "relation"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: TransactionStatusbarComponent, selector: "co-transaction-statusbar", inputs: ["configNames", "transaction"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+      `, isInline: true, dependencies: [{ kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "relation", "showBranchNr"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: TransactionStatusbarComponent, selector: "co-transaction-statusbar", inputs: ["configNames", "transaction"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSearchInterBranchOrderTileComponent, decorators: [{
             type: Component,
@@ -70454,33 +70474,51 @@ class DropShipmentComponent {
     showClass() {
         return true;
     }
+    transUuid;
     showDropShipmentDialog = false;
     dropShipmentInfo = new DropshipmentInfo();
     allDropShipmentAddresses = [];
     existingDropShipmentAddresses = [];
     searchTerm = '';
+    showDisconnectButton = false;
+    editMode = false;
     icons = Icon;
     constructor(iconCacheService, transactionService, _dialogService) {
         this.iconCacheService = iconCacheService;
         this.transactionService = transactionService;
         this._dialogService = _dialogService;
     }
-    async ngOnInit() {
-        this.allDropShipmentAddresses = await this.transactionService.getDropshipmentInfosByRelationId(this.transactionService.relation.relationId);
-        this.existingDropShipmentAddresses = this.allDropShipmentAddresses;
-    }
-    openDropShipmentDialog() {
-        this.showDropShipmentDialog = true;
+    ngOnInit() {
+        void this._getAddresses();
     }
     saveDropShipment() {
         this.dropShipmentInfo.relationId = this.transactionService.relation.relationId;
         this.transactionService.insertNewDropshipmentInfo(this.dropShipmentInfo).then(result => {
             if (result !== null) {
-                this._dialogService.showToast('DATA_SAVED', true);
-                this._dialogService.hideToastAfterMs(1500);
+                this._getAddresses().then(() => {
+                    const foundAddress = this.existingDropShipmentAddresses.find(address => address.dropshipmentName === this.dropShipmentInfo.dropshipmentName &&
+                        address.postalCode === this.dropShipmentInfo.postalCode &&
+                        address.streetName === this.dropShipmentInfo.streetName &&
+                        address.city === this.dropShipmentInfo.city &&
+                        address.countryCode === this.dropShipmentInfo.countryCode &&
+                        address.relationId === this.dropShipmentInfo.relationId &&
+                        Number(address.number) === Number(this.dropShipmentInfo.number));
+                    const newAddressId = foundAddress?.id;
+                    const request = new ChangeHeaderDropshipmentInfoRequest();
+                    request.transactionUuid = this.transUuid;
+                    request.newDropshipmentInfoId = newAddressId;
+                    void this.transactionService.changeHeaderDropshipmentInfo(request);
+                });
+                this.editMode = false;
             }
         });
     }
+    closeDropShipment() {
+        this.dropShipmentInfo = new DropshipmentInfo();
+        this.showDropShipmentDialog = false;
+        this.showDisconnectButton = false;
+        this.editMode = false;
+    }
     handleSearch(searchTerm) {
         this.searchTerm = searchTerm.toLowerCase();
         if (!this.searchTerm) {
@@ -70489,6 +70527,28 @@ class DropShipmentComponent {
         }
         this.existingDropShipmentAddresses = this.allDropShipmentAddresses.filter(address => this._objectContainsTerm(address, this.searchTerm));
     }
+    selectAddress(selectedAddress) {
+        this.dropShipmentInfo = selectedAddress;
+        const request = new ChangeHeaderDropshipmentInfoRequest();
+        request.transactionUuid = this.transUuid;
+        request.newDropshipmentInfoId = selectedAddress.id;
+        this.transactionService.changeHeaderDropshipmentInfo(request).then(() => this.showDisconnectButton = true);
+    }
+    removeDropShipment() {
+        this.dropShipmentInfo = new DropshipmentInfo();
+        const request = new ChangeHeaderDropshipmentInfoRequest();
+        request.transactionUuid = this.transUuid;
+        request.newDropshipmentInfoId = null;
+        this.transactionService.changeHeaderDropshipmentInfo(request).then(() => this.showDisconnectButton = false);
+    }
+    addNewAddress() {
+        this.dropShipmentInfo = new DropshipmentInfo();
+        this.editMode = true;
+    }
+    cancelAddingNewAddress() {
+        this.dropShipmentInfo = new DropshipmentInfo();
+        this.editMode = false;
+    }
     _objectContainsTerm(address, term) {
         const fieldsToSearch = [
             address.dropshipmentName,
@@ -70506,260 +70566,352 @@ class DropShipmentComponent {
             .filter(v => !!v)
             .some(v => v.toLowerCase().includes(term));
     }
+    async _getAddresses() {
+        this.allDropShipmentAddresses = await this.transactionService.getDropshipmentInfosByRelationId(this.transactionService.relation.relationId);
+        this.existingDropShipmentAddresses = this.allDropShipmentAddresses;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DropShipmentComponent, deps: [{ token: IconCacheService }, { token: TransactionService }, { token: TransactionDialogService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DropShipmentComponent, isStandalone: false, selector: "co-drop-shipment", host: { properties: { "class.co-drop-shipment": "this.showClass" } }, ngImport: i0, template: `
-      <div class="default-data-row">
-        <div class="new-drop-shipment-link">
-          <icon class="drop-shipment-icon" [icon]="icons.ArrowPointRight"></icon>
-          <div [textContent]="'DROPSHIPMENT_INFO' | localize" (click)="openDropShipmentDialog()"></div>
-        </div>
-      </div>
-      
-      @if (showDropShipmentDialog) {
-        <co-dialog
-          class="drop-shipment-dialog"
-          [headerTemplate]="templateHeader"
-          [footerTemplate]="templateFooter"
-          (closeClick)="showDropShipmentDialog = false">
-          <section class="add-new-address-form">
-            <h4 class="section-title" [textContent]="'ADD_NEW_ADDRESS' | localize"></h4>
-            <co-form class="drop-shipment-form">
-              <co-input-text
-                class="drop-shipment-form-item"
-                [(model)]="dropShipmentInfo.dropshipmentName"
-                [placeholder]="'NAME' | localize">
-              </co-input-text>
-              <co-input-text
-                class="drop-shipment-form-item"
-                [(model)]="dropShipmentInfo.dropshipmentContactPerson"
-                [placeholder]="'WORKFLOW_CATEGORY_CONTACTPERSON_EMPLOYEE' | localize">
-              </co-input-text>
-              <co-input-text
-                class="drop-shipment-form-item"
-                [(model)]="dropShipmentInfo.dropshipmentEmailAddress"
-                [placeholder]="'SEND_ACTION_EMAIL' | localize">
-              </co-input-text>
-              <co-input-text
-                class="drop-shipment-form-item"
-                [(model)]="dropShipmentInfo.dropshipmentPhoneNumber"
-                [placeholder]="'PHONE_NUMBER' | localize">
-              </co-input-text>
-              <co-input-text
-                class="drop-shipment-form-item smaller"
-                [(model)]="dropShipmentInfo.postalCode"
-                [placeholder]="'POSTAL_CODE' | localize"
-                [required]="true">
-              </co-input-text>
-              <co-input-text
-                class="drop-shipment-form-item smaller"
-                [(model)]="dropShipmentInfo.number"
-                [placeholder]="'HOUSE_NO' | localize"
-                [type]="'number'"
-                [required]="true">
-              </co-input-text>
-              <co-input-text
-                class="drop-shipment-form-item smaller"
-                [(model)]="dropShipmentInfo.addition"
-                [placeholder]="'HOUSE_NO_ADDITION' | localize">
-              </co-input-text>
-              <co-input-text
-                class="drop-shipment-form-item"
-                [(model)]="dropShipmentInfo.streetName"
-                [placeholder]="'STREET' | localize"
-                [required]="true">
-              </co-input-text>
-              <co-input-text
-                class="drop-shipment-form-item"
-                [(model)]="dropShipmentInfo.city"
-                [placeholder]="'CITY' | localize"
-                [required]="true">
-              </co-input-text>
-              <co-input-text
-                class="drop-shipment-form-item"
-                [(model)]="dropShipmentInfo.countryCode"
-                [placeholder]="'COUNTRY_CODE' | localize"
-                [required]="true">
-              </co-input-text>
-            </co-form>
-          </section>
-          <section class="existing-addresses">
-            <h4 class="section-title" [textContent]="'ALL_ADDRESSES' | localize"></h4>
-            @if (existingDropShipmentAddresses.length === 0) {
-              <div [textContent]="'MESSAGE_NO_ADDRESSES' | localize"></div>
-            }
-            @if (existingDropShipmentAddresses.length > 5) {
-              <div class="search-input">
-                <co-input-search
-                  [(model)]="searchTerm"
-                  [placeholder]="'SEARCH_AVAILABLE' | localize"
-                  (modelChange)="handleSearch($event)">
-                </co-input-search>
-              </div>
-            }
-            @for (address of existingDropShipmentAddresses; track address) {
-              <div class="existing-address">
-                <strong [textContent]="address.dropshipmentName"></strong>
-                <div [textContent]="address.streetName"></div>
-                <div [textContent]="address.postalCode"></div>
-                <div [textContent]="address.city"></div>
-              </div>
-            }
-          </section>
-          <ng-template #templateHeader>
-            <div class="co-dialog-header-title-icon">
-              <co-icon [iconData]="iconCacheService.getIcon(icons.DeliveryTruckFast)"></co-icon>
-              <div class="co-dialog-header-title" [textContent]="'DROPSHIPMENT_INFO' | localize"></div>
-            </div>
-          </ng-template>
-          <ng-template #templateFooter>
-            <div class="co-dialog-footer-button-wrapper">
-              <co-button
-                class="save-button"
-                [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
-                (click)="saveDropShipment()">
-              </co-button>
-              <co-button
-                class="close-button"
-                [iconData]="iconCacheService.getIcon(icons.Crossskinny)"
-                (click)="showDropShipmentDialog = false">
-              </co-button>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DropShipmentComponent, isStandalone: false, selector: "co-drop-shipment", inputs: { transUuid: "transUuid" }, host: { properties: { "class.co-drop-shipment": "this.showClass" } }, ngImport: i0, template: `
+        <div class="default-data-row">
+            <div class="new-drop-shipment-link">
+                <icon class="drop-shipment-icon" [icon]="icons.ArrowPointRight"></icon>
+                <div [textContent]="'DROPSHIPMENT_INFO' | localize" (click)="showDropShipmentDialog = true"></div>
             </div>
-          </ng-template>
-        </co-dialog>
-      }
-      `, isInline: true, dependencies: [{ kind: "component", type: i1$1.CoDialogComponent, selector: "co-dialog", inputs: ["customCssClass", "headerTemplate", "footerTemplate", "showCloseIcon", "modal", "borderless"], outputs: ["closeClick"] }, { kind: "component", type: i1$1.FormComponent, selector: "co-form", inputs: ["readonly", "keepInView"], outputs: ["onChange", "validSubmit", "anySubmit", "validityChange", "readonlyChange", "invalidSubmit"] }, { kind: "component", type: i1$1.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: IconComponent, selector: "icon", inputs: ["icon"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: i1$1.InputTextComponent, selector: "co-input-text", inputs: ["useContent", "placeholder", "align", "type", "formatPipe", "min", "max", "pattern", "digitsOnly", "excludePlusMinus", "showClearButton", "keyDownWhiteList", "showPlaceholderOnFocus", "leftIcon", "rightIcon", "leftIconData", "rightIconData", "selectOnFocus", "emptyPlace", "firstDayOfWeek", "noStyle", "hideArrowButtons", "model"], outputs: ["leftIconClick", "leftIconMouseDown", "leftIconMouseUp", "rightIconClick", "rightIconMouseDown", "rightIconMouseUp", "clearIconClick", "isFocused"] }, { kind: "component", type: i1$1.InputSearchComponent, selector: "co-input-search", inputs: ["placeholder", "handleKeydown", "useLeftIcon", "useRightIcon", "leftIconData", "rightIconData", "centerLabel"], outputs: ["search", "isFocused", "leftIconClick", "rightIconClick"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
+        </div>
+
+        @if (showDropShipmentDialog) {
+            <co-dialog
+                    class="drop-shipment-dialog"
+                    [headerTemplate]="templateHeader"
+                    [footerTemplate]="templateFooter"
+                    (closeClick)="closeDropShipment()">
+                <section class="add-new-address-form">
+                    <h4 class="section-title" [textContent]="'DROPSHIPPING_ADDRESS_CURRENT_ORDER' | localize"></h4>
+                    <co-form class="drop-shipment-form">
+                        <co-input-text
+                                class="drop-shipment-form-item"
+                                [(model)]="dropShipmentInfo.dropshipmentName"
+                                [readonly]="!editMode"
+                                [placeholder]="'NAME' | localize">
+                        </co-input-text>
+                        <co-input-text
+                                class="drop-shipment-form-item"
+                                [(model)]="dropShipmentInfo.dropshipmentContactPerson"
+                                [readonly]="!editMode"
+                                [placeholder]="'WORKFLOW_CATEGORY_CONTACTPERSON_EMPLOYEE' | localize">
+                        </co-input-text>
+                        <co-input-text
+                                class="drop-shipment-form-item"
+                                [(model)]="dropShipmentInfo.dropshipmentEmailAddress"
+                                [readonly]="!editMode"
+                                [placeholder]="'SEND_ACTION_EMAIL' | localize">
+                        </co-input-text>
+                        <co-input-text
+                                class="drop-shipment-form-item"
+                                [(model)]="dropShipmentInfo.dropshipmentPhoneNumber"
+                                [readonly]="!editMode"
+                                [placeholder]="'PHONE_NUMBER' | localize">
+                        </co-input-text>
+                        <co-input-text
+                                class="drop-shipment-form-item smaller"
+                                [(model)]="dropShipmentInfo.postalCode"
+                                [readonly]="!editMode"
+                                [placeholder]="'POSTAL_CODE' | localize"
+                                [required]="true">
+                        </co-input-text>
+                        <co-input-text
+                                class="drop-shipment-form-item smaller"
+                                [(model)]="dropShipmentInfo.number"
+                                [readonly]="!editMode"
+                                [placeholder]="'HOUSE_NO' | localize"
+                                [type]="'number'"
+                                [required]="true">
+                        </co-input-text>
+                        <co-input-text
+                                class="drop-shipment-form-item smaller"
+                                [(model)]="dropShipmentInfo.addition"
+                                [readonly]="!editMode"
+                                [placeholder]="'HOUSE_NO_ADDITION' | localize">
+                        </co-input-text>
+                        <co-input-text
+                                class="drop-shipment-form-item"
+                                [(model)]="dropShipmentInfo.streetName"
+                                [readonly]="!editMode"
+                                [placeholder]="'STREET' | localize"
+                                [required]="true">
+                        </co-input-text>
+                        <co-input-text
+                                class="drop-shipment-form-item"
+                                [(model)]="dropShipmentInfo.city"
+                                [readonly]="!editMode"
+                                [placeholder]="'CITY' | localize"
+                                [required]="true">
+                        </co-input-text>
+                        <co-input-text
+                                class="drop-shipment-form-item"
+                                [(model)]="dropShipmentInfo.countryCode"
+                                [readonly]="!editMode"
+                                [placeholder]="'COUNTRY_CODE' | localize"
+                                [required]="true">
+                        </co-input-text>
+                    </co-form>
+                    <div class="form-actions">
+                        @if (editMode) {
+                            <co-button
+                                    class="save-button remove-entry"
+                                    [label]="'CANCEL' | localize"
+                                    (click)="cancelAddingNewAddress()">
+                            </co-button>
+                            <co-button
+                                    class="save-button remove-entry"
+                                    [label]="'SAVE' | localize"
+                                    (click)="saveDropShipment()">
+                            </co-button>
+                        }
+                        @if (showDisconnectButton && !editMode) {
+                            <co-button
+                                    class="save-button remove-entry"
+                                    [label]="'NO_DROPSHIPPING' | localize"
+                                    (click)="removeDropShipment()">
+                            </co-button>
+                        }
+                    </div>
+                </section>
+
+                <section class="existing-addresses">
+                    <h4 class="section-title" [textContent]="'HISTORIC_ADDRESSES' | localize"></h4>
+                    @if (existingDropShipmentAddresses.length === 0) {
+                        <div [textContent]="'MESSAGE_NO_ADDRESSES' | localize"></div>
+                    }
+                    @if (!editMode) {
+                        <co-button
+                                class="save-button add-entry"
+                                [label]="'ADD_NEW_ADDRESS' | localize"
+                                (click)="addNewAddress()">
+                        </co-button>
+                    }
+                    @if (existingDropShipmentAddresses.length > 5) {
+                        <div class="search-input">
+                            <co-input-search
+                                    [(model)]="searchTerm"
+                                    [placeholder]="'SEARCH_AVAILABLE' | localize"
+                                    (modelChange)="handleSearch($event)">
+                            </co-input-search>
+                        </div>
+                    }
+                    @for (address of existingDropShipmentAddresses; track address) {
+                        <div
+                                class="existing-address"
+                                [class.active]="dropShipmentInfo === address"
+                                (click)="selectAddress(address)">
+                            <strong [textContent]="address.dropshipmentName"></strong>
+                            <div [textContent]="address.streetName"></div>
+                            <div [textContent]="address.postalCode"></div>
+                            <div [textContent]="address.city"></div>
+                        </div>
+                    }
+                </section>
+                
+                <ng-template #templateHeader>
+                    <div class="co-dialog-header-title-icon">
+                        <co-icon [iconData]="iconCacheService.getIcon(icons.DeliveryTruckFast)"></co-icon>
+                        <div class="co-dialog-header-title" [textContent]="'DROPSHIPMENT_INFO' | localize"></div>
+                    </div>
+                </ng-template>
+                <ng-template #templateFooter>
+                    <div class="co-dialog-footer-button-wrapper">
+                        <co-button
+                                class="save-button"
+                                [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
+                                (click)="closeDropShipment()">
+                        </co-button>
+                        <co-button
+                                class="close-button"
+                                [iconData]="iconCacheService.getIcon(icons.Crossskinny)"
+                                (click)="closeDropShipment()">
+                        </co-button>
+                    </div>
+                </ng-template>
+            </co-dialog>
+        }
+    `, isInline: true, dependencies: [{ kind: "component", type: i1$1.CoDialogComponent, selector: "co-dialog", inputs: ["customCssClass", "headerTemplate", "footerTemplate", "showCloseIcon", "modal", "borderless"], outputs: ["closeClick"] }, { kind: "component", type: i1$1.FormComponent, selector: "co-form", inputs: ["readonly", "keepInView"], outputs: ["onChange", "validSubmit", "anySubmit", "validityChange", "readonlyChange", "invalidSubmit"] }, { kind: "component", type: i1$1.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: IconComponent, selector: "icon", inputs: ["icon"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: i1$1.InputTextComponent, selector: "co-input-text", inputs: ["useContent", "placeholder", "align", "type", "formatPipe", "min", "max", "pattern", "digitsOnly", "excludePlusMinus", "showClearButton", "keyDownWhiteList", "showPlaceholderOnFocus", "leftIcon", "rightIcon", "leftIconData", "rightIconData", "selectOnFocus", "emptyPlace", "firstDayOfWeek", "noStyle", "hideArrowButtons", "model"], outputs: ["leftIconClick", "leftIconMouseDown", "leftIconMouseUp", "rightIconClick", "rightIconMouseDown", "rightIconMouseUp", "clearIconClick", "isFocused"] }, { kind: "component", type: i1$1.InputSearchComponent, selector: "co-input-search", inputs: ["placeholder", "handleKeydown", "useLeftIcon", "useRightIcon", "leftIconData", "rightIconData", "centerLabel"], outputs: ["search", "isFocused", "leftIconClick", "rightIconClick"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DropShipmentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'co-drop-shipment',
                     template: `
-      <div class="default-data-row">
-        <div class="new-drop-shipment-link">
-          <icon class="drop-shipment-icon" [icon]="icons.ArrowPointRight"></icon>
-          <div [textContent]="'DROPSHIPMENT_INFO' | localize" (click)="openDropShipmentDialog()"></div>
-        </div>
-      </div>
-      
-      @if (showDropShipmentDialog) {
-        <co-dialog
-          class="drop-shipment-dialog"
-          [headerTemplate]="templateHeader"
-          [footerTemplate]="templateFooter"
-          (closeClick)="showDropShipmentDialog = false">
-          <section class="add-new-address-form">
-            <h4 class="section-title" [textContent]="'ADD_NEW_ADDRESS' | localize"></h4>
-            <co-form class="drop-shipment-form">
-              <co-input-text
-                class="drop-shipment-form-item"
-                [(model)]="dropShipmentInfo.dropshipmentName"
-                [placeholder]="'NAME' | localize">
-              </co-input-text>
-              <co-input-text
-                class="drop-shipment-form-item"
-                [(model)]="dropShipmentInfo.dropshipmentContactPerson"
-                [placeholder]="'WORKFLOW_CATEGORY_CONTACTPERSON_EMPLOYEE' | localize">
-              </co-input-text>
-              <co-input-text
-                class="drop-shipment-form-item"
-                [(model)]="dropShipmentInfo.dropshipmentEmailAddress"
-                [placeholder]="'SEND_ACTION_EMAIL' | localize">
-              </co-input-text>
-              <co-input-text
-                class="drop-shipment-form-item"
-                [(model)]="dropShipmentInfo.dropshipmentPhoneNumber"
-                [placeholder]="'PHONE_NUMBER' | localize">
-              </co-input-text>
-              <co-input-text
-                class="drop-shipment-form-item smaller"
-                [(model)]="dropShipmentInfo.postalCode"
-                [placeholder]="'POSTAL_CODE' | localize"
-                [required]="true">
-              </co-input-text>
-              <co-input-text
-                class="drop-shipment-form-item smaller"
-                [(model)]="dropShipmentInfo.number"
-                [placeholder]="'HOUSE_NO' | localize"
-                [type]="'number'"
-                [required]="true">
-              </co-input-text>
-              <co-input-text
-                class="drop-shipment-form-item smaller"
-                [(model)]="dropShipmentInfo.addition"
-                [placeholder]="'HOUSE_NO_ADDITION' | localize">
-              </co-input-text>
-              <co-input-text
-                class="drop-shipment-form-item"
-                [(model)]="dropShipmentInfo.streetName"
-                [placeholder]="'STREET' | localize"
-                [required]="true">
-              </co-input-text>
-              <co-input-text
-                class="drop-shipment-form-item"
-                [(model)]="dropShipmentInfo.city"
-                [placeholder]="'CITY' | localize"
-                [required]="true">
-              </co-input-text>
-              <co-input-text
-                class="drop-shipment-form-item"
-                [(model)]="dropShipmentInfo.countryCode"
-                [placeholder]="'COUNTRY_CODE' | localize"
-                [required]="true">
-              </co-input-text>
-            </co-form>
-          </section>
-          <section class="existing-addresses">
-            <h4 class="section-title" [textContent]="'ALL_ADDRESSES' | localize"></h4>
-            @if (existingDropShipmentAddresses.length === 0) {
-              <div [textContent]="'MESSAGE_NO_ADDRESSES' | localize"></div>
-            }
-            @if (existingDropShipmentAddresses.length > 5) {
-              <div class="search-input">
-                <co-input-search
-                  [(model)]="searchTerm"
-                  [placeholder]="'SEARCH_AVAILABLE' | localize"
-                  (modelChange)="handleSearch($event)">
-                </co-input-search>
-              </div>
-            }
-            @for (address of existingDropShipmentAddresses; track address) {
-              <div class="existing-address">
-                <strong [textContent]="address.dropshipmentName"></strong>
-                <div [textContent]="address.streetName"></div>
-                <div [textContent]="address.postalCode"></div>
-                <div [textContent]="address.city"></div>
-              </div>
-            }
-          </section>
-          <ng-template #templateHeader>
-            <div class="co-dialog-header-title-icon">
-              <co-icon [iconData]="iconCacheService.getIcon(icons.DeliveryTruckFast)"></co-icon>
-              <div class="co-dialog-header-title" [textContent]="'DROPSHIPMENT_INFO' | localize"></div>
-            </div>
-          </ng-template>
-          <ng-template #templateFooter>
-            <div class="co-dialog-footer-button-wrapper">
-              <co-button
-                class="save-button"
-                [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
-                (click)="saveDropShipment()">
-              </co-button>
-              <co-button
-                class="close-button"
-                [iconData]="iconCacheService.getIcon(icons.Crossskinny)"
-                (click)="showDropShipmentDialog = false">
-              </co-button>
+        <div class="default-data-row">
+            <div class="new-drop-shipment-link">
+                <icon class="drop-shipment-icon" [icon]="icons.ArrowPointRight"></icon>
+                <div [textContent]="'DROPSHIPMENT_INFO' | localize" (click)="showDropShipmentDialog = true"></div>
             </div>
-          </ng-template>
-        </co-dialog>
-      }
-      `,
+        </div>
+
+        @if (showDropShipmentDialog) {
+            <co-dialog
+                    class="drop-shipment-dialog"
+                    [headerTemplate]="templateHeader"
+                    [footerTemplate]="templateFooter"
+                    (closeClick)="closeDropShipment()">
+                <section class="add-new-address-form">
+                    <h4 class="section-title" [textContent]="'DROPSHIPPING_ADDRESS_CURRENT_ORDER' | localize"></h4>
+                    <co-form class="drop-shipment-form">
+                        <co-input-text
+                                class="drop-shipment-form-item"
+                                [(model)]="dropShipmentInfo.dropshipmentName"
+                                [readonly]="!editMode"
+                                [placeholder]="'NAME' | localize">
+                        </co-input-text>
+                        <co-input-text
+                                class="drop-shipment-form-item"
+                                [(model)]="dropShipmentInfo.dropshipmentContactPerson"
+                                [readonly]="!editMode"
+                                [placeholder]="'WORKFLOW_CATEGORY_CONTACTPERSON_EMPLOYEE' | localize">
+                        </co-input-text>
+                        <co-input-text
+                                class="drop-shipment-form-item"
+                                [(model)]="dropShipmentInfo.dropshipmentEmailAddress"
+                                [readonly]="!editMode"
+                                [placeholder]="'SEND_ACTION_EMAIL' | localize">
+                        </co-input-text>
+                        <co-input-text
+                                class="drop-shipment-form-item"
+                                [(model)]="dropShipmentInfo.dropshipmentPhoneNumber"
+                                [readonly]="!editMode"
+                                [placeholder]="'PHONE_NUMBER' | localize">
+                        </co-input-text>
+                        <co-input-text
+                                class="drop-shipment-form-item smaller"
+                                [(model)]="dropShipmentInfo.postalCode"
+                                [readonly]="!editMode"
+                                [placeholder]="'POSTAL_CODE' | localize"
+                                [required]="true">
+                        </co-input-text>
+                        <co-input-text
+                                class="drop-shipment-form-item smaller"
+                                [(model)]="dropShipmentInfo.number"
+                                [readonly]="!editMode"
+                                [placeholder]="'HOUSE_NO' | localize"
+                                [type]="'number'"
+                                [required]="true">
+                        </co-input-text>
+                        <co-input-text
+                                class="drop-shipment-form-item smaller"
+                                [(model)]="dropShipmentInfo.addition"
+                                [readonly]="!editMode"
+                                [placeholder]="'HOUSE_NO_ADDITION' | localize">
+                        </co-input-text>
+                        <co-input-text
+                                class="drop-shipment-form-item"
+                                [(model)]="dropShipmentInfo.streetName"
+                                [readonly]="!editMode"
+                                [placeholder]="'STREET' | localize"
+                                [required]="true">
+                        </co-input-text>
+                        <co-input-text
+                                class="drop-shipment-form-item"
+                                [(model)]="dropShipmentInfo.city"
+                                [readonly]="!editMode"
+                                [placeholder]="'CITY' | localize"
+                                [required]="true">
+                        </co-input-text>
+                        <co-input-text
+                                class="drop-shipment-form-item"
+                                [(model)]="dropShipmentInfo.countryCode"
+                                [readonly]="!editMode"
+                                [placeholder]="'COUNTRY_CODE' | localize"
+                                [required]="true">
+                        </co-input-text>
+                    </co-form>
+                    <div class="form-actions">
+                        @if (editMode) {
+                            <co-button
+                                    class="save-button remove-entry"
+                                    [label]="'CANCEL' | localize"
+                                    (click)="cancelAddingNewAddress()">
+                            </co-button>
+                            <co-button
+                                    class="save-button remove-entry"
+                                    [label]="'SAVE' | localize"
+                                    (click)="saveDropShipment()">
+                            </co-button>
+                        }
+                        @if (showDisconnectButton && !editMode) {
+                            <co-button
+                                    class="save-button remove-entry"
+                                    [label]="'NO_DROPSHIPPING' | localize"
+                                    (click)="removeDropShipment()">
+                            </co-button>
+                        }
+                    </div>
+                </section>
+
+                <section class="existing-addresses">
+                    <h4 class="section-title" [textContent]="'HISTORIC_ADDRESSES' | localize"></h4>
+                    @if (existingDropShipmentAddresses.length === 0) {
+                        <div [textContent]="'MESSAGE_NO_ADDRESSES' | localize"></div>
+                    }
+                    @if (!editMode) {
+                        <co-button
+                                class="save-button add-entry"
+                                [label]="'ADD_NEW_ADDRESS' | localize"
+                                (click)="addNewAddress()">
+                        </co-button>
+                    }
+                    @if (existingDropShipmentAddresses.length > 5) {
+                        <div class="search-input">
+                            <co-input-search
+                                    [(model)]="searchTerm"
+                                    [placeholder]="'SEARCH_AVAILABLE' | localize"
+                                    (modelChange)="handleSearch($event)">
+                            </co-input-search>
+                        </div>
+                    }
+                    @for (address of existingDropShipmentAddresses; track address) {
+                        <div
+                                class="existing-address"
+                                [class.active]="dropShipmentInfo === address"
+                                (click)="selectAddress(address)">
+                            <strong [textContent]="address.dropshipmentName"></strong>
+                            <div [textContent]="address.streetName"></div>
+                            <div [textContent]="address.postalCode"></div>
+                            <div [textContent]="address.city"></div>
+                        </div>
+                    }
+                </section>
+                
+                <ng-template #templateHeader>
+                    <div class="co-dialog-header-title-icon">
+                        <co-icon [iconData]="iconCacheService.getIcon(icons.DeliveryTruckFast)"></co-icon>
+                        <div class="co-dialog-header-title" [textContent]="'DROPSHIPMENT_INFO' | localize"></div>
+                    </div>
+                </ng-template>
+                <ng-template #templateFooter>
+                    <div class="co-dialog-footer-button-wrapper">
+                        <co-button
+                                class="save-button"
+                                [iconData]="iconCacheService.getIcon(icons.CheckDuotone)"
+                                (click)="closeDropShipment()">
+                        </co-button>
+                        <co-button
+                                class="close-button"
+                                [iconData]="iconCacheService.getIcon(icons.Crossskinny)"
+                                (click)="closeDropShipment()">
+                        </co-button>
+                    </div>
+                </ng-template>
+            </co-dialog>
+        }
+    `,
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
                 }]
         }], ctorParameters: () => [{ type: IconCacheService }, { type: TransactionService }, { type: TransactionDialogService }], propDecorators: { showClass: [{
                 type: HostBinding,
                 args: ['class.co-drop-shipment']
+            }], transUuid: [{
+                type: Input
             }] } });
 
 class TransactionHeaderPopupRelationComponent extends TransactionHeaderPopupBaseComponent {
@@ -71159,7 +71311,7 @@ class TransactionHeaderPopupRelationComponent extends TransactionHeaderPopupBase
                     (selectedNawNrChange)="setIndexDeliveryAddress($event)"
                     (selectedLocalHashChange)="setLocalHashDeliveryAddress($event)"
                   ></co-relation-addresses>
-                  <co-drop-shipment></co-drop-shipment>
+                  <co-drop-shipment [transUuid]="transactionInfo.uuid"></co-drop-shipment>
                   <co-relation-contact-details
                     [configNames]="configNames?.contactDetails"
                     [readonly]="readonly || forceReadonly"
@@ -71215,7 +71367,7 @@ class TransactionHeaderPopupRelationComponent extends TransactionHeaderPopupBase
           }
         </co-form>
       </div>
-      `, isInline: true, dependencies: [{ kind: "component", type: i1$1.FormComponent, selector: "co-form", inputs: ["readonly", "keepInView"], outputs: ["onChange", "validSubmit", "anySubmit", "validityChange", "readonlyChange", "invalidSubmit"] }, { kind: "component", type: RelationTypeComponent, selector: "co-relation-type", inputs: ["readonly", "relation"], outputs: ["relationChange"] }, { kind: "component", type: CustomerGroupsComponent, selector: "relation-customer-groups", inputs: ["readonly", "required", "model"], outputs: ["modelChange"] }, { kind: "component", type: RelationGeneralComponent, selector: "co-relation-general", inputs: ["relationType", "configNames", "readonly", "relationKind", "service", "contactPerson"], outputs: ["contactPersonChangeEvent", "contactPersonInfoOpenEvent"] }, { kind: "component", type: RelationAddressesComponent, selector: "co-relation-addresses", inputs: ["readonly", "addresses", "showOnlyActive", "type", "selectedNawNr", "selectedLocalHash", "noSaveOnAddAddress"], outputs: ["selectedNawNrChange", "selectedLocalHashChange"] }, { kind: "component", type: DropShipmentComponent, selector: "co-drop-shipment" }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "component", type: RelationPreferencesComponent, selector: "co-relation-preferences", inputs: ["readonly"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "directive", type: i1$1.TooltipDirective, selector: "[tooltip]", inputs: ["tooltip"] }, { kind: "component", type: i1$1.InputTextComponent, selector: "co-input-text", inputs: ["useContent", "placeholder", "align", "type", "formatPipe", "min", "max", "pattern", "digitsOnly", "excludePlusMinus", "showClearButton", "keyDownWhiteList", "showPlaceholderOnFocus", "leftIcon", "rightIcon", "leftIconData", "rightIconData", "selectOnFocus", "emptyPlace", "firstDayOfWeek", "noStyle", "hideArrowButtons", "model"], outputs: ["leftIconClick", "leftIconMouseDown", "leftIconMouseUp", "rightIconClick", "rightIconMouseDown", "rightIconMouseUp", "clearIconClick", "isFocused"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: RelationContactDetailsComponent, selector: "co-relation-contact-details", inputs: ["configNames", "readonly", "showPhone", "showInviteForAccount", "relationKind"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], animations: [
+      `, isInline: true, dependencies: [{ kind: "component", type: i1$1.FormComponent, selector: "co-form", inputs: ["readonly", "keepInView"], outputs: ["onChange", "validSubmit", "anySubmit", "validityChange", "readonlyChange", "invalidSubmit"] }, { kind: "component", type: RelationTypeComponent, selector: "co-relation-type", inputs: ["readonly", "relation"], outputs: ["relationChange"] }, { kind: "component", type: CustomerGroupsComponent, selector: "relation-customer-groups", inputs: ["readonly", "required", "model"], outputs: ["modelChange"] }, { kind: "component", type: RelationGeneralComponent, selector: "co-relation-general", inputs: ["relationType", "configNames", "readonly", "relationKind", "service", "contactPerson"], outputs: ["contactPersonChangeEvent", "contactPersonInfoOpenEvent"] }, { kind: "component", type: RelationAddressesComponent, selector: "co-relation-addresses", inputs: ["readonly", "addresses", "showOnlyActive", "type", "selectedNawNr", "selectedLocalHash", "noSaveOnAddAddress"], outputs: ["selectedNawNrChange", "selectedLocalHashChange"] }, { kind: "component", type: DropShipmentComponent, selector: "co-drop-shipment", inputs: ["transUuid"] }, { kind: "component", type: i1$1.InputCheckboxComponent, selector: "co-input-checkbox", inputs: ["cssClass", "clickableLabel"], outputs: ["modelChange"] }, { kind: "component", type: RelationPreferencesComponent, selector: "co-relation-preferences", inputs: ["readonly"] }, { kind: "component", type: i1$1.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "directive", type: i1$1.TooltipDirective, selector: "[tooltip]", inputs: ["tooltip"] }, { kind: "component", type: i1$1.InputTextComponent, selector: "co-input-text", inputs: ["useContent", "placeholder", "align", "type", "formatPipe", "min", "max", "pattern", "digitsOnly", "excludePlusMinus", "showClearButton", "keyDownWhiteList", "showPlaceholderOnFocus", "leftIcon", "rightIcon", "leftIconData", "rightIconData", "selectOnFocus", "emptyPlace", "firstDayOfWeek", "noStyle", "hideArrowButtons", "model"], outputs: ["leftIconClick", "leftIconMouseDown", "leftIconMouseUp", "rightIconClick", "rightIconMouseDown", "rightIconMouseUp", "clearIconClick", "isFocused"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: RelationContactDetailsComponent, selector: "co-relation-contact-details", inputs: ["configNames", "readonly", "showPhone", "showInviteForAccount", "relationKind"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], animations: [
             trigger('showHideInvoiceAddress', [
                 state('void', style({ height: 0, opacity: 0 })),
                 state('*', style({ height: '*', opacity: 1 })),
@@ -71365,7 +71517,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     (selectedNawNrChange)="setIndexDeliveryAddress($event)"
                     (selectedLocalHashChange)="setLocalHashDeliveryAddress($event)"
                   ></co-relation-addresses>
-                  <co-drop-shipment></co-drop-shipment>
+                  <co-drop-shipment [transUuid]="transactionInfo.uuid"></co-drop-shipment>
                   <co-relation-contact-details
                     [configNames]="configNames?.contactDetails"
                     [readonly]="readonly || forceReadonly"
@@ -78525,7 +78677,7 @@ class TransactionSalesPersonInputComponent {
           }
         </div>
       </div>
-      `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutside", "alwaysTrigger"], outputs: ["clickOutside"], exportAs: ["clickOutside"] }, { kind: "directive", type: i1$1.OverlayDirective, selector: "[overlay]", inputs: ["overlay", "view", "inline", "keepInView", "inheritWidth", "rightAlign", "fullSize"] }, { kind: "component", type: DialogHeaderSearchComponent, selector: "co-dialog-header-search", inputs: ["title", "icon"], outputs: ["search"] }, { kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "relation"] }, { kind: "directive", type: i1$1.ObserveVisibilityDirective, selector: "[observeVisibility]", inputs: ["threshold"], outputs: ["visibilityChange"], exportAs: ["visibilityObserve"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
+      `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutside", "alwaysTrigger"], outputs: ["clickOutside"], exportAs: ["clickOutside"] }, { kind: "directive", type: i1$1.OverlayDirective, selector: "[overlay]", inputs: ["overlay", "view", "inline", "keepInView", "inheritWidth", "rightAlign", "fullSize"] }, { kind: "component", type: DialogHeaderSearchComponent, selector: "co-dialog-header-search", inputs: ["title", "icon"], outputs: ["search"] }, { kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "relation", "showBranchNr"] }, { kind: "directive", type: i1$1.ObserveVisibilityDirective, selector: "[observeVisibility]", inputs: ["threshold"], outputs: ["visibilityChange"], exportAs: ["visibilityObserve"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionSalesPersonInputComponent, decorators: [{
             type: Component,
@@ -81787,20 +81939,20 @@ class TransactionHeaderHandledByComponent {
             }
         ], ngImport: i0, template: `
         <div class="sales-person-input">
-          @if (!transaction.transactionInfo.handledBy) {
-            <div class="sales-person-unset">
-              ...
-            </div>
-          }
-          @if (transaction.transactionInfo.handledBy) {
-            <co-avatar
-              class="transaction-sales-avatar"
-              [relationId]="transaction.transactionInfo.handledBy"
-              >
-            </co-avatar>
-          }
+            @if (!transaction.transactionInfo.handledBy) {
+                <div class="sales-person-unset">
+                    ...
+                </div>
+            }
+            @if (transaction.transactionInfo.handledBy) {
+                <co-avatar
+                        class="transaction-sales-avatar"
+                        [relationId]="transaction.transactionInfo.handledBy"
+                        [showBranchNr]="true">
+                </co-avatar>
+            }
         </div>
-        `, isInline: true, dependencies: [{ kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "relation"] }], encapsulation: i0.ViewEncapsulation.None });
+    `, isInline: true, dependencies: [{ kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "relation", "showBranchNr"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionHeaderHandledByComponent, decorators: [{
             type: Component,
@@ -81808,20 +81960,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     selector: 'co-transaction-header-handled-by',
                     template: `
         <div class="sales-person-input">
-          @if (!transaction.transactionInfo.handledBy) {
-            <div class="sales-person-unset">
-              ...
-            </div>
-          }
-          @if (transaction.transactionInfo.handledBy) {
-            <co-avatar
-              class="transaction-sales-avatar"
-              [relationId]="transaction.transactionInfo.handledBy"
-              >
-            </co-avatar>
-          }
+            @if (!transaction.transactionInfo.handledBy) {
+                <div class="sales-person-unset">
+                    ...
+                </div>
+            }
+            @if (transaction.transactionInfo.handledBy) {
+                <co-avatar
+                        class="transaction-sales-avatar"
+                        [relationId]="transaction.transactionInfo.handledBy"
+                        [showBranchNr]="true">
+                </co-avatar>
+            }
         </div>
-        `,
+    `,
                     providers: [{
                             provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
                             useExisting: forwardRef(() => TransactionHeaderHandledByComponent)
@@ -82690,7 +82842,7 @@ class TransactionInternalComponent {
         }
       </div>
       }
-      `, isInline: true, dependencies: [{ kind: "component", type: TransactionHeaderComponent, selector: "co-transaction-header", inputs: ["transaction"] }, { kind: "component", type: TransactionQuickAccessComponent, selector: "co-transaction-quick-access", inputs: ["transactionKind", "activeCategory", "planningLines"] }, { kind: "component", type: TransactionButtonBarComponent, selector: "co-transaction-button-bar", inputs: ["selectedCategory", "transactionInfoResponse", "sidePanel", "direction", "hideButtonLoader"], outputs: ["buttonClicked"] }, { kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "relation"] }, { kind: "component", type: i1$1.ViewModeButtonsComponent, selector: "co-view-mode-buttons", inputs: ["showViewModes", "activeViewMode"], outputs: ["viewModeChange"] }, { kind: "component", type: TransactionLinesComponent, selector: "co-transaction-lines", inputs: ["customerPortal", "planningLines"] }, { kind: "component", type: AddProductComponent, selector: "co-add-product", inputs: ["handleAddArticleInternally"], outputs: ["addArticle"] }, { kind: "component", type: TransactionTotalsComponent, selector: "co-transaction-totals", inputs: ["showDiscount"], outputs: ["discountClick"] }, { kind: "component", type: TransactionArticleTextOverviewComponent, selector: "co-transaction-article-text-overview", inputs: ["transactionInfo", "transactionLine"], outputs: ["closeClick", "cancelClick"] }, { kind: "component", type: TransactionArticleTextComponent, selector: "co-transaction-article-text", inputs: ["header", "transactionUuid", "transactionLine", "orderLineSetDTO", "articleRef", "editText", "articleLineNr", "showArticleImageDescription", "showImage"], outputs: ["closeClick", "cancelClick", "saveClick", "saveOrderLineSetClick"] }, { kind: "component", type: TransactionCopyOrderComponent, selector: "co-transaction-copy-order", outputs: ["closeDialog"] }, { kind: "component", type: TransactionLinesSidePanelComponent, selector: "co-transaction-lines-side-panel", inputs: ["transaction", "posOrderData"] }, { kind: "component", type: TransactionButtonComponent, selector: "co-transaction-button", inputs: ["label", "title", "statusColor", "readonly", "hidden", "iconData", "rightIconData", "showCheckMarkLoader", "checkMarkOverlayVisible", "inputLabel", "insideLabel"], outputs: ["iconClicked"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: TransactionServiceOverviewComponent, selector: "co-transaction-service-overview", inputs: ["posOrderData", "customerPortal"] }, { kind: "component", type: TransactionCardsComponent, selector: "co-transaction-cards" }, { kind: "component", type: TransactionMarginComponent, selector: "co-transaction-margin" }, { kind: "component", type: ClickBlockComponent, selector: "co-click-block" }, { kind: "component", type: TransactionArticleStockComponent, selector: "co-transaction-article-stock-dialog", inputs: ["article"], outputs: ["closeClick"] }, { kind: "component", type: TransactionHeaderCustomerPortalComponent, selector: "co-transaction-header-customer-portal", inputs: ["transaction", "showPreferredPlanning"] }, { kind: "component", type: TransactionHeaderHandledByComponent, selector: "co-transaction-header-handled-by", inputs: ["transaction"] }, { kind: "component", type: i10.FormBuilderUserFormComponent, selector: "co-form-builder-user-form", inputs: ["showPopup", "form", "userForm", "table", "key", "readonly", "enableQuestions", "lineUUID"], outputs: ["cancelForm", "saveForm", "definitiveChange", "createNewFormResponse", "errorMessage"] }, { kind: "component", type: DeliveryPlanningOverviewPopupComponent, selector: "co-delivery-planning-overview-popup", outputs: ["closeEvent", "onSucceededPlanAction"] }, { kind: "component", type: TransactionSalesReservationPopupComponent, selector: "co-transaction-sales-reservation-popup", inputs: ["reservationOrderLines", "transactionId"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
+      `, isInline: true, dependencies: [{ kind: "component", type: TransactionHeaderComponent, selector: "co-transaction-header", inputs: ["transaction"] }, { kind: "component", type: TransactionQuickAccessComponent, selector: "co-transaction-quick-access", inputs: ["transactionKind", "activeCategory", "planningLines"] }, { kind: "component", type: TransactionButtonBarComponent, selector: "co-transaction-button-bar", inputs: ["selectedCategory", "transactionInfoResponse", "sidePanel", "direction", "hideButtonLoader"], outputs: ["buttonClicked"] }, { kind: "component", type: AvatarComponent, selector: "co-avatar", inputs: ["image", "relationId", "relation", "showBranchNr"] }, { kind: "component", type: i1$1.ViewModeButtonsComponent, selector: "co-view-mode-buttons", inputs: ["showViewModes", "activeViewMode"], outputs: ["viewModeChange"] }, { kind: "component", type: TransactionLinesComponent, selector: "co-transaction-lines", inputs: ["customerPortal", "planningLines"] }, { kind: "component", type: AddProductComponent, selector: "co-add-product", inputs: ["handleAddArticleInternally"], outputs: ["addArticle"] }, { kind: "component", type: TransactionTotalsComponent, selector: "co-transaction-totals", inputs: ["showDiscount"], outputs: ["discountClick"] }, { kind: "component", type: TransactionArticleTextOverviewComponent, selector: "co-transaction-article-text-overview", inputs: ["transactionInfo", "transactionLine"], outputs: ["closeClick", "cancelClick"] }, { kind: "component", type: TransactionArticleTextComponent, selector: "co-transaction-article-text", inputs: ["header", "transactionUuid", "transactionLine", "orderLineSetDTO", "articleRef", "editText", "articleLineNr", "showArticleImageDescription", "showImage"], outputs: ["closeClick", "cancelClick", "saveClick", "saveOrderLineSetClick"] }, { kind: "component", type: TransactionCopyOrderComponent, selector: "co-transaction-copy-order", outputs: ["closeDialog"] }, { kind: "component", type: TransactionLinesSidePanelComponent, selector: "co-transaction-lines-side-panel", inputs: ["transaction", "posOrderData"] }, { kind: "component", type: TransactionButtonComponent, selector: "co-transaction-button", inputs: ["label", "title", "statusColor", "readonly", "hidden", "iconData", "rightIconData", "showCheckMarkLoader", "checkMarkOverlayVisible", "inputLabel", "insideLabel"], outputs: ["iconClicked"] }, { kind: "directive", type: i1$1.ScreenConfigurationDirective, selector: "[screenConfigurationObject]", inputs: ["screenConfigurationObject", "dataName", "screenConfigNativeElement", "noModuleService"] }, { kind: "component", type: TransactionServiceOverviewComponent, selector: "co-transaction-service-overview", inputs: ["posOrderData", "customerPortal"] }, { kind: "component", type: TransactionCardsComponent, selector: "co-transaction-cards" }, { kind: "component", type: TransactionMarginComponent, selector: "co-transaction-margin" }, { kind: "component", type: ClickBlockComponent, selector: "co-click-block" }, { kind: "component", type: TransactionArticleStockComponent, selector: "co-transaction-article-stock-dialog", inputs: ["article"], outputs: ["closeClick"] }, { kind: "component", type: TransactionHeaderCustomerPortalComponent, selector: "co-transaction-header-customer-portal", inputs: ["transaction", "showPreferredPlanning"] }, { kind: "component", type: TransactionHeaderHandledByComponent, selector: "co-transaction-header-handled-by", inputs: ["transaction"] }, { kind: "component", type: i10.FormBuilderUserFormComponent, selector: "co-form-builder-user-form", inputs: ["showPopup", "form", "userForm", "table", "key", "readonly", "enableQuestions", "lineUUID"], outputs: ["cancelForm", "saveForm", "definitiveChange", "createNewFormResponse", "errorMessage"] }, { kind: "component", type: DeliveryPlanningOverviewPopupComponent, selector: "co-delivery-planning-overview-popup", outputs: ["closeEvent", "onSucceededPlanAction"] }, { kind: "component", type: TransactionSalesReservationPopupComponent, selector: "co-transaction-sales-reservation-popup", inputs: ["reservationOrderLines", "transactionId"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TransactionInternalComponent, decorators: [{
             type: Component,